feat(web): add IwoooS host collection order

apps/web/messages/en.json

@@ -1361,6 +1361,49 @@
         }
       }
     },
+    "hostEvidenceCollection": {
+      "title": "Host Evidence Collection Order",
+      "subtitle": "Orders the seven host evidence items into a recommended collection sequence. Each step only names the next reviewable item and does not change received / accepted from 0.",
+      "stepLabel": "Collection step",
+      "dependencyLabel": "Dependency",
+      "items": {
+        "scopeFirst": {
+          "title": "Define scope boundary first",
+          "body": "Confirm allowed targets, exclusions, depth, and rate limits first. No scope means no scan.",
+          "dependency": "none; this is the first host collection step"
+        },
+        "ownerSecond": {
+          "title": "Collect owner decision second",
+          "body": "Confirm who approves, the approved range, and the decision record; queue state cannot replace human control.",
+          "dependency": "requires readable scope boundary"
+        },
+        "credentialThird": {
+          "title": "Isolate credential handling",
+          "body": "If future scans need credentials, define credential source, storage boundary, redaction, and rejection first.",
+          "dependency": "requires owner decision; plaintext credential collection remains forbidden"
+        },
+        "maintenanceFourth": {
+          "title": "Schedule maintenance window",
+          "body": "Before updates, tuning, or SSH changes, confirm the window, impact scope, and notification.",
+          "dependency": "requires owner decision and change scope"
+        },
+        "rollbackFifth": {
+          "title": "Add rollback plan",
+          "body": "Every host action needs recovery for packages, settings, services, and toolchain versions.",
+          "dependency": "requires maintenance window and change list"
+        },
+        "validationSixth": {
+          "title": "Define validation metrics",
+          "body": "Define post-check metrics and failure handling lanes before execution is discussed.",
+          "dependency": "requires rollback plan"
+        },
+        "redactedSeventh": {
+          "title": "Collect redacted ingestion last",
+          "body": "Findings / scan results enter mirror only as redacted summaries, never as raw payload.",
+          "dependency": "requires validation metrics; payloads_ingested=false"
+        }
+      }
+    },
     "nextGate": {
       "title": "Next High-level Gate",
       "body": "S4.9 Gitea owner attestation response is the recommended next owner evidence. Headline progress should only increase after owner responses, redacted payload ingestion, active runtime gates, or GitHub primary readiness actually change."

apps/web/messages/zh-TW.json

@@ -1362,6 +1362,49 @@
         }
       }
     },
