fix(iwooos): add ai soc command rail

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

@@ -6295,6 +6295,20 @@ const evidenceItems = [
   'kali-integration-status.snapshot.json',
 ]
 
+const commandRailMetrics = [
+  { key: 'controlledApply', value: 'L/M/H', icon: Activity, tone: 'steady' },
+  { key: 'automationClosure', value: '21/21', icon: Workflow, tone: 'steady' },
+  { key: 'securityPosture', value: '64%', icon: ShieldCheck, tone: 'warn' },
+  { key: 'breakGlass', value: 'critical', icon: Lock, tone: 'locked' },
+] as const
+
+const commandRailLinks = [
+  { key: 'evidence', href: '#iwooos-first-layer-evidence', icon: SearchCheck, tone: 'steady' },
+  { key: 'decisions', href: '#iwooos-decision-gate-visuals', icon: Radar, tone: 'warn' },
+  { key: 'scope', href: '#iwooos-scope-evidence-visuals', icon: Network, tone: 'steady' },
+  { key: 'owners', href: '#iwooos-source-control-readiness-board', icon: ClipboardCheck, tone: 'warn' },
+] as const
+
 const toneColors = {
   steady: '#1f7a4d',
   warn: '#b66a2d',
@@ -15504,6 +15518,128 @@ function IwoooSFirstProgressUnlockPathBoard() {
   )
 }
 
+function IwoooSCommandRail() {
+  const t = useTranslations('iwooos.commandRail')
+
+  return (
+    <section
+      data-testid="iwooos-command-rail"
+      style={{ marginBottom: 14, maxWidth: '100%', overflow: 'hidden' }}
+    >
+      <div
+        style={{
+          ...band,
+          padding: 12,
+          display: 'grid',
+          gridTemplateColumns: 'repeat(auto-fit, minmax(min(100%, 260px), 1fr))',
+          gap: 10,
+          alignItems: 'stretch',
+          background: '#fcfdfa',
+          borderColor: '#dce3d4',
+        }}
+      >
+        <div style={{ minWidth: 0, display: 'grid', alignContent: 'center', gap: 4 }}>
+          <div style={{ display: 'flex', alignItems: 'center', gap: 8, color: '#46624a', fontSize: 11, fontWeight: 800 }}>
+            <ShieldCheck size={15} />
+            <span>{t('eyebrow')}</span>
+          </div>
+          <h2 style={{ margin: 0, fontSize: 18, lineHeight: 1.15, color: '#141413' }}>{t('title')}</h2>
+        </div>
+
+        <div
+          style={{
+            display: 'grid',
+            gridTemplateColumns: 'repeat(auto-fit, minmax(106px, 1fr))',
+            gap: 8,
+            minWidth: 0,
+          }}
+        >
+          {commandRailMetrics.map(item => {
+            const Icon = item.icon
+
+            return (
+              <div
+                key={item.key}
+                style={{
+                  border: '0.5px solid #dbe5d6',
+                  borderRadius: 8,
+                  background: '#fff',
+                  minHeight: 58,
+                  padding: 9,
+                  display: 'grid',
+                  gap: 5,
+                  minWidth: 0,
+                }}
+              >
+                <div style={{ display: 'flex', alignItems: 'center', gap: 6, minWidth: 0 }}>
+                  <Icon size={14} color={toneColors[item.tone]} />
+                  <span
+                    style={{
+                      color: '#626b5c',
+                      fontSize: 10,
+                      fontWeight: 800,
+                      minWidth: 0,
+                      overflow: 'hidden',
+                      textOverflow: 'ellipsis',
+                      whiteSpace: 'nowrap',
+                    }}
+                  >
+                    {t(`metrics.${item.key}.label` as never)}
+                  </span>
+                </div>
+                <strong style={{ color: toneColors[item.tone], fontSize: 16, lineHeight: 1.05 }}>{item.value}</strong>
+              </div>
+            )
+          })}
+        </div>
+
+        <nav
+          aria-label={t('navLabel')}
+          style={{
+            display: 'grid',
+            gridTemplateColumns: 'repeat(auto-fit, minmax(92px, 1fr))',
+            gap: 8,
+            alignContent: 'center',
+            minWidth: 0,
+          }}
+        >
+          {commandRailLinks.map(item => {
+            const Icon = item.icon
+
+            return (
+              <a
+                key={item.key}
+                href={item.href}
+                style={{
+                  border: '0.5px solid #d6dfd2',
+                  borderRadius: 8,
+                  background: '#f7faf3',
+                  color: '#213823',
+                  minHeight: 42,
+                  padding: '8px 9px',
+                  display: 'flex',
+                  alignItems: 'center',
+                  justifyContent: 'center',
+                  gap: 6,
+                  fontSize: 11,
+                  fontWeight: 900,
+                  textDecoration: 'none',
+                  minWidth: 0,
+                }}
+              >
+                <Icon size={14} color={toneColors[item.tone]} />
+                <span style={{ minWidth: 0, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>
+                  {t(`links.${item.key}` as never)}
+                </span>
+              </a>
+            )
+          })}
+        </nav>
+      </div>
+    </section>
+  )
+}
+
 function IwoooSProgressIntegrityRibbon() {
   const t = useTranslations('iwooos.progressIntegrityRibbon')
   const textWrap = { overflowWrap: 'anywhere' as const, wordBreak: 'break-word' as const }
@@ -23548,6 +23684,7 @@ export default function IwoooSPage({ params }: { params: { locale: string } }) {
           </div>
         </section>
 
+        <IwoooSCommandRail />
         <IwoooSProgressIntegrityRibbon />
         <IwoooSExecutiveSnapshotBoard />
         <IwoooSAgentBountySecurityOnboardingBoard />