feat(web): add iwooos stage completion report

apps/web/src/app/[locale]/iwooos/page.tsx

@@ -61,6 +61,13 @@ type IwoooSOperatorNextTask = {
   tone: 'steady' | 'warn' | 'locked'
 }
 
+type IwoooSStageCompletionReportItem = {
+  key: string
+  value: string
+  icon: typeof ShieldCheck
+  tone: 'steady' | 'warn' | 'locked'
+}
+
 type AwoooPReadOnlyLandingReadinessItem = {
   key: string
   item: string
@@ -619,6 +626,13 @@ const operatorNextTasks: IwoooSOperatorNextTask[] = [
   { key: 'githubPrimaryReadiness', step: 'N4', icon: GitBranch, tone: 'warn' },
 ]
 
+const stageCompletionReportItems: IwoooSStageCompletionReportItem[] = [
+  { key: 'stageClosed', value: '完成', icon: CheckCircle2, tone: 'steady' },
+  { key: 'productionEvidence', value: 'CD 3261', icon: Radar, tone: 'steady' },
+  { key: 'progressBoundary', value: '61%', icon: Activity, tone: 'warn' },
+  { key: 'runtimeBoundary', value: 'Gate 0', icon: Lock, tone: 'locked' },
+]
+
 const progressAccelerationLanes: ProgressAccelerationLane[] = [
   { key: 'ownerResponses', lane: 'PAL1', icon: ClipboardCheck, tone: 'warn' },
   { key: 'redactedIngestion', lane: 'PAL2', icon: FileText, tone: 'warn' },
@@ -3445,6 +3459,59 @@ function IwoooSOperatorNextTasksBoard() {
   )
 }
 
+function IwoooSStageCompletionReportBoard() {
+  const t = useTranslations('iwooos.stageCompletionReport')
+  return (
+    <section style={{ marginBottom: 0 }} data-testid="iwooos-stage-completion-report-board">
+      <div style={{ marginBottom: 14 }}>
+        <h2 style={{ fontSize: 16, margin: 0 }}>{t('title')}</h2>
+        <p style={{ fontSize: 12, color: '#6f6d66', margin: '6px 0 0', lineHeight: 1.55 }}>
+          {t('subtitle')}
+        </p>
+      </div>
+      <div
+        style={{
+          display: 'grid',
+          gridTemplateColumns: 'repeat(auto-fit, minmax(190px, 1fr))',
+          gap: 12,
+        }}
+      >
+        {stageCompletionReportItems.map(item => {
+          const Icon = item.icon
+          return (
+            <div key={item.key} style={{ ...band, minHeight: 156, padding: 15 }}>
+              <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 12 }}>
+                <Icon size={18} color={toneColors[item.tone]} />
+                <span style={{ fontSize: 11, color: toneColors[item.tone] }}>{item.value}</span>
+              </div>
+              <h3 style={{ fontSize: 14, margin: '12px 0 6px', color: '#141413' }}>
+                {t(`items.${item.key}.title` as never)}
+              </h3>
+              <p style={{ fontSize: 12, lineHeight: 1.55, color: '#6f6d66', margin: 0 }}>
+                {t(`items.${item.key}.body` as never)}
+              </p>
+            </div>
+          )
+        })}
+      </div>
+      <div
+        style={{
+          marginTop: 10,
+          border: '0.5px solid #d6e4d7',
+          borderRadius: 8,
+          background: '#f8fbf7',
+          padding: 12,
+          color: '#38533e',
+          fontSize: 11,
+          lineHeight: 1.5,
+        }}
+      >
+        {t('boundary')}
+      </div>
+    </section>
+  )
+}
+
 function ProgressAccelerationLaneCard({ item }: { item: ProgressAccelerationLane }) {
   const t = useTranslations('iwooos.progressAcceleration')
   const Icon = item.icon
@@ -11846,6 +11913,8 @@ export default function IwoooSPage({ params }: { params: { locale: string } }) {
             {postureMetrics.map(item => <MetricCard key={item.key} item={item} />)}
           </section>
 
+          <IwoooSStageCompletionReportBoard />
+
           <IwoooSOperatorNextTasksBoard />
 
           <section style={{ marginBottom: 0 }}>