+    "hostEvidenceCollection": {
+      "title": "主機 Evidence 收件順序",
+      "subtitle": "把七個主機 evidence 排成建議收件順序。每一步都只代表下一個可審項目，不會把 received / accepted 從 0 改掉。",
+      "stepLabel": "收件步驟",
+      "dependencyLabel": "前置依賴",
+      "items": {
+        "scopeFirst": {
+          "title": "先定義 scope boundary",
+          "body": "先確認允許目標、排除範圍、深度與速率。沒有 scope，不進 scan。",
+          "dependency": "無；這是主機收件第一步"
+        },
+        "ownerSecond": {
+          "title": "再收 owner decision",
+          "body": "確認誰批准、批准範圍與決策紀錄，不用 queue 狀態替代人控決策。",
+          "dependency": "需要 scope boundary 可讀"
+        },
+        "credentialThird": {
+          "title": "隔離 credential handling",
+          "body": "若未來要帶憑證掃描，先定義憑證來源、保存邊界、遮蔽與拒收。",
+          "dependency": "需要 owner decision；仍禁止收集憑證明文"
+        },
+        "maintenanceFourth": {
+          "title": "安排 maintenance window",
+          "body": "更新、調校或 SSH 變更前先確認窗口、影響範圍與通知。",
+          "dependency": "需要 owner decision 與變更範圍"
+        },
+        "rollbackFifth": {
+          "title": "補 rollback plan",
+          "body": "每個主機動作都要能回復套件、設定、服務與工具鏈版本。",
+          "dependency": "需要 maintenance window 與變更清單"
+        },
+        "validationSixth": {
+          "title": "定義 validation metrics",
+          "body": "先定義 post-check 指標與失敗處理 lane，再談執行。",
+          "dependency": "需要 rollback plan"
+        },
+        "redactedSeventh": {
+          "title": "最後才收 redacted ingestion",
+          "body": "finding / scan result 只用脫敏摘要進 mirror，不吃 raw payload。",
+          "dependency": "需要 validation metrics；payloads_ingested=false"
+        }
+      }
+    },
     "nextGate": {
       "title": "下一個高層 Gate",
       "body": "S4.9 Gitea owner attestation response 是目前建議先收的 owner evidence。任何 headline 提升都要等 owner response、redacted payload ingestion、active runtime gate 或 GitHub primary readiness 有真實變化。"

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

@@ -95,6 +95,13 @@ type HostEvidenceReadinessItem = {
   tone: 'steady' | 'warn' | 'locked'
 }
 
+type HostEvidenceCollectionStep = {
+  key: string
+  step: string
+  icon: typeof ShieldCheck
+  tone: 'steady' | 'warn' | 'locked'
+}
+
 const postureMetrics: PostureMetric[] = [
   { key: 'overall', value: '58%', tone: 'warn' },
   { key: 'framework', value: '80-85%', tone: 'steady' },
@@ -216,6 +223,16 @@ const hostEvidenceReadinessItems: HostEvidenceReadinessItem[] = [
   { key: 'redactedIngestion', gate: 'S1.6', icon: ShieldCheck, tone: 'locked' },
 ]
 
+const hostEvidenceCollectionSteps: HostEvidenceCollectionStep[] = [
+  { key: 'scopeFirst', step: '01', icon: Radar, tone: 'warn' },
+  { key: 'ownerSecond', step: '02', icon: ClipboardCheck, tone: 'warn' },
+  { key: 'credentialThird', step: '03', icon: Lock, tone: 'locked' },
+  { key: 'maintenanceFourth', step: '04', icon: Clock3, tone: 'warn' },
+  { key: 'rollbackFifth', step: '05', icon: FileWarning, tone: 'warn' },
+  { key: 'validationSixth', step: '06', icon: CheckCircle2, tone: 'warn' },
+  { key: 'redactedSeventh', step: '07', icon: ShieldCheck, tone: 'locked' },
+]
+
 const evidenceItems = [
   'iwooos-posture-projection.snapshot.json',
   'security-rollout-policy.snapshot.json',
@@ -546,6 +563,34 @@ function HostEvidenceReadinessCard({ item, index }: { item: HostEvidenceReadines
   )
 }
 
+function HostEvidenceCollectionCard({ item }: { item: HostEvidenceCollectionStep }) {
+  const t = useTranslations('iwooos.hostEvidenceCollection')
+  const Icon = item.icon
+  return (
+    <div style={{ ...band, minHeight: 190, padding: 16 }}>
+      <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 12 }}>
+        <div style={{ display: 'flex', alignItems: 'center', gap: 9 }}>
+          <Icon size={18} color={toneColors[item.tone]} />
+          <span style={{ fontSize: 11, color: '#87867f' }}>{t('stepLabel')}</span>
+        </div>
+        <span style={{ fontSize: 11, color: '#9b978b' }}>{item.step}</span>
+      </div>
+      <h2 style={{ fontSize: 14, margin: '12px 0 6px', color: '#141413' }}>
+        {t(`items.${item.key}.title` as never)}
+      </h2>
+      <p style={{ fontSize: 12, lineHeight: 1.55, color: '#6f6d66', margin: 0 }}>
+        {t(`items.${item.key}.body` as never)}
+      </p>
+      <div style={{ marginTop: 10, display: 'grid', gap: 5 }}>
+        <div style={{ fontSize: 11, color: '#87867f' }}>{t('dependencyLabel')}</div>
+        <div style={{ fontSize: 11, color: toneColors[item.tone], lineHeight: 1.45 }}>
+          {t(`items.${item.key}.dependency` as never)}
+        </div>
+      </div>
+    </div>
+  )
+}
+
 export default function IwoooSPage({ params }: { params: { locale: string } }) {
   const t = useTranslations('iwooos')
 
@@ -678,6 +723,26 @@ export default function IwoooSPage({ params }: { params: { locale: string } }) {
           </div>
         </section>
 
+        <section style={{ marginBottom: 14 }}>
+          <div style={{ marginBottom: 14 }}>
+            <h2 style={{ fontSize: 16, margin: 0 }}>{t('hostEvidenceCollection.title')}</h2>
+            <p style={{ fontSize: 12, color: '#6f6d66', margin: '6px 0 0', lineHeight: 1.55 }}>
+              {t('hostEvidenceCollection.subtitle')}
+            </p>
+          </div>
+          <div
+            style={{
+              display: 'grid',
+              gridTemplateColumns: 'repeat(auto-fit, minmax(210px, 1fr))',
+              gap: 12,
+            }}
+          >
+            {hostEvidenceCollectionSteps.map(item => (
+              <HostEvidenceCollectionCard key={item.key} item={item} />
+            ))}
+          </div>
+        </section>
+
         <section
           style={{
             display: 'grid',