fix(iwooos): expose security runtime gaps truthfully

apps/web/src/components/iwooos/security-asset-control-plane-cockpit.tsx

@@ -88,11 +88,11 @@ const COPY: Record<"zh" | "en", Copy> = {
     automationView: "SIEM 與 AI",
     live: "LIVE",
     degraded: "DEGRADED",
-    overall: "整體完成度",
+    overall: "控制面建置",
     assetTypes: "資產類型",
     nist: "NIST 控制",
     siem: "SIEM 閉環",
-    strictRun: "全域 AI run",
+    strictRun: "階段收據",
     aggregateVerified: "全域已驗證",
     aggregateOpen: "全域未閉環",
     aggregateScopeNote: "不代表目前 Wazuh lane",
@@ -142,11 +142,11 @@ const COPY: Record<"zh" | "en", Copy> = {
     automationView: "SIEM & AI",
     live: "LIVE",
     degraded: "DEGRADED",
-    overall: "Overall completion",
+    overall: "Control-plane build",
     assetTypes: "Asset types",
     nist: "NIST control",
     siem: "SIEM closure",
-    strictRun: "Aggregate AI run",
+    strictRun: "Stage receipts",
     aggregateVerified: "Aggregate verified",
     aggregateOpen: "Aggregate open",
     aggregateScopeNote: "Does not represent the current Wazuh lane",
@@ -183,8 +183,10 @@ const COPY: Record<"zh" | "en", Copy> = {
     failed: "Failed",
     failedCollectors: "Failed collectors",
     failedCollectorsUnavailable: "Failure detail awaiting safe classification",
-    sameRunMissing: "Aggregate AI run is open; this is not the current Wazuh lane",
-    sameRunVerified: "Aggregate AI run is verified; this is not the current Wazuh lane",
+    sameRunMissing:
+      "Aggregate AI run is open; this is not the current Wazuh lane",
+    sameRunVerified:
+      "Aggregate AI run is verified; this is not the current Wazuh lane",
     loading: "Loading security control plane",
     unavailable: "Live readback unavailable",
     refresh: "Refresh security control plane",
@@ -464,7 +466,7 @@ export function SecurityAssetControlPlaneCockpit({
 
   const tone = payload ? securityControlPlaneTone(payload) : "critical";
   const priorityItems = useMemo(
-    () => (payload ? topSecurityControlPlaneWorkItems(payload, 3) : []),
+    () => (payload ? topSecurityControlPlaneWorkItems(payload, 5) : []),
     [payload],
   );
 
@@ -597,13 +599,17 @@ export function SecurityAssetControlPlaneCockpit({
             label={copy.strictRun}
             value={
               payload
-                ? payload.ai_automation.strict_runtime_completion.closed
-                  ? copy.aggregateVerified
-                  : copy.aggregateOpen
+                ? `${payload.ai_automation.strict_runtime_completion.present_stage_count}/${payload.ai_automation.strict_runtime_completion.required_stage_count}`
                 : "--"
             }
             icon={Bot}
-            detail={payload ? copy.aggregateScopeNote : undefined}
+            detail={
+              payload
+                ? payload.ai_automation.strict_runtime_completion.closed
+                  ? copy.aggregateVerified
+                  : copy.aggregateOpen
+                : undefined
+            }
             testId="security-aggregate-ai-run-status"
             title={
               payload
@@ -815,7 +821,7 @@ export function SecurityAssetControlPlaneCockpit({
                     {priorityItems.length}
                   </span>
                 </div>
-                <div className="grid gap-1.5 sm:grid-cols-3">
+                <div className="grid gap-1.5 sm:grid-cols-2 xl:grid-cols-5">
                   {priorityItems.map((item) => (
                     <div
                       key={item.work_item_id}
@@ -831,7 +837,9 @@ export function SecurityAssetControlPlaneCockpit({
                         {item.title}
                       </span>
                       <span className="font-mono text-[10px] text-[#77736a]">
-                        {item.gap_count}
+                        {item.gap_percent === undefined
+                          ? item.gap_count
+                          : `${item.gap_percent}%`}
                       </span>
                     </div>
                   ))}
@@ -1063,7 +1071,9 @@ export function SecurityAssetControlPlaneCockpit({
                         {item.title}
                       </span>
                       <span className="font-mono text-[10px] text-[#77736a]">
-                        {item.gap_count}
+                        {item.gap_percent === undefined
+                          ? item.gap_count
+                          : `${item.gap_percent}%`}
                       </span>
                     </div>
                   ))}