'use client'

/**
 * AutomationInventoryTab — AI Agent 自動化盤點 Tab
 * =================================================
 * 消費：GET /api/v1/agents/automation-inventory-snapshot
 *
 * 只讀最新 committed snapshot；不提供批准、執行、回滾或 provider 切換操作。
 */

import { useEffect, useMemo, useState, type ReactNode } from 'react'
import {
  AlertTriangle,
  Archive,
  BellOff,
  BellRing,
  BookOpenCheck,
  Boxes,
  CalendarClock,
  ClipboardCheck,
  Database,
  FileText,
  Fingerprint,
  GitBranch,
  Gauge,
  HardDrive,
  Layers3,
  Lock,
  MessageSquareText,
  PackageCheck,
  RefreshCw,
  Route,
  Server,
  ShieldAlert,
  ShieldCheck,
  Target,
  Undo2,
  UserCheck,
} from 'lucide-react'
import { useTranslations } from 'next-intl'
import { GlassCard } from '@/components/ui/glass-card'
import { StatusOrb } from '@/components/ui/status-orb'
import { AgentActivityConstellation } from '@/components/governance/agent-activity-constellation'
import { redactPublicIdentifier } from '@/lib/public-security-redaction'
import {
  apiClient,
  type AiAgent12AgentWarRoomSnapshot,
  type AiAgentProfessionalTaskExpansionSnapshot,
  type AiAgentReceiptReadbackOwnerReviewSnapshot,
  type AiAgentReportNoWriteAnalysisRuntimeSnapshot,
  type AiAgentLowMediumRiskWhitelistSnapshot,
  type AiAgentHighRiskOwnerReviewQueueSnapshot,
  type AiAgentActionAuditLedgerSnapshot,
  type AiAgentActionOwnerAcceptanceEventBusSnapshot,
  type HostRunawayAiopsLoopReadinessSnapshot,
  type AiAgentCandidateOperationDryRunEvidenceSnapshot,
  type AiAgentCriticReviewerResultCaptureSnapshot,
  type AiAgentDeploymentLayoutSnapshot,
  type AiAgentHostStatefulVersionInventorySnapshot,
  type AiAgentInteractionLearningProofSnapshot,
  type AiAgentLearningWritebackApprovalPackageSnapshot,
  type AiAgentLiveReadModelGateSnapshot,
  type AiAgentMatchedPlaybookLearningGapSnapshot,
  type AiAgentOwnerApprovedFixtureDryRunSnapshot,
  type AiAgentOwnerApprovedLearningDryRunSnapshot,
  type AiAgentOperationPermissionModelSnapshot,
  type AiAgentPostWriteVerifierPackageSnapshot,
  type AiAgentProactiveOperationsContractSnapshot,
  type AiAgentVersionLifecycleUpdateProposalSnapshot,
  type AiAgentRedisDryRunGateSnapshot,
  type AiAgentOwnerApprovedResultCaptureDryRunSnapshot,
  type AiAgentOwnerApprovedResultCaptureReadbackSnapshot,
  type AiAgentReportAutomationReviewSnapshot,
  type AiAgentReportLiveDeliveryApprovalPackageSnapshot,
  type AiAgentReportStatusBoardSnapshot,
  type AiAgentReportRuntimeDryRunSnapshot,
  type AiAgentReportRuntimeFixtureReadbackSnapshot,
  type AiAgentReportRuntimeReadinessSnapshot,
  type AiAgentReportTruthActionabilityReviewSnapshot,
  type AiAgentRuntimeReadbackApprovalPackageSnapshot,
  type AiAgentRuntimeReadbackFixtureApprovalSnapshot,
  type AiAgentRuntimeReadbackImplementationReviewSnapshot,
  type AiAgentRuntimeReadbackPromotionGateSnapshot,
  type AiAgentCanonicalRuntimeReadbackOwnerAcceptanceSnapshot,
  type AiAgentFailureReceiptNoSendReplaySnapshot,
  type AiAgentReviewerQueueNoWriteReadbackSnapshot,
  type AiAgentResultCaptureNoWriteReadbackSnapshot,
  type AiAgentOwnerApprovedResultCapturePromotionDryRunSnapshot,
  type AiAgentResultCapturePromotionApprovalGateSnapshot,
  type AiAgentResultCaptureWriteGateReviewSnapshot,
  type AiAgentResultCaptureWriterDryRunFixtureSnapshot,
  type AiAgentResultCaptureWriterDryRunReadbackSnapshot,
  type AiAgentResultCaptureOwnerPromotionReviewSnapshot,
  type AiAgentResultCaptureOwnerApprovedExecutionRehearsalSnapshot,
  type AiAgentResultCaptureOwnerAcceptanceMaintenanceGateSnapshot,
  type AiAgentResultCaptureOwnerAcceptanceReadbackPreflightHoldSnapshot,
  type AiAgentResultCaptureOwnerApprovedPreflightReleasePackageSnapshot,
  type AiAgentResultCaptureOwnerApprovedReleaseReadinessReadbackSnapshot,
  type AiAgentResultCaptureOwnerReleaseApprovalGateSnapshot,
  type AiAgentResultCapturePostReleaseVerifierRollbackGateSnapshot,
  type AiAgentResultCaptureFinalReleaseCandidateReadbackSnapshot,
  type AiAgentResultCaptureReleaseAuthorizationHoldSnapshot,
  type AiAgentResultCaptureReleaseAuthorizationReadbackGateSnapshot,
  type AiAgentResultCaptureReleaseDecisionHoldSnapshot,
  type AiAgentResultCaptureReleaseDecisionReadbackSnapshot,
  type AiAgentResultCaptureReleaseDecisionNextHandoffSnapshot,
  type AiAgentResultCaptureReleaseDecisionInputPrepSnapshot,
  type AiAgentResultCaptureReleaseDecisionOwnerResponsePreflightSnapshot,
  type AiAgentResultCaptureReleaseDecisionOwnerResponseReadbackSnapshot,
  type AiAgentResultCaptureReleaseDecisionOwnerResponseAcceptanceGateSnapshot,
  type AiAgentResultCaptureReleaseVerifierPreflightGateSnapshot,
  type AiAgentResultCaptureReleaseVerifierOwnerReviewPacketSnapshot,
  type AiAgentResultCaptureWriterImplementationReviewSnapshot,
  type AiAgentOwnerApprovedFixturePromotionGateSnapshot,
  type AiAgentRuntimeWorkerShadowGateSnapshot,
  type AiAgentRuntimeVerifierEvidenceReviewSnapshot,
  type AiAgentRuntimeWriteGateReviewSnapshot,
  type AiAgentTaskResultAuditTrailSnapshot,
  type AiAgentTelegramReceiptApprovalPackageSnapshot,
  type AiProviderRouteMatrixSnapshot,
  type AiAgentAutomationBacklogSnapshot,
  type AiAgentAutomationInventorySnapshot,
  type BackupDrReadinessMatrixSnapshot,
  type BackupDrTargetInventorySnapshot,
  type BackupNotificationPolicySnapshot,
  type DependencySupplyChainDriftMonitorSnapshot,
  type GiteaWorkflowRunnerHealthSnapshot,
  type ObservabilityContractMatrixSnapshot,
  type OffsiteEscrowReadinessStatusSnapshot,
  type RuntimeSurfaceInventorySnapshot,
  type ServiceHealthFailureNotificationPolicySnapshot,
  type ServiceHealthGapMatrixSnapshot,
} from '@/lib/api-client'

function formatDateTime(value: string): string {
  const date = new Date(value)
  if (Number.isNaN(date.getTime())) return '--'
  return date.toLocaleString('zh-TW', {
    month: '2-digit',
    day: '2-digit',
    hour: '2-digit',
    minute: '2-digit',
  })
}

const PUBLIC_TEXT_ENDPOINT_ALIASES: Record<string, string> = {
  '110:3001': 'host:public-gateway/gitea',
  '110:3002': 'host:public-gateway/grafana',
  '110:3100': 'host:public-gateway/langfuse',
  '110:5000': 'host:public-gateway/registry',
  '110:9000': 'host:public-gateway/sentry',
  '112:8080': 'host:kali-readonly/scanner',
  '188:11434': 'host:observability-a/ollama',
  '188:8088': 'host:observability-a/openclaw-legacy',
  '188:8089': 'host:observability-a/openclaw',
  '188:3301': 'host:observability-a/signoz',
  '188:5432': 'host:observability-a/postgres',
  '188:6380': 'host:observability-a/redis',
}

const PUBLIC_TEXT_HOST_ALIASES: Record<string, string> = {
  '110': 'host:public-gateway',
  '111': 'host:dev-a',
  '112': 'host:kali-readonly',
  '120': 'host:k3s-control-a',
  '121': 'host:k3s-control-b',
  '125': 'host:edge-vip',
  '168': 'host:dev-b',
  '188': 'host:observability-a',
}

const PRIVATE_LAN_PREFIX_PATTERN = ['192', '168', '0'].join('\\.')
const PRIVATE_LAN_TEXT_PATTERN = new RegExp(`(?:https?:\\/\\/)?${PRIVATE_LAN_PREFIX_PATTERN}\\.(\\d{1,3})(?::(\\d{1,5}))?`, 'g')
const escapePatternText = (value: string): string => value.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')
const literalPattern = (parts: string[], flags = 'g'): RegExp =>
  new RegExp(parts.map(escapePatternText).join(''), flags)
const blockedWaitingStatusPattern = new RegExp(`${['blocked', 'waiting'].join('_')}_[a-z0-9_]+`, 'gi')

const PUBLIC_TEXT_REPLACEMENTS: Array<[RegExp, string]> = [
  [literalPattern(['工', '作', '視', '窗']), '已遮罩來源'],
  [literalPattern(['對', '話', '內', '容']), '已遮罩內容'],
  [literalPattern(['批', '准', '！', '繼', '續']), '已遮罩短訊'],
  [literalPattern(['批', '准', '！']), '已遮罩短訊'],
  [literalPattern(['In', ' app ', 'browser'], 'gi'), '已遮罩瀏覽器狀態'],
  [literalPattern(['My', ' request ', 'for ', 'Codex'], 'gi'), '已遮罩請求'],
  [/browser_context/gi, '已遮罩瀏覽器欄位'],
  [/codex_user_message/gi, '已遮罩使用者訊息欄位'],
  [/prompt_text/gi, '已遮罩提示欄位'],
  [/原始提示詞/gi, '已遮罩提示內容'],
  [/raw prompt/gi, '未脫敏提示內容'],
  [/raw_prompt/gi, '已遮罩提示欄位'],
  [/私有推理/gi, '已遮罩推理內容'],
  [/private reasoning/gi, '已遮罩推理內容'],
  [/private_reasoning/gi, '已遮罩推理欄位'],
  [/chain of thought/gi, '推理鏈內容'],
  [/chain_of_thought/gi, '已遮罩推理鏈欄位'],
  [/原始 runtime payload/gi, '已遮罩執行資料'],
  [/raw runtime payload/gi, '已遮罩執行資料'],
  [/raw_runtime_payload/gi, '已遮罩執行載荷欄位'],
  [/raw Telegram payload/gi, '原始 Telegram 載荷'],
  [/raw_telegram_payload/gi, '已遮罩 Telegram 載荷欄位'],
  [/raw tool output/gi, '原始工具輸出'],
  [/raw_tool_output/gi, '已遮罩工具輸出欄位'],
  [/raw payload/gi, '原始載荷'],
  [/raw_payload/gi, '已遮罩載荷欄位'],
  [/authorization header/gi, '授權標頭'],
  [/authorization_header/gi, '已遮罩授權標頭欄位'],
  [/secret value/gi, '機密明文'],
  [/secret_value/gi, '已遮罩機密欄位'],
  [/committed audit event template/gi, '已提交審計事件模板'],
  [/immutable audit event template/gi, '不可變審計事件模板'],
  [/audit event template/gi, '審計事件模板'],
  [/audit event/gi, '審計事件'],
  [/event envelope/gi, '事件封套'],
  [/redacted evidence refs/gi, '已脫敏證據參照'],
  [/post-write verifier/gi, '寫入後驗證器'],
  [/post_write_verifier/gi, '寫入後驗證器'],
  [/failure rollback plan/gi, '失敗回滾計畫'],
  [/Timeline learning event/gi, '時間軸學習事件'],
  [/timeline learning event/gi, '時間軸學習事件'],
  [/runtime_learning_write/gi, '執行期學習寫入'],
  [/runtime write allowed/gi, '執行期寫入允許'],
  [/runtime write/gi, '執行期寫入'],
  [/runtime writer/gi, '執行期寫入器'],
  [/runtime action/gi, '執行期操作'],
  [/runtime gate/gi, '執行期關卡'],
  [/runtime target/gi, '執行期目標'],
  [/live write count/gi, '正式寫入數'],
  [/live write/gi, '正式寫入'],
  [/live writer/gi, '正式寫入器'],
  [/live worker/gi, '正式 worker'],
  [/auto worker/gi, '自動 worker'],
  [/live execution/gi, '正式執行'],
  [/live Telegram send/gi, 'Telegram 正式發送'],
  [/Telegram send/gi, 'Telegram 發送'],
  [/Direct Bot API/gi, '直接 Bot API'],
  [/direct Bot API/gi, '直接 Bot API'],
  [/Bot API call/gi, 'Bot API 呼叫'],
  [/Gateway queue write/gi, 'Gateway 佇列寫入'],
  [/queue write/gi, '佇列寫入'],
  [/receipt write/gi, '回執寫入'],
  [/receipt production write/gi, '回執正式寫入'],
  [/production write/gi, '正式環境寫入'],
  [/verifier live readback/gi, '驗證器正式讀回'],
  [/host write/gi, '主機寫入'],
  [/secret read/gi, '機密讀取'],
  [/kubectl action/gi, 'kubectl 操作'],
  [/destructive operation/gi, '破壞性操作'],
  [/Work Items owner review/gi, '工作項負責人審查'],
  [/Work Item DB write/gi, 'Work Item DB 寫入'],
  [/owner response acceptance readback/gi, '負責人回覆驗收讀回'],
  [/owner acceptance/gi, '負責人驗收'],
  [/owner approval/gi, '負責人批准'],
  [/owner review/gi, '負責人審查'],
  [/dual approval/gi, '雙重批准'],
  [/writer idempotency/gi, '寫入器冪等性'],
  [/maintenance window/gi, '維護窗口'],
  [/rollback owner/gi, '回滾負責人'],
  [/blast radius/gi, '影響範圍'],
  [/post-check/gi, '事後檢查'],
  [/destructive gate/gi, '破壞性操作關卡'],
  [/break-glass/gi, '緊急破窗'],
  [/Owner Queue/gi, '負責人佇列'],
  [/owner queue/gi, '負責人佇列'],
  [/direct Bot API migration/gi, 'direct Bot API 遷移'],
  [/Telegram bypass guard/gi, 'Telegram 繞道防護'],
  [/no-new-bypass/gi, '無新增繞道'],
  [/no-send preview/gi, '無發送預覽'],
  [/dry-run/gi, '乾跑'],
  [/preview hash/gi, '預覽 hash'],
  [/diff summary/gi, '差異摘要'],
  [/rollback owner/gi, '回滾負責人'],
  [/verifier result/gi, '驗證器結果'],
  [/baseline score/gi, '基準分數'],
  [/candidate score/gi, '候選分數'],
  [/promotion gate decision/gi, '提升關卡決策'],
  [/replay job id/gi, '重放任務 id'],
  [/workflow modification/gi, 'workflow 修改'],
  [/repository secret change/gi, 'repository secret 變更'],
  [/KM write/gi, 'KM 寫入'],
  [/PlayBook trust write/gi, 'PlayBook trust 寫入'],
  [/verifier receipt write/gi, '驗證器回執寫入'],
  [/approval_required/gi, '需批准'],
  [/blocked_by_runtime_gate/gi, '被執行期關卡阻擋'],
  [/contract_ready/gi, '契約已定義'],
  [/candidate_only/gi, '僅候選'],
  [/loaded/gi, '已載入'],
  [blockedWaitingStatusPattern, '等待必填證據'],
  [/內部協作對話/gi, '已遮罩內容'],
  [/內部協作內容/gi, '已遮罩內容'],
  [/內部協作逐字稿/gi, '已遮罩逐字稿'],
  [/內部協作/gi, '已遮罩來源'],
  [/work window transcript/gi, '已遮罩逐字稿'],
  [/work_window_transcript/gi, '已遮罩逐字稿欄位'],
  [/internal collaboration transcript/gi, '已遮罩逐字稿'],
]

function redactPublicText(value: string): string {
  const redactedLan = value.replace(PRIVATE_LAN_TEXT_PATTERN, (_match, octet: string, port: string | undefined) => {
    if (port) return PUBLIC_TEXT_ENDPOINT_ALIASES[`${octet}:${port}`] ?? PUBLIC_TEXT_HOST_ALIASES[octet] ?? 'host:internal-node'
    return PUBLIC_TEXT_HOST_ALIASES[octet] ?? 'host:internal-node'
  })
  return PUBLIC_TEXT_REPLACEMENTS.reduce((text, [pattern, replacement]) => text.replace(pattern, replacement), redactedLan)
}

const PUBLIC_SNAPSHOT_RAW_KEYS = new Set([
  'schema_version',
  'generated_at',
  'current_priority',
  'current_task_id',
  'next_task_id',
  'status',
  'risk_tier',
  'owner_agent',
  'canonical_room_env',
  'approval_gate',
  'automation_level',
  'deployment_state',
  'telegram_policy',
  'permission_lane',
  'lane_id',
  'mode',
  'decision',
  'readiness',
  'overall_readiness',
])

function shouldPreserveSnapshotValue(key?: string): boolean {
  if (!key) return false
  if (PUBLIC_SNAPSHOT_RAW_KEYS.has(key)) return true
  return key.endsWith('_id')
    || key.endsWith('_ids')
    || key.endsWith('_status')
    || key.endsWith('_state')
    || key.endsWith('_tier')
    || key.endsWith('_agent')
    || key.endsWith('_env')
    || key.endsWith('_policy')
    || key.endsWith('_policies')
    || key.endsWith('_level')
    || key.endsWith('_levels')
    || key.endsWith('_lane')
    || key.endsWith('_lanes')
    || key.endsWith('_mode')
}

function sanitizePublicSnapshot<T>(value: T, key?: string): T {
  if (typeof value === 'string') return (shouldPreserveSnapshotValue(key) ? value : redactPublicText(value)) as T
  if (Array.isArray(value)) return value.map(item => sanitizePublicSnapshot(item, key)) as T
  if (value && typeof value === 'object') {
    return Object.fromEntries(
      Object.entries(value).map(([nestedKey, nestedValue]) => [nestedKey, sanitizePublicSnapshot(nestedValue, nestedKey)])
    ) as T
  }
  return value
}

function settledPublicValue<T>(result: PromiseSettledResult<T>): T | null {
  return result.status === 'fulfilled' ? sanitizePublicSnapshot(result.value) : null
}

function toneColor(tone: 'ok' | 'warn' | 'danger' | 'neutral') {
  if (tone === 'ok') return '#22C55E'
  if (tone === 'warn') return '#F59E0B'
  if (tone === 'danger') return '#EF4444'
  return '#141413'
}

function SmallLabel({ children }: { children: ReactNode }) {
  return (
    <span style={{
      fontFamily: "'DM Mono', monospace",
      fontSize: 10,
      color: '#87867f',
      textTransform: 'uppercase',
      letterSpacing: '0.5px',
      lineHeight: 1.25,
      minWidth: 0,
      overflowWrap: 'anywhere',
    }}>
      {children}
    </span>
  )
}

function Chip({ value, muted = false }: { value: string; muted?: boolean }) {
  const safeValue = redactPublicText(value)
  return (
    <span style={{
      display: 'inline-flex',
      alignItems: 'center',
      minHeight: 22,
      padding: '3px 7px',
      borderRadius: 5,
      border: `0.5px solid ${muted ? '#e0ddd4' : '#d9775740'}`,
      background: muted ? '#faf9f3' : 'rgba(217,119,87,0.06)',
      color: muted ? '#87867f' : '#141413',
      fontFamily: "'DM Mono', monospace",
      fontSize: 10,
      lineHeight: 1.3,
      maxWidth: '100%',
      minWidth: 0,
      overflowWrap: 'anywhere',
      wordBreak: 'break-word',
      whiteSpace: 'normal',
    }}>
      {safeValue}
    </span>
  )
}

function evidenceTone(value: string): 'ok' | 'warn' | 'danger' | 'neutral' {
  if (value === 'ready' || value === 'verified' || value === 'active') return 'ok'
  if (value === 'action_required' || value === 'approval_required' || value === 'needs_metric_binding') return 'warn'
  if (value === 'blocked' || value === 'failed') return 'danger'
  return 'neutral'
}

function MetricCard({
  label,
  value,
  tone = 'neutral',
  icon,
}: {
  label: string
  value: number | string
  tone?: 'ok' | 'warn' | 'danger' | 'neutral'
  icon: ReactNode
}) {
  const color = toneColor(tone)
  return (
    <GlassCard variant="subtle" padding="md" className="min-w-0">
      <div style={{ display: 'flex', alignItems: 'center', gap: 10, minWidth: 0 }}>
        <div style={{
          width: 34,
          height: 34,
          borderRadius: 8,
          border: `0.5px solid ${color}40`,
          background: `${color}12`,
          color,
          display: 'flex',
          alignItems: 'center',
          justifyContent: 'center',
          flexShrink: 0,
        }}>
          {icon}
        </div>
        <div style={{ display: 'flex', flexDirection: 'column', gap: 5, minWidth: 0 }}>
          <SmallLabel>{label}</SmallLabel>
          <span style={{
            fontFamily: 'Syne, sans-serif',
            fontSize: 25,
            fontWeight: 700,
            color,
            lineHeight: 1,
            minWidth: 0,
            overflow: 'hidden',
            textOverflow: 'ellipsis',
          }}>
            {value}
          </span>
        </div>
      </div>
    </GlassCard>
  )
}

function ProgressRow({ label, percent, nextTask }: { label: string; percent: number; nextTask: string }) {
  const color = percent >= 70 ? '#22C55E' : percent >= 35 ? '#F59E0B' : '#d97757'
  return (
    <div style={{
      display: 'grid',
      gridTemplateColumns: 'minmax(0, 1fr) 48px',
      gap: 10,
      alignItems: 'center',
      minWidth: 0,
    }}>
      <div style={{ display: 'flex', flexDirection: 'column', gap: 6, minWidth: 0 }}>
        <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, minWidth: 0 }}>
          <span style={{
            fontFamily: 'Syne, sans-serif',
            fontSize: 12,
            fontWeight: 700,
            color: '#141413',
            overflow: 'hidden',
            textOverflow: 'ellipsis',
            whiteSpace: 'nowrap',
          }}>
            {label}
          </span>
          <span style={{
            fontFamily: "'DM Mono', monospace",
            fontSize: 10,
            color: '#87867f',
            whiteSpace: 'nowrap',
          }}>
            {nextTask}
          </span>
        </div>
        <div style={{ height: 6, borderRadius: 999, background: '#e0ddd4', overflow: 'hidden' }}>
          <div style={{ width: `${percent}%`, height: '100%', borderRadius: 999, background: color }} />
        </div>
      </div>
      <span style={{
        fontFamily: "'DM Mono', monospace",
        fontSize: 11,
        fontWeight: 700,
        color,
        textAlign: 'right',
      }}>
        {percent}%
      </span>
    </div>
  )
}

function MiniBar({
  label,
  value,
  detail,
  tone = 'neutral',
}: {
  label: string
  value: number
  detail: string
  tone?: 'ok' | 'warn' | 'danger' | 'neutral'
}) {
  const color = toneColor(tone)
  const width = Math.max(0, Math.min(100, value))
  return (
    <div style={{ display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
      <div style={{ display: 'flex', alignItems: 'baseline', justifyContent: 'space-between', gap: 10, minWidth: 0 }}>
        <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413' }}>
          {redactPublicText(label)}
        </span>
        <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 11, fontWeight: 700, color }}>
          {value}%
        </span>
      </div>
      <div style={{ height: 7, borderRadius: 999, background: '#e7e3d8', overflow: 'hidden' }}>
        <div style={{ width: `${width}%`, height: '100%', borderRadius: 999, background: color }} />
      </div>
      <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45 }}>
        {redactPublicText(detail)}
      </span>
    </div>
  )
}

function SummaryTile({
  label,
  value,
  detail,
  icon,
  tone = 'neutral',
}: {
  label: string
  value: string
  detail: string
  icon: ReactNode
  tone?: 'ok' | 'warn' | 'danger' | 'neutral'
}) {
  const color = toneColor(tone)
  return (
    <div style={{
      padding: 13,
      border: '0.5px solid #e0ddd4',
      borderRadius: 7,
      background: '#fff',
      display: 'grid',
      gridTemplateColumns: '34px minmax(0, 1fr)',
      gap: 10,
      alignItems: 'start',
      minWidth: 0,
    }}>
      <div style={{
        width: 34,
        height: 34,
        borderRadius: 8,
        border: `0.5px solid ${color}40`,
        background: `${color}12`,
        color,
        display: 'flex',
        alignItems: 'center',
        justifyContent: 'center',
      }}>
        {icon}
      </div>
      <div style={{ display: 'flex', flexDirection: 'column', gap: 5, minWidth: 0 }}>
        <SmallLabel>{redactPublicText(label)}</SmallLabel>
        <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 24, fontWeight: 700, color, lineHeight: 1 }}>
          {redactPublicText(value)}
        </span>
        <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45 }}>
          {redactPublicText(detail)}
        </span>
      </div>
    </div>
  )
}

function ReportTruthQuickPanel({
  review,
  t,
  pendingReadModelCount = 0,
}: {
  review: AiAgentReportTruthActionabilityReviewSnapshot
  t: ReturnType<typeof useTranslations>
  pendingReadModelCount?: number
}) {
  const freshnessPriority = {
    stale_or_untrusted: 0,
    synthetic_or_unbound: 1,
    source_unavailable_in_container: 2,
    missing_source_contract: 3,
    route_fragmented_needs_canonical_readback: 4,
    report_only_when_fresh: 5,
  } as Record<string, number>
  const freshnessGates = [...review.source_freshness_gates]
    .sort((a, b) => {
      const left = freshnessPriority[a.freshness_state] ?? 6
      const right = freshnessPriority[b.freshness_state] ?? 6
      if (left !== right) return left - right
      return a.gate_id.localeCompare(b.gate_id)
    })
    .slice(0, 6)
  const actionabilityScores = [...review.report_actionability_scores]
    .sort((a, b) => b.score - a.score)
    .slice(0, 4)
  const confidenceGates = [...review.source_confidence_gates]
    .sort((a, b) => a.score - b.score)
    .slice(0, 4)
  const zeroSignalWorkItems = [...review.zero_signal_work_items].slice(0, 4)
  const operatorActions = [...review.operator_actions]
    .sort((a, b) => a.action_id.localeCompare(b.action_id))
    .slice(0, 4)

  return (
    <div style={{ padding: 12, border: '0.5px solid #d8c6a6', borderRadius: 7, background: '#fffdf7', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
      <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', gap: 10, flexWrap: 'wrap' }}>
        <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
          <BellRing size={14} style={{ color: '#d97757' }} />
          <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
            {t('reportTruthActionabilityReview.title')}
          </span>
        </div>
        <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, justifyContent: 'flex-end' }}>
          <Chip
            value={t('reportTruthActionabilityReview.source', {
              generated: formatDateTime(review.generated_at),
              current: review.program_status.current_task_id,
              next: review.program_status.next_task_id,
            })}
            muted
          />
          {pendingReadModelCount > 0 ? (
            <Chip value={t('readModelPartial.pendingCount', { count: pendingReadModelCount })} />
          ) : null}
        </div>
      </div>

      <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
        <MetricCard label={t('reportTruthActionabilityReview.metrics.overall')} value={`${review.program_status.overall_completion_percent}%`} tone="warn" icon={<Gauge size={16} />} />
        <MetricCard label={t('reportTruthActionabilityReview.metrics.weeklyScore')} value={review.rollups.all_zero_weekly_report_actionability_score} tone="danger" icon={<Target size={16} />} />
        <MetricCard label={t('reportTruthActionabilityReview.metrics.sourceFreshness')} value={review.rollups.source_freshness_gate_count} tone="warn" icon={<Database size={16} />} />
        <MetricCard label={t('reportTruthActionabilityReview.metrics.staleSources')} value={review.rollups.stale_or_untrusted_source_count} tone="danger" icon={<AlertTriangle size={16} />} />
        <MetricCard label={t('reportTruthActionabilityReview.metrics.lowConfidence')} value={review.rollups.low_confidence_gate_count} tone="danger" icon={<ShieldAlert size={16} />} />
        <MetricCard label={t('reportTruthActionabilityReview.metrics.zeroWorkItems')} value={review.rollups.zero_signal_work_item_count} tone="warn" icon={<ClipboardCheck size={16} />} />
      </div>

      <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(260px, 1fr))', gap: 12 }} className="automation-inventory-live-read-grid">
        <div style={{ padding: 11, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
          <SmallLabel>{t('reportTruthActionabilityReview.freshnessRadarTitle')}</SmallLabel>
          {freshnessGates.map(gate => (
            <div key={gate.gate_id} style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1fr) auto', gap: 8, alignItems: 'start', minWidth: 0 }}>
              <div style={{ display: 'flex', flexDirection: 'column', gap: 5, minWidth: 0 }}>
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>{gate.display_name}</span>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>{gate.ai_next_action}</span>
              </div>
              <Chip value={gate.freshness_state} muted={gate.freshness_state === 'report_only_when_fresh'} />
            </div>
          ))}
        </div>

        <div style={{ padding: 11, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
          <SmallLabel>{t('reportTruthActionabilityReview.actionabilityScoreTitle')}</SmallLabel>
          {actionabilityScores.map(score => (
            <div key={score.report_id} style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1fr) 44px', gap: 10, alignItems: 'center', minWidth: 0 }}>
              <div style={{ display: 'flex', flexDirection: 'column', gap: 5, minWidth: 0 }}>
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>{score.display_name}</span>
                <div style={{ height: 7, borderRadius: 99, background: '#ebe7dd', overflow: 'hidden' }}>
                  <div style={{ width: `${Math.max(0, Math.min(100, score.score))}%`, height: '100%', borderRadius: 99, background: score.score >= 80 ? '#d97757' : score.score >= 50 ? '#f59e0b' : '#64727a' }} />
                </div>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>{score.next_action}</span>
              </div>
              <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 22, fontWeight: 700, color: score.score >= 80 ? '#d97757' : '#141413', textAlign: 'right' }}>{score.score}</span>
            </div>
          ))}
        </div>

        <div style={{ padding: 11, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
          <SmallLabel>{t('reportTruthActionabilityReview.confidenceGateTitle')}</SmallLabel>
          {confidenceGates.map(gate => (
            <div key={gate.confidence_id} style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1fr) 42px', gap: 10, alignItems: 'center', minWidth: 0 }}>
              <div style={{ display: 'flex', flexDirection: 'column', gap: 4, minWidth: 0 }}>
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>{gate.display_name}</span>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.4, overflowWrap: 'anywhere' }}>{gate.display_policy}</span>
              </div>
              <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 18, fontWeight: 700, color: '#d97757', textAlign: 'right' }}>{gate.score}</span>
            </div>
          ))}
        </div>
      </div>

      <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
        <SummaryTile label={t('reportTruthActionabilityReview.truthTitle')} value={String(review.zero_signal_findings.length)} detail={review.report_truth.truth_note} tone="danger" icon={<FileText size={16} />} />
        <SummaryTile label={t('reportTruthActionabilityReview.telegramTitle')} value={String(review.rollups.legacy_or_direct_route_count)} detail={review.telegram_routing_consolidation.routing_note} tone="warn" icon={<BellOff size={16} />} />
        <SummaryTile label={t('reportTruthActionabilityReview.metrics.approval')} value={String(review.rollups.approval_required_action_ids.length)} detail={t('reportTruthActionabilityReview.metrics.blocked', { count: review.rollups.blocked_runtime_action_count })} tone="warn" icon={<Lock size={16} />} />
      </div>

      <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
        {zeroSignalWorkItems.map(item => (
          <div key={item.work_item_id} style={{ padding: 10, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
            <SmallLabel>{t('reportTruthActionabilityReview.workItemQueueTitle')}</SmallLabel>
            <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>{item.work_item_id}</span>
            <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
              <Chip value={item.asset_type} />
              <Chip value={item.status} muted />
              <Chip value={t('reportTruthActionabilityReview.labels.requiredAssets', { count: item.required_assets.length })} muted />
            </div>
          </div>
        ))}
        {operatorActions.map(action => (
          <div key={action.action_id} style={{ padding: 10, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
            <SmallLabel>{t('reportTruthActionabilityReview.metrics.actions')}</SmallLabel>
            <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>{action.display_name}</span>
            <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>{action.operator_instruction}</span>
            <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
              <Chip value={action.owner_agent} muted />
              <Chip value={action.status} muted={action.status !== 'approval_required'} />
            </div>
          </div>
        ))}
      </div>
    </div>
  )
}

function FlowStageTile({
  index,
  label,
  value,
  detail,
  icon,
  tone = 'neutral',
}: {
  index: string
  label: string
  value: string
  detail: string
  icon: ReactNode
  tone?: 'ok' | 'warn' | 'danger' | 'neutral'
}) {
  const color = toneColor(tone)
  return (
    <div style={{
      position: 'relative',
      padding: 12,
      border: `0.5px solid ${color}45`,
      borderRadius: 7,
      background: '#fff',
      display: 'grid',
      gridTemplateColumns: '34px minmax(0, 1fr)',
      gap: 10,
      alignItems: 'start',
      minWidth: 0,
    }}>
      <div style={{
        width: 34,
        height: 34,
        borderRadius: 8,
        border: `0.5px solid ${color}55`,
        background: `${color}12`,
        color,
        display: 'flex',
        alignItems: 'center',
        justifyContent: 'center',
      }}>
        {icon}
      </div>
      <div style={{ display: 'flex', flexDirection: 'column', gap: 5, minWidth: 0 }}>
        <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 8, minWidth: 0 }}>
          <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
            {redactPublicText(label)}
          </span>
          <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color, fontWeight: 800, whiteSpace: 'nowrap' }}>
            {index}
          </span>
        </div>
        <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 24, fontWeight: 750, color, lineHeight: 1 }}>
          {redactPublicText(value)}
        </span>
        <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#6d6a61', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
          {redactPublicText(detail)}
        </span>
      </div>
    </div>
  )
}

function GateMatrixRow({
  label,
  value,
  detail,
  tone = 'neutral',
}: {
  label: string
  value: string
  detail: string
  tone?: 'ok' | 'warn' | 'danger' | 'neutral'
}) {
  const color = toneColor(tone)
  return (
    <div style={{
      display: 'grid',
      gridTemplateColumns: 'minmax(0, 1fr) 64px',
      gap: 10,
      alignItems: 'center',
      padding: '9px 0',
      borderBottom: '0.5px solid #eee9dd',
      minWidth: 0,
    }}>
      <div style={{ display: 'flex', flexDirection: 'column', gap: 4, minWidth: 0 }}>
        <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
          {redactPublicText(label)}
        </span>
        <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
          {redactPublicText(detail)}
        </span>
      </div>
      <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 13, fontWeight: 800, color, textAlign: 'right', whiteSpace: 'nowrap' }}>
        {redactPublicText(value)}
      </span>
    </div>
  )
}

export function AutomationInventoryTab() {
  const t = useTranslations('governance.automationInventory')
  const [snapshot, setSnapshot] = useState<AiAgentAutomationInventorySnapshot | null>(null)
  const [backlog, setBacklog] = useState<AiAgentAutomationBacklogSnapshot | null>(null)
  const [backupTargets, setBackupTargets] = useState<BackupDrTargetInventorySnapshot | null>(null)
  const [backupReadiness, setBackupReadiness] = useState<BackupDrReadinessMatrixSnapshot | null>(null)
  const [backupPolicy, setBackupPolicy] = useState<BackupNotificationPolicySnapshot | null>(null)
  const [offsiteEscrow, setOffsiteEscrow] = useState<OffsiteEscrowReadinessStatusSnapshot | null>(null)
  const [runtimeSurface, setRuntimeSurface] = useState<RuntimeSurfaceInventorySnapshot | null>(null)
  const [giteaHealth, setGiteaHealth] = useState<GiteaWorkflowRunnerHealthSnapshot | null>(null)
  const [observabilityMatrix, setObservabilityMatrix] = useState<ObservabilityContractMatrixSnapshot | null>(null)
  const [providerRouteMatrix, setProviderRouteMatrix] = useState<AiProviderRouteMatrixSnapshot | null>(null)
  const [deploymentLayout, setDeploymentLayout] = useState<AiAgentDeploymentLayoutSnapshot | null>(null)
  const [warRoom, setWarRoom] = useState<AiAgent12AgentWarRoomSnapshot | null>(null)
  const [professionalTaskExpansion, setProfessionalTaskExpansion] = useState<AiAgentProfessionalTaskExpansionSnapshot | null>(null)
  const [receiptReadbackOwnerReview, setReceiptReadbackOwnerReview] = useState<AiAgentReceiptReadbackOwnerReviewSnapshot | null>(null)
  const [reportNoWriteAnalysisRuntime, setReportNoWriteAnalysisRuntime] = useState<AiAgentReportNoWriteAnalysisRuntimeSnapshot | null>(null)
  const [lowMediumRiskWhitelist, setLowMediumRiskWhitelist] = useState<AiAgentLowMediumRiskWhitelistSnapshot | null>(null)
  const [highRiskOwnerReviewQueue, setHighRiskOwnerReviewQueue] = useState<AiAgentHighRiskOwnerReviewQueueSnapshot | null>(null)
  const [actionAuditLedger, setActionAuditLedger] = useState<AiAgentActionAuditLedgerSnapshot | null>(null)
  const [actionOwnerAcceptanceEventBus, setActionOwnerAcceptanceEventBus] = useState<AiAgentActionOwnerAcceptanceEventBusSnapshot | null>(null)
  const [hostRunawayAiops, setHostRunawayAiops] = useState<HostRunawayAiopsLoopReadinessSnapshot | null>(null)
  const [proactiveOperations, setProactiveOperations] = useState<AiAgentProactiveOperationsContractSnapshot | null>(null)
  const [versionLifecycleProposal, setVersionLifecycleProposal] = useState<AiAgentVersionLifecycleUpdateProposalSnapshot | null>(null)
  const [interactionLearningProof, setInteractionLearningProof] = useState<AiAgentInteractionLearningProofSnapshot | null>(null)
  const [liveReadModelGate, setLiveReadModelGate] = useState<AiAgentLiveReadModelGateSnapshot | null>(null)
  const [redisDryRunGate, setRedisDryRunGate] = useState<AiAgentRedisDryRunGateSnapshot | null>(null)
  const [learningWritebackPackage, setLearningWritebackPackage] = useState<AiAgentLearningWritebackApprovalPackageSnapshot | null>(null)
  const [telegramReceiptPackage, setTelegramReceiptPackage] = useState<AiAgentTelegramReceiptApprovalPackageSnapshot | null>(null)
  const [ownerApprovedLearningDryRun, setOwnerApprovedLearningDryRun] = useState<AiAgentOwnerApprovedLearningDryRunSnapshot | null>(null)
  const [runtimeWriteGateReview, setRuntimeWriteGateReview] = useState<AiAgentRuntimeWriteGateReviewSnapshot | null>(null)
  const [postWriteVerifierPackage, setPostWriteVerifierPackage] = useState<AiAgentPostWriteVerifierPackageSnapshot | null>(null)
  const [runtimeVerifierEvidenceReview, setRuntimeVerifierEvidenceReview] = useState<AiAgentRuntimeVerifierEvidenceReviewSnapshot | null>(null)
  const [reportAutomationReview, setReportAutomationReview] = useState<AiAgentReportAutomationReviewSnapshot | null>(null)
  const [reportStatusBoard, setReportStatusBoard] = useState<AiAgentReportStatusBoardSnapshot | null>(null)
  const [reportRuntimeReadiness, setReportRuntimeReadiness] = useState<AiAgentReportRuntimeReadinessSnapshot | null>(null)
  const [reportRuntimeDryRun, setReportRuntimeDryRun] = useState<AiAgentReportRuntimeDryRunSnapshot | null>(null)
  const [reportRuntimeFixtureReadback, setReportRuntimeFixtureReadback] = useState<AiAgentReportRuntimeFixtureReadbackSnapshot | null>(null)
  const [runtimeWorkerShadowGate, setRuntimeWorkerShadowGate] = useState<AiAgentRuntimeWorkerShadowGateSnapshot | null>(null)
  const [operationPermissionModel, setOperationPermissionModel] = useState<AiAgentOperationPermissionModelSnapshot | null>(null)
  const [candidateOperationDryRunEvidence, setCandidateOperationDryRunEvidence] = useState<AiAgentCandidateOperationDryRunEvidenceSnapshot | null>(null)
  const [taskResultAuditTrail, setTaskResultAuditTrail] = useState<AiAgentTaskResultAuditTrailSnapshot | null>(null)
  const [matchedPlaybookLearningGap, setMatchedPlaybookLearningGap] = useState<AiAgentMatchedPlaybookLearningGapSnapshot | null>(null)
  const [criticReviewerResultCapture, setCriticReviewerResultCapture] = useState<AiAgentCriticReviewerResultCaptureSnapshot | null>(null)
  const [ownerApprovedResultCaptureDryRun, setOwnerApprovedResultCaptureDryRun] = useState<AiAgentOwnerApprovedResultCaptureDryRunSnapshot | null>(null)
  const [ownerApprovedResultCaptureReadback, setOwnerApprovedResultCaptureReadback] = useState<AiAgentOwnerApprovedResultCaptureReadbackSnapshot | null>(null)
  const [runtimeReadbackApprovalPackage, setRuntimeReadbackApprovalPackage] = useState<AiAgentRuntimeReadbackApprovalPackageSnapshot | null>(null)
  const [runtimeReadbackImplementationReview, setRuntimeReadbackImplementationReview] = useState<AiAgentRuntimeReadbackImplementationReviewSnapshot | null>(null)
  const [reportLiveDeliveryApprovalPackage, setReportLiveDeliveryApprovalPackage] = useState<AiAgentReportLiveDeliveryApprovalPackageSnapshot | null>(null)
  const [runtimeReadbackFixtureApproval, setRuntimeReadbackFixtureApproval] = useState<AiAgentRuntimeReadbackFixtureApprovalSnapshot | null>(null)
  const [runtimeReadbackPromotionGate, setRuntimeReadbackPromotionGate] = useState<AiAgentRuntimeReadbackPromotionGateSnapshot | null>(null)
  const [ownerApprovedFixturePromotionGate, setOwnerApprovedFixturePromotionGate] = useState<AiAgentOwnerApprovedFixturePromotionGateSnapshot | null>(null)
  const [canonicalRuntimeReadbackOwnerAcceptance, setCanonicalRuntimeReadbackOwnerAcceptance] = useState<AiAgentCanonicalRuntimeReadbackOwnerAcceptanceSnapshot | null>(null)
  const [failureReceiptNoSendReplay, setFailureReceiptNoSendReplay] = useState<AiAgentFailureReceiptNoSendReplaySnapshot | null>(null)
  const [reviewerQueueNoWriteReadback, setReviewerQueueNoWriteReadback] = useState<AiAgentReviewerQueueNoWriteReadbackSnapshot | null>(null)
  const [resultCaptureNoWriteReadback, setResultCaptureNoWriteReadback] = useState<AiAgentResultCaptureNoWriteReadbackSnapshot | null>(null)
  const [resultCapturePromotionApprovalGate, setResultCapturePromotionApprovalGate] = useState<AiAgentResultCapturePromotionApprovalGateSnapshot | null>(null)
  const [ownerApprovedResultCapturePromotionDryRun, setOwnerApprovedResultCapturePromotionDryRun] = useState<AiAgentOwnerApprovedResultCapturePromotionDryRunSnapshot | null>(null)
  const [resultCaptureWriteGateReview, setResultCaptureWriteGateReview] = useState<AiAgentResultCaptureWriteGateReviewSnapshot | null>(null)
  const [resultCaptureWriterImplementationReview, setResultCaptureWriterImplementationReview] = useState<AiAgentResultCaptureWriterImplementationReviewSnapshot | null>(null)
  const [resultCaptureWriterDryRunFixture, setResultCaptureWriterDryRunFixture] = useState<AiAgentResultCaptureWriterDryRunFixtureSnapshot | null>(null)
  const [resultCaptureWriterDryRunReadback, setResultCaptureWriterDryRunReadback] = useState<AiAgentResultCaptureWriterDryRunReadbackSnapshot | null>(null)
  const [resultCaptureOwnerPromotionReview, setResultCaptureOwnerPromotionReview] = useState<AiAgentResultCaptureOwnerPromotionReviewSnapshot | null>(null)
  const [resultCaptureOwnerApprovedExecutionRehearsal, setResultCaptureOwnerApprovedExecutionRehearsal] = useState<AiAgentResultCaptureOwnerApprovedExecutionRehearsalSnapshot | null>(null)
  const [resultCaptureOwnerAcceptanceMaintenanceGate, setResultCaptureOwnerAcceptanceMaintenanceGate] = useState<AiAgentResultCaptureOwnerAcceptanceMaintenanceGateSnapshot | null>(null)
  const [resultCaptureOwnerAcceptanceReadbackPreflightHold, setResultCaptureOwnerAcceptanceReadbackPreflightHold] = useState<AiAgentResultCaptureOwnerAcceptanceReadbackPreflightHoldSnapshot | null>(null)
  const [resultCaptureOwnerApprovedPreflightReleasePackage, setResultCaptureOwnerApprovedPreflightReleasePackage] = useState<AiAgentResultCaptureOwnerApprovedPreflightReleasePackageSnapshot | null>(null)
  const [resultCaptureOwnerApprovedReleaseReadinessReadback, setResultCaptureOwnerApprovedReleaseReadinessReadback] = useState<AiAgentResultCaptureOwnerApprovedReleaseReadinessReadbackSnapshot | null>(null)
  const [resultCaptureOwnerReleaseApprovalGate, setResultCaptureOwnerReleaseApprovalGate] = useState<AiAgentResultCaptureOwnerReleaseApprovalGateSnapshot | null>(null)
  const [resultCapturePostReleaseVerifierRollbackGate, setResultCapturePostReleaseVerifierRollbackGate] = useState<AiAgentResultCapturePostReleaseVerifierRollbackGateSnapshot | null>(null)
  const [resultCaptureFinalReleaseCandidateReadback, setResultCaptureFinalReleaseCandidateReadback] = useState<AiAgentResultCaptureFinalReleaseCandidateReadbackSnapshot | null>(null)
  const [resultCaptureReleaseAuthorizationHold, setResultCaptureReleaseAuthorizationHold] = useState<AiAgentResultCaptureReleaseAuthorizationHoldSnapshot | null>(null)
  const [resultCaptureReleaseAuthorizationReadbackGate, setResultCaptureReleaseAuthorizationReadbackGate] = useState<AiAgentResultCaptureReleaseAuthorizationReadbackGateSnapshot | null>(null)
  const [resultCaptureReleaseVerifierPreflightGate, setResultCaptureReleaseVerifierPreflightGate] = useState<AiAgentResultCaptureReleaseVerifierPreflightGateSnapshot | null>(null)
  const [resultCaptureReleaseVerifierOwnerReviewPacket, setResultCaptureReleaseVerifierOwnerReviewPacket] = useState<AiAgentResultCaptureReleaseVerifierOwnerReviewPacketSnapshot | null>(null)
  const [resultCaptureReleaseDecisionHold, setResultCaptureReleaseDecisionHold] = useState<AiAgentResultCaptureReleaseDecisionHoldSnapshot | null>(null)
  const [resultCaptureReleaseDecisionReadback, setResultCaptureReleaseDecisionReadback] = useState<AiAgentResultCaptureReleaseDecisionReadbackSnapshot | null>(null)
  const [resultCaptureReleaseDecisionNextHandoff, setResultCaptureReleaseDecisionNextHandoff] = useState<AiAgentResultCaptureReleaseDecisionNextHandoffSnapshot | null>(null)
  const [resultCaptureReleaseDecisionInputPrep, setResultCaptureReleaseDecisionInputPrep] = useState<AiAgentResultCaptureReleaseDecisionInputPrepSnapshot | null>(null)
  const [resultCaptureReleaseDecisionOwnerResponsePreflight, setResultCaptureReleaseDecisionOwnerResponsePreflight] = useState<AiAgentResultCaptureReleaseDecisionOwnerResponsePreflightSnapshot | null>(null)
  const [resultCaptureReleaseDecisionOwnerResponseReadback, setResultCaptureReleaseDecisionOwnerResponseReadback] = useState<AiAgentResultCaptureReleaseDecisionOwnerResponseReadbackSnapshot | null>(null)
  const [resultCaptureReleaseDecisionOwnerResponseAcceptanceGate, setResultCaptureReleaseDecisionOwnerResponseAcceptanceGate] = useState<AiAgentResultCaptureReleaseDecisionOwnerResponseAcceptanceGateSnapshot | null>(null)
  const [reportTruthActionabilityReview, setReportTruthActionabilityReview] = useState<AiAgentReportTruthActionabilityReviewSnapshot | null>(null)
  const [ownerDryRunPackage, setOwnerDryRunPackage] = useState<AiAgentOwnerApprovedFixtureDryRunSnapshot | null>(null)
  const [hostStatefulInventory, setHostStatefulInventory] = useState<AiAgentHostStatefulVersionInventorySnapshot | null>(null)
  const [dependencySupplyChainDriftMonitor, setDependencySupplyChainDriftMonitor] = useState<DependencySupplyChainDriftMonitorSnapshot | null>(null)
  const [serviceHealthGapMatrix, setServiceHealthGapMatrix] = useState<ServiceHealthGapMatrixSnapshot | null>(null)
  const [serviceHealthNotificationPolicy, setServiceHealthNotificationPolicy] = useState<ServiceHealthFailureNotificationPolicySnapshot | null>(null)
  const [loading, setLoading] = useState(true)
  const [error, setError] = useState(false)

  const fetchReportTruthQuickView = () => {
    apiClient.getAiAgentReportTruthActionabilityReview()
      .then(value => setReportTruthActionabilityReview(sanitizePublicSnapshot(value)))
      .catch(() => undefined)
  }

  const fetchSnapshot = () => {
    setLoading(true)
    const requests = [
      apiClient.getAiAgentAutomationInventorySnapshot(),
      apiClient.getAiAgentAutomationBacklogSnapshot(),
      apiClient.getBackupDrTargetInventory(),
      apiClient.getBackupDrReadinessMatrix(),
      apiClient.getBackupNotificationPolicy(),
      apiClient.getOffsiteEscrowReadinessStatus(),
      apiClient.getRuntimeSurfaceInventory(),
      apiClient.getGiteaWorkflowRunnerHealth(),
      apiClient.getObservabilityContractMatrix(),
      apiClient.getAiProviderRouteMatrix(),
      apiClient.getAiAgentDeploymentLayout(),
      apiClient.getAiAgent12AgentWarRoom(),
      apiClient.getAiAgentProfessionalTaskExpansion(),
      apiClient.getAiAgentReceiptReadbackOwnerReview(),
      apiClient.getAiAgentReportNoWriteAnalysisRuntime(),
      apiClient.getAiAgentLowMediumRiskWhitelist(),
      apiClient.getAiAgentHighRiskOwnerReviewQueue(),
      apiClient.getAiAgentActionAuditLedger(),
      apiClient.getAiAgentActionOwnerAcceptanceEventBus(),
      apiClient.getHostRunawayAiopsLoopReadiness(),
      apiClient.getAiAgentProactiveOperationsContract(),
      apiClient.getAiAgentVersionLifecycleUpdateProposal(),
      apiClient.getAiAgentInteractionLearningProof(),
      apiClient.getAiAgentLiveReadModelGate(),
      apiClient.getAiAgentRedisDryRunGate(),
      apiClient.getAiAgentLearningWritebackApprovalPackage(),
      apiClient.getAiAgentTelegramReceiptApprovalPackage(),
      apiClient.getAiAgentOwnerApprovedLearningDryRun(),
      apiClient.getAiAgentRuntimeWriteGateReview(),
      apiClient.getAiAgentPostWriteVerifierPackage(),
      apiClient.getAiAgentRuntimeVerifierEvidenceReview(),
      apiClient.getAiAgentReportAutomationReview(),
      apiClient.getAiAgentReportStatusBoard(),
      apiClient.getAiAgentReportRuntimeReadiness(),
      apiClient.getAiAgentReportRuntimeDryRun(),
      apiClient.getAiAgentReportRuntimeFixtureReadback(),
      apiClient.getAiAgentRuntimeWorkerShadowGate(),
      apiClient.getAiAgentOperationPermissionModel(),
      apiClient.getAiAgentCandidateOperationDryRunEvidence(),
      apiClient.getAiAgentTaskResultAuditTrail(),
      apiClient.getAiAgentMatchedPlaybookLearningGap(),
      apiClient.getAiAgentCriticReviewerResultCapture(),
      apiClient.getAiAgentOwnerApprovedResultCaptureDryRun(),
      apiClient.getAiAgentOwnerApprovedResultCaptureReadback(),
      apiClient.getAiAgentRuntimeReadbackApprovalPackage(),
      apiClient.getAiAgentRuntimeReadbackImplementationReview(),
      apiClient.getAiAgentReportLiveDeliveryApprovalPackage(),
      apiClient.getAiAgentRuntimeReadbackFixtureApproval(),
      apiClient.getAiAgentRuntimeReadbackPromotionGate(),
      apiClient.getAiAgentOwnerApprovedFixturePromotionGate(),
      apiClient.getAiAgentCanonicalRuntimeReadbackOwnerAcceptance(),
      apiClient.getAiAgentFailureReceiptNoSendReplay(),
      apiClient.getAiAgentReviewerQueueNoWriteReadback(),
      apiClient.getAiAgentResultCaptureNoWriteReadback(),
      apiClient.getAiAgentResultCapturePromotionApprovalGate(),
      apiClient.getAiAgentOwnerApprovedResultCapturePromotionDryRun(),
      apiClient.getAiAgentResultCaptureWriteGateReview(),
      apiClient.getAiAgentResultCaptureWriterImplementationReview(),
      apiClient.getAiAgentResultCaptureWriterDryRunFixture(),
      apiClient.getAiAgentResultCaptureWriterDryRunReadback(),
      apiClient.getAiAgentResultCaptureOwnerPromotionReview(),
      apiClient.getAiAgentResultCaptureOwnerApprovedExecutionRehearsal(),
      apiClient.getAiAgentResultCaptureOwnerAcceptanceMaintenanceGate(),
      apiClient.getAiAgentResultCaptureOwnerAcceptanceReadbackPreflightHold(),
      apiClient.getAiAgentResultCaptureOwnerApprovedPreflightReleasePackage(),
      apiClient.getAiAgentResultCaptureOwnerApprovedReleaseReadinessReadback(),
      apiClient.getAiAgentResultCaptureOwnerReleaseApprovalGate(),
      apiClient.getAiAgentResultCapturePostReleaseVerifierRollbackGate(),
      apiClient.getAiAgentResultCaptureFinalReleaseCandidateReadback(),
      apiClient.getAiAgentResultCaptureReleaseAuthorizationHold(),
      apiClient.getAiAgentResultCaptureReleaseAuthorizationReadbackGate(),
      apiClient.getAiAgentResultCaptureReleaseVerifierPreflightGate(),
      apiClient.getAiAgentResultCaptureReleaseVerifierOwnerReviewPacket(),
      apiClient.getAiAgentResultCaptureReleaseDecisionHold(),
      apiClient.getAiAgentResultCaptureReleaseDecisionReadback(),
      apiClient.getAiAgentResultCaptureReleaseDecisionNextHandoff(),
      apiClient.getAiAgentResultCaptureReleaseDecisionInputPrep(),
      apiClient.getAiAgentResultCaptureReleaseDecisionOwnerResponsePreflight(),
      apiClient.getAiAgentResultCaptureReleaseDecisionOwnerResponseReadback(),
      apiClient.getAiAgentResultCaptureReleaseDecisionOwnerResponseAcceptanceGate(),
      apiClient.getAiAgentReportTruthActionabilityReview(),
      apiClient.getAiAgentOwnerApprovedFixtureDryRun(),
      apiClient.getAiAgentHostStatefulVersionInventory(),
      apiClient.getDependencySupplyChainDriftMonitor(),
      apiClient.getServiceHealthGapMatrix(),
      apiClient.getServiceHealthFailureNotificationPolicy(),
    ] as const

    Promise.allSettled(requests)
      .then((results) => {
        const [
          inventoryResult,
          backlogResult,
          targetResult,
          readinessResult,
          policyResult,
          offsiteEscrowResult,
          runtimeSurfaceResult,
          giteaHealthResult,
          observabilityMatrixResult,
          providerRouteMatrixResult,
          deploymentLayoutResult,
          warRoomResult,
          professionalTaskExpansionResult,
          receiptReadbackOwnerReviewResult,
          reportNoWriteAnalysisRuntimeResult,
          lowMediumRiskWhitelistResult,
          highRiskOwnerReviewQueueResult,
          actionAuditLedgerResult,
          actionOwnerAcceptanceEventBusResult,
          hostRunawayAiopsResult,
          proactiveOperationsResult,
          versionLifecycleProposalResult,
          interactionLearningProofResult,
          liveReadModelGateResult,
          redisDryRunGateResult,
          learningWritebackPackageResult,
          telegramReceiptPackageResult,
          ownerApprovedLearningDryRunResult,
          runtimeWriteGateReviewResult,
          postWriteVerifierPackageResult,
          runtimeVerifierEvidenceReviewResult,
          reportAutomationReviewResult,
          reportStatusBoardResult,
          reportRuntimeReadinessResult,
          reportRuntimeDryRunResult,
          reportRuntimeFixtureReadbackResult,
          runtimeWorkerShadowGateResult,
          operationPermissionModelResult,
          candidateOperationDryRunEvidenceResult,
          taskResultAuditTrailResult,
          matchedPlaybookLearningGapResult,
          criticReviewerResultCaptureResult,
          ownerApprovedResultCaptureDryRunResult,
          ownerApprovedResultCaptureReadbackResult,
          runtimeReadbackApprovalPackageResult,
          runtimeReadbackImplementationReviewResult,
          reportLiveDeliveryApprovalPackageResult,
          runtimeReadbackFixtureApprovalResult,
          runtimeReadbackPromotionGateResult,
          ownerApprovedFixturePromotionGateResult,
          canonicalRuntimeReadbackOwnerAcceptanceResult,
          failureReceiptNoSendReplayResult,
          reviewerQueueNoWriteReadbackResult,
          resultCaptureNoWriteReadbackResult,
          resultCapturePromotionApprovalGateResult,
          ownerApprovedResultCapturePromotionDryRunResult,
          resultCaptureWriteGateReviewResult,
          resultCaptureWriterImplementationReviewResult,
          resultCaptureWriterDryRunFixtureResult,
          resultCaptureWriterDryRunReadbackResult,
          resultCaptureOwnerPromotionReviewResult,
          resultCaptureOwnerApprovedExecutionRehearsalResult,
          resultCaptureOwnerAcceptanceMaintenanceGateResult,
          resultCaptureOwnerAcceptanceReadbackPreflightHoldResult,
          resultCaptureOwnerApprovedPreflightReleasePackageResult,
          resultCaptureOwnerApprovedReleaseReadinessReadbackResult,
          resultCaptureOwnerReleaseApprovalGateResult,
          resultCapturePostReleaseVerifierRollbackGateResult,
          resultCaptureFinalReleaseCandidateReadbackResult,
          resultCaptureReleaseAuthorizationHoldResult,
          resultCaptureReleaseAuthorizationReadbackGateResult,
          resultCaptureReleaseVerifierPreflightGateResult,
          resultCaptureReleaseVerifierOwnerReviewPacketResult,
          resultCaptureReleaseDecisionHoldResult,
          resultCaptureReleaseDecisionReadbackResult,
          resultCaptureReleaseDecisionNextHandoffResult,
          resultCaptureReleaseDecisionInputPrepResult,
          resultCaptureReleaseDecisionOwnerResponsePreflightResult,
          resultCaptureReleaseDecisionOwnerResponseReadbackResult,
          resultCaptureReleaseDecisionOwnerResponseAcceptanceGateResult,
          reportTruthActionabilityReviewResult,
          ownerDryRunPackageResult,
          hostStatefulInventoryResult,
          dependencySupplyChainDriftMonitorResult,
          serviceHealthGapMatrixResult,
          serviceHealthNotificationPolicyResult,
        ] = results

        setSnapshot(settledPublicValue(inventoryResult))
        setBacklog(settledPublicValue(backlogResult))
        setBackupTargets(settledPublicValue(targetResult))
        setBackupReadiness(settledPublicValue(readinessResult))
        setBackupPolicy(settledPublicValue(policyResult))
        setOffsiteEscrow(settledPublicValue(offsiteEscrowResult))
        setRuntimeSurface(settledPublicValue(runtimeSurfaceResult))
        setGiteaHealth(settledPublicValue(giteaHealthResult))
        setObservabilityMatrix(settledPublicValue(observabilityMatrixResult))
        setProviderRouteMatrix(settledPublicValue(providerRouteMatrixResult))
        setDeploymentLayout(settledPublicValue(deploymentLayoutResult))
        setWarRoom(settledPublicValue(warRoomResult))
        setProfessionalTaskExpansion(settledPublicValue(professionalTaskExpansionResult))
        setReceiptReadbackOwnerReview(settledPublicValue(receiptReadbackOwnerReviewResult))
        setReportNoWriteAnalysisRuntime(settledPublicValue(reportNoWriteAnalysisRuntimeResult))
        setLowMediumRiskWhitelist(settledPublicValue(lowMediumRiskWhitelistResult))
        setHighRiskOwnerReviewQueue(settledPublicValue(highRiskOwnerReviewQueueResult))
        setActionAuditLedger(settledPublicValue(actionAuditLedgerResult))
        setActionOwnerAcceptanceEventBus(settledPublicValue(actionOwnerAcceptanceEventBusResult))
        setHostRunawayAiops(settledPublicValue(hostRunawayAiopsResult))
        setProactiveOperations(settledPublicValue(proactiveOperationsResult))
        setVersionLifecycleProposal(settledPublicValue(versionLifecycleProposalResult))
        setInteractionLearningProof(settledPublicValue(interactionLearningProofResult))
        setLiveReadModelGate(settledPublicValue(liveReadModelGateResult))
        setRedisDryRunGate(settledPublicValue(redisDryRunGateResult))
        setLearningWritebackPackage(settledPublicValue(learningWritebackPackageResult))
        setTelegramReceiptPackage(settledPublicValue(telegramReceiptPackageResult))
        setOwnerApprovedLearningDryRun(settledPublicValue(ownerApprovedLearningDryRunResult))
        setRuntimeWriteGateReview(settledPublicValue(runtimeWriteGateReviewResult))
        setPostWriteVerifierPackage(settledPublicValue(postWriteVerifierPackageResult))
        setRuntimeVerifierEvidenceReview(settledPublicValue(runtimeVerifierEvidenceReviewResult))
        setReportAutomationReview(settledPublicValue(reportAutomationReviewResult))
        setReportStatusBoard(settledPublicValue(reportStatusBoardResult))
        setReportRuntimeReadiness(settledPublicValue(reportRuntimeReadinessResult))
        setReportRuntimeDryRun(settledPublicValue(reportRuntimeDryRunResult))
        setReportRuntimeFixtureReadback(settledPublicValue(reportRuntimeFixtureReadbackResult))
        setRuntimeWorkerShadowGate(settledPublicValue(runtimeWorkerShadowGateResult))
        setOperationPermissionModel(settledPublicValue(operationPermissionModelResult))
        setCandidateOperationDryRunEvidence(settledPublicValue(candidateOperationDryRunEvidenceResult))
        setTaskResultAuditTrail(settledPublicValue(taskResultAuditTrailResult))
        setMatchedPlaybookLearningGap(settledPublicValue(matchedPlaybookLearningGapResult))
        setCriticReviewerResultCapture(settledPublicValue(criticReviewerResultCaptureResult))
        setOwnerApprovedResultCaptureDryRun(settledPublicValue(ownerApprovedResultCaptureDryRunResult))
        setOwnerApprovedResultCaptureReadback(settledPublicValue(ownerApprovedResultCaptureReadbackResult))
        setRuntimeReadbackApprovalPackage(settledPublicValue(runtimeReadbackApprovalPackageResult))
        setRuntimeReadbackImplementationReview(settledPublicValue(runtimeReadbackImplementationReviewResult))
        setReportLiveDeliveryApprovalPackage(settledPublicValue(reportLiveDeliveryApprovalPackageResult))
        setRuntimeReadbackFixtureApproval(settledPublicValue(runtimeReadbackFixtureApprovalResult))
        setRuntimeReadbackPromotionGate(settledPublicValue(runtimeReadbackPromotionGateResult))
        setOwnerApprovedFixturePromotionGate(settledPublicValue(ownerApprovedFixturePromotionGateResult))
        setCanonicalRuntimeReadbackOwnerAcceptance(settledPublicValue(canonicalRuntimeReadbackOwnerAcceptanceResult))
        setFailureReceiptNoSendReplay(settledPublicValue(failureReceiptNoSendReplayResult))
        setReviewerQueueNoWriteReadback(settledPublicValue(reviewerQueueNoWriteReadbackResult))
        setResultCaptureNoWriteReadback(settledPublicValue(resultCaptureNoWriteReadbackResult))
        setResultCapturePromotionApprovalGate(settledPublicValue(resultCapturePromotionApprovalGateResult))
        setOwnerApprovedResultCapturePromotionDryRun(settledPublicValue(ownerApprovedResultCapturePromotionDryRunResult))
        setResultCaptureWriteGateReview(settledPublicValue(resultCaptureWriteGateReviewResult))
        setResultCaptureWriterImplementationReview(settledPublicValue(resultCaptureWriterImplementationReviewResult))
        setResultCaptureWriterDryRunFixture(settledPublicValue(resultCaptureWriterDryRunFixtureResult))
        setResultCaptureWriterDryRunReadback(settledPublicValue(resultCaptureWriterDryRunReadbackResult))
        setResultCaptureOwnerPromotionReview(settledPublicValue(resultCaptureOwnerPromotionReviewResult))
        setResultCaptureOwnerApprovedExecutionRehearsal(settledPublicValue(resultCaptureOwnerApprovedExecutionRehearsalResult))
        setResultCaptureOwnerAcceptanceMaintenanceGate(settledPublicValue(resultCaptureOwnerAcceptanceMaintenanceGateResult))
        setResultCaptureOwnerAcceptanceReadbackPreflightHold(settledPublicValue(resultCaptureOwnerAcceptanceReadbackPreflightHoldResult))
        setResultCaptureOwnerApprovedPreflightReleasePackage(settledPublicValue(resultCaptureOwnerApprovedPreflightReleasePackageResult))
        setResultCaptureOwnerApprovedReleaseReadinessReadback(settledPublicValue(resultCaptureOwnerApprovedReleaseReadinessReadbackResult))
        setResultCaptureOwnerReleaseApprovalGate(settledPublicValue(resultCaptureOwnerReleaseApprovalGateResult))
        setResultCapturePostReleaseVerifierRollbackGate(settledPublicValue(resultCapturePostReleaseVerifierRollbackGateResult))
        setResultCaptureFinalReleaseCandidateReadback(settledPublicValue(resultCaptureFinalReleaseCandidateReadbackResult))
        setResultCaptureReleaseAuthorizationHold(settledPublicValue(resultCaptureReleaseAuthorizationHoldResult))
        setResultCaptureReleaseAuthorizationReadbackGate(settledPublicValue(resultCaptureReleaseAuthorizationReadbackGateResult))
        setResultCaptureReleaseVerifierPreflightGate(settledPublicValue(resultCaptureReleaseVerifierPreflightGateResult))
        setResultCaptureReleaseVerifierOwnerReviewPacket(settledPublicValue(resultCaptureReleaseVerifierOwnerReviewPacketResult))
        setResultCaptureReleaseDecisionHold(settledPublicValue(resultCaptureReleaseDecisionHoldResult))
        setResultCaptureReleaseDecisionReadback(settledPublicValue(resultCaptureReleaseDecisionReadbackResult))
        setResultCaptureReleaseDecisionNextHandoff(settledPublicValue(resultCaptureReleaseDecisionNextHandoffResult))
        setResultCaptureReleaseDecisionInputPrep(settledPublicValue(resultCaptureReleaseDecisionInputPrepResult))
        setResultCaptureReleaseDecisionOwnerResponsePreflight(settledPublicValue(resultCaptureReleaseDecisionOwnerResponsePreflightResult))
        setResultCaptureReleaseDecisionOwnerResponseReadback(settledPublicValue(resultCaptureReleaseDecisionOwnerResponseReadbackResult))
        setResultCaptureReleaseDecisionOwnerResponseAcceptanceGate(settledPublicValue(resultCaptureReleaseDecisionOwnerResponseAcceptanceGateResult))
        setReportTruthActionabilityReview(previous => (
          reportTruthActionabilityReviewResult.status === 'fulfilled'
            ? sanitizePublicSnapshot(reportTruthActionabilityReviewResult.value)
            : previous
        ))
        setOwnerDryRunPackage(settledPublicValue(ownerDryRunPackageResult))
        setHostStatefulInventory(settledPublicValue(hostStatefulInventoryResult))
        setDependencySupplyChainDriftMonitor(settledPublicValue(dependencySupplyChainDriftMonitorResult))
        setServiceHealthGapMatrix(settledPublicValue(serviceHealthGapMatrixResult))
        setServiceHealthNotificationPolicy(settledPublicValue(serviceHealthNotificationPolicyResult))
        setError([
          inventoryResult,
          backlogResult,
          targetResult,
          readinessResult,
          policyResult,
          offsiteEscrowResult,
          giteaHealthResult,
          observabilityMatrixResult,
          providerRouteMatrixResult,
          deploymentLayoutResult,
          warRoomResult,
          professionalTaskExpansionResult,
          receiptReadbackOwnerReviewResult,
          reportNoWriteAnalysisRuntimeResult,
          lowMediumRiskWhitelistResult,
          highRiskOwnerReviewQueueResult,
          hostRunawayAiopsResult,
          proactiveOperationsResult,
          versionLifecycleProposalResult,
          interactionLearningProofResult,
          liveReadModelGateResult,
          redisDryRunGateResult,
          learningWritebackPackageResult,
          telegramReceiptPackageResult,
          ownerApprovedLearningDryRunResult,
          runtimeWriteGateReviewResult,
          postWriteVerifierPackageResult,
          runtimeVerifierEvidenceReviewResult,
          reportAutomationReviewResult,
          reportStatusBoardResult,
          reportRuntimeReadinessResult,
          reportRuntimeDryRunResult,
          reportRuntimeFixtureReadbackResult,
          runtimeWorkerShadowGateResult,
          operationPermissionModelResult,
          candidateOperationDryRunEvidenceResult,
          taskResultAuditTrailResult,
          matchedPlaybookLearningGapResult,
          criticReviewerResultCaptureResult,
          ownerApprovedResultCaptureDryRunResult,
          ownerApprovedResultCaptureReadbackResult,
          runtimeReadbackApprovalPackageResult,
          runtimeReadbackImplementationReviewResult,
          reportLiveDeliveryApprovalPackageResult,
          runtimeReadbackFixtureApprovalResult,
          runtimeReadbackPromotionGateResult,
          ownerApprovedFixturePromotionGateResult,
          canonicalRuntimeReadbackOwnerAcceptanceResult,
          failureReceiptNoSendReplayResult,
          reviewerQueueNoWriteReadbackResult,
          resultCaptureNoWriteReadbackResult,
          resultCapturePromotionApprovalGateResult,
          ownerApprovedResultCapturePromotionDryRunResult,
          resultCaptureWriteGateReviewResult,
          resultCaptureWriterImplementationReviewResult,
          resultCaptureWriterDryRunFixtureResult,
          resultCaptureWriterDryRunReadbackResult,
          resultCaptureOwnerPromotionReviewResult,
          resultCaptureOwnerApprovedExecutionRehearsalResult,
          resultCaptureOwnerAcceptanceMaintenanceGateResult,
          resultCaptureOwnerAcceptanceReadbackPreflightHoldResult,
          resultCaptureOwnerApprovedPreflightReleasePackageResult,
          resultCaptureOwnerApprovedReleaseReadinessReadbackResult,
          resultCaptureOwnerReleaseApprovalGateResult,
          resultCapturePostReleaseVerifierRollbackGateResult,
          resultCaptureFinalReleaseCandidateReadbackResult,
          resultCaptureReleaseAuthorizationHoldResult,
          resultCaptureReleaseAuthorizationReadbackGateResult,
          resultCaptureReleaseVerifierPreflightGateResult,
          resultCaptureReleaseVerifierOwnerReviewPacketResult,
          resultCaptureReleaseDecisionHoldResult,
          resultCaptureReleaseDecisionReadbackResult,
          resultCaptureReleaseDecisionNextHandoffResult,
          resultCaptureReleaseDecisionInputPrepResult,
          resultCaptureReleaseDecisionOwnerResponsePreflightResult,
          resultCaptureReleaseDecisionOwnerResponseReadbackResult,
          resultCaptureReleaseDecisionOwnerResponseAcceptanceGateResult,
          reportTruthActionabilityReviewResult,
          ownerDryRunPackageResult,
          hostStatefulInventoryResult,
          dependencySupplyChainDriftMonitorResult,
          serviceHealthGapMatrixResult,
          serviceHealthNotificationPolicyResult,
        ].some(result => result.status === 'rejected'))
      })
      .catch(() => setError(true))
      .finally(() => setLoading(false))
  }

  useEffect(() => {
    fetchReportTruthQuickView()
    fetchSnapshot()
  // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [])

  const groupedAssets = useMemo(() => {
    const groups = new Map<string, AiAgentAutomationInventorySnapshot['assets']>()
    if (!snapshot) return []
    for (const asset of snapshot.assets) {
      const current = groups.get(asset.domain_id) ?? []
      current.push(asset)
      groups.set(asset.domain_id, current)
    }
    return snapshot.asset_domains.map(domain => ({
      ...domain,
      assets: groups.get(domain.domain_id) ?? [],
    })).filter(group => group.assets.length > 0)
  }, [snapshot])

  const groupedBacklog = useMemo(() => {
    if (!backlog) return []
    return (['P1', 'P2', 'P3', 'P0'] as const)
      .map(priority => ({
        priority,
        items: backlog.backlog_items.filter(item => item.priority === priority),
      }))
      .filter(group => group.items.length > 0)
  }, [backlog])

  const visibleDeploymentTargets = useMemo(() => {
    if (!deploymentLayout) return []
    const statePriority = {
      blocked_by_gate: 0,
      active_governed: 1,
      read_only_layout: 2,
      planned: 3,
      candidate_only: 4,
    } as Record<string, number>
    const telegramPriority = {
      approval_required: 0,
      action_required: 1,
      failure_only: 2,
      daily_summary_only: 3,
      no_direct_notify: 4,
    } as Record<string, number>
    return [...deploymentLayout.deployment_targets]
      .sort((a, b) => {
        const stateLeft = statePriority[a.deployment_state] ?? 5
        const stateRight = statePriority[b.deployment_state] ?? 5
        if (stateLeft !== stateRight) return stateLeft - stateRight
        const telegramLeft = telegramPriority[a.telegram_policy] ?? 5
        const telegramRight = telegramPriority[b.telegram_policy] ?? 5
        if (telegramLeft !== telegramRight) return telegramLeft - telegramRight
        return a.target_id.localeCompare(b.target_id)
      })
      .slice(0, 12)
  }, [deploymentLayout])

  const visibleWarRoomRoles = useMemo(() => {
    if (!warRoom) return []
    const riskPriority = { critical: 0, high: 1, medium: 2, low: 3 } as Record<string, number>
    return [...warRoom.agent_roles]
      .sort((a, b) => {
        const riskLeft = riskPriority[a.risk_tier] ?? 4
        const riskRight = riskPriority[b.risk_tier] ?? 4
        if (riskLeft !== riskRight) return riskLeft - riskRight
        return a.agent_id.localeCompare(b.agent_id)
      })
      .slice(0, 12)
  }, [warRoom])

  const visibleDelegableCapabilities = useMemo(() => {
    if (!proactiveOperations) return []
    const riskPriority = { critical: 0, high: 1, medium: 2, low: 3 } as Record<string, number>
    return [...proactiveOperations.delegable_capabilities]
      .sort((a, b) => {
        const riskLeft = riskPriority[a.risk_tier] ?? 4
        const riskRight = riskPriority[b.risk_tier] ?? 4
        if (riskLeft !== riskRight) return riskLeft - riskRight
        return a.capability_id.localeCompare(b.capability_id)
      })
      .slice(0, 8)
  }, [proactiveOperations])

  const visibleVersionDomains = useMemo(() => {
    if (!proactiveOperations) return []
    const ownerPriority = { openclaw: 0, hermes: 1, nemotron: 2 } as Record<string, number>
    return [...proactiveOperations.version_lifecycle_domains]
      .sort((a, b) => {
        const ownerLeft = ownerPriority[a.primary_owner] ?? 3
        const ownerRight = ownerPriority[b.primary_owner] ?? 3
        if (ownerLeft !== ownerRight) return ownerLeft - ownerRight
        return a.domain_id.localeCompare(b.domain_id)
      })
      .slice(0, 8)
  }, [proactiveOperations])

  const visibleHostInventory = useMemo(() => {
    if (!hostStatefulInventory) return []
    return [...hostStatefulInventory.host_inventory]
      .sort((a, b) => {
        if (a.maintenance_window_required !== b.maintenance_window_required) {
          return a.maintenance_window_required ? -1 : 1
        }
        return a.host_id.localeCompare(b.host_id)
      })
      .slice(0, 5)
  }, [hostStatefulInventory])

  const visibleStatefulServices = useMemo(() => {
    if (!hostStatefulInventory) return []
    return [...hostStatefulInventory.stateful_services]
      .sort((a, b) => {
        if (a.backup_required_before_change !== b.backup_required_before_change) {
          return a.backup_required_before_change ? -1 : 1
        }
        return a.service_id.localeCompare(b.service_id)
      })
      .slice(0, 8)
  }, [hostStatefulInventory])

  const visibleProofLevels = useMemo(() => {
    if (!interactionLearningProof) return []
    const priority = {
      blocked_by_gate: 0,
      live_pending: 1,
      proof_surface_ready: 2,
      contract_ready: 3,
    } as Record<string, number>
    return [...interactionLearningProof.proof_ladder]
      .sort((a, b) => {
        const left = priority[a.status] ?? 4
        const right = priority[b.status] ?? 4
        if (left !== right) return left - right
        return a.level_id.localeCompare(b.level_id)
      })
  }, [interactionLearningProof])

  const visibleProofSignals = useMemo(() => {
    if (!interactionLearningProof) return []
    const priority = {
      live_verified: 0,
      live_pending: 1,
      contract_defined: 2,
      blocked_by_gate: 3,
    } as Record<string, number>
    return [...interactionLearningProof.proof_signals]
      .sort((a, b) => {
        const left = priority[a.current_state] ?? 4
        const right = priority[b.current_state] ?? 4
        if (left !== right) return left - right
        return a.signal_id.localeCompare(b.signal_id)
      })
      .slice(0, 6)
  }, [interactionLearningProof])

  const visibleRuntimeGates = useMemo(() => {
    if (!interactionLearningProof) return []
    const priority = { blocked: 0, approval_required: 1, planned: 2, ready: 3 } as Record<string, number>
    return [...interactionLearningProof.runtime_gates]
      .sort((a, b) => {
        const left = priority[a.status] ?? 4
        const right = priority[b.status] ?? 4
        if (left !== right) return left - right
        return a.gate_id.localeCompare(b.gate_id)
      })
      .slice(0, 5)
  }, [interactionLearningProof])

  const visibleLiveReadModelCards = useMemo(() => {
    if (!liveReadModelGate) return []
    const priority = {
      blocked_by_writeback_gate: 0,
      approval_required: 1,
      query_contract_ready: 2,
    } as Record<string, number>
    return [...liveReadModelGate.read_model_cards]
      .sort((a, b) => {
        const left = priority[a.readiness_status] ?? 3
        const right = priority[b.readiness_status] ?? 3
        if (left !== right) return left - right
        return a.card_id.localeCompare(b.card_id)
      })
  }, [liveReadModelGate])

  const visibleLiveReadModelGates = useMemo(() => {
    if (!liveReadModelGate) return []
    const priority = { blocked: 0, approval_required: 1, ready: 2 } as Record<string, number>
    return [...liveReadModelGate.worker_gate_plan]
      .sort((a, b) => {
        const left = priority[a.status] ?? 3
        const right = priority[b.status] ?? 3
        if (left !== right) return left - right
        return a.gate_id.localeCompare(b.gate_id)
      })
  }, [liveReadModelGate])

  const visibleRedisDryRunSteps = useMemo(() => {
    if (!redisDryRunGate) return []
    const priority = { approval_required: 0, blocked_by_runtime_gate: 1, contract_ready: 2 } as Record<string, number>
    return [...redisDryRunGate.dry_run_steps]
      .sort((a, b) => {
        const left = priority[a.status] ?? 3
        const right = priority[b.status] ?? 3
        if (left !== right) return left - right
        return a.step_id.localeCompare(b.step_id)
      })
  }, [redisDryRunGate])

  const visibleRedisHandoffLanes = useMemo(() => {
    if (!redisDryRunGate) return []
    const priority = { blocked_by_runtime_gate: 0, approval_required: 1, contract_ready: 2 } as Record<string, number>
    return [...redisDryRunGate.handoff_lanes]
      .sort((a, b) => {
        const left = priority[a.status] ?? 3
        const right = priority[b.status] ?? 3
        if (left !== right) return left - right
        return a.lane_id.localeCompare(b.lane_id)
      })
  }, [redisDryRunGate])

  const visibleLearningWritebackGates = useMemo(() => {
    if (!learningWritebackPackage) return []
    const priority = { approval_required: 0, blocked_by_runtime_gate: 1, contract_ready: 2 } as Record<string, number>
    return [...learningWritebackPackage.review_gates]
      .sort((a, b) => {
        const left = priority[a.status] ?? 3
        const right = priority[b.status] ?? 3
        if (left !== right) return left - right
        return a.gate_id.localeCompare(b.gate_id)
      })
  }, [learningWritebackPackage])

  const visibleLearningWritebackLanes = useMemo(() => {
    if (!learningWritebackPackage) return []
    const priority = { blocked_by_runtime_gate: 0, approval_required: 1, contract_ready: 2 } as Record<string, number>
    return [...learningWritebackPackage.learning_lanes]
      .sort((a, b) => {
        const left = priority[a.status] ?? 3
        const right = priority[b.status] ?? 3
        if (left !== right) return left - right
        return a.lane_id.localeCompare(b.lane_id)
      })
  }, [learningWritebackPackage])

  const visibleTelegramReceiptGates = useMemo(() => {
    if (!telegramReceiptPackage) return []
    const priority = { approval_required: 0, blocked_by_runtime_gate: 1, contract_ready: 2 } as Record<string, number>
    return [...telegramReceiptPackage.receipt_gates]
      .sort((a, b) => {
        const left = priority[a.status] ?? 3
        const right = priority[b.status] ?? 3
        if (left !== right) return left - right
        return a.gate_id.localeCompare(b.gate_id)
      })
  }, [telegramReceiptPackage])

  const visibleTelegramReceiptLanes = useMemo(() => {
    if (!telegramReceiptPackage) return []
    const priority = { blocked_by_runtime_gate: 0, approval_required: 1, contract_ready: 2 } as Record<string, number>
    return [...telegramReceiptPackage.receipt_lanes]
      .sort((a, b) => {
        const left = priority[a.status] ?? 3
        const right = priority[b.status] ?? 3
        if (left !== right) return left - right
        return a.lane_id.localeCompare(b.lane_id)
      })
  }, [telegramReceiptPackage])

  const visibleOwnerApprovedLearningActions = useMemo(() => {
    if (!ownerApprovedLearningDryRun) return []
    const priority = { approval_required: 0, ready_for_owner: 1, blocked_by_runtime_gate: 2 } as Record<string, number>
    return [...ownerApprovedLearningDryRun.operator_actions]
      .sort((a, b) => {
        const left = priority[a.status] ?? 3
        const right = priority[b.status] ?? 3
        if (left !== right) return left - right
        return a.action_id.localeCompare(b.action_id)
      })
  }, [ownerApprovedLearningDryRun])

  const visibleOwnerApprovedLearningGates = useMemo(() => {
    if (!ownerApprovedLearningDryRun) return []
    const priority = { approval_required: 0, blocked_by_runtime_gate: 1, contract_ready: 2 } as Record<string, number>
    return [...ownerApprovedLearningDryRun.dry_run_gates]
      .sort((a, b) => {
        const left = priority[a.status] ?? 3
        const right = priority[b.status] ?? 3
        if (left !== right) return left - right
        return a.gate_id.localeCompare(b.gate_id)
      })
  }, [ownerApprovedLearningDryRun])

  const visibleRuntimeWriteTargets = useMemo(() => {
    if (!runtimeWriteGateReview) return []
    const priority = { approval_required: 0, blocked_by_runtime_gate: 1, contract_ready: 2 } as Record<string, number>
    return [...runtimeWriteGateReview.write_targets]
      .sort((a, b) => {
        const left = priority[a.status] ?? 3
        const right = priority[b.status] ?? 3
        if (left !== right) return left - right
        return a.target_id.localeCompare(b.target_id)
      })
  }, [runtimeWriteGateReview])

  const visibleRuntimeWriteGates = useMemo(() => {
    if (!runtimeWriteGateReview) return []
    const priority = { approval_required: 0, blocked_by_runtime_gate: 1, contract_ready: 2 } as Record<string, number>
    return [...runtimeWriteGateReview.approval_gates]
      .sort((a, b) => {
        const left = priority[a.status] ?? 3
        const right = priority[b.status] ?? 3
        if (left !== right) return left - right
        return a.gate_id.localeCompare(b.gate_id)
      })
  }, [runtimeWriteGateReview])

  const visiblePostWriteVerifierTargets = useMemo(() => {
    if (!postWriteVerifierPackage) return []
    const priority = { approval_required: 0, blocked_by_runtime_gate: 1, contract_ready: 2 } as Record<string, number>
    return [...postWriteVerifierPackage.verification_targets]
      .sort((a, b) => {
        const left = priority[a.status] ?? 3
        const right = priority[b.status] ?? 3
        if (left !== right) return left - right
        return a.target_id.localeCompare(b.target_id)
      })
  }, [postWriteVerifierPackage])

  const visiblePostWriteVerifierLanes = useMemo(() => {
    if (!postWriteVerifierPackage) return []
    const priority = { approval_required: 0, blocked_by_runtime_gate: 1, contract_ready: 2 } as Record<string, number>
    return [...postWriteVerifierPackage.failure_lanes]
      .sort((a, b) => {
        const left = priority[a.status] ?? 3
        const right = priority[b.status] ?? 3
        if (left !== right) return left - right
        return a.lane_id.localeCompare(b.lane_id)
      })
  }, [postWriteVerifierPackage])

  const visiblePostWriteVerifierActions = useMemo(() => {
    if (!postWriteVerifierPackage) return []
    const priority = { approval_required: 0, ready_for_owner: 1, blocked_by_runtime_gate: 2 } as Record<string, number>
    return [...postWriteVerifierPackage.operator_actions]
      .sort((a, b) => {
        const left = priority[a.status] ?? 3
        const right = priority[b.status] ?? 3
        if (left !== right) return left - right
        return a.action_id.localeCompare(b.action_id)
      })
  }, [postWriteVerifierPackage])

  const visibleRuntimeVerifierEvidenceChecks = useMemo(() => {
    if (!runtimeVerifierEvidenceReview) return []
    const priority = { approval_required: 0, blocked_by_runtime_gate: 1, contract_ready: 2, ready_for_owner: 3 } as Record<string, number>
    return [...runtimeVerifierEvidenceReview.evidence_checks]
      .sort((a, b) => {
        const left = priority[a.status] ?? 4
        const right = priority[b.status] ?? 4
        if (left !== right) return left - right
        return a.check_id.localeCompare(b.check_id)
      })
  }, [runtimeVerifierEvidenceReview])

  const visibleRuntimeVerifierReviewLanes = useMemo(() => {
    if (!runtimeVerifierEvidenceReview) return []
    const priority = { approval_required: 0, blocked_by_runtime_gate: 1, contract_ready: 2, ready_for_owner: 3 } as Record<string, number>
    return [...runtimeVerifierEvidenceReview.implementation_review_lanes]
      .sort((a, b) => {
        const left = priority[a.status] ?? 4
        const right = priority[b.status] ?? 4
        if (left !== right) return left - right
        return a.lane_id.localeCompare(b.lane_id)
      })
  }, [runtimeVerifierEvidenceReview])

  const visibleRuntimeVerifierActions = useMemo(() => {
    if (!runtimeVerifierEvidenceReview) return []
    const priority = { approval_required: 0, ready_for_owner: 1, blocked_by_runtime_gate: 2 } as Record<string, number>
    return [...runtimeVerifierEvidenceReview.operator_actions]
      .sort((a, b) => {
        const left = priority[a.status] ?? 3
        const right = priority[b.status] ?? 3
        if (left !== right) return left - right
        return a.action_id.localeCompare(b.action_id)
      })
  }, [runtimeVerifierEvidenceReview])

  const visibleReportCharts = useMemo(() => {
    if (!reportAutomationReview) return []
    return reportAutomationReview.report_charts.slice(0, 4)
  }, [reportAutomationReview])

  const visibleReportStatusCharts = useMemo(() => {
    if (!reportStatusBoard) return []
    return reportStatusBoard.visible_charts.slice(0, 3)
  }, [reportStatusBoard])

  const visibleReportRecommendations = useMemo(() => {
    if (!reportAutomationReview) return []
    const priority = { critical: 0, high: 0, medium: 1, low: 2 } as Record<string, number>
    return [...reportAutomationReview.analysis_recommendations]
      .sort((a, b) => {
        const left = priority[a.risk_tier] ?? 3
        const right = priority[b.risk_tier] ?? 3
        if (left !== right) return left - right
        return Number(b.approval_required) - Number(a.approval_required)
      })
      .slice(0, 5)
  }, [reportAutomationReview])

  const visibleReportNoWriteRecommendations = useMemo(() => {
    if (!reportNoWriteAnalysisRuntime) return []
    const priority = { critical: 0, high: 0, medium: 1, low: 2 } as Record<string, number>
    return [...reportNoWriteAnalysisRuntime.draft_recommendations]
      .sort((a, b) => {
        const left = priority[a.risk_tier] ?? 3
        const right = priority[b.risk_tier] ?? 3
        if (left !== right) return left - right
        if (a.approval_required !== b.approval_required) {
          return a.approval_required ? -1 : 1
        }
        return b.actionability_score - a.actionability_score
      })
      .slice(0, 6)
  }, [reportNoWriteAnalysisRuntime])

  const visibleReportNoWriteGates = useMemo(() => {
    if (!reportNoWriteAnalysisRuntime) return []
    const statusPriority = { owner_review_required: 0, blocked_by_runtime_gate: 1, draft_ready: 2 } as Record<string, number>
    const riskPriority = { critical: 0, high: 1, medium: 2, low: 3 } as Record<string, number>
    return [...reportNoWriteAnalysisRuntime.owner_review_gates]
      .sort((a, b) => {
        const leftStatus = statusPriority[a.status] ?? 3
        const rightStatus = statusPriority[b.status] ?? 3
        if (leftStatus !== rightStatus) return leftStatus - rightStatus
        const leftRisk = riskPriority[a.risk_tier] ?? 4
        const rightRisk = riskPriority[b.risk_tier] ?? 4
        if (leftRisk !== rightRisk) return leftRisk - rightRisk
        return a.gate_id.localeCompare(b.gate_id)
      })
      .slice(0, 4)
  }, [reportNoWriteAnalysisRuntime])

  const visibleLowMediumWhitelistCandidates = useMemo(() => {
    if (!lowMediumRiskWhitelist) return []
    const riskPriority = { medium: 0, low: 1 } as Record<string, number>
    const statusPriority = {
      owner_review_required_no_live_execution: 0,
      dry_run_ready_no_live_execution: 1,
      candidate_only_no_live_execution: 2,
    } as Record<string, number>
    return [...lowMediumRiskWhitelist.whitelist_candidates]
      .sort((a, b) => {
        const leftRisk = riskPriority[a.risk_tier] ?? 2
        const rightRisk = riskPriority[b.risk_tier] ?? 2
        if (leftRisk !== rightRisk) return leftRisk - rightRisk
        const leftStatus = statusPriority[a.whitelist_status] ?? 3
        const rightStatus = statusPriority[b.whitelist_status] ?? 3
        if (leftStatus !== rightStatus) return leftStatus - rightStatus
        return a.candidate_id.localeCompare(b.candidate_id)
      })
      .slice(0, 6)
  }, [lowMediumRiskWhitelist])

  const visibleLowMediumWhitelistGates = useMemo(() => {
    if (!lowMediumRiskWhitelist) return []
    const statusPriority = { owner_review_required: 0, blocked_by_runtime_gate: 1, draft_ready: 2 } as Record<string, number>
    return [...lowMediumRiskWhitelist.owner_review_gates]
      .sort((a, b) => {
        const leftStatus = statusPriority[a.status] ?? 3
        const rightStatus = statusPriority[b.status] ?? 3
        if (leftStatus !== rightStatus) return leftStatus - rightStatus
        return a.gate_id.localeCompare(b.gate_id)
      })
      .slice(0, 4)
  }, [lowMediumRiskWhitelist])

  const visibleHighRiskOwnerQueueItems = useMemo(() => {
    if (!highRiskOwnerReviewQueue) return []
    const riskPriority = { critical: 0, high: 1 } as Record<string, number>
    const statusPriority = {
      critical_break_glass_required: 0,
      controlled_apply_packet_ready: 1,
      blocked_missing_owner_response: 2,
      approval_packet_preview_ready: 3,
    } as Record<string, number>
    return [...highRiskOwnerReviewQueue.owner_review_queue_items]
      .sort((a, b) => {
        const leftRisk = riskPriority[a.risk_tier] ?? 2
        const rightRisk = riskPriority[b.risk_tier] ?? 2
        if (leftRisk !== rightRisk) return leftRisk - rightRisk
        const leftStatus = statusPriority[a.queue_status] ?? 3
        const rightStatus = statusPriority[b.queue_status] ?? 3
        if (leftStatus !== rightStatus) return leftStatus - rightStatus
        return a.queue_item_id.localeCompare(b.queue_item_id)
      })
      .slice(0, 7)
  }, [highRiskOwnerReviewQueue])

  const visibleHighRiskRejectionGuards = useMemo(() => {
    if (!highRiskOwnerReviewQueue) return []
    return [...highRiskOwnerReviewQueue.rejection_guards]
      .sort((a, b) => {
        const leftCritical = a.applies_to_risk_tiers.includes('critical') ? 0 : 1
        const rightCritical = b.applies_to_risk_tiers.includes('critical') ? 0 : 1
        if (leftCritical !== rightCritical) return leftCritical - rightCritical
        return a.guard_id.localeCompare(b.guard_id)
      })
      .slice(0, 5)
  }, [highRiskOwnerReviewQueue])

  const visibleActionAuditEvents = useMemo(() => {
    if (!actionAuditLedger) return []
    const riskPriority = { critical: 0, high: 1, medium: 2, low: 3 } as Record<string, number>
    const stagePriority = {
      runtime_action_rejection: 0,
      owner_queue_pause: 1,
      work_item_owner_review: 2,
      no_send_preview: 3,
      notification_egress_guard: 4,
      dry_run_hold: 4,
      candidate_classification: 5,
      writeback_blocked: 6,
    } as Record<string, number>
    return [...actionAuditLedger.audit_event_templates]
      .sort((a, b) => {
        const leftRisk = riskPriority[a.risk_tier] ?? 4
        const rightRisk = riskPriority[b.risk_tier] ?? 4
        if (leftRisk !== rightRisk) return leftRisk - rightRisk
        const leftStage = stagePriority[a.event_stage] ?? 7
        const rightStage = stagePriority[b.event_stage] ?? 7
        if (leftStage !== rightStage) return leftStage - rightStage
        return a.audit_event_id.localeCompare(b.audit_event_id)
      })
      .slice(0, 8)
  }, [actionAuditLedger])

  const visibleActionAuditVerifierGates = useMemo(() => {
    if (!actionAuditLedger) return []
    const agentPriority = { security: 0, openclaw: 1, hermes: 2, nemotron: 3, sre: 4, devops: 5 } as Record<string, number>
    return [...actionAuditLedger.verifier_receipt_gates]
      .sort((a, b) => {
        const leftAgent = agentPriority[a.owner_agent] ?? 6
        const rightAgent = agentPriority[b.owner_agent] ?? 6
        if (leftAgent !== rightAgent) return leftAgent - rightAgent
        return a.gate_id.localeCompare(b.gate_id)
      })
      .slice(0, 5)
  }, [actionAuditLedger])

  const visibleActionOwnerAcceptanceLanes = useMemo(() => {
    if (!actionOwnerAcceptanceEventBus) return []
    const riskPriority = { critical: 0, high: 1, medium: 2, low: 3 } as Record<string, number>
    return [...actionOwnerAcceptanceEventBus.owner_acceptance_lanes]
      .sort((a, b) => {
        const leftRisk = riskPriority[a.risk_tier] ?? 4
        const rightRisk = riskPriority[b.risk_tier] ?? 4
        if (leftRisk !== rightRisk) return leftRisk - rightRisk
        return a.lane_id.localeCompare(b.lane_id)
      })
      .slice(0, 6)
  }, [actionOwnerAcceptanceEventBus])

  const visibleActionOwnerHandoffEvents = useMemo(() => {
    if (!actionOwnerAcceptanceEventBus) return []
    const stagePriority = {
      owner_response_rejection: 0,
      owner_response_hold: 1,
      no_send_rehearsal: 2,
      handoff_request: 3,
      rag_memory_proposal: 4,
      candidate_ready_no_write: 5,
    } as Record<string, number>
    return [...actionOwnerAcceptanceEventBus.handoff_event_templates]
      .sort((a, b) => {
        const leftStage = stagePriority[a.event_stage] ?? 6
        const rightStage = stagePriority[b.event_stage] ?? 6
        if (leftStage !== rightStage) return leftStage - rightStage
        return a.event_id.localeCompare(b.event_id)
      })
      .slice(0, 6)
  }, [actionOwnerAcceptanceEventBus])

  const visibleActionOwnerRagProposals = useMemo(() => {
    if (!actionOwnerAcceptanceEventBus) return []
    return [...actionOwnerAcceptanceEventBus.rag_memory_proposals]
      .sort((a, b) => a.proposal_id.localeCompare(b.proposal_id))
      .slice(0, 4)
  }, [actionOwnerAcceptanceEventBus])

  const visibleActionOwnerVerifierGates = useMemo(() => {
    if (!actionOwnerAcceptanceEventBus) return []
    const agentPriority = { security: 0, openclaw: 1, hermes: 2, nemotron: 3, sre: 4, devops: 5 } as Record<string, number>
    return [...actionOwnerAcceptanceEventBus.verifier_gates]
      .sort((a, b) => {
        const leftAgent = agentPriority[a.owner_agent] ?? 6
        const rightAgent = agentPriority[b.owner_agent] ?? 6
        if (leftAgent !== rightAgent) return leftAgent - rightAgent
        return a.gate_id.localeCompare(b.gate_id)
      })
      .slice(0, 6)
  }, [actionOwnerAcceptanceEventBus])

  const visibleReportRuntimeLanes = useMemo(() => {
    if (!reportRuntimeReadiness) return []
    const priority = { blocked_by_runtime_gate: 0, ready_for_owner_review: 1 } as Record<string, number>
    return [...reportRuntimeReadiness.runtime_lanes]
      .sort((a, b) => {
        const left = priority[a.contract_status] ?? 2
        const right = priority[b.contract_status] ?? 2
        if (left !== right) return left - right
        return a.lane_id.localeCompare(b.lane_id)
      })
      .slice(0, 7)
  }, [reportRuntimeReadiness])

  const visibleReportRuntimeDecisions = useMemo(() => {
    if (!reportRuntimeReadiness) return []
    const statusPriority = { approval_required: 0, blocked_by_runtime_gate: 1, ready_for_review: 2 } as Record<string, number>
    const riskPriority = { critical: 0, high: 1, medium: 2, low: 3 } as Record<string, number>
    return [...reportRuntimeReadiness.operator_decisions]
      .sort((a, b) => {
        const left = statusPriority[a.status] ?? 3
        const right = statusPriority[b.status] ?? 3
        if (left !== right) return left - right
        const leftRisk = riskPriority[a.risk_tier] ?? 4
        const rightRisk = riskPriority[b.risk_tier] ?? 4
        if (leftRisk !== rightRisk) return leftRisk - rightRisk
        return a.decision_id.localeCompare(b.decision_id)
      })
      .slice(0, 7)
  }, [reportRuntimeReadiness])

  const visibleReportRuntimeDryRunArtifacts = useMemo(() => {
    if (!reportRuntimeDryRun) return []
    const statusPriority = { blocked_by_runtime_gate: 0, approval_required: 1, ready_for_owner_review: 2, ready_for_local_smoke: 3 } as Record<string, number>
    return [...reportRuntimeDryRun.dry_run_artifacts]
      .sort((a, b) => {
        const left = statusPriority[a.status] ?? 4
        const right = statusPriority[b.status] ?? 4
        if (left !== right) return left - right
        return a.artifact_id.localeCompare(b.artifact_id)
      })
      .slice(0, 5)
  }, [reportRuntimeDryRun])

  const visibleReportRuntimeQueueDrafts = useMemo(() => {
    if (!reportRuntimeDryRun) return []
    return [...reportRuntimeDryRun.telegram_gateway_queue_drafts]
  }, [reportRuntimeDryRun])

  const visibleReportRuntimeVerifierCases = useMemo(() => {
    if (!reportRuntimeDryRun) return []
    return [...reportRuntimeDryRun.readback_verifier_cases]
  }, [reportRuntimeDryRun])

  const visibleReportRuntimeCheckpoints = useMemo(() => {
    if (!reportRuntimeDryRun) return []
    const statusPriority = { approval_required: 0, blocked_by_runtime_gate: 1, ready_for_review: 2 } as Record<string, number>
    const riskPriority = { critical: 0, high: 1, medium: 2, low: 3 } as Record<string, number>
    return [...reportRuntimeDryRun.operator_checkpoints]
      .sort((a, b) => {
        const left = statusPriority[a.status] ?? 3
        const right = statusPriority[b.status] ?? 3
        if (left !== right) return left - right
        const leftRisk = riskPriority[a.risk_tier] ?? 4
        const rightRisk = riskPriority[b.risk_tier] ?? 4
        if (leftRisk !== rightRisk) return leftRisk - rightRisk
        return a.checkpoint_id.localeCompare(b.checkpoint_id)
      })
      .slice(0, 6)
  }, [reportRuntimeDryRun])

  const visibleReportRuntimeFixtureResults = useMemo(() => {
    if (!reportRuntimeFixtureReadback) return []
    const statusPriority = { blocked_by_runtime_gate: 0, ready_for_owner_review: 1, passed_no_write: 2, passed_redaction: 3 } as Record<string, number>
    return [...reportRuntimeFixtureReadback.fixture_smoke_results]
      .sort((a, b) => {
        const left = statusPriority[a.smoke_status] ?? 4
        const right = statusPriority[b.smoke_status] ?? 4
        if (left !== right) return left - right
        return a.fixture_id.localeCompare(b.fixture_id)
      })
      .slice(0, 5)
  }, [reportRuntimeFixtureReadback])

  const visibleReportRuntimeQueueReadbacks = useMemo(() => {
    if (!reportRuntimeFixtureReadback) return []
    return [...reportRuntimeFixtureReadback.queue_preview_readbacks]
  }, [reportRuntimeFixtureReadback])

  const visibleReportRuntimeVerifierDryRuns = useMemo(() => {
    if (!reportRuntimeFixtureReadback) return []
    const statusPriority = { blocked_by_runtime_gate: 0, ready_for_owner_review: 1, passed_fixture: 2 } as Record<string, number>
    return [...reportRuntimeFixtureReadback.verifier_dry_run_cases]
      .sort((a, b) => {
        const left = statusPriority[a.dry_run_status] ?? 3
        const right = statusPriority[b.dry_run_status] ?? 3
        if (left !== right) return left - right
        return a.case_id.localeCompare(b.case_id)
      })
  }, [reportRuntimeFixtureReadback])

  const visibleReportRuntimeFixtureCheckpoints = useMemo(() => {
    if (!reportRuntimeFixtureReadback) return []
    const statusPriority = { blocked_by_runtime_gate: 0, ready_for_owner_review: 1, passed_no_write: 2 } as Record<string, number>
    const riskPriority = { critical: 0, high: 1, medium: 2, low: 3 } as Record<string, number>
    return [...reportRuntimeFixtureReadback.operator_checkpoints]
      .sort((a, b) => {
        const left = statusPriority[a.status] ?? 3
        const right = statusPriority[b.status] ?? 3
        if (left !== right) return left - right
        const leftRisk = riskPriority[a.risk_tier] ?? 4
        const rightRisk = riskPriority[b.risk_tier] ?? 4
        if (leftRisk !== rightRisk) return leftRisk - rightRisk
        return a.checkpoint_id.localeCompare(b.checkpoint_id)
      })
      .slice(0, 5)
  }, [reportRuntimeFixtureReadback])

  const visibleRuntimeWorkerShadowCandidates = useMemo(() => {
    if (!runtimeWorkerShadowGate) return []
    const statusPriority = { blocked_by_runtime_gate: 0, needs_owner_review: 1, passed_no_write_replay: 2 } as Record<string, number>
    return [...runtimeWorkerShadowGate.shadow_worker_candidates]
      .sort((a, b) => {
        const left = statusPriority[a.shadow_status] ?? 3
        const right = statusPriority[b.shadow_status] ?? 3
        if (left !== right) return left - right
        return a.candidate_id.localeCompare(b.candidate_id)
      })
      .slice(0, 5)
  }, [runtimeWorkerShadowGate])

  const visibleRuntimeWorkerShadowReplays = useMemo(() => {
    if (!runtimeWorkerShadowGate) return []
    const statusPriority = { blocked_by_runtime_gate: 0, passed_no_write: 1 } as Record<string, number>
    return [...runtimeWorkerShadowGate.no_write_execution_replays]
      .sort((a, b) => {
        const left = statusPriority[a.replay_status] ?? 2
        const right = statusPriority[b.replay_status] ?? 2
        if (left !== right) return left - right
        return a.replay_id.localeCompare(b.replay_id)
      })
  }, [runtimeWorkerShadowGate])

  const visibleRuntimeWorkerShadowCheckpoints = useMemo(() => {
    if (!runtimeWorkerShadowGate) return []
    const statusPriority = { blocked_by_runtime_gate: 0, needs_owner_review: 1, passed_no_write: 2 } as Record<string, number>
    const riskPriority = { critical: 0, high: 1, medium: 2, low: 3 } as Record<string, number>
    return [...runtimeWorkerShadowGate.operator_checkpoints]
      .sort((a, b) => {
        const left = statusPriority[a.status] ?? 3
        const right = statusPriority[b.status] ?? 3
        if (left !== right) return left - right
        const leftRisk = riskPriority[a.risk_tier] ?? 4
        const rightRisk = riskPriority[b.risk_tier] ?? 4
        if (leftRisk !== rightRisk) return leftRisk - rightRisk
        return a.checkpoint_id.localeCompare(b.checkpoint_id)
      })
      .slice(0, 6)
  }, [runtimeWorkerShadowGate])

  const visibleOperationPermissionCategories = useMemo(() => {
    if (!operationPermissionModel) return []
    const lanePriority = {
      explicitly_blocked: 0,
      human_approval_required: 1,
      proposal_only: 2,
      no_write_replay_allowed: 3,
      observe_only: 4,
    } as Record<string, number>
    const riskPriority = { critical: 0, high: 1, medium: 2, low: 3 } as Record<string, number>
    return [...operationPermissionModel.operation_categories]
      .sort((a, b) => {
        const leftLane = lanePriority[a.permission_lane] ?? 5
        const rightLane = lanePriority[b.permission_lane] ?? 5
        if (leftLane !== rightLane) return leftLane - rightLane
        const leftRisk = riskPriority[a.risk_tier] ?? 4
        const rightRisk = riskPriority[b.risk_tier] ?? 4
        if (leftRisk !== rightRisk) return leftRisk - rightRisk
        return a.category_id.localeCompare(b.category_id)
      })
      .slice(0, 8)
  }, [operationPermissionModel])

  const visibleOperationPermissionGates = useMemo(() => {
    if (!operationPermissionModel) return []
    const statusPriority = { blocked_by_policy: 0, blocked_until_evidence: 1, ready_for_review: 2 } as Record<string, number>
    return [...operationPermissionModel.gate_transitions]
      .sort((a, b) => {
        const left = statusPriority[a.current_status] ?? 3
        const right = statusPriority[b.current_status] ?? 3
        if (left !== right) return left - right
        return a.gate_id.localeCompare(b.gate_id)
      })
      .slice(0, 8)
  }, [operationPermissionModel])

  const visibleCandidateOperationDryRuns = useMemo(() => {
    if (!candidateOperationDryRunEvidence) return []
    const statusPriority = {
      blocked_by_policy: 0,
      blocked_until_allowlist: 1,
      needs_owner_review: 2,
      passed_no_write: 3,
    } as Record<string, number>
    const riskPriority = { critical: 0, high: 1, medium: 2, low: 3 } as Record<string, number>
    return [...candidateOperationDryRunEvidence.candidate_operations]
      .sort((a, b) => {
        const leftStatus = statusPriority[a.dry_run_status] ?? 4
        const rightStatus = statusPriority[b.dry_run_status] ?? 4
        if (leftStatus !== rightStatus) return leftStatus - rightStatus
        const leftRisk = riskPriority[a.risk_tier] ?? 4
        const rightRisk = riskPriority[b.risk_tier] ?? 4
        if (leftRisk !== rightRisk) return leftRisk - rightRisk
        return a.candidate_id.localeCompare(b.candidate_id)
      })
      .slice(0, 8)
  }, [candidateOperationDryRunEvidence])

  const visibleCandidateVerifierPlans = useMemo(() => {
    if (!candidateOperationDryRunEvidence) return []
    return [...candidateOperationDryRunEvidence.verifier_plans]
      .sort((a, b) => a.plan_id.localeCompare(b.plan_id))
      .slice(0, 5)
  }, [candidateOperationDryRunEvidence])

  const visibleCandidateOperatorHandoffs = useMemo(() => {
    if (!candidateOperationDryRunEvidence) return []
    return [...candidateOperationDryRunEvidence.operator_handoffs]
      .sort((a, b) => a.handoff_id.localeCompare(b.handoff_id))
      .slice(0, 5)
  }, [candidateOperationDryRunEvidence])

  const visibleTaskResultRoutes = useMemo(() => {
    if (!taskResultAuditTrail) return []
    const statePriority = {
      execution_failed: 0,
      blocked_by_policy: 1,
      blocked_until_evidence: 2,
      correlation_gap: 3,
      report_quality_gap: 4,
      owner_review_required: 5,
      diagnostic_only: 6,
      verified_no_change: 7,
    } as Record<string, number>
    return [...taskResultAuditTrail.result_routes]
      .sort((a, b) => {
        const left = statePriority[a.result_state] ?? 8
        const right = statePriority[b.result_state] ?? 8
        if (left !== right) return left - right
        return a.route_id.localeCompare(b.route_id)
      })
      .slice(0, 8)
  }, [taskResultAuditTrail])

  const visibleTaskWritebackContracts = useMemo(() => {
    if (!taskResultAuditTrail) return []
    return [...taskResultAuditTrail.writeback_contracts]
      .sort((a, b) => a.contract_id.localeCompare(b.contract_id))
      .slice(0, 6)
  }, [taskResultAuditTrail])

  const visibleTaskAuditCheckpoints = useMemo(() => {
    if (!taskResultAuditTrail) return []
    const statusPriority = { blocked_by_policy: 0, needs_owner_review: 1, ready: 2 } as Record<string, number>
    return [...taskResultAuditTrail.audit_checkpoints]
      .sort((a, b) => {
        const left = statusPriority[a.status] ?? 3
        const right = statusPriority[b.status] ?? 3
        if (left !== right) return left - right
        return a.checkpoint_id.localeCompare(b.checkpoint_id)
      })
      .slice(0, 7)
  }, [taskResultAuditTrail])

  const visibleMatchedPlaybookGapLanes = useMemo(() => {
    if (!matchedPlaybookLearningGap) return []
    const statusPriority = { blocked: 0, owner_review_required: 1, ready: 2, passed: 3 } as Record<string, number>
    const riskPriority = { critical: 0, high: 1, medium: 2, low: 3 } as Record<string, number>
    return [...matchedPlaybookLearningGap.gap_lanes]
      .sort((a, b) => {
        const leftStatus = statusPriority[a.status] ?? 4
        const rightStatus = statusPriority[b.status] ?? 4
        if (leftStatus !== rightStatus) return leftStatus - rightStatus
        const leftRisk = riskPriority[a.risk_tier] ?? 4
        const rightRisk = riskPriority[b.risk_tier] ?? 4
        if (leftRisk !== rightRisk) return leftRisk - rightRisk
        return a.lane_id.localeCompare(b.lane_id)
      })
      .slice(0, 5)
  }, [matchedPlaybookLearningGap])

  const visibleMatchedPlaybookLearningGates = useMemo(() => {
    if (!matchedPlaybookLearningGap) return []
    const statusPriority = { blocked_by_policy: 0, needs_owner_review: 1, ready: 2 } as Record<string, number>
    return [...matchedPlaybookLearningGap.learning_gates]
      .sort((a, b) => {
        const left = statusPriority[a.status] ?? 3
        const right = statusPriority[b.status] ?? 3
        if (left !== right) return left - right
        return a.gate_id.localeCompare(b.gate_id)
      })
      .slice(0, 5)
  }, [matchedPlaybookLearningGap])

  const visibleMatchedPlaybookWritebackCandidates = useMemo(() => {
    if (!matchedPlaybookLearningGap) return []
    return [...matchedPlaybookLearningGap.writeback_candidates]
      .sort((a, b) => a.candidate_id.localeCompare(b.candidate_id))
      .slice(0, 4)
  }, [matchedPlaybookLearningGap])

  const visibleCriticReviewerScorecards = useMemo(() => {
    if (!criticReviewerResultCapture) return []
    const statusPriority = { blocked_by_policy: 0, ready_for_owner_review: 1 } as Record<string, number>
    const riskPriority = { critical: 0, high: 1, medium: 2, low: 3 } as Record<string, number>
    return [...criticReviewerResultCapture.agent_scorecards]
      .sort((a, b) => {
        const leftStatus = statusPriority[a.status] ?? 3
        const rightStatus = statusPriority[b.status] ?? 3
        if (leftStatus !== rightStatus) return leftStatus - rightStatus
        const leftRisk = riskPriority[a.risk_tier] ?? 4
        const rightRisk = riskPriority[b.risk_tier] ?? 4
        if (leftRisk !== rightRisk) return leftRisk - rightRisk
        return a.scorecard_id.localeCompare(b.scorecard_id)
      })
      .slice(0, 5)
  }, [criticReviewerResultCapture])

  const visibleResultCaptureContracts = useMemo(() => {
    if (!criticReviewerResultCapture) return []
    const statusPriority = { blocked_by_policy: 0, needs_owner_review: 1, ready: 2 } as Record<string, number>
    return [...criticReviewerResultCapture.result_capture_contracts]
      .sort((a, b) => {
        const left = statusPriority[a.status] ?? 3
        const right = statusPriority[b.status] ?? 3
        if (left !== right) return left - right
        return a.contract_id.localeCompare(b.contract_id)
      })
      .slice(0, 5)
  }, [criticReviewerResultCapture])

  const visibleCriticReviewerPromotionGates = useMemo(() => {
    if (!criticReviewerResultCapture) return []
    const statusPriority = { blocked_by_policy: 0, needs_owner_review: 1, ready: 2 } as Record<string, number>
    return [...criticReviewerResultCapture.promotion_gates]
      .sort((a, b) => {
        const left = statusPriority[a.status] ?? 3
        const right = statusPriority[b.status] ?? 3
        if (left !== right) return left - right
        return a.gate_id.localeCompare(b.gate_id)
      })
      .slice(0, 6)
  }, [criticReviewerResultCapture])

  const visibleCriticReviewerCandidateRoutes = useMemo(() => {
    if (!criticReviewerResultCapture) return []
    const statusPriority = { blocked_by_policy: 0, ready_for_owner_review: 1 } as Record<string, number>
    return [...criticReviewerResultCapture.candidate_routes]
      .sort((a, b) => {
        const left = statusPriority[a.status] ?? 3
        const right = statusPriority[b.status] ?? 3
        if (left !== right) return left - right
        return b.candidate_count_24h - a.candidate_count_24h
      })
      .slice(0, 4)
  }, [criticReviewerResultCapture])

  const visibleOwnerResultDryRunTemplates = useMemo(() => {
    if (!ownerApprovedResultCaptureDryRun) return []
    const statusPriority = { blocked_by_policy: 0, approval_required: 1, ready_for_dry_run: 2 } as Record<string, number>
    return [...ownerApprovedResultCaptureDryRun.result_capture_dry_run_templates]
      .sort((a, b) => {
        const left = statusPriority[a.status] ?? 3
        const right = statusPriority[b.status] ?? 3
        if (left !== right) return left - right
        return b.candidate_count_24h - a.candidate_count_24h
      })
      .slice(0, 5)
  }, [ownerApprovedResultCaptureDryRun])

  const visibleOwnerResultDryRunScoreFixtures = useMemo(() => {
    if (!ownerApprovedResultCaptureDryRun) return []
    return [...ownerApprovedResultCaptureDryRun.critic_reviewer_score_fixtures]
      .sort((a, b) => {
        if (a.minimum_score !== b.minimum_score) return b.minimum_score - a.minimum_score
        return a.fixture_id.localeCompare(b.fixture_id)
      })
      .slice(0, 5)
  }, [ownerApprovedResultCaptureDryRun])

  const visibleOwnerResultDryRunGates = useMemo(() => {
    if (!ownerApprovedResultCaptureDryRun) return []
    const statusPriority = { blocked_by_policy: 0, approval_required: 1, ready: 2 } as Record<string, number>
    return [...ownerApprovedResultCaptureDryRun.dry_run_gates]
      .sort((a, b) => {
        const left = statusPriority[a.status] ?? 3
        const right = statusPriority[b.status] ?? 3
        if (left !== right) return left - right
        return a.gate_id.localeCompare(b.gate_id)
      })
      .slice(0, 7)
  }, [ownerApprovedResultCaptureDryRun])

  const visibleOwnerResultDryRunActions = useMemo(() => {
    if (!ownerApprovedResultCaptureDryRun) return []
    const actionPriority = { review: 0, collect_evidence: 1, approve_dry_run: 2, reject_or_rework: 3, promote_to_next_gate: 4 } as Record<string, number>
    return [...ownerApprovedResultCaptureDryRun.operator_actions]
      .sort((a, b) => {
        const left = actionPriority[a.action_type] ?? 5
        const right = actionPriority[b.action_type] ?? 5
        if (left !== right) return left - right
        return a.action_id.localeCompare(b.action_id)
      })
      .slice(0, 5)
  }, [ownerApprovedResultCaptureDryRun])

  const visibleOwnerResultReadbackDigests = useMemo(() => {
    if (!ownerApprovedResultCaptureReadback) return []
    const statusPriority = { blocked_by_policy: 0, approval_required: 1, ready_for_owner_review: 2 } as Record<string, number>
    return [...ownerApprovedResultCaptureReadback.result_capture_readback_digests]
      .sort((a, b) => {
        const left = statusPriority[a.status] ?? 3
        const right = statusPriority[b.status] ?? 3
        if (left !== right) return left - right
        return b.candidate_count_24h - a.candidate_count_24h
      })
      .slice(0, 5)
  }, [ownerApprovedResultCaptureReadback])

  const visibleOwnerResultReadbackPromotionReviews = useMemo(() => {
    if (!ownerApprovedResultCaptureReadback) return []
    const statePriority = { blocked_by_policy: 0, needs_owner_review: 1, ready_for_owner_review: 2 } as Record<string, number>
    const riskPriority = { critical: 0, high: 1, medium: 2, low: 3 } as Record<string, number>
    return [...ownerApprovedResultCaptureReadback.promotion_readiness_reviews]
      .sort((a, b) => {
        const leftState = statePriority[a.readiness_state] ?? 3
        const rightState = statePriority[b.readiness_state] ?? 3
        if (leftState !== rightState) return leftState - rightState
        const leftRisk = riskPriority[a.risk_tier] ?? 4
        const rightRisk = riskPriority[b.risk_tier] ?? 4
        if (leftRisk !== rightRisk) return leftRisk - rightRisk
        return a.review_id.localeCompare(b.review_id)
      })
      .slice(0, 5)
  }, [ownerApprovedResultCaptureReadback])

  const visibleOwnerResultReadbackFailureLanes = useMemo(() => {
    if (!ownerApprovedResultCaptureReadback) return []
    const statusPriority = { blocked_by_policy: 0, ready_for_review: 1 } as Record<string, number>
    return [...ownerApprovedResultCaptureReadback.failure_lanes]
      .sort((a, b) => {
        const left = statusPriority[a.status] ?? 2
        const right = statusPriority[b.status] ?? 2
        if (left !== right) return left - right
        return a.lane_id.localeCompare(b.lane_id)
      })
      .slice(0, 4)
  }, [ownerApprovedResultCaptureReadback])

  const visibleOwnerResultReadbackQueuePreview = useMemo(() => {
    if (!ownerApprovedResultCaptureReadback) return []
    const statusPriority = { blocked_by_policy: 0, queued_for_owner_review: 1 } as Record<string, number>
    return [...ownerApprovedResultCaptureReadback.reviewer_queue_preview]
      .sort((a, b) => {
        const left = statusPriority[a.status] ?? 2
        const right = statusPriority[b.status] ?? 2
        if (left !== right) return left - right
        return a.queue_id.localeCompare(b.queue_id)
      })
      .slice(0, 4)
  }, [ownerApprovedResultCaptureReadback])

  const visibleRuntimeReadbackPackets = useMemo(() => {
    if (!runtimeReadbackApprovalPackage) return []
    const statusPriority = { blocked_by_policy: 0, approval_required: 1, ready_for_owner_review: 2 } as Record<string, number>
    const riskPriority = { critical: 0, high: 1, medium: 2 } as Record<string, number>
    return [...runtimeReadbackApprovalPackage.approval_packet_templates]
      .sort((a, b) => {
        const leftStatus = statusPriority[a.status] ?? 3
        const rightStatus = statusPriority[b.status] ?? 3
        if (leftStatus !== rightStatus) return leftStatus - rightStatus
        const leftRisk = riskPriority[a.risk_tier] ?? 4
        const rightRisk = riskPriority[b.risk_tier] ?? 4
        if (leftRisk !== rightRisk) return leftRisk - rightRisk
        return a.packet_id.localeCompare(b.packet_id)
      })
      .slice(0, 5)
  }, [runtimeReadbackApprovalPackage])

  const visibleRuntimeReadbackPlans = useMemo(() => {
    if (!runtimeReadbackApprovalPackage) return []
    const statusPriority = { blocked_by_policy: 0, planned_no_runtime_read: 1 } as Record<string, number>
    return [...runtimeReadbackApprovalPackage.canonical_readback_plans]
      .sort((a, b) => {
        const left = statusPriority[a.status] ?? 2
        const right = statusPriority[b.status] ?? 2
        if (left !== right) return left - right
        return a.plan_id.localeCompare(b.plan_id)
      })
      .slice(0, 4)
  }, [runtimeReadbackApprovalPackage])

  const visibleRuntimeReadbackRollbackLanes = useMemo(() => {
    if (!runtimeReadbackApprovalPackage) return []
    const statusPriority = { blocked_by_policy: 0, planned_no_write: 1 } as Record<string, number>
    return [...runtimeReadbackApprovalPackage.rollback_drill_lanes]
      .sort((a, b) => {
        const left = statusPriority[a.status] ?? 2
        const right = statusPriority[b.status] ?? 2
        if (left !== right) return left - right
        return a.lane_id.localeCompare(b.lane_id)
      })
      .slice(0, 4)
  }, [runtimeReadbackApprovalPackage])

  const visibleRuntimeReadbackTelegramGates = useMemo(() => {
    if (!runtimeReadbackApprovalPackage) return []
    const statusPriority = { blocked_by_policy: 0, ready_for_owner_review: 1 } as Record<string, number>
    return [...runtimeReadbackApprovalPackage.telegram_failure_receipt_gates]
      .sort((a, b) => {
        const left = statusPriority[a.status] ?? 2
        const right = statusPriority[b.status] ?? 2
        if (left !== right) return left - right
        return a.gate_id.localeCompare(b.gate_id)
      })
      .slice(0, 4)
  }, [runtimeReadbackApprovalPackage])

  const visibleRuntimeImplementationCards = useMemo(() => {
    if (!runtimeReadbackImplementationReview) return []
    const statusPriority = { blocked_by_policy: 0, approval_required: 1, ready_for_owner_review: 2 } as Record<string, number>
    const riskPriority = { critical: 0, high: 1 } as Record<string, number>
    return [...runtimeReadbackImplementationReview.implementation_review_cards]
      .sort((a, b) => {
        const leftStatus = statusPriority[a.status] ?? 3
        const rightStatus = statusPriority[b.status] ?? 3
        if (leftStatus !== rightStatus) return leftStatus - rightStatus
        const leftRisk = riskPriority[a.risk_tier] ?? 4
        const rightRisk = riskPriority[b.risk_tier] ?? 4
        if (leftRisk !== rightRisk) return leftRisk - rightRisk
        return a.card_id.localeCompare(b.card_id)
      })
      .slice(0, 5)
  }, [runtimeReadbackImplementationReview])

  const visibleRuntimeImplementationChecks = useMemo(() => {
    if (!runtimeReadbackImplementationReview) return []
    const statusPriority = { blocked_by_policy: 0, ready: 1 } as Record<string, number>
    return [...runtimeReadbackImplementationReview.no_write_verifier_checks]
      .sort((a, b) => {
        const left = statusPriority[a.status] ?? 2
        const right = statusPriority[b.status] ?? 2
        if (left !== right) return left - right
        return a.check_id.localeCompare(b.check_id)
      })
      .slice(0, 5)
  }, [runtimeReadbackImplementationReview])

  const visibleRuntimeImplementationBlockers = useMemo(() => {
    if (!runtimeReadbackImplementationReview) return []
    const severityPriority = { critical: 0, high: 1 } as Record<string, number>
    return [...runtimeReadbackImplementationReview.implementation_blockers]
      .sort((a, b) => {
        const left = severityPriority[a.severity] ?? 2
        const right = severityPriority[b.severity] ?? 2
        if (left !== right) return left - right
        return a.blocker_id.localeCompare(b.blocker_id)
      })
      .slice(0, 5)
  }, [runtimeReadbackImplementationReview])

  const visibleReportDeliveryPackets = useMemo(() => {
    if (!reportLiveDeliveryApprovalPackage) return []
    const statusPriority = { blocked_by_policy: 0, approval_required: 1, ready_for_owner_review: 2 } as Record<string, number>
    const riskPriority = { critical: 0, high: 1, medium: 2 } as Record<string, number>
    return [...reportLiveDeliveryApprovalPackage.delivery_approval_packets]
      .sort((a, b) => {
        const leftStatus = statusPriority[a.status] ?? 3
        const rightStatus = statusPriority[b.status] ?? 3
        if (leftStatus !== rightStatus) return leftStatus - rightStatus
        const leftRisk = riskPriority[a.risk_tier] ?? 4
        const rightRisk = riskPriority[b.risk_tier] ?? 4
        if (leftRisk !== rightRisk) return leftRisk - rightRisk
        return a.packet_id.localeCompare(b.packet_id)
      })
      .slice(0, 5)
  }, [reportLiveDeliveryApprovalPackage])

  const visibleReportRouteGates = useMemo(() => {
    if (!reportLiveDeliveryApprovalPackage) return []
    const statusPriority = { blocked_by_policy: 0, approval_required: 1, ready_for_owner_review: 2 } as Record<string, number>
    return [...reportLiveDeliveryApprovalPackage.route_lock_gates]
      .sort((a, b) => {
        const left = statusPriority[a.status] ?? 3
        const right = statusPriority[b.status] ?? 3
        if (left !== right) return left - right
        return a.gate_id.localeCompare(b.gate_id)
      })
      .slice(0, 4)
  }, [reportLiveDeliveryApprovalPackage])

  const visibleReportDeliveryReceipts = useMemo(() => {
    if (!reportLiveDeliveryApprovalPackage) return []
    const statusPriority = { blocked_by_policy: 0, ready_for_owner_review: 1 } as Record<string, number>
    return [...reportLiveDeliveryApprovalPackage.dry_run_delivery_receipts]
      .sort((a, b) => {
        const left = statusPriority[a.status] ?? 2
        const right = statusPriority[b.status] ?? 2
        if (left !== right) return left - right
        return a.receipt_id.localeCompare(b.receipt_id)
      })
      .slice(0, 4)
  }, [reportLiveDeliveryApprovalPackage])

  const visibleReportTruthFindings = useMemo(() => {
    if (!reportTruthActionabilityReview) return []
    const priority = { critical: 0, high: 1, medium: 2, low: 3 } as Record<string, number>
    return [...reportTruthActionabilityReview.zero_signal_findings]
      .sort((a, b) => {
        const left = priority[a.severity] ?? 4
        const right = priority[b.severity] ?? 4
        if (left !== right) return left - right
        return a.finding_id.localeCompare(b.finding_id)
      })
  }, [reportTruthActionabilityReview])

  const visibleTelegramRouteFindings = useMemo(() => {
    if (!reportTruthActionabilityReview) return []
    const priority = {
      direct_send_path_present: 0,
      legacy_chat_env_referenced: 1,
      multiple_bot_tokens_present: 2,
    } as Record<string, number>
    return [...reportTruthActionabilityReview.telegram_route_findings]
      .sort((a, b) => {
        const left = priority[a.current_state] ?? 3
        const right = priority[b.current_state] ?? 3
        if (left !== right) return left - right
        return a.route_id.localeCompare(b.route_id)
      })
  }, [reportTruthActionabilityReview])

  const visibleReportTruthActions = useMemo(() => {
    if (!reportTruthActionabilityReview) return []
    const priority = { approval_required: 0, ready_for_owner: 1, blocked_by_runtime_gate: 2 } as Record<string, number>
    return [...reportTruthActionabilityReview.operator_actions]
      .sort((a, b) => {
        const left = priority[a.status] ?? 3
        const right = priority[b.status] ?? 3
        if (left !== right) return left - right
        return a.action_id.localeCompare(b.action_id)
      })
  }, [reportTruthActionabilityReview])

  const visibleReportFreshnessGates = useMemo(() => {
    if (!reportTruthActionabilityReview) return []
    const priority = {
      stale_or_untrusted: 0,
      synthetic_or_unbound: 1,
      source_unavailable_in_container: 2,
      missing_source_contract: 3,
      route_fragmented_needs_canonical_readback: 4,
      report_only_when_fresh: 5,
    } as Record<string, number>
    return [...reportTruthActionabilityReview.source_freshness_gates]
      .sort((a, b) => {
        const left = priority[a.freshness_state] ?? 6
        const right = priority[b.freshness_state] ?? 6
        if (left !== right) return left - right
        return a.gate_id.localeCompare(b.gate_id)
      })
      .slice(0, 6)
  }, [reportTruthActionabilityReview])

  const visibleReportConfidenceGates = useMemo(() => {
    if (!reportTruthActionabilityReview) return []
    return [...reportTruthActionabilityReview.source_confidence_gates]
      .sort((a, b) => a.score - b.score)
      .slice(0, 5)
  }, [reportTruthActionabilityReview])

  const visibleReportActionabilityScores = useMemo(() => {
    if (!reportTruthActionabilityReview) return []
    return [...reportTruthActionabilityReview.report_actionability_scores]
      .sort((a, b) => b.score - a.score)
      .slice(0, 4)
  }, [reportTruthActionabilityReview])

  const visibleZeroSignalWorkItems = useMemo(() => {
    if (!reportTruthActionabilityReview) return []
    return [...reportTruthActionabilityReview.zero_signal_work_items].slice(0, 5)
  }, [reportTruthActionabilityReview])

  const visibleOwnerDryRunGates = useMemo(() => {
    if (!ownerDryRunPackage) return []
    const priority = { approval_required: 0, approved_for_fixture_only: 1, fixture_only: 2, ready: 3 } as Record<string, number>
    return [...ownerDryRunPackage.dry_run_gates]
      .sort((a, b) => {
        const left = priority[a.status] ?? 4
        const right = priority[b.status] ?? 4
        if (left !== right) return left - right
        return a.gate_id.localeCompare(b.gate_id)
      })
  }, [ownerDryRunPackage])

  const visibleOwnerDryRunFixtures = useMemo(() => {
    if (!ownerDryRunPackage) return []
    const priority = { approved_for_fixture_only: 0, approval_required: 1, blocked_by_scope: 2 } as Record<string, number>
    return [...ownerDryRunPackage.fixture_sets]
      .sort((a, b) => {
        const left = priority[a.status] ?? 3
        const right = priority[b.status] ?? 3
        if (left !== right) return left - right
        return a.fixture_id.localeCompare(b.fixture_id)
      })
  }, [ownerDryRunPackage])

  const visibleOwnerDryRunSteps = useMemo(() => {
    if (!ownerDryRunPackage) return []
    const priority = { fixture_only: 0, ready: 1, blocked: 2 } as Record<string, number>
    return [...ownerDryRunPackage.simulation_steps]
      .sort((a, b) => {
        const left = priority[a.status] ?? 3
        const right = priority[b.status] ?? 3
        if (left !== right) return left - right
        return a.step_id.localeCompare(b.step_id)
      })
  }, [ownerDryRunPackage])

  const visibleReadinessRows = useMemo(() => {
    if (!backupReadiness) return []
    const priority = { blocked: 0, action_required: 1, deferred: 2, ready: 3 } as Record<string, number>
    return [...backupReadiness.readiness_rows]
      .sort((a, b) => {
        const left = priority[a.overall_readiness] ?? 4
        const right = priority[b.overall_readiness] ?? 4
        if (left !== right) return left - right
        return a.target_id.localeCompare(b.target_id)
      })
      .slice(0, 8)
  }, [backupReadiness])

  const visibleBackupTargets = useMemo(() => {
    if (!backupTargets) return []
    const priority = { critical: 0, high: 1, medium: 2, low: 3 } as Record<string, number>
    return [...backupTargets.backup_targets]
      .sort((a, b) => {
        const left = priority[a.risk_level] ?? 4
        const right = priority[b.risk_level] ?? 4
        if (left !== right) return left - right
        return a.target_id.localeCompare(b.target_id)
      })
      .slice(0, 6)
  }, [backupTargets])

  const visibleOffsiteEscrowCards = useMemo(() => {
    if (!offsiteEscrow) return []
    const priority = { blocked: 0, action_required: 1, verified: 2 } as Record<string, number>
    return [...offsiteEscrow.readiness_cards].sort((a, b) => {
      const left = priority[a.readiness] ?? 3
      const right = priority[b.readiness] ?? 3
      if (left !== right) return left - right
      return a.card_id.localeCompare(b.card_id)
    })
  }, [offsiteEscrow])

  const visibleRuntimeSurfaces = useMemo(() => {
    if (!runtimeSurface) return []
    const priority = { missing: 0, action_required: 1, blocked: 2, manifest_mapped: 3 } as Record<string, number>
    return [...runtimeSurface.runtime_surfaces]
      .sort((a, b) => {
        const left = priority[a.status] ?? 4
        const right = priority[b.status] ?? 4
        if (left !== right) return left - right
        return a.surface_id.localeCompare(b.surface_id)
      })
      .slice(0, 8)
  }, [runtimeSurface])

  const visibleGiteaWorkflows = useMemo(() => {
    if (!giteaHealth) return []
    const priority = { comment_ambiguous: 0, owner_attestation_required: 1, host_runner_mapped: 2 } as Record<string, number>
    return [...giteaHealth.workflow_records]
      .sort((a, b) => {
        const left = priority[a.runner_evidence_status] ?? 3
        const right = priority[b.runner_evidence_status] ?? 3
        if (left !== right) return left - right
        return a.workflow_id.localeCompare(b.workflow_id)
      })
  }, [giteaHealth])

  const visibleRunnerContracts = useMemo(() => {
    if (!giteaHealth) return []
    const priority = {
      action_required: 0,
      dry_run_only: 1,
      prepared_not_applied_by_snapshot: 2,
      manifest_mapped: 3,
    } as Record<string, number>
    return [...giteaHealth.runner_contracts].sort((a, b) => {
      const left = priority[a.status] ?? 4
      const right = priority[b.status] ?? 4
      if (left !== right) return left - right
      return a.contract_id.localeCompare(b.contract_id)
    })
  }, [giteaHealth])

  const visibleObservabilitySurfaces = useMemo(() => {
    if (!observabilityMatrix) return []
    const priority = { action_required: 0, blocked: 1, verified: 2 } as Record<string, number>
    return [...observabilityMatrix.observability_surfaces].sort((a, b) => {
      const left = priority[a.status] ?? 3
      const right = priority[b.status] ?? 3
      if (left !== right) return left - right
      return a.surface_id.localeCompare(b.surface_id)
    })
  }, [observabilityMatrix])

  const visibleNoiseOpportunities = useMemo(() => {
    if (!observabilityMatrix) return []
    const priority = { approval_required: 0, ready_for_proposal: 1, preserved: 2, deferred: 3 } as Record<string, number>
    return [...observabilityMatrix.noise_reduction_opportunities].sort((a, b) => {
      const left = priority[a.status] ?? 3
      const right = priority[b.status] ?? 3
      if (left !== right) return left - right
      return a.opportunity_id.localeCompare(b.opportunity_id)
    })
  }, [observabilityMatrix])

  const visibleProviderRoutes = useMemo(() => {
    if (!providerRouteMatrix) return []
    const priority = { action_required: 0, blocked: 1, verified: 2 } as Record<string, number>
    return [...providerRouteMatrix.provider_routes].sort((a, b) => {
      const left = priority[a.status] ?? 3
      const right = priority[b.status] ?? 3
      if (left !== right) return left - right
      return a.route_id.localeCompare(b.route_id)
    })
  }, [providerRouteMatrix])

  const visibleServiceHealthTargets = useMemo(() => {
    if (!serviceHealthGapMatrix) return []
    const priority = { action_required: 0, blocked: 1, verified: 2 } as Record<string, number>
    return [...serviceHealthGapMatrix.service_health_targets].sort((a, b) => {
      const left = priority[a.status] ?? 3
      const right = priority[b.status] ?? 3
      if (left !== right) return left - right
      return a.target_id.localeCompare(b.target_id)
    })
  }, [serviceHealthGapMatrix])

  const visibleServiceHealthEvidenceCards = useMemo(() => {
    return visibleServiceHealthTargets.map(target => ({
      target,
      primaryEvidence: target.evidence_refs[0] ?? null,
      extraEvidenceCount: Math.max(0, target.evidence_refs.length - 1),
    }))
  }, [visibleServiceHealthTargets])

  const visibleReceiptOwnerReviewGates = useMemo(() => {
    if (!receiptReadbackOwnerReview) return []
    const riskPriority = { critical: 0, high: 1, medium: 2, low: 3 } as Record<string, number>
    return [...receiptReadbackOwnerReview.owner_review_gates]
      .sort((a, b) => {
        const leftRisk = riskPriority[a.risk_tier] ?? 4
        const rightRisk = riskPriority[b.risk_tier] ?? 4
        if (leftRisk !== rightRisk) return leftRisk - rightRisk
        return a.gate_id.localeCompare(b.gate_id)
      })
      .slice(0, 6)
  }, [receiptReadbackOwnerReview])

  const visibleSupplyChainDriftCandidates = useMemo(() => {
    if (!dependencySupplyChainDriftMonitor) return []
    const severityPriority = { critical: 0, high: 1, medium: 2, low: 3 } as Record<string, number>
    const statusPriority = { blocked_until_approval: 0, action_required: 1 } as Record<string, number>
    return [...dependencySupplyChainDriftMonitor.drift_candidates]
      .sort((a, b) => {
        const leftStatus = statusPriority[a.status] ?? 2
        const rightStatus = statusPriority[b.status] ?? 2
        if (leftStatus !== rightStatus) return leftStatus - rightStatus
        const leftSeverity = severityPriority[a.severity] ?? 4
        const rightSeverity = severityPriority[b.severity] ?? 4
        if (leftSeverity !== rightSeverity) return leftSeverity - rightSeverity
        return a.candidate_id.localeCompare(b.candidate_id)
      })
      .slice(0, 5)
  }, [dependencySupplyChainDriftMonitor])

  const visibleVersionLifecycleProposals = useMemo(() => {
    if (!versionLifecycleProposal) return []
    const priorityOrder = { P1: 0, P2: 1, P3: 2, P0: 3 } as Record<string, number>
    const riskPriority = { critical: 0, high: 1, medium: 2, low: 3 } as Record<string, number>
    return [...versionLifecycleProposal.update_proposals]
      .sort((a, b) => {
        const leftPriority = priorityOrder[a.priority] ?? 4
        const rightPriority = priorityOrder[b.priority] ?? 4
        if (leftPriority !== rightPriority) return leftPriority - rightPriority
        const leftRisk = riskPriority[a.risk_tier] ?? 4
        const rightRisk = riskPriority[b.risk_tier] ?? 4
        if (leftRisk !== rightRisk) return leftRisk - rightRisk
        return a.proposal_id.localeCompare(b.proposal_id)
      })
      .slice(0, 6)
  }, [versionLifecycleProposal])

  if (loading) {
    if (reportTruthActionabilityReview) {
      return (
        <div style={{ padding: 20, display: 'flex', flexDirection: 'column', gap: 14, minWidth: 0 }}>
          <GlassCard variant="subtle" padding="md">
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 12, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', flexDirection: 'column', gap: 6, minWidth: 0 }}>
                <SmallLabel>{t('readModelPartial.eyebrow')}</SmallLabel>
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 18, fontWeight: 750, color: '#141413', overflowWrap: 'anywhere' }}>
                  {t('readModelPartial.title')}
                </span>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 11, color: '#64727a', lineHeight: 1.55, overflowWrap: 'anywhere' }}>
                  {t('readModelPartial.subtitle')}
                </span>
              </div>
              <Chip value={t('readModelPartial.pending')} />
            </div>
          </GlassCard>
          <ReportTruthQuickPanel
            review={reportTruthActionabilityReview}
            t={t}
            pendingReadModelCount={1}
          />
          <GlassCard variant="subtle" padding="md">
            <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 11, color: '#87867f', lineHeight: 1.55, overflowWrap: 'anywhere' }}>
              {t('readModelPartial.boundary')}
            </span>
          </GlassCard>
        </div>
      )
    }

    return (
      <div style={{ padding: 20, display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 12, minWidth: 0 }} className="automation-inventory-kpi-grid">
        {[0, 1, 2, 3].map(i => (
          <GlassCard key={i} variant="subtle" padding="md">
            <div style={{ width: '70%', maxWidth: 90, height: 10, borderRadius: 4, background: '#e0ddd4', animation: 'pulse 1.5s infinite', marginBottom: 10, animationDelay: `${i * 0.08}s` }} />
            <div style={{ width: '48%', maxWidth: 54, height: 26, borderRadius: 4, background: '#e0ddd4', animation: 'pulse 1.5s infinite' }} />
          </GlassCard>
        ))}
      </div>
    )
  }

  if (error || !snapshot || !backlog || !backupTargets || !backupReadiness || !backupPolicy || !offsiteEscrow || !giteaHealth || !observabilityMatrix || !providerRouteMatrix || !deploymentLayout || !warRoom || !professionalTaskExpansion || !receiptReadbackOwnerReview || !reportNoWriteAnalysisRuntime || !lowMediumRiskWhitelist || !highRiskOwnerReviewQueue || !actionAuditLedger || !actionOwnerAcceptanceEventBus || !hostRunawayAiops || !proactiveOperations || !versionLifecycleProposal || !interactionLearningProof || !liveReadModelGate || !redisDryRunGate || !learningWritebackPackage || !telegramReceiptPackage || !ownerApprovedLearningDryRun || !runtimeWriteGateReview || !postWriteVerifierPackage || !runtimeVerifierEvidenceReview || !reportAutomationReview || !reportStatusBoard || !reportRuntimeReadiness || !reportRuntimeDryRun || !reportRuntimeFixtureReadback || !runtimeWorkerShadowGate || !operationPermissionModel || !candidateOperationDryRunEvidence || !taskResultAuditTrail || !matchedPlaybookLearningGap || !criticReviewerResultCapture || !ownerApprovedResultCaptureDryRun || !ownerApprovedResultCaptureReadback || !runtimeReadbackApprovalPackage || !runtimeReadbackImplementationReview || !reportLiveDeliveryApprovalPackage || !runtimeReadbackFixtureApproval || !runtimeReadbackPromotionGate || !ownerApprovedFixturePromotionGate || !canonicalRuntimeReadbackOwnerAcceptance || !failureReceiptNoSendReplay || !reviewerQueueNoWriteReadback || !resultCaptureNoWriteReadback || !resultCapturePromotionApprovalGate || !ownerApprovedResultCapturePromotionDryRun || !resultCaptureWriteGateReview || !resultCaptureWriterImplementationReview || !resultCaptureWriterDryRunFixture || !resultCaptureWriterDryRunReadback || !resultCaptureOwnerPromotionReview || !resultCaptureOwnerApprovedExecutionRehearsal || !resultCaptureOwnerAcceptanceMaintenanceGate || !resultCaptureOwnerAcceptanceReadbackPreflightHold || !resultCaptureOwnerApprovedPreflightReleasePackage || !resultCaptureOwnerApprovedReleaseReadinessReadback || !resultCaptureOwnerReleaseApprovalGate || !resultCapturePostReleaseVerifierRollbackGate || !resultCaptureFinalReleaseCandidateReadback || !resultCaptureReleaseAuthorizationHold || !resultCaptureReleaseAuthorizationReadbackGate || !resultCaptureReleaseVerifierPreflightGate || !resultCaptureReleaseVerifierOwnerReviewPacket || !resultCaptureReleaseDecisionHold || !resultCaptureReleaseDecisionReadback || !resultCaptureReleaseDecisionNextHandoff || !resultCaptureReleaseDecisionInputPrep || !resultCaptureReleaseDecisionOwnerResponsePreflight || !resultCaptureReleaseDecisionOwnerResponseReadback || !resultCaptureReleaseDecisionOwnerResponseAcceptanceGate || !reportTruthActionabilityReview || !ownerDryRunPackage || !hostStatefulInventory || !dependencySupplyChainDriftMonitor || !serviceHealthGapMatrix || !serviceHealthNotificationPolicy) {
    return (
      <div style={{ padding: 20 }}>
        <GlassCard variant="subtle" padding="lg">
          <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', gap: 12, padding: '24px 0' }}>
            <AlertTriangle size={24} style={{ color: '#F59E0B' }} />
            <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 12, color: '#87867f' }}>
              {t('error')}
            </span>
            <button
              onClick={fetchSnapshot}
              style={{
                display: 'inline-flex',
                alignItems: 'center',
                gap: 6,
                padding: '6px 14px',
                border: '0.5px solid #d97757',
                borderRadius: 6,
                background: 'transparent',
                color: '#d97757',
                cursor: 'pointer',
                fontFamily: "'DM Mono', monospace",
                fontSize: 11,
              }}
            >
              <RefreshCw size={12} />
              {t('retry')}
            </button>
          </div>
        </GlassCard>
      </div>
    )
  }

  const blockedAssets = snapshot.assets.filter(asset => asset.status === 'blocked').length
  const criticalAssets = snapshot.assets.filter(asset => asset.risk_level === 'critical').length
  const completedTasks = snapshot.tasks.filter(task => task.status === 'done').length
  const p1BacklogCount = backlog.rollups.by_priority.P1 ?? 0
  const readyBackupRows = backupReadiness.rollups.by_overall_readiness.ready ?? 0
  const actionRequiredBackupRows = backupReadiness.rollups.by_overall_readiness.action_required ?? 0
  const blockedBackupRows = backupReadiness.rollups.by_overall_readiness.blocked ?? 0
  const suppressedSuccessRules = backupPolicy.rollups.by_decision.suppress_immediate_success ?? 0
  const immediateEscalationRules = backupPolicy.rollups.by_decision.escalate_immediate ?? 0
  const verifiedOffsiteCards = offsiteEscrow.rollups.by_readiness.verified ?? 0
  const actionRequiredOffsiteCards = offsiteEscrow.rollups.by_readiness.action_required ?? 0
  const blockedEscrowCards = offsiteEscrow.rollups.by_readiness.blocked ?? 0
  const executionBlockedCards = offsiteEscrow.rollups.execution_blocked_card_ids.length
  const runtimeActionRequired = runtimeSurface?.rollups.action_required_surface_ids.length ?? 0
  const runtimeSecrets = runtimeSurface?.rollups.secret_surface_ids.length ?? 0
  const runtimeLiveMissing = runtimeSurface?.rollups.live_check_missing_surface_ids.length ?? 0
  const runtimeBoundComponents = runtimeSurface?.rollups.source_components_with_runtime_binding ?? 0
  const runtimeSurfaceComponentTotal = runtimeSurface?.rollups.total_source_components ?? 0
  const giteaRunnerActions = giteaHealth.rollups.workflow_ids_requiring_runner_attestation.length
  const giteaQuietPolicies = giteaHealth.rollups.notification_contracts_quiet_success_count
  const observabilityActions = observabilityMatrix.rollups.surface_ids_requiring_action.length
  const observabilityProposalCount = observabilityMatrix.rollups.noise_reduction_opportunities_total
  const observabilityClassificationGaps = observabilityMatrix.rollups.classification_gap_ids.length
  const observabilityApprovalRequired = observabilityMatrix.rollups.approval_required_opportunity_ids.length
  const providerRouteActions = providerRouteMatrix.rollups.route_ids_requiring_action.length
  const providerRouteGateApprovals = providerRouteMatrix.rollups.candidate_gate_ids_requiring_approval.length
  const providerSourceGaps = providerRouteMatrix.rollups.source_gap_ids.length
  const providerBlockedRoutes = providerRouteMatrix.rollups.by_status.blocked ?? 0
  const providerRouteDeniedCount = (
    providerRouteMatrix.rollups.provider_switch_allowed_count
    + providerRouteMatrix.rollups.paid_api_call_allowed_count
    + providerRouteMatrix.rollups.shadow_or_canary_allowed_count
    + providerRouteMatrix.rollups.runtime_route_change_allowed_count
  )
  const deploymentLayoutTargets = deploymentLayout.rollups.total_targets
  const deploymentLayoutOpenClawTargets = deploymentLayout.rollups.by_primary_agent.openclaw ?? 0
  const deploymentLayoutHermesTargets = deploymentLayout.rollups.by_primary_agent.hermes ?? 0
  const deploymentLayoutNemotronTargets = deploymentLayout.rollups.by_primary_agent.nemotron ?? 0
  const deploymentLayoutBlockedTargets = deploymentLayout.rollups.blocked_target_ids.length
  const deploymentLayoutApprovalTargets = deploymentLayout.rollups.approval_required_target_ids.length
  const proactiveOverall = proactiveOperations.program_status.overall_completion_percent
  const proactiveDelegableCapabilities = proactiveOperations.rollups.delegable_capability_count
  const proactiveApprovalCapabilities = proactiveOperations.rollups.approval_required_capability_count
  const proactiveBlockedVersionDomains = proactiveOperations.rollups.blocked_update_domain_ids.length
  const proactiveTelegramActionRequired = proactiveOperations.rollups.telegram_action_required_capability_ids.length
  const proactiveAutoExecuteAllowed = proactiveOperations.rollups.auto_execute_allowed_count
  const proofOverall = interactionLearningProof.program_status.overall_completion_percent
  const proofContractReadyLevels = interactionLearningProof.rollups.contract_ready_level_count
  const proofLivePendingLevels = interactionLearningProof.rollups.live_pending_level_ids.length
  const proofLiveSessions = interactionLearningProof.rollups.active_live_agent_sessions
  const proofLearningWrites = interactionLearningProof.rollups.live_learning_writes_24h
  const proofTelegramReceipts = interactionLearningProof.rollups.telegram_digest_receipts_24h
  const proofVisibleSurfaces = interactionLearningProof.rollups.operator_surface_count
  const proofSignalCount = interactionLearningProof.rollups.signal_count
  const proofBlockedGates = interactionLearningProof.rollups.blocked_gate_ids.length
  const liveReadModelOverall = liveReadModelGate.program_status.overall_completion_percent
  const liveReadModelReadyCards = liveReadModelGate.rollups.query_contract_ready_card_ids.length
  const liveReadModelApprovalGates = liveReadModelGate.rollups.approval_required_gate_ids.length
  const liveReadModelNoWriteSmokes = liveReadModelGate.rollups.no_write_smoke_count
  const liveReadModelLiveTotal = liveReadModelGate.rollups.live_truth_count_total
  const liveReadModelForbiddenContent = liveReadModelGate.rollups.forbidden_frontend_content_count
  const redisDryRunOverall = redisDryRunGate.program_status.overall_completion_percent
  const redisDryRunSteps = redisDryRunGate.rollups.dry_run_step_count
  const redisHandoffLanes = redisDryRunGate.rollups.handoff_lane_count
  const redisApprovalSteps = redisDryRunGate.rollups.approval_required_step_ids.length
  const redisBlockedActions = redisDryRunGate.rollups.blocked_runtime_action_count
  const redisLiveTotal = redisDryRunGate.rollups.live_truth_count_total
  const learningWritebackOverall = learningWritebackPackage.program_status.overall_completion_percent
  const learningWritebackGates = learningWritebackPackage.rollups.review_gate_count
  const learningWritebackLanes = learningWritebackPackage.rollups.learning_lane_count
  const learningWritebackApprovals = learningWritebackPackage.rollups.approval_required_gate_ids.length
  const learningWritebackBlockedWrites = learningWritebackPackage.rollups.blocked_write_action_count
  const learningWritebackLiveWrites = learningWritebackPackage.rollups.live_write_count_total
  const telegramReceiptOverall = telegramReceiptPackage.program_status.overall_completion_percent
  const telegramReceiptGates = telegramReceiptPackage.rollups.receipt_gate_count
  const telegramReceiptLanes = telegramReceiptPackage.rollups.receipt_lane_count
  const telegramReceiptApprovals = telegramReceiptPackage.rollups.approval_required_gate_ids.length
  const telegramReceiptBlockedActions = telegramReceiptPackage.rollups.blocked_runtime_action_count
  const telegramReceiptLiveTotal = telegramReceiptPackage.rollups.live_receipt_count_total
  const ownerApprovedLearningOverall = ownerApprovedLearningDryRun.program_status.overall_completion_percent
  const ownerApprovedLearningActions = ownerApprovedLearningDryRun.rollups.operator_action_count
  const ownerApprovedLearningGates = ownerApprovedLearningDryRun.rollups.dry_run_gate_count
  const ownerApprovedLearningApprovals = ownerApprovedLearningDryRun.rollups.approval_required_gate_ids.length
  const ownerApprovedLearningBlockedWrites = ownerApprovedLearningDryRun.rollups.blocked_write_action_count
  const ownerApprovedLearningPreviewOutputs = ownerApprovedLearningDryRun.rollups.preview_output_count
  const ownerApprovedLearningGenerated = ownerApprovedLearningDryRun.rollups.dry_run_preview_generated_count
  const runtimeWriteGateOverall = runtimeWriteGateReview.program_status.overall_completion_percent
  const runtimeWriteTargets = runtimeWriteGateReview.rollups.write_target_count
  const runtimeWriteGates = runtimeWriteGateReview.rollups.approval_gate_count
  const runtimeWriteApprovals = runtimeWriteGateReview.rollups.approval_required_gate_ids.length
  const runtimeWriteBlockedActions = runtimeWriteGateReview.rollups.blocked_runtime_action_count
  const runtimeWriteLiveTotal = runtimeWriteGateReview.rollups.live_write_count_total
  const postWriteVerifierOverall = postWriteVerifierPackage.program_status.overall_completion_percent
  const postWriteVerifierTargets = postWriteVerifierPackage.rollups.verification_target_count
  const postWriteVerifierFailureLanes = postWriteVerifierPackage.rollups.failure_lane_count
  const postWriteVerifierActions = postWriteVerifierPackage.rollups.operator_action_count
  const postWriteVerifierApprovals = postWriteVerifierPackage.rollups.approval_required_action_ids.length
  const postWriteVerifierBlockedActions = postWriteVerifierPackage.rollups.blocked_runtime_action_count
  const postWriteVerifierLiveTotal = postWriteVerifierPackage.rollups.live_verifier_execution_count
  const runtimeVerifierReviewOverall = runtimeVerifierEvidenceReview.program_status.overall_completion_percent
  const runtimeVerifierEvidenceChecks = runtimeVerifierEvidenceReview.rollups.evidence_check_count
  const runtimeVerifierReviewLanes = runtimeVerifierEvidenceReview.rollups.implementation_review_lane_count
  const runtimeVerifierActions = runtimeVerifierEvidenceReview.rollups.operator_action_count
  const runtimeVerifierApprovals = runtimeVerifierEvidenceReview.rollups.approval_required_action_ids.length
  const runtimeVerifierBlockedActions = runtimeVerifierEvidenceReview.rollups.blocked_runtime_action_count
  const runtimeVerifierLiveTotal = runtimeVerifierEvidenceReview.rollups.live_verifier_execution_count
  const reportAutomationOverall = reportAutomationReview.program_status.overall_completion_percent
  const reportCadenceCount = reportAutomationReview.rollups.report_cadence_count
  const reportAgentCount = reportAutomationReview.rollups.agent_count
  const reportWorkloadTotal = reportAutomationReview.rollups.workload_unit_total
  const reportWorkloadDone = reportAutomationReview.rollups.workload_done_total
  const reportWorkloadWaitingApproval = reportAutomationReview.rollups.workload_waiting_approval_total
  const reportRecommendations = reportAutomationReview.rollups.recommendation_count
  const reportApprovalRecommendations = reportAutomationReview.rollups.approval_required_recommendation_ids.length
  const reportAutoEnabled = reportAutomationReview.rollups.current_auto_execution_enabled_count
  const reportLiveDelivery = reportAutomationReview.rollups.live_report_delivery_count
  const reportLiveOptimization = reportAutomationReview.rollups.live_auto_optimization_count
  const reportStatusOverall = reportStatusBoard.program_status.overall_completion_percent
  const reportStatusCards = reportStatusBoard.rollups.report_card_count
  const reportStatusAgents = reportStatusBoard.rollups.agent_status_count
  const reportStatusCharts = reportStatusBoard.rollups.visible_chart_count
  const reportStatusWorkload = reportStatusBoard.rollups.workload_unit_total
  const reportStatusDone = reportStatusBoard.rollups.workload_done_total
  const reportStatusWaitingApproval = reportStatusBoard.rollups.workload_waiting_approval_total
  const reportStatusLiveDelivery = reportStatusBoard.rollups.live_delivery_count
  const reportStatusLiveOptimization = reportStatusBoard.rollups.live_auto_optimization_count
  const supplyChainDriftBoundaryRows = [
    {
      key: 'external',
      label: t('supplyChainDrift.boundaries.external'),
      active: dependencySupplyChainDriftMonitor.monitor_boundaries.external_cve_lookup_allowed
        || dependencySupplyChainDriftMonitor.monitor_boundaries.registry_lookup_allowed,
    },
    {
      key: 'upgrade',
      label: t('supplyChainDrift.boundaries.upgrade'),
      active: dependencySupplyChainDriftMonitor.monitor_boundaries.package_upgrade_allowed
        || dependencySupplyChainDriftMonitor.monitor_boundaries.lockfile_write_allowed,
    },
    {
      key: 'docker',
      label: t('supplyChainDrift.boundaries.docker'),
      active: dependencySupplyChainDriftMonitor.monitor_boundaries.docker_build_allowed
        || dependencySupplyChainDriftMonitor.monitor_boundaries.image_pull_allowed,
    },
    {
      key: 'telegram',
      label: t('supplyChainDrift.boundaries.telegram'),
      active: dependencySupplyChainDriftMonitor.monitor_boundaries.telegram_send_allowed,
    },
    {
      key: 'production',
      label: t('supplyChainDrift.boundaries.production'),
      active: dependencySupplyChainDriftMonitor.monitor_boundaries.production_write_allowed,
    },
  ]
  const versionLifecycleBoundaryRows = [
    {
      key: 'updates',
      label: t('versionLifecycleProposal.boundaries.updates'),
      active: versionLifecycleProposal.runtime_boundaries.package_upgrade_allowed
        || versionLifecycleProposal.runtime_boundaries.host_upgrade_allowed
        || versionLifecycleProposal.runtime_boundaries.k3s_upgrade_allowed,
    },
    {
      key: 'containers',
      label: t('versionLifecycleProposal.boundaries.containers'),
      active: versionLifecycleProposal.runtime_boundaries.image_pull_allowed
        || versionLifecycleProposal.runtime_boundaries.docker_build_allowed
        || versionLifecycleProposal.runtime_boundaries.registry_push_allowed,
    },
    {
      key: 'automation',
      label: t('versionLifecycleProposal.boundaries.automation'),
      active: versionLifecycleProposal.runtime_boundaries.schedule_activation_allowed
        || versionLifecycleProposal.runtime_boundaries.pr_creation_allowed
        || versionLifecycleProposal.runtime_boundaries.auto_merge_allowed,
    },
    {
      key: 'telegram',
      label: t('versionLifecycleProposal.boundaries.telegram'),
      active: versionLifecycleProposal.telegram_digest_contract.direct_send_allowed
        || versionLifecycleProposal.telegram_digest_contract.gateway_queue_write_allowed
        || versionLifecycleProposal.telegram_digest_contract.bot_api_call_allowed,
    },
    {
      key: 'production',
      label: t('versionLifecycleProposal.boundaries.production'),
      active: versionLifecycleProposal.runtime_boundaries.provider_route_switch_allowed
        || versionLifecycleProposal.runtime_boundaries.production_write_allowed
        || versionLifecycleProposal.runtime_boundaries.openclaw_replacement_allowed,
    },
  ]
  const receiptOwnerReviewOverall = receiptReadbackOwnerReview.program_status.overall_completion_percent
  const receiptOwnerReviewSources = receiptReadbackOwnerReview.rollups.source_readback_count
  const receiptOwnerReviewCadences = receiptReadbackOwnerReview.rollups.report_cadence_count
  const receiptOwnerReviewGates = receiptReadbackOwnerReview.rollups.owner_review_gate_count
  const receiptOwnerReviewChecks = receiptReadbackOwnerReview.rollups.receipt_readback_check_count
  const receiptOwnerReviewApprovals = receiptReadbackOwnerReview.rollups.approval_required_count
  const receiptOwnerReviewBlocked = receiptReadbackOwnerReview.rollups.blocked_runtime_action_count
  const receiptOwnerReviewLiveWrites = (
    receiptReadbackOwnerReview.rollups.live_write_count
    + receiptReadbackOwnerReview.rollups.telegram_send_count
    + receiptReadbackOwnerReview.rollups.gateway_queue_write_count
    + receiptReadbackOwnerReview.rollups.bot_api_call_count
    + receiptReadbackOwnerReview.rollups.production_write_count
    + receiptReadbackOwnerReview.rollups.secret_read_count
    + receiptReadbackOwnerReview.rollups.paid_api_call_count
    + receiptReadbackOwnerReview.rollups.host_write_count
    + receiptReadbackOwnerReview.rollups.kubectl_action_count
  )
  const receiptOwnerReviewBoundaryRows = [
    {
      key: 'gateway',
      label: t('receiptOwnerReview.boundaries.gateway'),
      active: receiptReadbackOwnerReview.activation_boundaries.gateway_queue_write_enabled,
    },
    {
      key: 'telegram',
      label: t('receiptOwnerReview.boundaries.telegram'),
      active: receiptReadbackOwnerReview.activation_boundaries.telegram_send_enabled,
    },
    {
      key: 'botApi',
      label: t('receiptOwnerReview.boundaries.botApi'),
      active: receiptReadbackOwnerReview.activation_boundaries.bot_api_call_enabled,
    },
    {
      key: 'receipt',
      label: t('receiptOwnerReview.boundaries.receipt'),
      active: receiptReadbackOwnerReview.activation_boundaries.receipt_production_write_enabled
        || receiptReadbackOwnerReview.activation_boundaries.report_receipt_write_enabled,
    },
    {
      key: 'production',
      label: t('receiptOwnerReview.boundaries.production'),
      active: receiptReadbackOwnerReview.activation_boundaries.production_write_enabled,
    },
    {
      key: 'secret',
      label: t('receiptOwnerReview.boundaries.secret'),
      active: receiptReadbackOwnerReview.activation_boundaries.secret_read_enabled
        || receiptReadbackOwnerReview.activation_boundaries.paid_api_enabled
        || receiptReadbackOwnerReview.activation_boundaries.host_write_enabled
        || receiptReadbackOwnerReview.activation_boundaries.kubectl_action_enabled,
    },
  ]
  const reportNoWriteAnalysisOverall = reportNoWriteAnalysisRuntime.program_status.overall_completion_percent
  const reportNoWriteSources = reportNoWriteAnalysisRuntime.rollups.source_readback_count
  const reportNoWriteInputs = reportNoWriteAnalysisRuntime.rollups.report_input_count
  const reportNoWriteAgentPasses = reportNoWriteAnalysisRuntime.rollups.agent_analysis_pass_count
  const reportNoWriteRecommendations = reportNoWriteAnalysisRuntime.rollups.draft_recommendation_count
  const reportNoWriteArtifacts = reportNoWriteAnalysisRuntime.rollups.draft_artifact_count
  const reportNoWriteGates = reportNoWriteAnalysisRuntime.rollups.owner_review_gate_count
  const reportNoWriteApprovals = reportNoWriteAnalysisRuntime.rollups.approval_required_recommendation_count
  const reportNoWriteBlocked = reportNoWriteAnalysisRuntime.rollups.blocked_runtime_action_count
  const reportNoWriteLiveTotal = (
    reportNoWriteAnalysisRuntime.rollups.live_report_delivery_count
    + reportNoWriteAnalysisRuntime.rollups.live_ai_analysis_count
    + reportNoWriteAnalysisRuntime.rollups.telegram_send_count
    + reportNoWriteAnalysisRuntime.rollups.gateway_queue_write_count
    + reportNoWriteAnalysisRuntime.rollups.bot_api_call_count
    + reportNoWriteAnalysisRuntime.rollups.receipt_production_write_count
    + reportNoWriteAnalysisRuntime.rollups.production_write_count
    + reportNoWriteAnalysisRuntime.rollups.secret_read_count
    + reportNoWriteAnalysisRuntime.rollups.paid_api_call_count
    + reportNoWriteAnalysisRuntime.rollups.host_write_count
    + reportNoWriteAnalysisRuntime.rollups.kubectl_action_count
  )
  const lowMediumWhitelistOverall = lowMediumRiskWhitelist.program_status.overall_completion_percent
  const lowMediumWhitelistCandidates = lowMediumRiskWhitelist.rollups.whitelist_candidate_count
  const lowMediumWhitelistLow = lowMediumRiskWhitelist.rollups.low_risk_candidate_count
  const lowMediumWhitelistMedium = lowMediumRiskWhitelist.rollups.medium_risk_candidate_count
  const lowMediumWhitelistVerifiers = lowMediumRiskWhitelist.rollups.dry_run_verifier_count
  const lowMediumWhitelistRollback = lowMediumRiskWhitelist.rollups.rollback_proof_count
  const lowMediumWhitelistAuditReasons = lowMediumRiskWhitelist.rollups.audit_reason_template_count
  const lowMediumWhitelistHighRedirects = lowMediumRiskWhitelist.rollups.high_risk_redirect_count
  const lowMediumWhitelistBlocked = lowMediumRiskWhitelist.rollups.blocked_runtime_action_count
  const lowMediumWhitelistLiveTotal = (
    lowMediumRiskWhitelist.rollups.auto_worker_run_count
    + lowMediumRiskWhitelist.rollups.low_risk_execution_count
    + lowMediumRiskWhitelist.rollups.medium_risk_execution_count
    + lowMediumRiskWhitelist.rollups.gateway_queue_write_count
    + lowMediumRiskWhitelist.rollups.telegram_send_count
    + lowMediumRiskWhitelist.rollups.bot_api_call_count
    + lowMediumRiskWhitelist.rollups.receipt_production_write_count
    + lowMediumRiskWhitelist.rollups.production_write_count
    + lowMediumRiskWhitelist.rollups.secret_read_count
    + lowMediumRiskWhitelist.rollups.paid_api_call_count
    + lowMediumRiskWhitelist.rollups.host_write_count
    + lowMediumRiskWhitelist.rollups.kubectl_action_count
    + lowMediumRiskWhitelist.rollups.destructive_operation_count
  )
  const highRiskOwnerQueueOverall = highRiskOwnerReviewQueue.program_status.overall_completion_percent
  const highRiskOwnerQueueItems = highRiskOwnerReviewQueue.rollups.queue_item_count
  const highRiskOwnerQueueCritical = highRiskOwnerReviewQueue.rollups.critical_queue_count
  const highRiskOwnerQueueHigh = highRiskOwnerReviewQueue.rollups.high_risk_queue_count
  const highRiskOwnerQueuePackets = highRiskOwnerReviewQueue.rollups.approval_packet_count
  const highRiskOwnerQueueGuards = highRiskOwnerReviewQueue.rollups.rejection_guard_count
  const highRiskOwnerQueueChecklists = highRiskOwnerReviewQueue.rollups.reviewer_checklist_count
  const highRiskOwnerQueueBlocked = highRiskOwnerReviewQueue.rollups.blocked_runtime_action_count
  const highRiskOwnerQueueAccepted = highRiskOwnerReviewQueue.rollups.owner_response_accepted_count
  const highRiskOwnerQueueLiveTotal = (
    highRiskOwnerReviewQueue.rollups.auto_worker_run_count
    + highRiskOwnerReviewQueue.rollups.live_execution_count
    + highRiskOwnerReviewQueue.rollups.gateway_queue_write_count
    + highRiskOwnerReviewQueue.rollups.telegram_send_count
    + highRiskOwnerReviewQueue.rollups.bot_api_call_count
    + highRiskOwnerReviewQueue.rollups.receipt_production_write_count
    + highRiskOwnerReviewQueue.rollups.production_write_count
    + highRiskOwnerReviewQueue.rollups.secret_read_count
    + highRiskOwnerReviewQueue.rollups.paid_api_call_count
    + highRiskOwnerReviewQueue.rollups.host_write_count
    + highRiskOwnerReviewQueue.rollups.kubectl_action_count
    + highRiskOwnerReviewQueue.rollups.destructive_operation_count
  )
  const actionAuditOverall = actionAuditLedger.program_status.overall_completion_percent
  const actionAuditEvents = actionAuditLedger.rollups.audit_event_template_count
  const actionAuditLowMedium = actionAuditLedger.rollups.low_medium_event_count
  const actionAuditHighRisk = actionAuditLedger.rollups.high_risk_event_count
  const actionAuditCritical = actionAuditLedger.rollups.critical_event_count
  const actionAuditReport = actionAuditLedger.rollups.report_gap_event_count
  const actionAuditTelegram = actionAuditLedger.rollups.telegram_event_count
  const actionAuditVerifierGates = actionAuditLedger.rollups.verifier_receipt_gate_count
  const actionAuditRequiredFields = actionAuditLedger.rollups.required_audit_field_count
  const actionAuditBlocked = actionAuditLedger.rollups.blocked_runtime_action_count
  const actionAuditOwnerAccepted = actionAuditLedger.rollups.owner_response_accepted_count
  const actionAuditLiveTotal = (
    actionAuditLedger.rollups.audit_db_write_count
    + actionAuditLedger.rollups.timeline_write_count
    + actionAuditLedger.rollups.km_write_count
    + actionAuditLedger.rollups.playbook_trust_write_count
    + actionAuditLedger.rollups.gateway_queue_write_count
    + actionAuditLedger.rollups.telegram_send_count
    + actionAuditLedger.rollups.bot_api_call_count
    + actionAuditLedger.rollups.receipt_production_write_count
    + actionAuditLedger.rollups.production_write_count
    + actionAuditLedger.rollups.secret_read_count
    + actionAuditLedger.rollups.paid_api_call_count
    + actionAuditLedger.rollups.host_write_count
    + actionAuditLedger.rollups.kubectl_action_count
    + actionAuditLedger.rollups.destructive_operation_count
  )
  const actionOwnerEventBusOverall = actionOwnerAcceptanceEventBus.program_status.overall_completion_percent
  const actionOwnerEventBusLanes = actionOwnerAcceptanceEventBus.rollups.owner_acceptance_lane_count
  const actionOwnerEventBusMedium = actionOwnerAcceptanceEventBus.rollups.medium_lane_count
  const actionOwnerEventBusHigh = actionOwnerAcceptanceEventBus.rollups.high_lane_count
  const actionOwnerEventBusCritical = actionOwnerAcceptanceEventBus.rollups.critical_lane_count
  const actionOwnerEventBusEvents = actionOwnerAcceptanceEventBus.rollups.handoff_event_template_count
  const actionOwnerEventBusRag = actionOwnerAcceptanceEventBus.rollups.rag_memory_proposal_count
  const actionOwnerEventBusGates = actionOwnerAcceptanceEventBus.rollups.verifier_gate_count
  const actionOwnerEventBusFields = actionOwnerAcceptanceEventBus.rollups.required_owner_field_count
  const actionOwnerEventBusBlocked = actionOwnerAcceptanceEventBus.rollups.blocked_runtime_action_count
  const actionOwnerEventBusAccepted = actionOwnerAcceptanceEventBus.rollups.owner_response_accepted_count
  const actionOwnerEventBusLiveTotal = (
    actionOwnerAcceptanceEventBus.rollups.event_bus_publish_count
    + actionOwnerAcceptanceEventBus.rollups.audit_db_write_count
    + actionOwnerAcceptanceEventBus.rollups.timeline_write_count
    + actionOwnerAcceptanceEventBus.rollups.km_write_count
    + actionOwnerAcceptanceEventBus.rollups.playbook_trust_write_count
    + actionOwnerAcceptanceEventBus.rollups.gateway_queue_write_count
    + actionOwnerAcceptanceEventBus.rollups.telegram_send_count
    + actionOwnerAcceptanceEventBus.rollups.bot_api_call_count
    + actionOwnerAcceptanceEventBus.rollups.worker_dispatch_count
    + actionOwnerAcceptanceEventBus.rollups.receipt_production_write_count
    + actionOwnerAcceptanceEventBus.rollups.production_write_count
    + actionOwnerAcceptanceEventBus.rollups.secret_read_count
    + actionOwnerAcceptanceEventBus.rollups.paid_api_call_count
    + actionOwnerAcceptanceEventBus.rollups.host_write_count
    + actionOwnerAcceptanceEventBus.rollups.kubectl_action_count
    + actionOwnerAcceptanceEventBus.rollups.destructive_operation_count
  )
  const hostRunawayOverall = hostRunawayAiops.program_status.overall_completion_percent
  const hostRunawayStages = hostRunawayAiops.rollups.loop_stage_count
  const hostRunawayAlertLanes = hostRunawayAiops.rollups.alert_lane_count
  const hostRunawayAssets = hostRunawayAiops.rollups.asset_writeback_contract_count
  const hostRunawayBlocked = hostRunawayAiops.rollups.blocked_runtime_action_count
  const hostRunawayLiveWrites = (
    hostRunawayAiops.rollups.runtime_remediation_authorized_count
    + hostRunawayAiops.rollups.telegram_send_count
    + hostRunawayAiops.rollups.gateway_queue_write_count
    + hostRunawayAiops.rollups.bot_api_call_count
    + hostRunawayAiops.rollups.host_write_count
    + hostRunawayAiops.rollups.process_termination_count
    + hostRunawayAiops.rollups.docker_restart_count
    + hostRunawayAiops.rollups.systemd_restart_count
    + hostRunawayAiops.rollups.nginx_reload_count
    + hostRunawayAiops.rollups.firewall_change_count
    + hostRunawayAiops.rollups.kubectl_action_count
    + hostRunawayAiops.rollups.production_write_count
  )
  const hostRunawayBoundaryRows = [
    {
      key: 'runtime',
      label: t('hostRunawayAiops.boundaries.runtime'),
      active: hostRunawayAiops.activation_boundaries.runtime_remediation_enabled,
    },
    {
      key: 'process',
      label: t('hostRunawayAiops.boundaries.process'),
      active: hostRunawayAiops.activation_boundaries.process_termination_authorized,
    },
    {
      key: 'host',
      label: t('hostRunawayAiops.boundaries.host'),
      active: hostRunawayAiops.activation_boundaries.host_write_enabled,
    },
    {
      key: 'restart',
      label: t('hostRunawayAiops.boundaries.restart'),
      active: hostRunawayAiops.activation_boundaries.docker_restart_enabled
        || hostRunawayAiops.activation_boundaries.systemd_restart_enabled,
    },
    {
      key: 'network',
      label: t('hostRunawayAiops.boundaries.network'),
      active: hostRunawayAiops.activation_boundaries.nginx_reload_enabled
        || hostRunawayAiops.activation_boundaries.firewall_change_enabled
        || hostRunawayAiops.activation_boundaries.kubectl_action_enabled,
    },
    {
      key: 'telegram',
      label: t('hostRunawayAiops.boundaries.telegram'),
      active: hostRunawayAiops.activation_boundaries.telegram_send_enabled
        || hostRunawayAiops.activation_boundaries.gateway_queue_write_enabled
        || hostRunawayAiops.activation_boundaries.bot_api_call_enabled,
    },
  ]
  const reportRuntimeOverall = reportRuntimeReadiness.program_status.overall_completion_percent
  const reportRuntimeLanes = reportRuntimeReadiness.rollups.runtime_lane_count
  const reportRuntimeReady = reportRuntimeReadiness.rollups.ready_contract_count
  const reportRuntimeBlocked = reportRuntimeReadiness.rollups.blocked_contract_count
  const reportRuntimeApprovals = reportRuntimeReadiness.rollups.approval_required_decision_ids.length
  const reportRuntimeEnabled = reportRuntimeReadiness.rollups.current_enabled_count
  const reportRuntimeLiveDelivery = reportRuntimeReadiness.rollups.live_report_delivery_count
  const reportRuntimeQueueWrites = reportRuntimeReadiness.rollups.telegram_gateway_queue_write_count
  const reportRuntimeAiRuns = reportRuntimeReadiness.rollups.live_ai_analysis_count
  const reportRuntimeMediumLowRuns = reportRuntimeReadiness.rollups.live_medium_low_auto_execution_count
  const reportDryRunOverall = reportRuntimeDryRun.program_status.overall_completion_percent
  const reportDryRunArtifacts = reportRuntimeDryRun.rollups.dry_run_artifact_count
  const reportDryRunQueueDrafts = reportRuntimeDryRun.rollups.gateway_queue_draft_count
  const reportDryRunVerifierCases = reportRuntimeDryRun.rollups.readback_verifier_case_count
  const reportDryRunApprovals = reportRuntimeDryRun.rollups.approval_required_checkpoint_ids.length
  const reportDryRunDelivery = reportRuntimeDryRun.rollups.live_report_delivery_count
  const reportDryRunQueueWrites = reportRuntimeDryRun.rollups.telegram_gateway_queue_write_count
  const reportDryRunBotCalls = reportRuntimeDryRun.rollups.telegram_bot_api_call_count
  const reportDryRunAiRuns = reportRuntimeDryRun.rollups.ai_runtime_worker_run_count
  const reportDryRunVerifierLive = reportRuntimeDryRun.rollups.post_action_verifier_live_readback_count
  const reportDryRunPrimaryDraft = visibleReportRuntimeQueueDrafts[0]
  const reportFixtureOverall = reportRuntimeFixtureReadback.program_status.overall_completion_percent
  const reportFixtureSmokeCount = reportRuntimeFixtureReadback.rollups.fixture_smoke_count
  const reportFixturePassedCount = reportRuntimeFixtureReadback.rollups.passed_fixture_smoke_count
  const reportFixtureQueueReadbacks = reportRuntimeFixtureReadback.rollups.queue_preview_readback_count
  const reportFixtureVerifierCases = reportRuntimeFixtureReadback.rollups.verifier_dry_run_case_count
  const reportFixtureApprovals = reportRuntimeFixtureReadback.rollups.approval_required_checkpoint_ids.length
  const reportFixtureQueueWrites = reportRuntimeFixtureReadback.rollups.telegram_gateway_queue_write_count
  const reportFixtureSends = reportRuntimeFixtureReadback.rollups.telegram_send_count
  const reportFixtureBotCalls = reportRuntimeFixtureReadback.rollups.telegram_bot_api_call_count
  const reportFixtureWorkerRuns = reportRuntimeFixtureReadback.rollups.ai_runtime_worker_run_count
  const reportFixtureVerifierLive = reportRuntimeFixtureReadback.rollups.post_action_verifier_live_readback_count
  const reportFixturePrimaryReadback = visibleReportRuntimeQueueReadbacks[0]
  const runtimeShadowOverall = runtimeWorkerShadowGate.program_status.overall_completion_percent
  const runtimeShadowCandidates = runtimeWorkerShadowGate.rollups.shadow_candidate_count
  const runtimeShadowPassed = runtimeWorkerShadowGate.rollups.passed_no_write_candidate_count
  const runtimeShadowBlocked = runtimeWorkerShadowGate.rollups.blocked_candidate_count
  const runtimeShadowNeedsReview = runtimeWorkerShadowGate.rollups.needs_owner_review_candidate_count
  const runtimeShadowReplays = runtimeWorkerShadowGate.rollups.no_write_replay_count
  const runtimeShadowVerifierCases = runtimeWorkerShadowGate.rollups.verifier_shadow_case_count
  const runtimeShadowApprovals = runtimeWorkerShadowGate.rollups.approval_required_checkpoint_ids.length
  const runtimeShadowLiveRuns = runtimeWorkerShadowGate.rollups.shadow_worker_live_run_count
  const runtimeShadowQueueWrites = runtimeWorkerShadowGate.rollups.gateway_queue_write_count
  const runtimeShadowSends = runtimeWorkerShadowGate.rollups.telegram_send_count
  const runtimeShadowProductionWrites = runtimeWorkerShadowGate.rollups.production_write_count
  const operationPermissionOverall = operationPermissionModel.program_status.overall_completion_percent
  const operationPermissionCategories = operationPermissionModel.rollups.operation_category_count
  const operationPermissionObserveOnly = operationPermissionModel.rollups.observe_only_category_count
  const operationPermissionNoWrite = operationPermissionModel.rollups.no_write_replay_allowed_category_count
  const operationPermissionProposalOnly = operationPermissionModel.rollups.proposal_only_category_count
  const operationPermissionHumanApproval = operationPermissionModel.rollups.human_approval_required_category_count
  const operationPermissionBlocked = operationPermissionModel.rollups.explicitly_blocked_category_count
  const operationPermissionGates = operationPermissionModel.rollups.gate_transition_count
  const operationPermissionRuntimeRuns = operationPermissionModel.rollups.runtime_execution_count
  const operationPermissionQueueWrites = operationPermissionModel.rollups.gateway_queue_write_count
  const operationPermissionSends = operationPermissionModel.rollups.telegram_send_count
  const operationPermissionProductionWrites = operationPermissionModel.rollups.production_write_count
  const operationPermissionSecretReads = operationPermissionModel.rollups.secret_value_read_count
  const operationPermissionDestructive = operationPermissionModel.rollups.destructive_operation_count
  const candidateDryRunOverall = candidateOperationDryRunEvidence.program_status.overall_completion_percent
  const candidateDryRunCount = candidateOperationDryRunEvidence.rollups.candidate_operation_count
  const candidateDryRunEvidenceCount = candidateOperationDryRunEvidence.rollups.candidate_with_dry_run_evidence_count
  const candidateDryRunPassed = candidateOperationDryRunEvidence.rollups.passed_no_write_count
  const candidateDryRunNeedsReview = candidateOperationDryRunEvidence.rollups.needs_owner_review_count
  const candidateDryRunAllowlistBlocked = candidateOperationDryRunEvidence.rollups.blocked_until_allowlist_count
  const candidateDryRunPolicyBlocked = candidateOperationDryRunEvidence.rollups.blocked_by_policy_count
  const candidateDryRunVerifierPlans = candidateOperationDryRunEvidence.rollups.verifier_plan_count
  const candidateDryRunSideEffects = candidateOperationDryRunEvidence.rollups.side_effect_count
  const candidateDryRunQueueWrites = candidateOperationDryRunEvidence.rollups.gateway_queue_write_count
  const candidateDryRunSends = candidateOperationDryRunEvidence.rollups.telegram_send_count
  const candidateDryRunProductionWrites = candidateOperationDryRunEvidence.rollups.production_write_count
  const candidateDryRunSecretReads = candidateOperationDryRunEvidence.rollups.secret_value_read_count
  const candidateDryRunDestructive = candidateOperationDryRunEvidence.rollups.destructive_operation_count
  const taskResultOverall = taskResultAuditTrail.program_status.overall_completion_percent
  const taskResultRoutes = taskResultAuditTrail.rollups.result_route_count
  const taskResultNextActions = taskResultAuditTrail.rollups.owner_next_action_ready_count
  const taskResultOwnerReview = taskResultAuditTrail.rollups.requires_owner_review_count
  const taskResultKmDrafts = taskResultAuditTrail.rollups.ready_for_km_draft_count
  const taskResultBlocked = taskResultAuditTrail.rollups.blocked_result_count
  const taskResultWritebacks = taskResultAuditTrail.rollups.writeback_contract_count
  const taskResultCheckpoints = taskResultAuditTrail.rollups.audit_checkpoint_count
  const taskResultKmWrites = taskResultAuditTrail.rollups.km_write_count
  const taskResultLogbookWrites = taskResultAuditTrail.rollups.logbook_runtime_write_count
  const taskResultAuditWrites = taskResultAuditTrail.rollups.audit_db_write_count
  const taskResultTimelineWrites = taskResultAuditTrail.rollups.timeline_write_count
  const taskResultQueueWrites = taskResultAuditTrail.rollups.gateway_queue_write_count
  const taskResultTelegramSends = taskResultAuditTrail.rollups.telegram_send_count
  const matchedPlaybookOverall = matchedPlaybookLearningGap.program_status.overall_completion_percent
  const matchedPlaybookApprovalTotal = matchedPlaybookLearningGap.rollups.approval_24h_total
  const matchedPlaybookApprovalMatched = matchedPlaybookLearningGap.rollups.approval_24h_matched
  const matchedPlaybookMatchedRate = matchedPlaybookLearningGap.rollups.matched_rate_24h_percent
  const matchedPlaybookApprovedGap = matchedPlaybookLearningGap.rollups.approved_without_execution_meta_24h
  const matchedPlaybookPending = matchedPlaybookLearningGap.rollups.pending_with_matched_24h
  const matchedPlaybookFailed = matchedPlaybookLearningGap.rollups.execution_failed_with_matched_24h
  const matchedPlaybookUpdated = matchedPlaybookLearningGap.rollups.playbook_updated_24h_count
  const matchedPlaybookGates = matchedPlaybookLearningGap.rollups.learning_gate_count
  const matchedPlaybookCandidates = matchedPlaybookLearningGap.rollups.writeback_candidate_count
  const matchedPlaybookLearningWrites = matchedPlaybookLearningGap.rollups.live_learning_write_count
  const matchedPlaybookTrustWrites = matchedPlaybookLearningGap.rollups.playbook_trust_write_count
  const matchedPlaybookQueueWrites = matchedPlaybookLearningGap.rollups.gateway_queue_write_count
  const matchedPlaybookTelegramSends = matchedPlaybookLearningGap.rollups.telegram_send_count
  const criticReviewerOverall = criticReviewerResultCapture.program_status.overall_completion_percent
  const criticReviewerScorecards = criticReviewerResultCapture.rollups.scorecard_count
  const criticReviewerCaptureContracts = criticReviewerResultCapture.rollups.result_capture_contract_count
  const criticReviewerPromotionGates = criticReviewerResultCapture.rollups.promotion_gate_count
  const criticReviewerCandidateRoutes = criticReviewerResultCapture.rollups.candidate_route_count
  const criticReviewerApprovedGap = criticReviewerResultCapture.rollups.approved_without_execution_meta_24h
  const criticReviewerFailedCandidates = criticReviewerResultCapture.rollups.execution_failed_with_matched_24h
  const criticReviewerBlockedGates = criticReviewerResultCapture.rollups.blocked_gate_count
  const criticReviewerOwnerReviewGates = criticReviewerResultCapture.rollups.owner_review_gate_count
  const criticReviewerRuntimeCriticScores = criticReviewerResultCapture.rollups.runtime_critic_score_count
  const criticReviewerRuntimeReviewerScores = criticReviewerResultCapture.rollups.runtime_reviewer_score_count
  const criticReviewerRuntimeCaptureWrites = criticReviewerResultCapture.rollups.result_capture_runtime_write_count
  const criticReviewerLearningWrites = criticReviewerResultCapture.rollups.learning_write_count
  const criticReviewerTrustWrites = criticReviewerResultCapture.rollups.playbook_trust_write_count
  const criticReviewerTelegramSends = criticReviewerResultCapture.rollups.telegram_send_count
  const ownerResultDryRunOverall = ownerApprovedResultCaptureDryRun.program_status.overall_completion_percent
  const ownerResultDryRunTemplates = ownerApprovedResultCaptureDryRun.rollups.result_capture_template_count
  const ownerResultDryRunScoreFixtures = ownerApprovedResultCaptureDryRun.rollups.score_fixture_count
  const ownerResultDryRunGates = ownerApprovedResultCaptureDryRun.rollups.dry_run_gate_count
  const ownerResultDryRunActions = ownerApprovedResultCaptureDryRun.rollups.operator_action_count
  const ownerResultDryRunApprovals = ownerApprovedResultCaptureDryRun.rollups.approval_required_gate_count
  const ownerResultDryRunBlocked = ownerApprovedResultCaptureDryRun.rollups.blocked_gate_count
  const ownerResultDryRunApprovedGap = ownerApprovedResultCaptureDryRun.rollups.approved_without_execution_meta_24h
  const ownerResultDryRunFailedCandidates = ownerApprovedResultCaptureDryRun.rollups.execution_failed_with_matched_24h
  const ownerResultDryRunOwnerApprovals = ownerApprovedResultCaptureDryRun.rollups.owner_approval_received_count
  const ownerResultDryRunPreviewGenerated = ownerApprovedResultCaptureDryRun.rollups.dry_run_preview_generated_count
  const ownerResultDryRunWrites = (
    ownerApprovedResultCaptureDryRun.rollups.result_capture_write_count
    + ownerApprovedResultCaptureDryRun.rollups.score_write_count
    + ownerApprovedResultCaptureDryRun.rollups.learning_write_count
    + ownerApprovedResultCaptureDryRun.rollups.playbook_trust_write_count
    + ownerApprovedResultCaptureDryRun.rollups.gateway_queue_write_count
    + ownerApprovedResultCaptureDryRun.rollups.telegram_send_count
    + ownerApprovedResultCaptureDryRun.rollups.production_write_count
  )
  const ownerResultReadbackOverall = ownerApprovedResultCaptureReadback.program_status.overall_completion_percent
  const ownerResultReadbackDigests = ownerApprovedResultCaptureReadback.rollups.readback_digest_count
  const ownerResultReadbackPromotionReviews = ownerApprovedResultCaptureReadback.rollups.promotion_review_count
  const ownerResultReadbackFailureLanes = ownerApprovedResultCaptureReadback.rollups.failure_lane_count
  const ownerResultReadbackQueuePreview = ownerApprovedResultCaptureReadback.rollups.reviewer_queue_preview_count
  const ownerResultReadbackActions = ownerApprovedResultCaptureReadback.rollups.operator_action_count
  const ownerResultReadbackApprovalRequired = ownerApprovedResultCaptureReadback.rollups.approval_required_digest_count
  const ownerResultReadbackBlocked = (
    ownerApprovedResultCaptureReadback.rollups.blocked_digest_count
    + ownerApprovedResultCaptureReadback.rollups.blocked_review_count
    + ownerApprovedResultCaptureReadback.rollups.blocked_failure_lane_count
    + ownerApprovedResultCaptureReadback.rollups.blocked_reviewer_preview_count
  )
  const ownerResultReadbackOwnerApprovals = ownerApprovedResultCaptureReadback.rollups.owner_approval_received_count
  const ownerResultReadbackGenerated = ownerApprovedResultCaptureReadback.rollups.readback_digest_generated_count
  const ownerResultReadbackPromotionApproved = ownerApprovedResultCaptureReadback.rollups.promotion_approved_count
  const ownerResultReadbackQueueWrites = ownerApprovedResultCaptureReadback.rollups.reviewer_queue_write_count
  const ownerResultReadbackWrites = (
    ownerApprovedResultCaptureReadback.rollups.result_capture_write_count
    + ownerApprovedResultCaptureReadback.rollups.score_write_count
    + ownerApprovedResultCaptureReadback.rollups.learning_write_count
    + ownerApprovedResultCaptureReadback.rollups.playbook_trust_write_count
    + ownerApprovedResultCaptureReadback.rollups.gateway_queue_write_count
    + ownerApprovedResultCaptureReadback.rollups.telegram_send_count
    + ownerApprovedResultCaptureReadback.rollups.production_write_count
  )
  const runtimeReadbackPackageOverall = runtimeReadbackApprovalPackage.program_status.overall_completion_percent
  const runtimeReadbackPackets = runtimeReadbackApprovalPackage.rollups.approval_packet_count
  const runtimeReadbackPlans = runtimeReadbackApprovalPackage.rollups.canonical_readback_plan_count
  const runtimeReadbackRollbackLanes = runtimeReadbackApprovalPackage.rollups.rollback_drill_lane_count
  const runtimeReadbackTelegramGates = runtimeReadbackApprovalPackage.rollups.telegram_failure_receipt_gate_count
  const runtimeReadbackActions = runtimeReadbackApprovalPackage.rollups.operator_action_count
  const runtimeReadbackApprovalRequired = runtimeReadbackApprovalPackage.rollups.approval_required_packet_count
  const runtimeReadbackBlocked = (
    runtimeReadbackApprovalPackage.rollups.blocked_packet_count
    + runtimeReadbackApprovalPackage.rollups.blocked_readback_plan_count
    + runtimeReadbackApprovalPackage.rollups.blocked_rollback_lane_count
    + runtimeReadbackApprovalPackage.rollups.blocked_telegram_gate_count
  )
  const runtimeReadbackOwnerApprovals = runtimeReadbackApprovalPackage.rollups.owner_approval_received_count
  const runtimeReadbackExecutions = runtimeReadbackApprovalPackage.rollups.runtime_readback_execution_count
  const runtimeReadbackTelegramSends = runtimeReadbackApprovalPackage.rollups.telegram_failure_receipt_send_count
  const runtimeReadbackRollbackWrites = runtimeReadbackApprovalPackage.rollups.rollback_work_item_write_count
  const runtimeReadbackLiveWrites = (
    runtimeReadbackApprovalPackage.rollups.result_capture_write_count
    + runtimeReadbackApprovalPackage.rollups.score_write_count
    + runtimeReadbackApprovalPackage.rollups.learning_write_count
    + runtimeReadbackApprovalPackage.rollups.playbook_trust_write_count
    + runtimeReadbackApprovalPackage.rollups.reviewer_queue_write_count
    + runtimeReadbackApprovalPackage.rollups.gateway_queue_write_count
    + runtimeReadbackApprovalPackage.rollups.telegram_failure_receipt_send_count
    + runtimeReadbackApprovalPackage.rollups.bot_api_call_count
    + runtimeReadbackApprovalPackage.rollups.rollback_work_item_write_count
    + runtimeReadbackApprovalPackage.rollups.production_write_count
  )
  const runtimeImplementationOverall = runtimeReadbackImplementationReview.program_status.overall_completion_percent
  const runtimeImplementationCards = runtimeReadbackImplementationReview.rollups.implementation_review_card_count
  const runtimeImplementationChecks = runtimeReadbackImplementationReview.rollups.no_write_verifier_check_count
  const runtimeImplementationBlockers = runtimeReadbackImplementationReview.rollups.implementation_blocker_count
  const runtimeImplementationActions = runtimeReadbackImplementationReview.rollups.operator_action_count
  const runtimeImplementationApprovalRequired = runtimeReadbackImplementationReview.rollups.approval_required_card_count
  const runtimeImplementationBlocked = (
    runtimeReadbackImplementationReview.rollups.blocked_card_count
    + runtimeReadbackImplementationReview.rollups.blocked_verifier_check_count
    + runtimeReadbackImplementationReview.rollups.implementation_blocker_count
  )
  const runtimeImplementationCriticalBlockers = runtimeReadbackImplementationReview.rollups.critical_blocker_count
  const runtimeImplementationOwnerApprovals = runtimeReadbackImplementationReview.rollups.owner_approval_received_count
  const runtimeImplementationExecutions = runtimeReadbackImplementationReview.rollups.runtime_readback_execution_count
  const runtimeImplementationLiveQueries = runtimeReadbackImplementationReview.rollups.live_query_count
  const runtimeImplementationTelegramSends = runtimeReadbackImplementationReview.rollups.telegram_failure_receipt_send_count
  const runtimeImplementationRollbackWrites = runtimeReadbackImplementationReview.rollups.rollback_work_item_write_count
  const runtimeImplementationLiveWrites = (
    runtimeReadbackImplementationReview.rollups.result_capture_write_count
    + runtimeReadbackImplementationReview.rollups.score_write_count
    + runtimeReadbackImplementationReview.rollups.learning_write_count
    + runtimeReadbackImplementationReview.rollups.playbook_trust_write_count
    + runtimeReadbackImplementationReview.rollups.reviewer_queue_write_count
    + runtimeReadbackImplementationReview.rollups.gateway_queue_write_count
    + runtimeReadbackImplementationReview.rollups.telegram_failure_receipt_send_count
    + runtimeReadbackImplementationReview.rollups.bot_api_call_count
    + runtimeReadbackImplementationReview.rollups.rollback_work_item_write_count
    + runtimeReadbackImplementationReview.rollups.production_write_count
  )
  const reportDeliveryOverall = reportLiveDeliveryApprovalPackage.program_status.overall_completion_percent
  const reportDeliveryPackets = reportLiveDeliveryApprovalPackage.rollups.delivery_approval_packet_count
  const reportDeliveryRouteGates = reportLiveDeliveryApprovalPackage.rollups.route_lock_gate_count
  const reportDeliveryRedactionChecks = reportLiveDeliveryApprovalPackage.rollups.payload_redaction_check_count
  const reportDeliveryReceipts = reportLiveDeliveryApprovalPackage.rollups.dry_run_delivery_receipt_count
  const reportDeliveryActions = reportLiveDeliveryApprovalPackage.rollups.operator_action_count
  const reportDeliveryApprovalRequired = reportLiveDeliveryApprovalPackage.rollups.approval_required_packet_count
  const reportDeliveryBlocked = (
    reportLiveDeliveryApprovalPackage.rollups.blocked_packet_count
    + reportLiveDeliveryApprovalPackage.rollups.blocked_route_gate_count
    + reportLiveDeliveryApprovalPackage.rollups.blocked_receipt_count
  )
  const reportDeliveryOwnerApprovals = reportLiveDeliveryApprovalPackage.rollups.owner_approval_received_count
  const reportDeliveryScheduled = reportLiveDeliveryApprovalPackage.rollups.scheduled_delivery_count
  const reportDeliveryGatewayWrites = reportLiveDeliveryApprovalPackage.rollups.gateway_queue_write_count
  const reportDeliveryTelegramSends = reportLiveDeliveryApprovalPackage.rollups.telegram_send_count
  const reportDeliveryBotCalls = reportLiveDeliveryApprovalPackage.rollups.bot_api_call_count
  const reportDeliveryReceiptWrites = reportLiveDeliveryApprovalPackage.rollups.report_receipt_write_count
  const reportDeliveryAiAnalysisRuns = reportLiveDeliveryApprovalPackage.rollups.ai_analysis_run_count
  const reportDeliveryAutoOptimizations = reportLiveDeliveryApprovalPackage.rollups.auto_optimization_count
  const reportDeliveryLiveWrites = (
    reportLiveDeliveryApprovalPackage.rollups.gateway_queue_write_count
    + reportLiveDeliveryApprovalPackage.rollups.telegram_send_count
    + reportLiveDeliveryApprovalPackage.rollups.bot_api_call_count
    + reportLiveDeliveryApprovalPackage.rollups.report_receipt_write_count
    + reportLiveDeliveryApprovalPackage.rollups.ai_analysis_run_count
    + reportLiveDeliveryApprovalPackage.rollups.auto_optimization_count
    + reportLiveDeliveryApprovalPackage.rollups.production_write_count
  )
  const fixtureApprovalOverall = runtimeReadbackFixtureApproval.program_status.overall_completion_percent
  const fixtureApprovalCards = runtimeReadbackFixtureApproval.rollups.fixture_approval_card_count
  const fixtureApprovalContracts = runtimeReadbackFixtureApproval.rollups.adapter_contract_count
  const fixtureApprovalChecks = runtimeReadbackFixtureApproval.rollups.verifier_fixture_check_count
  const fixtureApprovalBlockers = runtimeReadbackFixtureApproval.rollups.blocker_mapping_count
  const fixtureApprovalActions = runtimeReadbackFixtureApproval.rollups.operator_action_count
  const fixtureApprovalRequired = runtimeReadbackFixtureApproval.rollups.approval_required_card_count
  const fixtureApprovalBlocked = (
    runtimeReadbackFixtureApproval.rollups.blocked_card_count
    + runtimeReadbackFixtureApproval.rollups.blocked_contract_count
    + runtimeReadbackFixtureApproval.rollups.blocked_check_count
  )
  const fixtureApprovalOwnerApprovals = runtimeReadbackFixtureApproval.rollups.owner_approval_received_count
  const fixtureApprovalExecutions = runtimeReadbackFixtureApproval.rollups.fixture_readback_execution_count
  const fixtureApprovalCanonicalReads = runtimeReadbackFixtureApproval.rollups.canonical_runtime_target_read_count
  const fixtureApprovalLiveQueries = runtimeReadbackFixtureApproval.rollups.live_query_count
  const fixtureApprovalGatewayWrites = runtimeReadbackFixtureApproval.rollups.gateway_queue_write_count
  const fixtureApprovalTelegramSends = runtimeReadbackFixtureApproval.rollups.telegram_send_count
  const fixtureApprovalBotCalls = runtimeReadbackFixtureApproval.rollups.bot_api_call_count
  const fixtureApprovalReceiptWrites = runtimeReadbackFixtureApproval.rollups.report_receipt_write_count
  const fixtureApprovalResultWrites = runtimeReadbackFixtureApproval.rollups.result_capture_write_count
  const fixtureApprovalLiveWrites = (
    runtimeReadbackFixtureApproval.rollups.fixture_readback_execution_count
    + runtimeReadbackFixtureApproval.rollups.canonical_runtime_target_read_count
    + runtimeReadbackFixtureApproval.rollups.live_query_count
    + runtimeReadbackFixtureApproval.rollups.gateway_queue_write_count
    + runtimeReadbackFixtureApproval.rollups.telegram_send_count
    + runtimeReadbackFixtureApproval.rollups.bot_api_call_count
    + runtimeReadbackFixtureApproval.rollups.report_receipt_write_count
    + runtimeReadbackFixtureApproval.rollups.result_capture_write_count
    + runtimeReadbackFixtureApproval.rollups.production_write_count
  )
  const promotionGateOverall = runtimeReadbackPromotionGate.program_status.overall_completion_percent
  const promotionGateLanes = runtimeReadbackPromotionGate.rollups.promotion_lane_count
  const promotionGateContracts = runtimeReadbackPromotionGate.rollups.receipt_contract_count
  const promotionGateReviewerPreviews = runtimeReadbackPromotionGate.rollups.reviewer_queue_preview_count
  const promotionGateResultPreviews = runtimeReadbackPromotionGate.rollups.result_capture_preview_count
  const promotionGateChecks = runtimeReadbackPromotionGate.rollups.no_write_verifier_check_count
  const promotionGateBlockers = runtimeReadbackPromotionGate.rollups.blocker_mapping_count
  const promotionGateActions = runtimeReadbackPromotionGate.rollups.operator_action_count
  const promotionGateApprovalRequired = runtimeReadbackPromotionGate.rollups.approval_required_lane_count
  const promotionGateBlocked = (
    runtimeReadbackPromotionGate.rollups.blocked_lane_count
    + runtimeReadbackPromotionGate.rollups.blocked_receipt_contract_count
    + runtimeReadbackPromotionGate.rollups.blocked_result_preview_count
  )
  const promotionGateOwnerApprovals = runtimeReadbackPromotionGate.rollups.owner_approval_received_count
  const promotionGateExecutions = runtimeReadbackPromotionGate.rollups.promotion_execution_count
  const promotionGateCanonicalReads = runtimeReadbackPromotionGate.rollups.canonical_runtime_target_read_count
  const promotionGateLiveQueries = runtimeReadbackPromotionGate.rollups.live_query_count
  const promotionGateFailureReceiptSends = runtimeReadbackPromotionGate.rollups.failure_receipt_send_count
  const promotionGateReviewerQueueWrites = runtimeReadbackPromotionGate.rollups.reviewer_queue_write_count
  const promotionGateGatewayWrites = runtimeReadbackPromotionGate.rollups.gateway_queue_write_count
  const promotionGateTelegramSends = runtimeReadbackPromotionGate.rollups.telegram_send_count
  const promotionGateBotCalls = runtimeReadbackPromotionGate.rollups.bot_api_call_count
  const promotionGateReceiptWrites = runtimeReadbackPromotionGate.rollups.report_receipt_write_count
  const promotionGateResultWrites = runtimeReadbackPromotionGate.rollups.result_capture_write_count
  const promotionGateLearningWrites = runtimeReadbackPromotionGate.rollups.learning_write_count
  const promotionGateTrustWrites = runtimeReadbackPromotionGate.rollups.playbook_trust_write_count
  const promotionGateLiveWrites = (
    runtimeReadbackPromotionGate.rollups.promotion_execution_count
    + runtimeReadbackPromotionGate.rollups.canonical_runtime_target_read_count
    + runtimeReadbackPromotionGate.rollups.live_query_count
    + runtimeReadbackPromotionGate.rollups.failure_receipt_send_count
    + runtimeReadbackPromotionGate.rollups.reviewer_queue_write_count
    + runtimeReadbackPromotionGate.rollups.gateway_queue_write_count
    + runtimeReadbackPromotionGate.rollups.telegram_send_count
    + runtimeReadbackPromotionGate.rollups.bot_api_call_count
    + runtimeReadbackPromotionGate.rollups.report_receipt_write_count
    + runtimeReadbackPromotionGate.rollups.result_capture_write_count
    + runtimeReadbackPromotionGate.rollups.learning_write_count
    + runtimeReadbackPromotionGate.rollups.playbook_trust_write_count
    + runtimeReadbackPromotionGate.rollups.production_write_count
  )
  const ownerPromotionOverall = ownerApprovedFixturePromotionGate.program_status.overall_completion_percent
  const ownerPromotionPackets = ownerApprovedFixturePromotionGate.rollups.owner_approval_packet_count
  const ownerPromotionTemplates = ownerApprovedFixturePromotionGate.rollups.acceptance_record_template_count
  const ownerPromotionReviews = ownerApprovedFixturePromotionGate.rollups.fixture_promotion_review_count
  const ownerPromotionVerifiers = ownerApprovedFixturePromotionGate.rollups.no_write_verifier_plan_count
  const ownerPromotionBlockers = ownerApprovedFixturePromotionGate.rollups.blocked_promotion_count
  const ownerPromotionActions = ownerApprovedFixturePromotionGate.rollups.operator_action_count
  const ownerPromotionApprovalRequired = (
    ownerApprovedFixturePromotionGate.rollups.approval_required_packet_count
    + ownerApprovedFixturePromotionGate.rollups.approval_required_template_count
    + ownerApprovedFixturePromotionGate.rollups.approval_required_review_count
    + ownerApprovedFixturePromotionGate.rollups.approval_required_verifier_count
  )
  const ownerPromotionBlocked = (
    ownerApprovedFixturePromotionGate.rollups.blocked_packet_count
    + ownerApprovedFixturePromotionGate.rollups.blocked_template_count
    + ownerApprovedFixturePromotionGate.rollups.blocked_review_count
    + ownerApprovedFixturePromotionGate.rollups.blocked_verifier_count
  )
  const ownerPromotionCritical = ownerApprovedFixturePromotionGate.rollups.critical_blocker_count
  const ownerPromotionOwnerApprovals = ownerApprovedFixturePromotionGate.rollups.owner_approval_received_count
  const ownerPromotionAcceptanceWrites = ownerApprovedFixturePromotionGate.rollups.owner_acceptance_record_write_count
  const ownerPromotionExecutions = ownerApprovedFixturePromotionGate.rollups.promotion_execution_count
  const ownerPromotionCanonicalReads = ownerApprovedFixturePromotionGate.rollups.canonical_runtime_target_read_count
  const ownerPromotionLiveQueries = ownerApprovedFixturePromotionGate.rollups.live_query_count
  const ownerPromotionFailureReceiptSends = ownerApprovedFixturePromotionGate.rollups.failure_receipt_send_count
  const ownerPromotionReviewerQueueWrites = ownerApprovedFixturePromotionGate.rollups.reviewer_queue_write_count
  const ownerPromotionGatewayWrites = ownerApprovedFixturePromotionGate.rollups.gateway_queue_write_count
  const ownerPromotionTelegramSends = ownerApprovedFixturePromotionGate.rollups.telegram_send_count
  const ownerPromotionBotCalls = ownerApprovedFixturePromotionGate.rollups.bot_api_call_count
  const ownerPromotionReceiptWrites = ownerApprovedFixturePromotionGate.rollups.report_receipt_write_count
  const ownerPromotionResultWrites = ownerApprovedFixturePromotionGate.rollups.result_capture_write_count
  const ownerPromotionLearningWrites = ownerApprovedFixturePromotionGate.rollups.learning_write_count
  const ownerPromotionTrustWrites = ownerApprovedFixturePromotionGate.rollups.playbook_trust_write_count
  const ownerPromotionProductionWrites = ownerApprovedFixturePromotionGate.rollups.production_write_count
  const ownerPromotionLiveWrites = (
    ownerApprovedFixturePromotionGate.rollups.owner_acceptance_record_write_count
    + ownerApprovedFixturePromotionGate.rollups.promotion_execution_count
    + ownerApprovedFixturePromotionGate.rollups.canonical_runtime_target_read_count
    + ownerApprovedFixturePromotionGate.rollups.live_query_count
    + ownerApprovedFixturePromotionGate.rollups.failure_receipt_send_count
    + ownerApprovedFixturePromotionGate.rollups.reviewer_queue_write_count
    + ownerApprovedFixturePromotionGate.rollups.gateway_queue_write_count
    + ownerApprovedFixturePromotionGate.rollups.telegram_send_count
    + ownerApprovedFixturePromotionGate.rollups.bot_api_call_count
    + ownerApprovedFixturePromotionGate.rollups.report_receipt_write_count
    + ownerApprovedFixturePromotionGate.rollups.result_capture_write_count
    + ownerApprovedFixturePromotionGate.rollups.learning_write_count
    + ownerApprovedFixturePromotionGate.rollups.playbook_trust_write_count
    + ownerApprovedFixturePromotionGate.rollups.production_write_count
  )
  const canonicalAcceptanceOverall = canonicalRuntimeReadbackOwnerAcceptance.program_status.overall_completion_percent
  const canonicalAcceptancePackets = canonicalRuntimeReadbackOwnerAcceptance.rollups.owner_approval_packet_count
  const canonicalAcceptanceTemplates = canonicalRuntimeReadbackOwnerAcceptance.rollups.acceptance_record_template_count
  const canonicalAcceptanceReviews = canonicalRuntimeReadbackOwnerAcceptance.rollups.fixture_promotion_review_count
  const canonicalAcceptanceVerifiers = canonicalRuntimeReadbackOwnerAcceptance.rollups.no_write_verifier_plan_count
  const canonicalAcceptanceBlockers = canonicalRuntimeReadbackOwnerAcceptance.rollups.blocked_promotion_count
  const canonicalAcceptanceActions = canonicalRuntimeReadbackOwnerAcceptance.rollups.operator_action_count
  const canonicalAcceptanceApprovalRequired = (
    canonicalRuntimeReadbackOwnerAcceptance.rollups.approval_required_packet_count
    + canonicalRuntimeReadbackOwnerAcceptance.rollups.approval_required_template_count
    + canonicalRuntimeReadbackOwnerAcceptance.rollups.approval_required_review_count
    + canonicalRuntimeReadbackOwnerAcceptance.rollups.approval_required_verifier_count
  )
  const canonicalAcceptanceBlocked = (
    canonicalRuntimeReadbackOwnerAcceptance.rollups.blocked_packet_count
    + canonicalRuntimeReadbackOwnerAcceptance.rollups.blocked_template_count
    + canonicalRuntimeReadbackOwnerAcceptance.rollups.blocked_review_count
    + canonicalRuntimeReadbackOwnerAcceptance.rollups.blocked_verifier_count
  )
  const canonicalAcceptanceLiveWrites = (
    canonicalRuntimeReadbackOwnerAcceptance.rollups.owner_acceptance_record_write_count
    + canonicalRuntimeReadbackOwnerAcceptance.rollups.promotion_execution_count
    + canonicalRuntimeReadbackOwnerAcceptance.rollups.canonical_runtime_target_read_count
    + canonicalRuntimeReadbackOwnerAcceptance.rollups.live_query_count
    + canonicalRuntimeReadbackOwnerAcceptance.rollups.failure_receipt_send_count
    + canonicalRuntimeReadbackOwnerAcceptance.rollups.reviewer_queue_write_count
    + canonicalRuntimeReadbackOwnerAcceptance.rollups.gateway_queue_write_count
    + canonicalRuntimeReadbackOwnerAcceptance.rollups.telegram_send_count
    + canonicalRuntimeReadbackOwnerAcceptance.rollups.bot_api_call_count
    + canonicalRuntimeReadbackOwnerAcceptance.rollups.report_receipt_write_count
    + canonicalRuntimeReadbackOwnerAcceptance.rollups.result_capture_write_count
    + canonicalRuntimeReadbackOwnerAcceptance.rollups.learning_write_count
    + canonicalRuntimeReadbackOwnerAcceptance.rollups.playbook_trust_write_count
    + canonicalRuntimeReadbackOwnerAcceptance.rollups.production_write_count
  )
  const failureReplayOverall = failureReceiptNoSendReplay.program_status.overall_completion_percent
  const failureReplayFixtures = failureReceiptNoSendReplay.rollups.no_send_replay_fixture_count
  const failureReplayRoutes = failureReceiptNoSendReplay.rollups.route_lock_check_count
  const failureReplayVerifiers = failureReceiptNoSendReplay.rollups.replay_verifier_check_count
  const failureReplayBlockers = failureReceiptNoSendReplay.rollups.blocked_send_count
  const failureReplayActions = failureReceiptNoSendReplay.rollups.operator_action_count
  const failureReplayApprovalRequired = (
    failureReceiptNoSendReplay.rollups.approval_required_fixture_count
    + failureReceiptNoSendReplay.rollups.approval_required_route_lock_count
    + failureReceiptNoSendReplay.rollups.approval_required_verifier_count
  )
  const failureReplayBlocked = (
    failureReceiptNoSendReplay.rollups.blocked_fixture_count
    + failureReceiptNoSendReplay.rollups.blocked_route_lock_count
    + failureReceiptNoSendReplay.rollups.critical_blocker_count
  )
  const failureReplayLiveWrites = (
    failureReceiptNoSendReplay.rollups.canonical_runtime_target_read_count
    + failureReceiptNoSendReplay.rollups.live_query_count
    + failureReceiptNoSendReplay.rollups.failure_receipt_send_count
    + failureReceiptNoSendReplay.rollups.gateway_queue_write_count
    + failureReceiptNoSendReplay.rollups.telegram_send_count
    + failureReceiptNoSendReplay.rollups.bot_api_call_count
    + failureReceiptNoSendReplay.rollups.report_receipt_write_count
    + failureReceiptNoSendReplay.rollups.reviewer_queue_write_count
    + failureReceiptNoSendReplay.rollups.result_capture_write_count
    + failureReceiptNoSendReplay.rollups.learning_write_count
    + failureReceiptNoSendReplay.rollups.playbook_trust_write_count
    + failureReceiptNoSendReplay.rollups.production_write_count
  )
  const reviewerQueueOverall = reviewerQueueNoWriteReadback.program_status.overall_completion_percent
  const reviewerQueueFixtures = reviewerQueueNoWriteReadback.rollups.reviewer_queue_readback_fixture_count
  const reviewerQueueMappings = reviewerQueueNoWriteReadback.rollups.queue_item_mapping_count
  const reviewerQueueVerifiers = reviewerQueueNoWriteReadback.rollups.readback_verifier_check_count
  const reviewerQueueBlockers = reviewerQueueNoWriteReadback.rollups.blocked_queue_write_count
  const reviewerQueueActions = reviewerQueueNoWriteReadback.rollups.operator_action_count
  const reviewerQueueApprovalRequired = (
    reviewerQueueNoWriteReadback.rollups.approval_required_fixture_count
    + reviewerQueueNoWriteReadback.rollups.approval_required_mapping_count
    + reviewerQueueNoWriteReadback.rollups.approval_required_verifier_count
  )
  const reviewerQueueBlocked = (
    reviewerQueueNoWriteReadback.rollups.blocked_fixture_count
    + reviewerQueueNoWriteReadback.rollups.blocked_mapping_count
    + reviewerQueueNoWriteReadback.rollups.critical_blocker_count
  )
  const reviewerQueueLiveWrites = (
    reviewerQueueNoWriteReadback.rollups.canonical_runtime_target_read_count
    + reviewerQueueNoWriteReadback.rollups.live_query_count
    + reviewerQueueNoWriteReadback.rollups.reviewer_queue_write_count
    + reviewerQueueNoWriteReadback.rollups.gateway_queue_write_count
    + reviewerQueueNoWriteReadback.rollups.telegram_send_count
    + reviewerQueueNoWriteReadback.rollups.bot_api_call_count
    + reviewerQueueNoWriteReadback.rollups.report_receipt_write_count
    + reviewerQueueNoWriteReadback.rollups.result_capture_write_count
    + reviewerQueueNoWriteReadback.rollups.learning_write_count
    + reviewerQueueNoWriteReadback.rollups.playbook_trust_write_count
    + reviewerQueueNoWriteReadback.rollups.production_write_count
  )
  const resultCaptureOverall = resultCaptureNoWriteReadback.program_status.overall_completion_percent
  const resultCaptureFixtures = resultCaptureNoWriteReadback.rollups.result_capture_readback_fixture_count
  const resultCaptureMappings = resultCaptureNoWriteReadback.rollups.capture_field_mapping_count
  const resultCaptureVerifiers = resultCaptureNoWriteReadback.rollups.readback_verifier_check_count
  const resultCaptureBlockers = resultCaptureNoWriteReadback.rollups.blocked_result_capture_write_count
  const resultCaptureActions = resultCaptureNoWriteReadback.rollups.operator_action_count
  const resultCaptureApprovalRequired = (
    resultCaptureNoWriteReadback.rollups.approval_required_fixture_count
    + resultCaptureNoWriteReadback.rollups.approval_required_mapping_count
    + resultCaptureNoWriteReadback.rollups.approval_required_verifier_count
  )
  const resultCaptureBlocked = (
    resultCaptureNoWriteReadback.rollups.blocked_fixture_count
    + resultCaptureNoWriteReadback.rollups.blocked_mapping_count
    + resultCaptureNoWriteReadback.rollups.critical_blocker_count
  )
  const resultCaptureLiveWrites = (
    resultCaptureNoWriteReadback.rollups.canonical_runtime_target_read_count
    + resultCaptureNoWriteReadback.rollups.live_query_count
    + resultCaptureNoWriteReadback.rollups.reviewer_queue_write_count
    + resultCaptureNoWriteReadback.rollups.gateway_queue_write_count
    + resultCaptureNoWriteReadback.rollups.telegram_send_count
    + resultCaptureNoWriteReadback.rollups.bot_api_call_count
    + resultCaptureNoWriteReadback.rollups.report_receipt_write_count
    + resultCaptureNoWriteReadback.rollups.result_capture_write_count
    + resultCaptureNoWriteReadback.rollups.learning_write_count
    + resultCaptureNoWriteReadback.rollups.playbook_trust_write_count
    + resultCaptureNoWriteReadback.rollups.production_write_count
  )
  const resultPromotionOverall = resultCapturePromotionApprovalGate.program_status.overall_completion_percent
  const resultPromotionPackets = resultCapturePromotionApprovalGate.rollups.promotion_approval_packet_count
  const resultPromotionTemplates = resultCapturePromotionApprovalGate.rollups.acceptance_gate_template_count
  const resultPromotionVerifiers = resultCapturePromotionApprovalGate.rollups.promotion_verifier_check_count
  const resultPromotionBlockers = resultCapturePromotionApprovalGate.rollups.blocked_promotion_write_count
  const resultPromotionActions = resultCapturePromotionApprovalGate.rollups.operator_action_count
  const resultPromotionApprovalRequired = (
    resultCapturePromotionApprovalGate.rollups.approval_required_packet_count
    + resultCapturePromotionApprovalGate.rollups.approval_required_template_count
    + resultCapturePromotionApprovalGate.rollups.approval_required_verifier_count
  )
  const resultPromotionBlocked = (
    resultCapturePromotionApprovalGate.rollups.blocked_packet_count
    + resultCapturePromotionApprovalGate.rollups.blocked_template_count
    + resultCapturePromotionApprovalGate.rollups.critical_blocker_count
  )
  const resultPromotionLiveWrites = (
    resultCapturePromotionApprovalGate.rollups.canonical_runtime_target_read_count
    + resultCapturePromotionApprovalGate.rollups.live_query_count
    + resultCapturePromotionApprovalGate.rollups.reviewer_queue_write_count
    + resultCapturePromotionApprovalGate.rollups.gateway_queue_write_count
    + resultCapturePromotionApprovalGate.rollups.telegram_send_count
    + resultCapturePromotionApprovalGate.rollups.bot_api_call_count
    + resultCapturePromotionApprovalGate.rollups.report_receipt_write_count
    + resultCapturePromotionApprovalGate.rollups.result_capture_write_count
    + resultCapturePromotionApprovalGate.rollups.learning_write_count
    + resultCapturePromotionApprovalGate.rollups.playbook_trust_write_count
    + resultCapturePromotionApprovalGate.rollups.production_write_count
  )
  const ownerPromotionDryRunOverall = ownerApprovedResultCapturePromotionDryRun.program_status.overall_completion_percent
  const ownerPromotionDryRunTemplates = ownerApprovedResultCapturePromotionDryRun.rollups.promotion_dry_run_template_count
  const ownerPromotionDryRunFixtures = ownerApprovedResultCapturePromotionDryRun.rollups.owner_acceptance_fixture_count
  const ownerPromotionDryRunVerifiers = ownerApprovedResultCapturePromotionDryRun.rollups.dry_run_verifier_check_count
  const ownerPromotionDryRunBlockers = ownerApprovedResultCapturePromotionDryRun.rollups.blocked_runtime_promotion_count
  const ownerPromotionDryRunActions = ownerApprovedResultCapturePromotionDryRun.rollups.operator_action_count
  const ownerPromotionDryRunApprovalRequired = (
    ownerApprovedResultCapturePromotionDryRun.rollups.approval_required_template_count
    + ownerApprovedResultCapturePromotionDryRun.rollups.approval_required_fixture_count
    + ownerApprovedResultCapturePromotionDryRun.rollups.approval_required_verifier_count
  )
  const ownerPromotionDryRunBlocked = (
    ownerApprovedResultCapturePromotionDryRun.rollups.blocked_template_count
    + ownerApprovedResultCapturePromotionDryRun.rollups.blocked_fixture_count
    + ownerApprovedResultCapturePromotionDryRun.rollups.critical_blocker_count
  )
  const ownerPromotionDryRunLiveWrites = (
    ownerApprovedResultCapturePromotionDryRun.rollups.canonical_runtime_target_read_count
    + ownerApprovedResultCapturePromotionDryRun.rollups.live_query_count
    + ownerApprovedResultCapturePromotionDryRun.rollups.reviewer_queue_write_count
    + ownerApprovedResultCapturePromotionDryRun.rollups.gateway_queue_write_count
    + ownerApprovedResultCapturePromotionDryRun.rollups.telegram_send_count
    + ownerApprovedResultCapturePromotionDryRun.rollups.bot_api_call_count
    + ownerApprovedResultCapturePromotionDryRun.rollups.report_receipt_write_count
    + ownerApprovedResultCapturePromotionDryRun.rollups.result_capture_write_count
    + ownerApprovedResultCapturePromotionDryRun.rollups.learning_write_count
    + ownerApprovedResultCapturePromotionDryRun.rollups.playbook_trust_write_count
    + ownerApprovedResultCapturePromotionDryRun.rollups.production_write_count
  )
  const resultCaptureWriteGateOverall = resultCaptureWriteGateReview.program_status.overall_completion_percent
  const resultCaptureWriteGateReviews = resultCaptureWriteGateReview.rollups.write_gate_review_count
  const resultCaptureWriteGateApprovals = resultCaptureWriteGateReview.rollups.approval_gate_count
  const resultCaptureWriteGateVerifiers = resultCaptureWriteGateReview.rollups.post_write_verifier_plan_count
  const resultCaptureWriteGateBlockers = resultCaptureWriteGateReview.rollups.blocked_live_write_count
  const resultCaptureWriteGateActions = resultCaptureWriteGateReview.rollups.operator_action_count
  const resultCaptureWriteGateApprovalRequired = (
    resultCaptureWriteGateReview.rollups.approval_required_review_count
    + resultCaptureWriteGateReview.rollups.approval_required_gate_count
    + resultCaptureWriteGateReview.rollups.approval_required_verifier_count
  )
  const resultCaptureWriteGateBlocked = (
    resultCaptureWriteGateReview.rollups.blocked_review_count
    + resultCaptureWriteGateReview.rollups.blocked_gate_count
    + resultCaptureWriteGateReview.rollups.critical_blocker_count
  )
  const resultCaptureWriteGateLiveWrites = (
    resultCaptureWriteGateReview.rollups.canonical_runtime_target_read_count
    + resultCaptureWriteGateReview.rollups.live_query_count
    + resultCaptureWriteGateReview.rollups.reviewer_queue_write_count
    + resultCaptureWriteGateReview.rollups.gateway_queue_write_count
    + resultCaptureWriteGateReview.rollups.telegram_send_count
    + resultCaptureWriteGateReview.rollups.bot_api_call_count
    + resultCaptureWriteGateReview.rollups.report_receipt_write_count
    + resultCaptureWriteGateReview.rollups.result_capture_write_count
    + resultCaptureWriteGateReview.rollups.learning_write_count
    + resultCaptureWriteGateReview.rollups.playbook_trust_write_count
    + resultCaptureWriteGateReview.rollups.production_write_count
  )
  const resultCaptureWriterImplementationOverall = resultCaptureWriterImplementationReview.program_status.overall_completion_percent
  const resultCaptureWriterImplementationReviews = resultCaptureWriterImplementationReview.rollups.implementation_review_count
  const resultCaptureWriterImplementationGates = resultCaptureWriterImplementationReview.rollups.implementation_gate_count
  const resultCaptureWriterImplementationVerifiers = resultCaptureWriterImplementationReview.rollups.post_implementation_verifier_plan_count
  const resultCaptureWriterImplementationBlockers = resultCaptureWriterImplementationReview.rollups.blocked_runtime_change_count
  const resultCaptureWriterImplementationActions = resultCaptureWriterImplementationReview.rollups.operator_action_count
  const resultCaptureWriterImplementationApprovalRequired = (
    resultCaptureWriterImplementationReview.rollups.approval_required_review_count
    + resultCaptureWriterImplementationReview.rollups.approval_required_gate_count
    + resultCaptureWriterImplementationReview.rollups.approval_required_verifier_count
  )
  const resultCaptureWriterImplementationBlocked = (
    resultCaptureWriterImplementationReview.rollups.blocked_review_count
    + resultCaptureWriterImplementationReview.rollups.blocked_gate_count
    + resultCaptureWriterImplementationReview.rollups.critical_blocker_count
  )
  const resultCaptureWriterImplementationLiveWrites = (
    resultCaptureWriterImplementationReview.rollups.writer_apply_count
    + resultCaptureWriterImplementationReview.rollups.implementation_applied_count
    + resultCaptureWriterImplementationReview.rollups.canonical_runtime_target_read_count
    + resultCaptureWriterImplementationReview.rollups.live_query_count
    + resultCaptureWriterImplementationReview.rollups.reviewer_queue_write_count
    + resultCaptureWriterImplementationReview.rollups.gateway_queue_write_count
    + resultCaptureWriterImplementationReview.rollups.telegram_send_count
    + resultCaptureWriterImplementationReview.rollups.bot_api_call_count
    + resultCaptureWriterImplementationReview.rollups.report_receipt_write_count
    + resultCaptureWriterImplementationReview.rollups.result_capture_write_count
    + resultCaptureWriterImplementationReview.rollups.learning_write_count
    + resultCaptureWriterImplementationReview.rollups.playbook_trust_write_count
    + resultCaptureWriterImplementationReview.rollups.production_write_count
  )
  const resultCaptureWriterDryRunOverall = resultCaptureWriterDryRunFixture.program_status.overall_completion_percent
  const resultCaptureWriterDryRunFixtures = resultCaptureWriterDryRunFixture.rollups.writer_dry_run_fixture_count
  const resultCaptureWriterDryRunReceipts = resultCaptureWriterDryRunFixture.rollups.receipt_preview_count
  const resultCaptureWriterDryRunReplays = resultCaptureWriterDryRunFixture.rollups.idempotency_replay_check_count
  const resultCaptureWriterDryRunRollbacks = resultCaptureWriterDryRunFixture.rollups.rollback_rehearsal_count
  const resultCaptureWriterDryRunBlockers = resultCaptureWriterDryRunFixture.rollups.blocked_runtime_write_count
  const resultCaptureWriterDryRunActions = resultCaptureWriterDryRunFixture.rollups.operator_action_count
  const resultCaptureWriterDryRunApprovalRequired = (
    resultCaptureWriterDryRunFixture.rollups.approval_required_fixture_count
    + resultCaptureWriterDryRunFixture.rollups.approval_required_receipt_count
    + resultCaptureWriterDryRunFixture.rollups.approval_required_replay_count
    + resultCaptureWriterDryRunFixture.rollups.approval_required_rollback_count
  )
  const resultCaptureWriterDryRunBlocked = (
    resultCaptureWriterDryRunFixture.rollups.blocked_fixture_count
    + resultCaptureWriterDryRunFixture.rollups.blocked_receipt_count
    + resultCaptureWriterDryRunFixture.rollups.blocked_replay_count
    + resultCaptureWriterDryRunFixture.rollups.critical_blocker_count
  )
  const resultCaptureWriterDryRunLiveWrites = (
    resultCaptureWriterDryRunFixture.rollups.writer_apply_count
    + resultCaptureWriterDryRunFixture.rollups.dry_run_execution_count
    + resultCaptureWriterDryRunFixture.rollups.receipt_write_count
    + resultCaptureWriterDryRunFixture.rollups.canonical_runtime_target_read_count
    + resultCaptureWriterDryRunFixture.rollups.live_query_count
    + resultCaptureWriterDryRunFixture.rollups.reviewer_queue_write_count
    + resultCaptureWriterDryRunFixture.rollups.gateway_queue_write_count
    + resultCaptureWriterDryRunFixture.rollups.telegram_send_count
    + resultCaptureWriterDryRunFixture.rollups.bot_api_call_count
    + resultCaptureWriterDryRunFixture.rollups.report_receipt_write_count
    + resultCaptureWriterDryRunFixture.rollups.result_capture_write_count
    + resultCaptureWriterDryRunFixture.rollups.learning_write_count
    + resultCaptureWriterDryRunFixture.rollups.playbook_trust_write_count
    + resultCaptureWriterDryRunFixture.rollups.production_write_count
  )
  const resultCaptureWriterReadbackOverall = resultCaptureWriterDryRunReadback.program_status.overall_completion_percent
  const resultCaptureWriterReadbackCards = resultCaptureWriterDryRunReadback.rollups.dry_run_readback_card_count
  const resultCaptureWriterReadbackVerifiers = resultCaptureWriterDryRunReadback.rollups.receipt_verifier_check_count
  const resultCaptureWriterReadbackPromotionGates = resultCaptureWriterDryRunReadback.rollups.promotion_readiness_gate_count
  const resultCaptureWriterReadbackBlockers = resultCaptureWriterDryRunReadback.rollups.blocked_promotion_write_count
  const resultCaptureWriterReadbackActions = resultCaptureWriterDryRunReadback.rollups.operator_action_count
  const resultCaptureWriterReadbackApprovalRequired = (
    resultCaptureWriterDryRunReadback.rollups.approval_required_readback_count
    + resultCaptureWriterDryRunReadback.rollups.approval_required_verifier_count
    + resultCaptureWriterDryRunReadback.rollups.approval_required_gate_count
  )
  const resultCaptureWriterReadbackBlocked = (
    resultCaptureWriterDryRunReadback.rollups.blocked_readback_count
    + resultCaptureWriterDryRunReadback.rollups.blocked_verifier_count
    + resultCaptureWriterDryRunReadback.rollups.blocked_gate_count
    + resultCaptureWriterDryRunReadback.rollups.critical_blocker_count
  )
  const resultCaptureWriterReadbackLiveWrites = (
    resultCaptureWriterDryRunReadback.rollups.writer_apply_count
    + resultCaptureWriterDryRunReadback.rollups.dry_run_execution_count
    + resultCaptureWriterDryRunReadback.rollups.receipt_write_count
    + resultCaptureWriterDryRunReadback.rollups.promotion_apply_count
    + resultCaptureWriterDryRunReadback.rollups.canonical_runtime_target_read_count
    + resultCaptureWriterDryRunReadback.rollups.live_query_count
    + resultCaptureWriterDryRunReadback.rollups.reviewer_queue_write_count
    + resultCaptureWriterDryRunReadback.rollups.gateway_queue_write_count
    + resultCaptureWriterDryRunReadback.rollups.telegram_send_count
    + resultCaptureWriterDryRunReadback.rollups.bot_api_call_count
    + resultCaptureWriterDryRunReadback.rollups.report_receipt_write_count
    + resultCaptureWriterDryRunReadback.rollups.result_capture_write_count
    + resultCaptureWriterDryRunReadback.rollups.learning_write_count
    + resultCaptureWriterDryRunReadback.rollups.playbook_trust_write_count
    + resultCaptureWriterDryRunReadback.rollups.production_write_count
  )
  const resultCaptureOwnerPromotionOverall = resultCaptureOwnerPromotionReview.program_status.overall_completion_percent
  const resultCaptureOwnerPromotionPackets = resultCaptureOwnerPromotionReview.rollups.owner_promotion_packet_count
  const resultCaptureOwnerPromotionGates = resultCaptureOwnerPromotionReview.rollups.execution_gate_check_count
  const resultCaptureOwnerPromotionRollbacks = resultCaptureOwnerPromotionReview.rollups.rollback_owner_review_count
  const resultCaptureOwnerPromotionBlockers = resultCaptureOwnerPromotionReview.rollups.blocked_execution_write_count
  const resultCaptureOwnerPromotionActions = resultCaptureOwnerPromotionReview.rollups.operator_action_count
  const resultCaptureOwnerPromotionApprovalRequired = (
    resultCaptureOwnerPromotionReview.rollups.approval_required_packet_count
    + resultCaptureOwnerPromotionReview.rollups.approval_required_gate_count
    + resultCaptureOwnerPromotionReview.rollups.approval_required_rollback_count
  )
  const resultCaptureOwnerPromotionBlocked = (
    resultCaptureOwnerPromotionReview.rollups.blocked_packet_count
    + resultCaptureOwnerPromotionReview.rollups.blocked_gate_count
    + resultCaptureOwnerPromotionReview.rollups.blocked_rollback_count
    + resultCaptureOwnerPromotionReview.rollups.critical_blocker_count
  )
  const resultCaptureOwnerPromotionLiveWrites = (
    resultCaptureOwnerPromotionReview.rollups.writer_apply_count
    + resultCaptureOwnerPromotionReview.rollups.execution_apply_count
    + resultCaptureOwnerPromotionReview.rollups.receipt_write_count
    + resultCaptureOwnerPromotionReview.rollups.reviewer_queue_write_count
    + resultCaptureOwnerPromotionReview.rollups.gateway_queue_write_count
    + resultCaptureOwnerPromotionReview.rollups.telegram_send_count
    + resultCaptureOwnerPromotionReview.rollups.bot_api_call_count
    + resultCaptureOwnerPromotionReview.rollups.report_receipt_write_count
    + resultCaptureOwnerPromotionReview.rollups.result_capture_write_count
    + resultCaptureOwnerPromotionReview.rollups.learning_write_count
    + resultCaptureOwnerPromotionReview.rollups.playbook_trust_write_count
    + resultCaptureOwnerPromotionReview.rollups.production_write_count
  )
  const resultCaptureExecutionRehearsalOverall = resultCaptureOwnerApprovedExecutionRehearsal.program_status.overall_completion_percent
  const resultCaptureExecutionRehearsals = resultCaptureOwnerApprovedExecutionRehearsal.rollups.execution_rehearsal_count
  const resultCaptureExecutionApplyChecks = resultCaptureOwnerApprovedExecutionRehearsal.rollups.no_write_apply_check_count
  const resultCaptureExecutionVerifiers = resultCaptureOwnerApprovedExecutionRehearsal.rollups.post_write_verifier_rehearsal_count
  const resultCaptureExecutionRollbacks = resultCaptureOwnerApprovedExecutionRehearsal.rollups.rollback_drill_count
  const resultCaptureExecutionBlockers = resultCaptureOwnerApprovedExecutionRehearsal.rollups.blocked_live_apply_count
  const resultCaptureExecutionActions = resultCaptureOwnerApprovedExecutionRehearsal.rollups.operator_action_count
  const resultCaptureExecutionApprovalRequired = (
    resultCaptureOwnerApprovedExecutionRehearsal.rollups.approval_required_rehearsal_count
    + resultCaptureOwnerApprovedExecutionRehearsal.rollups.approval_required_check_count
    + resultCaptureOwnerApprovedExecutionRehearsal.rollups.approval_required_verifier_count
    + resultCaptureOwnerApprovedExecutionRehearsal.rollups.approval_required_rollback_count
  )
  const resultCaptureExecutionBlocked = (
    resultCaptureOwnerApprovedExecutionRehearsal.rollups.blocked_rehearsal_count
    + resultCaptureOwnerApprovedExecutionRehearsal.rollups.blocked_check_count
    + resultCaptureOwnerApprovedExecutionRehearsal.rollups.blocked_verifier_count
    + resultCaptureOwnerApprovedExecutionRehearsal.rollups.blocked_rollback_count
    + resultCaptureOwnerApprovedExecutionRehearsal.rollups.critical_blocker_count
  )
  const resultCaptureExecutionLiveWrites = (
    resultCaptureOwnerApprovedExecutionRehearsal.rollups.writer_apply_count
    + resultCaptureOwnerApprovedExecutionRehearsal.rollups.execution_apply_count
    + resultCaptureOwnerApprovedExecutionRehearsal.rollups.receipt_write_count
    + resultCaptureOwnerApprovedExecutionRehearsal.rollups.reviewer_queue_write_count
    + resultCaptureOwnerApprovedExecutionRehearsal.rollups.gateway_queue_write_count
    + resultCaptureOwnerApprovedExecutionRehearsal.rollups.telegram_send_count
    + resultCaptureOwnerApprovedExecutionRehearsal.rollups.bot_api_call_count
    + resultCaptureOwnerApprovedExecutionRehearsal.rollups.report_receipt_write_count
    + resultCaptureOwnerApprovedExecutionRehearsal.rollups.result_capture_write_count
    + resultCaptureOwnerApprovedExecutionRehearsal.rollups.learning_write_count
    + resultCaptureOwnerApprovedExecutionRehearsal.rollups.playbook_trust_write_count
    + resultCaptureOwnerApprovedExecutionRehearsal.rollups.production_write_count
  )
  const resultCaptureOwnerAcceptanceOverall = resultCaptureOwnerAcceptanceMaintenanceGate.program_status.overall_completion_percent
  const resultCaptureOwnerAcceptancePackets = resultCaptureOwnerAcceptanceMaintenanceGate.rollups.owner_acceptance_packet_count
  const resultCaptureOwnerAcceptanceWindows = resultCaptureOwnerAcceptanceMaintenanceGate.rollups.maintenance_window_count
  const resultCaptureOwnerAcceptanceRollbacks = resultCaptureOwnerAcceptanceMaintenanceGate.rollups.rollback_owner_check_count
  const resultCaptureOwnerAcceptanceVerifiers = resultCaptureOwnerAcceptanceMaintenanceGate.rollups.post_apply_verifier_gate_count
  const resultCaptureOwnerAcceptanceBlockers = resultCaptureOwnerAcceptanceMaintenanceGate.rollups.blocked_live_write_count
  const resultCaptureOwnerAcceptanceActions = resultCaptureOwnerAcceptanceMaintenanceGate.rollups.operator_action_count
  const resultCaptureOwnerAcceptanceApprovalRequired = (
    resultCaptureOwnerAcceptanceMaintenanceGate.rollups.approval_required_packet_count
    + resultCaptureOwnerAcceptanceMaintenanceGate.rollups.approval_required_window_count
    + resultCaptureOwnerAcceptanceMaintenanceGate.rollups.approval_required_rollback_count
    + resultCaptureOwnerAcceptanceMaintenanceGate.rollups.approval_required_verifier_count
  )
  const resultCaptureOwnerAcceptanceBlocked = (
    resultCaptureOwnerAcceptanceMaintenanceGate.rollups.blocked_packet_count
    + resultCaptureOwnerAcceptanceMaintenanceGate.rollups.blocked_window_count
    + resultCaptureOwnerAcceptanceMaintenanceGate.rollups.blocked_rollback_count
    + resultCaptureOwnerAcceptanceMaintenanceGate.rollups.blocked_verifier_count
    + resultCaptureOwnerAcceptanceMaintenanceGate.rollups.critical_blocker_count
  )
  const resultCaptureOwnerAcceptanceLiveWrites = (
    resultCaptureOwnerAcceptanceMaintenanceGate.rollups.writer_apply_count
    + resultCaptureOwnerAcceptanceMaintenanceGate.rollups.execution_apply_count
    + resultCaptureOwnerAcceptanceMaintenanceGate.rollups.receipt_write_count
    + resultCaptureOwnerAcceptanceMaintenanceGate.rollups.reviewer_queue_write_count
    + resultCaptureOwnerAcceptanceMaintenanceGate.rollups.gateway_queue_write_count
    + resultCaptureOwnerAcceptanceMaintenanceGate.rollups.telegram_send_count
    + resultCaptureOwnerAcceptanceMaintenanceGate.rollups.bot_api_call_count
    + resultCaptureOwnerAcceptanceMaintenanceGate.rollups.report_receipt_write_count
    + resultCaptureOwnerAcceptanceMaintenanceGate.rollups.result_capture_write_count
    + resultCaptureOwnerAcceptanceMaintenanceGate.rollups.learning_write_count
    + resultCaptureOwnerAcceptanceMaintenanceGate.rollups.playbook_trust_write_count
    + resultCaptureOwnerAcceptanceMaintenanceGate.rollups.production_write_count
  )
  const resultCaptureAcceptanceReadbackOverall = resultCaptureOwnerAcceptanceReadbackPreflightHold.program_status.overall_completion_percent
  const resultCaptureAcceptanceReadbacks = resultCaptureOwnerAcceptanceReadbackPreflightHold.rollups.owner_acceptance_readback_count
  const resultCaptureAcceptancePreflights = resultCaptureOwnerAcceptanceReadbackPreflightHold.rollups.preflight_hold_check_count
  const resultCaptureAcceptanceHoldGates = resultCaptureOwnerAcceptanceReadbackPreflightHold.rollups.live_apply_hold_gate_count
  const resultCaptureAcceptanceRollbackPreflights = resultCaptureOwnerAcceptanceReadbackPreflightHold.rollups.rollback_preflight_check_count
  const resultCaptureAcceptanceBlockedTransitions = resultCaptureOwnerAcceptanceReadbackPreflightHold.rollups.blocked_apply_transition_count
  const resultCaptureAcceptanceReadbackActions = resultCaptureOwnerAcceptanceReadbackPreflightHold.rollups.operator_action_count
  const resultCaptureAcceptanceReadbackApprovalRequired = (
    resultCaptureOwnerAcceptanceReadbackPreflightHold.rollups.approval_required_readback_count
    + resultCaptureOwnerAcceptanceReadbackPreflightHold.rollups.approval_required_preflight_count
    + resultCaptureOwnerAcceptanceReadbackPreflightHold.rollups.approval_required_hold_gate_count
    + resultCaptureOwnerAcceptanceReadbackPreflightHold.rollups.approval_required_rollback_count
  )
  const resultCaptureAcceptanceReadbackBlocked = (
    resultCaptureOwnerAcceptanceReadbackPreflightHold.rollups.blocked_readback_count
    + resultCaptureOwnerAcceptanceReadbackPreflightHold.rollups.blocked_preflight_count
    + resultCaptureOwnerAcceptanceReadbackPreflightHold.rollups.blocked_hold_gate_count
    + resultCaptureOwnerAcceptanceReadbackPreflightHold.rollups.blocked_rollback_count
    + resultCaptureOwnerAcceptanceReadbackPreflightHold.rollups.critical_blocker_count
  )
  const resultCaptureAcceptanceReadbackLiveWrites = (
    resultCaptureOwnerAcceptanceReadbackPreflightHold.rollups.writer_apply_count
    + resultCaptureOwnerAcceptanceReadbackPreflightHold.rollups.execution_apply_count
    + resultCaptureOwnerAcceptanceReadbackPreflightHold.rollups.receipt_write_count
    + resultCaptureOwnerAcceptanceReadbackPreflightHold.rollups.reviewer_queue_write_count
    + resultCaptureOwnerAcceptanceReadbackPreflightHold.rollups.gateway_queue_write_count
    + resultCaptureOwnerAcceptanceReadbackPreflightHold.rollups.telegram_send_count
    + resultCaptureOwnerAcceptanceReadbackPreflightHold.rollups.bot_api_call_count
    + resultCaptureOwnerAcceptanceReadbackPreflightHold.rollups.report_receipt_write_count
    + resultCaptureOwnerAcceptanceReadbackPreflightHold.rollups.result_capture_write_count
    + resultCaptureOwnerAcceptanceReadbackPreflightHold.rollups.learning_write_count
    + resultCaptureOwnerAcceptanceReadbackPreflightHold.rollups.playbook_trust_write_count
    + resultCaptureOwnerAcceptanceReadbackPreflightHold.rollups.production_write_count
  )
  const resultCapturePreflightReleaseOverall = resultCaptureOwnerApprovedPreflightReleasePackage.program_status.overall_completion_percent
  const resultCapturePreflightReleasePackages = resultCaptureOwnerApprovedPreflightReleasePackage.rollups.owner_approved_release_package_count
  const resultCapturePreflightReleaseChecks = resultCaptureOwnerApprovedPreflightReleasePackage.rollups.release_preflight_check_count
  const resultCapturePreflightReleaseGates = resultCaptureOwnerApprovedPreflightReleasePackage.rollups.live_apply_release_gate_count
  const resultCapturePreflightReleaseRollbacks = resultCaptureOwnerApprovedPreflightReleasePackage.rollups.rollback_release_check_count
  const resultCapturePreflightReleaseBlockedTransitions = resultCaptureOwnerApprovedPreflightReleasePackage.rollups.blocked_release_transition_count
  const resultCapturePreflightReleaseActions = resultCaptureOwnerApprovedPreflightReleasePackage.rollups.operator_action_count
  const resultCapturePreflightReleaseApprovalRequired = (
    resultCaptureOwnerApprovedPreflightReleasePackage.rollups.approval_required_package_count
    + resultCaptureOwnerApprovedPreflightReleasePackage.rollups.approval_required_preflight_count
    + resultCaptureOwnerApprovedPreflightReleasePackage.rollups.approval_required_release_gate_count
    + resultCaptureOwnerApprovedPreflightReleasePackage.rollups.approval_required_rollback_count
  )
  const resultCapturePreflightReleaseBlocked = (
    resultCaptureOwnerApprovedPreflightReleasePackage.rollups.blocked_package_count
    + resultCaptureOwnerApprovedPreflightReleasePackage.rollups.blocked_preflight_count
    + resultCaptureOwnerApprovedPreflightReleasePackage.rollups.blocked_release_gate_count
    + resultCaptureOwnerApprovedPreflightReleasePackage.rollups.blocked_rollback_count
    + resultCaptureOwnerApprovedPreflightReleasePackage.rollups.critical_blocker_count
  )
  const resultCapturePreflightReleaseLiveWrites = (
    resultCaptureOwnerApprovedPreflightReleasePackage.rollups.writer_apply_count
    + resultCaptureOwnerApprovedPreflightReleasePackage.rollups.execution_apply_count
    + resultCaptureOwnerApprovedPreflightReleasePackage.rollups.receipt_write_count
    + resultCaptureOwnerApprovedPreflightReleasePackage.rollups.reviewer_queue_write_count
    + resultCaptureOwnerApprovedPreflightReleasePackage.rollups.gateway_queue_write_count
    + resultCaptureOwnerApprovedPreflightReleasePackage.rollups.telegram_send_count
    + resultCaptureOwnerApprovedPreflightReleasePackage.rollups.bot_api_call_count
    + resultCaptureOwnerApprovedPreflightReleasePackage.rollups.report_receipt_write_count
    + resultCaptureOwnerApprovedPreflightReleasePackage.rollups.result_capture_write_count
    + resultCaptureOwnerApprovedPreflightReleasePackage.rollups.learning_write_count
    + resultCaptureOwnerApprovedPreflightReleasePackage.rollups.playbook_trust_write_count
    + resultCaptureOwnerApprovedPreflightReleasePackage.rollups.production_write_count
  )
  const resultCaptureReleaseReadinessOverall = resultCaptureOwnerApprovedReleaseReadinessReadback.program_status.overall_completion_percent
  const resultCaptureReleaseReadinessReadbacks = resultCaptureOwnerApprovedReleaseReadinessReadback.rollups.release_readiness_readback_count
  const resultCaptureReleaseReadinessOwnerChecks = resultCaptureOwnerApprovedReleaseReadinessReadback.rollups.owner_release_readiness_check_count
  const resultCaptureReleaseReadinessGates = resultCaptureOwnerApprovedReleaseReadinessReadback.rollups.live_apply_readiness_gate_count
  const resultCaptureReleaseReadinessRollbacks = resultCaptureOwnerApprovedReleaseReadinessReadback.rollups.rollback_readiness_check_count
  const resultCaptureReleaseReadinessBlockedTransitions = resultCaptureOwnerApprovedReleaseReadinessReadback.rollups.blocked_readiness_transition_count
  const resultCaptureReleaseReadinessActions = resultCaptureOwnerApprovedReleaseReadinessReadback.rollups.operator_action_count
  const resultCaptureReleaseReadinessApprovalRequired = (
    resultCaptureOwnerApprovedReleaseReadinessReadback.rollups.approval_required_readback_count
    + resultCaptureOwnerApprovedReleaseReadinessReadback.rollups.approval_required_owner_release_check_count
    + resultCaptureOwnerApprovedReleaseReadinessReadback.rollups.approval_required_readiness_gate_count
    + resultCaptureOwnerApprovedReleaseReadinessReadback.rollups.approval_required_rollback_count
  )
  const resultCaptureReleaseReadinessBlocked = (
    resultCaptureOwnerApprovedReleaseReadinessReadback.rollups.blocked_readback_count
    + resultCaptureOwnerApprovedReleaseReadinessReadback.rollups.blocked_owner_release_check_count
    + resultCaptureOwnerApprovedReleaseReadinessReadback.rollups.blocked_readiness_gate_count
    + resultCaptureOwnerApprovedReleaseReadinessReadback.rollups.blocked_rollback_count
    + resultCaptureOwnerApprovedReleaseReadinessReadback.rollups.critical_blocker_count
  )
  const resultCaptureReleaseReadinessLiveWrites = (
    resultCaptureOwnerApprovedReleaseReadinessReadback.rollups.writer_apply_count
    + resultCaptureOwnerApprovedReleaseReadinessReadback.rollups.execution_apply_count
    + resultCaptureOwnerApprovedReleaseReadinessReadback.rollups.receipt_write_count
    + resultCaptureOwnerApprovedReleaseReadinessReadback.rollups.reviewer_queue_write_count
    + resultCaptureOwnerApprovedReleaseReadinessReadback.rollups.gateway_queue_write_count
    + resultCaptureOwnerApprovedReleaseReadinessReadback.rollups.telegram_send_count
    + resultCaptureOwnerApprovedReleaseReadinessReadback.rollups.bot_api_call_count
    + resultCaptureOwnerApprovedReleaseReadinessReadback.rollups.report_receipt_write_count
    + resultCaptureOwnerApprovedReleaseReadinessReadback.rollups.result_capture_write_count
    + resultCaptureOwnerApprovedReleaseReadinessReadback.rollups.learning_write_count
    + resultCaptureOwnerApprovedReleaseReadinessReadback.rollups.playbook_trust_write_count
    + resultCaptureOwnerApprovedReleaseReadinessReadback.rollups.production_write_count
  )
  const resultCaptureOwnerReleaseApprovalOverall = resultCaptureOwnerReleaseApprovalGate.program_status.overall_completion_percent
  const resultCaptureOwnerReleaseApprovalPackets = resultCaptureOwnerReleaseApprovalGate.rollups.owner_release_approval_packet_count
  const resultCaptureOwnerReleaseApprovalMaintenanceWindows = resultCaptureOwnerReleaseApprovalGate.rollups.maintenance_window_approval_gate_count
  const resultCaptureOwnerReleaseApprovalLiveApplyGates = resultCaptureOwnerReleaseApprovalGate.rollups.live_apply_release_approval_gate_count
  const resultCaptureOwnerReleaseApprovalRollbacks = resultCaptureOwnerReleaseApprovalGate.rollups.rollback_owner_approval_check_count
  const resultCaptureOwnerReleaseApprovalBlockedTransitions = resultCaptureOwnerReleaseApprovalGate.rollups.blocked_approval_transition_count
  const resultCaptureOwnerReleaseApprovalActions = resultCaptureOwnerReleaseApprovalGate.rollups.operator_action_count
  const resultCaptureOwnerReleaseApprovalRequired = (
    resultCaptureOwnerReleaseApprovalGate.rollups.approval_required_packet_count
    + resultCaptureOwnerReleaseApprovalGate.rollups.approval_required_maintenance_window_count
    + resultCaptureOwnerReleaseApprovalGate.rollups.approval_required_live_apply_count
    + resultCaptureOwnerReleaseApprovalGate.rollups.approval_required_rollback_count
  )
  const resultCaptureOwnerReleaseApprovalBlocked = (
    resultCaptureOwnerReleaseApprovalGate.rollups.blocked_packet_count
    + resultCaptureOwnerReleaseApprovalGate.rollups.blocked_maintenance_window_count
    + resultCaptureOwnerReleaseApprovalGate.rollups.blocked_live_apply_count
    + resultCaptureOwnerReleaseApprovalGate.rollups.blocked_rollback_count
    + resultCaptureOwnerReleaseApprovalGate.rollups.critical_blocker_count
  )
  const resultCaptureOwnerReleaseApprovalLiveWrites = (
    resultCaptureOwnerReleaseApprovalGate.rollups.writer_apply_count
    + resultCaptureOwnerReleaseApprovalGate.rollups.execution_apply_count
    + resultCaptureOwnerReleaseApprovalGate.rollups.receipt_write_count
    + resultCaptureOwnerReleaseApprovalGate.rollups.reviewer_queue_write_count
    + resultCaptureOwnerReleaseApprovalGate.rollups.gateway_queue_write_count
    + resultCaptureOwnerReleaseApprovalGate.rollups.telegram_send_count
    + resultCaptureOwnerReleaseApprovalGate.rollups.bot_api_call_count
    + resultCaptureOwnerReleaseApprovalGate.rollups.report_receipt_write_count
    + resultCaptureOwnerReleaseApprovalGate.rollups.result_capture_write_count
    + resultCaptureOwnerReleaseApprovalGate.rollups.learning_write_count
    + resultCaptureOwnerReleaseApprovalGate.rollups.playbook_trust_write_count
    + resultCaptureOwnerReleaseApprovalGate.rollups.production_write_count
  )
  const resultCapturePostReleaseVerifierOverall = resultCapturePostReleaseVerifierRollbackGate.program_status.overall_completion_percent
  const resultCapturePostReleaseVerifierGates = resultCapturePostReleaseVerifierRollbackGate.rollups.post_release_verifier_gate_count
  const resultCapturePostReleaseRollbackGates = resultCapturePostReleaseVerifierRollbackGate.rollups.rollback_release_gate_count
  const resultCapturePostReleaseVerificationHolds = resultCapturePostReleaseVerifierRollbackGate.rollups.release_verification_hold_count
  const resultCapturePostReleaseLiveApplyGates = resultCapturePostReleaseVerifierRollbackGate.rollups.live_apply_post_release_gate_count
  const resultCapturePostReleaseBlockedTransitions = resultCapturePostReleaseVerifierRollbackGate.rollups.blocked_post_release_transition_count
  const resultCapturePostReleaseActions = resultCapturePostReleaseVerifierRollbackGate.rollups.operator_action_count
  const resultCapturePostReleaseApprovalRequired = (
    resultCapturePostReleaseVerifierRollbackGate.rollups.approval_required_verifier_count
    + resultCapturePostReleaseVerifierRollbackGate.rollups.approval_required_rollback_count
    + resultCapturePostReleaseVerifierRollbackGate.rollups.approval_required_verification_hold_count
    + resultCapturePostReleaseVerifierRollbackGate.rollups.approval_required_live_apply_count
  )
  const resultCapturePostReleaseBlocked = (
    resultCapturePostReleaseVerifierRollbackGate.rollups.blocked_verifier_count
    + resultCapturePostReleaseVerifierRollbackGate.rollups.blocked_rollback_count
    + resultCapturePostReleaseVerifierRollbackGate.rollups.blocked_verification_hold_count
    + resultCapturePostReleaseVerifierRollbackGate.rollups.blocked_live_apply_count
    + resultCapturePostReleaseVerifierRollbackGate.rollups.critical_blocker_count
  )
  const resultCapturePostReleaseLiveWrites = (
    resultCapturePostReleaseVerifierRollbackGate.rollups.writer_apply_count
    + resultCapturePostReleaseVerifierRollbackGate.rollups.execution_apply_count
    + resultCapturePostReleaseVerifierRollbackGate.rollups.receipt_write_count
    + resultCapturePostReleaseVerifierRollbackGate.rollups.reviewer_queue_write_count
    + resultCapturePostReleaseVerifierRollbackGate.rollups.gateway_queue_write_count
    + resultCapturePostReleaseVerifierRollbackGate.rollups.telegram_send_count
    + resultCapturePostReleaseVerifierRollbackGate.rollups.bot_api_call_count
    + resultCapturePostReleaseVerifierRollbackGate.rollups.report_receipt_write_count
    + resultCapturePostReleaseVerifierRollbackGate.rollups.result_capture_write_count
    + resultCapturePostReleaseVerifierRollbackGate.rollups.learning_write_count
    + resultCapturePostReleaseVerifierRollbackGate.rollups.playbook_trust_write_count
    + resultCapturePostReleaseVerifierRollbackGate.rollups.production_write_count
  )
  const resultCaptureFinalCandidateOverall = resultCaptureFinalReleaseCandidateReadback.program_status.overall_completion_percent
  const resultCaptureFinalCandidateReadbacks = resultCaptureFinalReleaseCandidateReadback.rollups.final_release_candidate_readback_count
  const resultCaptureFinalCandidateRollbackReadbacks = resultCaptureFinalReleaseCandidateReadback.rollups.rollback_candidate_readback_count
  const resultCaptureFinalCandidateAcceptanceHolds = resultCaptureFinalReleaseCandidateReadback.rollups.candidate_acceptance_hold_count
  const resultCaptureFinalCandidateLiveApplyHolds = resultCaptureFinalReleaseCandidateReadback.rollups.live_apply_candidate_hold_count
  const resultCaptureFinalCandidateBlockedTransitions = resultCaptureFinalReleaseCandidateReadback.rollups.blocked_final_candidate_transition_count
  const resultCaptureFinalCandidateActions = resultCaptureFinalReleaseCandidateReadback.rollups.operator_action_count
  const resultCaptureFinalCandidateApprovalRequired = (
    resultCaptureFinalReleaseCandidateReadback.rollups.approval_required_candidate_count
    + resultCaptureFinalReleaseCandidateReadback.rollups.approval_required_rollback_count
    + resultCaptureFinalReleaseCandidateReadback.rollups.approval_required_acceptance_hold_count
    + resultCaptureFinalReleaseCandidateReadback.rollups.approval_required_live_apply_count
  )
  const resultCaptureFinalCandidateBlocked = (
    resultCaptureFinalReleaseCandidateReadback.rollups.blocked_candidate_count
    + resultCaptureFinalReleaseCandidateReadback.rollups.blocked_rollback_count
    + resultCaptureFinalReleaseCandidateReadback.rollups.blocked_acceptance_hold_count
    + resultCaptureFinalReleaseCandidateReadback.rollups.blocked_live_apply_count
    + resultCaptureFinalReleaseCandidateReadback.rollups.critical_blocker_count
  )
  const resultCaptureFinalCandidateLiveWrites = (
    resultCaptureFinalReleaseCandidateReadback.rollups.writer_apply_count
    + resultCaptureFinalReleaseCandidateReadback.rollups.execution_apply_count
    + resultCaptureFinalReleaseCandidateReadback.rollups.receipt_write_count
    + resultCaptureFinalReleaseCandidateReadback.rollups.reviewer_queue_write_count
    + resultCaptureFinalReleaseCandidateReadback.rollups.gateway_queue_write_count
    + resultCaptureFinalReleaseCandidateReadback.rollups.telegram_send_count
    + resultCaptureFinalReleaseCandidateReadback.rollups.bot_api_call_count
    + resultCaptureFinalReleaseCandidateReadback.rollups.report_receipt_write_count
    + resultCaptureFinalReleaseCandidateReadback.rollups.result_capture_write_count
    + resultCaptureFinalReleaseCandidateReadback.rollups.learning_write_count
    + resultCaptureFinalReleaseCandidateReadback.rollups.playbook_trust_write_count
    + resultCaptureFinalReleaseCandidateReadback.rollups.production_write_count
  )
  const resultCaptureReleaseAuthorizationOverall = resultCaptureReleaseAuthorizationHold.program_status.overall_completion_percent
  const resultCaptureReleaseAuthorizationHolds = resultCaptureReleaseAuthorizationHold.rollups.release_authorization_hold_count
  const resultCaptureReleaseAuthorizationRollbackHolds = resultCaptureReleaseAuthorizationHold.rollups.rollback_authorization_hold_count
  const resultCaptureReleaseAuthorizationWindowHolds = resultCaptureReleaseAuthorizationHold.rollups.release_window_hold_count
  const resultCaptureReleaseAuthorizationLiveApplyHolds = resultCaptureReleaseAuthorizationHold.rollups.live_apply_authorization_hold_count
  const resultCaptureReleaseAuthorizationBlockedTransitions = resultCaptureReleaseAuthorizationHold.rollups.blocked_authorization_transition_count
  const resultCaptureReleaseAuthorizationActions = resultCaptureReleaseAuthorizationHold.rollups.operator_action_count
  const resultCaptureReleaseAuthorizationApprovalRequired = (
    resultCaptureReleaseAuthorizationHold.rollups.approval_required_authorization_count
    + resultCaptureReleaseAuthorizationHold.rollups.approval_required_rollback_count
    + resultCaptureReleaseAuthorizationHold.rollups.approval_required_release_window_count
    + resultCaptureReleaseAuthorizationHold.rollups.approval_required_live_apply_count
  )
  const resultCaptureReleaseAuthorizationBlocked = (
    resultCaptureReleaseAuthorizationHold.rollups.blocked_authorization_count
    + resultCaptureReleaseAuthorizationHold.rollups.blocked_rollback_count
    + resultCaptureReleaseAuthorizationHold.rollups.blocked_release_window_count
    + resultCaptureReleaseAuthorizationHold.rollups.blocked_live_apply_count
    + resultCaptureReleaseAuthorizationHold.rollups.critical_blocker_count
  )
  const resultCaptureReleaseAuthorizationLiveWrites = (
    resultCaptureReleaseAuthorizationHold.rollups.writer_apply_count
    + resultCaptureReleaseAuthorizationHold.rollups.execution_apply_count
    + resultCaptureReleaseAuthorizationHold.rollups.receipt_write_count
    + resultCaptureReleaseAuthorizationHold.rollups.reviewer_queue_write_count
    + resultCaptureReleaseAuthorizationHold.rollups.gateway_queue_write_count
    + resultCaptureReleaseAuthorizationHold.rollups.telegram_send_count
    + resultCaptureReleaseAuthorizationHold.rollups.bot_api_call_count
    + resultCaptureReleaseAuthorizationHold.rollups.report_receipt_write_count
    + resultCaptureReleaseAuthorizationHold.rollups.result_capture_write_count
    + resultCaptureReleaseAuthorizationHold.rollups.learning_write_count
    + resultCaptureReleaseAuthorizationHold.rollups.playbook_trust_write_count
    + resultCaptureReleaseAuthorizationHold.rollups.production_write_count
  )
  const resultCaptureReleaseReadbackOverall = resultCaptureReleaseAuthorizationReadbackGate.program_status.overall_completion_percent
  const resultCaptureReleaseReadbacks = resultCaptureReleaseAuthorizationReadbackGate.rollups.release_authorization_readback_count
  const resultCaptureReleaseReadbackRollbacks = resultCaptureReleaseAuthorizationReadbackGate.rollups.rollback_release_readback_count
  const resultCaptureReleaseReadbackMaintenanceHolds = resultCaptureReleaseAuthorizationReadbackGate.rollups.maintenance_window_readback_hold_count
  const resultCaptureReleaseReadbackLiveApplyHolds = resultCaptureReleaseAuthorizationReadbackGate.rollups.live_apply_release_readback_hold_count
  const resultCaptureReleaseReadbackBlockedTransitions = resultCaptureReleaseAuthorizationReadbackGate.rollups.blocked_release_readback_transition_count
  const resultCaptureReleaseReadbackActions = resultCaptureReleaseAuthorizationReadbackGate.rollups.operator_action_count
  const resultCaptureReleaseReadbackApprovalRequired = (
    resultCaptureReleaseAuthorizationReadbackGate.rollups.approval_required_authorization_readback_count
    + resultCaptureReleaseAuthorizationReadbackGate.rollups.approval_required_rollback_readback_count
    + resultCaptureReleaseAuthorizationReadbackGate.rollups.approval_required_maintenance_window_count
    + resultCaptureReleaseAuthorizationReadbackGate.rollups.approval_required_live_apply_readback_count
  )
  const resultCaptureReleaseReadbackBlocked = (
    resultCaptureReleaseAuthorizationReadbackGate.rollups.blocked_authorization_readback_count
    + resultCaptureReleaseAuthorizationReadbackGate.rollups.blocked_rollback_readback_count
    + resultCaptureReleaseAuthorizationReadbackGate.rollups.blocked_maintenance_window_count
    + resultCaptureReleaseAuthorizationReadbackGate.rollups.blocked_live_apply_readback_count
    + resultCaptureReleaseAuthorizationReadbackGate.rollups.critical_blocker_count
  )
  const resultCaptureReleaseReadbackLiveWrites = (
    resultCaptureReleaseAuthorizationReadbackGate.rollups.writer_apply_count
    + resultCaptureReleaseAuthorizationReadbackGate.rollups.execution_apply_count
    + resultCaptureReleaseAuthorizationReadbackGate.rollups.receipt_write_count
    + resultCaptureReleaseAuthorizationReadbackGate.rollups.reviewer_queue_write_count
    + resultCaptureReleaseAuthorizationReadbackGate.rollups.gateway_queue_write_count
    + resultCaptureReleaseAuthorizationReadbackGate.rollups.telegram_send_count
    + resultCaptureReleaseAuthorizationReadbackGate.rollups.bot_api_call_count
    + resultCaptureReleaseAuthorizationReadbackGate.rollups.report_receipt_write_count
    + resultCaptureReleaseAuthorizationReadbackGate.rollups.result_capture_write_count
    + resultCaptureReleaseAuthorizationReadbackGate.rollups.learning_write_count
    + resultCaptureReleaseAuthorizationReadbackGate.rollups.playbook_trust_write_count
    + resultCaptureReleaseAuthorizationReadbackGate.rollups.production_write_count
  )
  const resultCaptureReleaseVerifierPreflightOverall = resultCaptureReleaseVerifierPreflightGate.program_status.overall_completion_percent
  const resultCaptureReleaseVerifierPreflights = resultCaptureReleaseVerifierPreflightGate.rollups.release_verifier_preflight_count
  const resultCaptureReleaseVerifierRollbacks = resultCaptureReleaseVerifierPreflightGate.rollups.rollback_verifier_preflight_count
  const resultCaptureReleaseVerifierMaintenanceHolds = resultCaptureReleaseVerifierPreflightGate.rollups.maintenance_window_verifier_hold_count
  const resultCaptureReleaseVerifierLiveApplyHolds = resultCaptureReleaseVerifierPreflightGate.rollups.live_apply_verifier_hold_count
  const resultCaptureReleaseVerifierBlockedTransitions = resultCaptureReleaseVerifierPreflightGate.rollups.blocked_verifier_preflight_transition_count
  const resultCaptureReleaseVerifierActions = resultCaptureReleaseVerifierPreflightGate.rollups.operator_action_count
  const resultCaptureReleaseVerifierApprovalRequired = (
    resultCaptureReleaseVerifierPreflightGate.rollups.approval_required_authorization_readback_count
    + resultCaptureReleaseVerifierPreflightGate.rollups.approval_required_rollback_readback_count
    + resultCaptureReleaseVerifierPreflightGate.rollups.approval_required_maintenance_window_count
    + resultCaptureReleaseVerifierPreflightGate.rollups.approval_required_live_apply_readback_count
  )
  const resultCaptureReleaseVerifierBlocked = (
    resultCaptureReleaseVerifierPreflightGate.rollups.blocked_authorization_readback_count
    + resultCaptureReleaseVerifierPreflightGate.rollups.blocked_rollback_readback_count
    + resultCaptureReleaseVerifierPreflightGate.rollups.blocked_maintenance_window_count
    + resultCaptureReleaseVerifierPreflightGate.rollups.blocked_live_apply_readback_count
    + resultCaptureReleaseVerifierPreflightGate.rollups.critical_blocker_count
  )
  const resultCaptureReleaseVerifierLiveWrites = (
    resultCaptureReleaseVerifierPreflightGate.rollups.writer_apply_count
    + resultCaptureReleaseVerifierPreflightGate.rollups.execution_apply_count
    + resultCaptureReleaseVerifierPreflightGate.rollups.receipt_write_count
    + resultCaptureReleaseVerifierPreflightGate.rollups.reviewer_queue_write_count
    + resultCaptureReleaseVerifierPreflightGate.rollups.gateway_queue_write_count
    + resultCaptureReleaseVerifierPreflightGate.rollups.telegram_send_count
    + resultCaptureReleaseVerifierPreflightGate.rollups.bot_api_call_count
    + resultCaptureReleaseVerifierPreflightGate.rollups.report_receipt_write_count
    + resultCaptureReleaseVerifierPreflightGate.rollups.result_capture_write_count
    + resultCaptureReleaseVerifierPreflightGate.rollups.learning_write_count
    + resultCaptureReleaseVerifierPreflightGate.rollups.playbook_trust_write_count
    + resultCaptureReleaseVerifierPreflightGate.rollups.production_write_count
  )
  const resultCaptureReleaseVerifierOwnerReviewOverall = resultCaptureReleaseVerifierOwnerReviewPacket.program_status.overall_completion_percent
  const resultCaptureReleaseVerifierOwnerPackets = resultCaptureReleaseVerifierOwnerReviewPacket.rollups.owner_review_packet_count
  const resultCaptureReleaseVerifierReviewPackets = resultCaptureReleaseVerifierOwnerReviewPacket.rollups.verifier_review_packet_count
  const resultCaptureReleaseVerifierRollbackPackets = resultCaptureReleaseVerifierOwnerReviewPacket.rollups.rollback_owner_review_packet_count
  const resultCaptureReleaseVerifierOwnerMaintenanceHolds = resultCaptureReleaseVerifierOwnerReviewPacket.rollups.maintenance_window_review_hold_count
  const resultCaptureReleaseVerifierOwnerLiveApplyHolds = resultCaptureReleaseVerifierOwnerReviewPacket.rollups.live_apply_owner_review_hold_count
  const resultCaptureReleaseVerifierOwnerBlockedTransitions = resultCaptureReleaseVerifierOwnerReviewPacket.rollups.blocked_owner_review_transition_count
  const resultCaptureReleaseVerifierOwnerActions = resultCaptureReleaseVerifierOwnerReviewPacket.rollups.operator_action_count
  const resultCaptureReleaseVerifierOwnerApprovalRequired = (
    resultCaptureReleaseVerifierOwnerReviewPacket.rollups.approval_required_owner_review_count
    + resultCaptureReleaseVerifierOwnerReviewPacket.rollups.approval_required_verifier_review_count
    + resultCaptureReleaseVerifierOwnerReviewPacket.rollups.approval_required_rollback_owner_review_count
    + resultCaptureReleaseVerifierOwnerReviewPacket.rollups.approval_required_maintenance_window_count
    + resultCaptureReleaseVerifierOwnerReviewPacket.rollups.approval_required_live_apply_review_count
  )
  const resultCaptureReleaseVerifierOwnerBlocked = (
    resultCaptureReleaseVerifierOwnerReviewPacket.rollups.blocked_owner_review_count
    + resultCaptureReleaseVerifierOwnerReviewPacket.rollups.blocked_verifier_review_count
    + resultCaptureReleaseVerifierOwnerReviewPacket.rollups.blocked_rollback_owner_review_count
    + resultCaptureReleaseVerifierOwnerReviewPacket.rollups.blocked_maintenance_window_count
    + resultCaptureReleaseVerifierOwnerReviewPacket.rollups.blocked_live_apply_review_count
    + resultCaptureReleaseVerifierOwnerReviewPacket.rollups.critical_blocker_count
  )
  const resultCaptureReleaseVerifierOwnerLiveWrites = (
    resultCaptureReleaseVerifierOwnerReviewPacket.rollups.writer_apply_count
    + resultCaptureReleaseVerifierOwnerReviewPacket.rollups.execution_apply_count
    + resultCaptureReleaseVerifierOwnerReviewPacket.rollups.receipt_write_count
    + resultCaptureReleaseVerifierOwnerReviewPacket.rollups.reviewer_queue_write_count
    + resultCaptureReleaseVerifierOwnerReviewPacket.rollups.gateway_queue_write_count
    + resultCaptureReleaseVerifierOwnerReviewPacket.rollups.telegram_send_count
    + resultCaptureReleaseVerifierOwnerReviewPacket.rollups.bot_api_call_count
    + resultCaptureReleaseVerifierOwnerReviewPacket.rollups.report_receipt_write_count
    + resultCaptureReleaseVerifierOwnerReviewPacket.rollups.result_capture_write_count
    + resultCaptureReleaseVerifierOwnerReviewPacket.rollups.learning_write_count
    + resultCaptureReleaseVerifierOwnerReviewPacket.rollups.playbook_trust_write_count
    + resultCaptureReleaseVerifierOwnerReviewPacket.rollups.production_write_count
  )
  const resultCaptureReleaseDecisionHoldOverall = resultCaptureReleaseDecisionHold.program_status.overall_completion_percent
  const resultCaptureReleaseDecisionHolds = resultCaptureReleaseDecisionHold.rollups.release_decision_hold_count
  const resultCaptureReleaseOwnerDecisionHolds = resultCaptureReleaseDecisionHold.rollups.owner_decision_hold_count
  const resultCaptureReleaseVerifierDecisionHolds = resultCaptureReleaseDecisionHold.rollups.verifier_decision_hold_count
  const resultCaptureReleaseRollbackDecisionHolds = resultCaptureReleaseDecisionHold.rollups.rollback_decision_hold_count
  const resultCaptureReleaseMaintenanceDecisionHolds = resultCaptureReleaseDecisionHold.rollups.maintenance_window_decision_hold_count
  const resultCaptureReleaseLiveApplyDecisionHolds = resultCaptureReleaseDecisionHold.rollups.live_apply_decision_hold_count
  const resultCaptureReleaseDecisionBlockedTransitions = resultCaptureReleaseDecisionHold.rollups.blocked_decision_transition_count
  const resultCaptureReleaseDecisionActions = resultCaptureReleaseDecisionHold.rollups.operator_action_count
  const resultCaptureReleaseDecisionApprovalRequired = (
    resultCaptureReleaseDecisionHold.rollups.approval_required_release_decision_count
    + resultCaptureReleaseDecisionHold.rollups.approval_required_owner_decision_count
    + resultCaptureReleaseDecisionHold.rollups.approval_required_verifier_decision_count
    + resultCaptureReleaseDecisionHold.rollups.approval_required_rollback_decision_count
    + resultCaptureReleaseDecisionHold.rollups.approval_required_maintenance_window_decision_count
    + resultCaptureReleaseDecisionHold.rollups.approval_required_live_apply_decision_count
  )
  const resultCaptureReleaseDecisionBlocked = (
    resultCaptureReleaseDecisionHold.rollups.blocked_release_decision_count
    + resultCaptureReleaseDecisionHold.rollups.blocked_owner_decision_count
    + resultCaptureReleaseDecisionHold.rollups.blocked_verifier_decision_count
    + resultCaptureReleaseDecisionHold.rollups.blocked_rollback_decision_count
    + resultCaptureReleaseDecisionHold.rollups.blocked_maintenance_window_decision_count
    + resultCaptureReleaseDecisionHold.rollups.blocked_live_apply_decision_count
    + resultCaptureReleaseDecisionHold.rollups.critical_blocker_count
  )
  const resultCaptureReleaseDecisionLiveWrites = (
    resultCaptureReleaseDecisionHold.rollups.writer_apply_count
    + resultCaptureReleaseDecisionHold.rollups.execution_apply_count
    + resultCaptureReleaseDecisionHold.rollups.receipt_write_count
    + resultCaptureReleaseDecisionHold.rollups.reviewer_queue_write_count
    + resultCaptureReleaseDecisionHold.rollups.gateway_queue_write_count
    + resultCaptureReleaseDecisionHold.rollups.telegram_send_count
    + resultCaptureReleaseDecisionHold.rollups.bot_api_call_count
    + resultCaptureReleaseDecisionHold.rollups.report_receipt_write_count
    + resultCaptureReleaseDecisionHold.rollups.result_capture_write_count
    + resultCaptureReleaseDecisionHold.rollups.learning_write_count
    + resultCaptureReleaseDecisionHold.rollups.playbook_trust_write_count
    + resultCaptureReleaseDecisionHold.rollups.production_write_count
  )
  const resultCaptureReleaseDecisionReadbackOverall = resultCaptureReleaseDecisionReadback.program_status.overall_completion_percent
  const resultCaptureReleaseDecisionReadbacks = resultCaptureReleaseDecisionReadback.rollups.release_decision_readback_count
  const resultCaptureReleaseOwnerDecisionReadbacks = resultCaptureReleaseDecisionReadback.rollups.owner_decision_readback_count
  const resultCaptureReleaseVerifierDecisionReadbacks = resultCaptureReleaseDecisionReadback.rollups.verifier_decision_readback_count
  const resultCaptureReleaseRollbackDecisionReadbacks = resultCaptureReleaseDecisionReadback.rollups.rollback_decision_readback_count
  const resultCaptureReleaseMaintenanceDecisionReadbacks = resultCaptureReleaseDecisionReadback.rollups.maintenance_window_decision_readback_count
  const resultCaptureReleaseLiveApplyDecisionReadbacks = resultCaptureReleaseDecisionReadback.rollups.live_apply_decision_readback_count
  const resultCaptureReleaseDecisionReadbackBlockedTransitions = resultCaptureReleaseDecisionReadback.rollups.blocked_readback_transition_count
  const resultCaptureReleaseDecisionReadbackActions = resultCaptureReleaseDecisionReadback.rollups.operator_action_count
  const resultCaptureReleaseDecisionReadbackApprovalRequired = (
    resultCaptureReleaseDecisionReadback.rollups.approval_required_release_decision_count
    + resultCaptureReleaseDecisionReadback.rollups.approval_required_owner_decision_count
    + resultCaptureReleaseDecisionReadback.rollups.approval_required_verifier_decision_count
    + resultCaptureReleaseDecisionReadback.rollups.approval_required_rollback_decision_count
    + resultCaptureReleaseDecisionReadback.rollups.approval_required_maintenance_window_decision_count
    + resultCaptureReleaseDecisionReadback.rollups.approval_required_live_apply_decision_count
  )
  const resultCaptureReleaseDecisionReadbackBlocked = (
    resultCaptureReleaseDecisionReadback.rollups.blocked_release_decision_count
    + resultCaptureReleaseDecisionReadback.rollups.blocked_owner_decision_count
    + resultCaptureReleaseDecisionReadback.rollups.blocked_verifier_decision_count
    + resultCaptureReleaseDecisionReadback.rollups.blocked_rollback_decision_count
    + resultCaptureReleaseDecisionReadback.rollups.blocked_maintenance_window_decision_count
    + resultCaptureReleaseDecisionReadback.rollups.blocked_live_apply_decision_count
    + resultCaptureReleaseDecisionReadback.rollups.critical_blocker_count
  )
  const resultCaptureReleaseDecisionReadbackLiveWrites = (
    resultCaptureReleaseDecisionReadback.rollups.writer_apply_count
    + resultCaptureReleaseDecisionReadback.rollups.execution_apply_count
    + resultCaptureReleaseDecisionReadback.rollups.receipt_write_count
    + resultCaptureReleaseDecisionReadback.rollups.reviewer_queue_write_count
    + resultCaptureReleaseDecisionReadback.rollups.gateway_queue_write_count
    + resultCaptureReleaseDecisionReadback.rollups.telegram_send_count
    + resultCaptureReleaseDecisionReadback.rollups.bot_api_call_count
    + resultCaptureReleaseDecisionReadback.rollups.report_receipt_write_count
    + resultCaptureReleaseDecisionReadback.rollups.result_capture_write_count
    + resultCaptureReleaseDecisionReadback.rollups.learning_write_count
    + resultCaptureReleaseDecisionReadback.rollups.playbook_trust_write_count
    + resultCaptureReleaseDecisionReadback.rollups.production_write_count
  )
  const resultCaptureReleaseDecisionNextHandoffOverall = resultCaptureReleaseDecisionNextHandoff.program_status.overall_completion_percent
  const resultCaptureReleaseDecisionNextGateHandoffs = resultCaptureReleaseDecisionNextHandoff.rollups.next_gate_handoff_count
  const resultCaptureReleaseDecisionStaleActions = resultCaptureReleaseDecisionNextHandoff.rollups.stale_operator_action_count
  const resultCaptureReleaseDecisionNextBlockedTransitions = resultCaptureReleaseDecisionNextHandoff.rollups.blocked_handoff_transition_count
  const resultCaptureReleaseDecisionNextActions = resultCaptureReleaseDecisionNextHandoff.rollups.operator_action_count
  const resultCaptureReleaseDecisionNextApprovalRequired = resultCaptureReleaseDecisionNextHandoff.rollups.approval_required_subtotal
  const resultCaptureReleaseDecisionNextBlocked = resultCaptureReleaseDecisionNextHandoff.rollups.blocked_and_critical_subtotal
  const resultCaptureReleaseDecisionNextLiveWrites = (
    resultCaptureReleaseDecisionNextHandoff.rollups.writer_apply_count
    + resultCaptureReleaseDecisionNextHandoff.rollups.execution_apply_count
    + resultCaptureReleaseDecisionNextHandoff.rollups.receipt_write_count
    + resultCaptureReleaseDecisionNextHandoff.rollups.reviewer_queue_write_count
    + resultCaptureReleaseDecisionNextHandoff.rollups.gateway_queue_write_count
    + resultCaptureReleaseDecisionNextHandoff.rollups.telegram_send_count
    + resultCaptureReleaseDecisionNextHandoff.rollups.bot_api_call_count
    + resultCaptureReleaseDecisionNextHandoff.rollups.report_receipt_write_count
    + resultCaptureReleaseDecisionNextHandoff.rollups.result_capture_write_count
    + resultCaptureReleaseDecisionNextHandoff.rollups.learning_write_count
    + resultCaptureReleaseDecisionNextHandoff.rollups.playbook_trust_write_count
    + resultCaptureReleaseDecisionNextHandoff.rollups.production_write_count
  )
  const resultCaptureReleaseDecisionInputPrepOverall = resultCaptureReleaseDecisionInputPrep.program_status.overall_completion_percent
  const resultCaptureReleaseDecisionInputPackets = resultCaptureReleaseDecisionInputPrep.rollups.decision_input_packet_count
  const resultCaptureReleaseDecisionMissingFields = resultCaptureReleaseDecisionInputPrep.rollups.missing_input_field_count
  const resultCaptureReleaseDecisionInputBlockers = resultCaptureReleaseDecisionInputPrep.rollups.blocked_input_transition_count
  const resultCaptureReleaseDecisionInputActions = resultCaptureReleaseDecisionInputPrep.rollups.operator_action_count
  const resultCaptureReleaseDecisionInputApprovalRequired = resultCaptureReleaseDecisionInputPrep.rollups.approval_required_subtotal
  const resultCaptureReleaseDecisionInputBlocked = resultCaptureReleaseDecisionInputPrep.rollups.blocked_and_critical_subtotal
  const resultCaptureReleaseDecisionInputLiveWrites = (
    resultCaptureReleaseDecisionInputPrep.rollups.writer_apply_count
    + resultCaptureReleaseDecisionInputPrep.rollups.execution_apply_count
    + resultCaptureReleaseDecisionInputPrep.rollups.receipt_write_count
    + resultCaptureReleaseDecisionInputPrep.rollups.reviewer_queue_write_count
    + resultCaptureReleaseDecisionInputPrep.rollups.gateway_queue_write_count
    + resultCaptureReleaseDecisionInputPrep.rollups.telegram_send_count
    + resultCaptureReleaseDecisionInputPrep.rollups.bot_api_call_count
    + resultCaptureReleaseDecisionInputPrep.rollups.report_receipt_write_count
    + resultCaptureReleaseDecisionInputPrep.rollups.result_capture_write_count
    + resultCaptureReleaseDecisionInputPrep.rollups.learning_write_count
    + resultCaptureReleaseDecisionInputPrep.rollups.playbook_trust_write_count
    + resultCaptureReleaseDecisionInputPrep.rollups.production_write_count
  )
  const resultCaptureReleaseDecisionOwnerResponsePreflightOverall = resultCaptureReleaseDecisionOwnerResponsePreflight.program_status.overall_completion_percent
  const resultCaptureReleaseDecisionOwnerResponseLanes = resultCaptureReleaseDecisionOwnerResponsePreflight.rollups.response_intake_lane_count
  const resultCaptureReleaseDecisionOwnerResponseFields = resultCaptureReleaseDecisionOwnerResponsePreflight.rollups.required_owner_field_count
  const resultCaptureReleaseDecisionOwnerResponseChecks = resultCaptureReleaseDecisionOwnerResponsePreflight.rollups.intake_validation_check_count
  const resultCaptureReleaseDecisionOwnerResponseGuards = resultCaptureReleaseDecisionOwnerResponsePreflight.rollups.rejection_guard_count
  const resultCaptureReleaseDecisionOwnerResponseActions = resultCaptureReleaseDecisionOwnerResponsePreflight.rollups.operator_action_count
  const resultCaptureReleaseDecisionOwnerResponseWaiting = resultCaptureReleaseDecisionOwnerResponsePreflight.rollups.waiting_external_response_count
  const resultCaptureReleaseDecisionOwnerResponseReceived = (
    resultCaptureReleaseDecisionOwnerResponsePreflight.rollups.owner_response_received_count
    + resultCaptureReleaseDecisionOwnerResponsePreflight.rollups.owner_response_accepted_count
    + resultCaptureReleaseDecisionOwnerResponsePreflight.rollups.redacted_payload_ingested_count
  )
  const resultCaptureReleaseDecisionOwnerResponseLiveWrites = (
    resultCaptureReleaseDecisionOwnerResponsePreflight.rollups.writer_apply_count
    + resultCaptureReleaseDecisionOwnerResponsePreflight.rollups.execution_apply_count
    + resultCaptureReleaseDecisionOwnerResponsePreflight.rollups.receipt_write_count
    + resultCaptureReleaseDecisionOwnerResponsePreflight.rollups.reviewer_queue_write_count
    + resultCaptureReleaseDecisionOwnerResponsePreflight.rollups.gateway_queue_write_count
    + resultCaptureReleaseDecisionOwnerResponsePreflight.rollups.telegram_send_count
    + resultCaptureReleaseDecisionOwnerResponsePreflight.rollups.bot_api_call_count
    + resultCaptureReleaseDecisionOwnerResponsePreflight.rollups.report_receipt_write_count
    + resultCaptureReleaseDecisionOwnerResponsePreflight.rollups.result_capture_write_count
    + resultCaptureReleaseDecisionOwnerResponsePreflight.rollups.learning_write_count
    + resultCaptureReleaseDecisionOwnerResponsePreflight.rollups.playbook_trust_write_count
    + resultCaptureReleaseDecisionOwnerResponsePreflight.rollups.production_write_count
  )
  const resultCaptureReleaseDecisionOwnerResponseReadbackOverall = resultCaptureReleaseDecisionOwnerResponseReadback.program_status.overall_completion_percent
  const resultCaptureReleaseDecisionOwnerResponseReadbackLanes = resultCaptureReleaseDecisionOwnerResponseReadback.rollups.response_readback_lane_count
  const resultCaptureReleaseDecisionOwnerResponseReadbackFields = resultCaptureReleaseDecisionOwnerResponseReadback.rollups.required_owner_field_count
  const resultCaptureReleaseDecisionOwnerResponseReadbackChecks = resultCaptureReleaseDecisionOwnerResponseReadback.rollups.readback_validation_check_count
  const resultCaptureReleaseDecisionOwnerResponseReadbackGuards = resultCaptureReleaseDecisionOwnerResponseReadback.rollups.readback_rejection_guard_count
  const resultCaptureReleaseDecisionOwnerResponseReadbackActions = resultCaptureReleaseDecisionOwnerResponseReadback.rollups.operator_action_count
  const resultCaptureReleaseDecisionOwnerResponseReadbackWaiting = resultCaptureReleaseDecisionOwnerResponseReadback.rollups.waiting_external_response_count
  const resultCaptureReleaseDecisionOwnerResponseReadbackNoResponse = resultCaptureReleaseDecisionOwnerResponseReadback.rollups.no_external_response_received_count
  const resultCaptureReleaseDecisionOwnerResponseReadbackReceived = (
    resultCaptureReleaseDecisionOwnerResponseReadback.rollups.owner_response_received_count
    + resultCaptureReleaseDecisionOwnerResponseReadback.rollups.owner_response_accepted_count
    + resultCaptureReleaseDecisionOwnerResponseReadback.rollups.redacted_payload_ingested_count
  )
  const resultCaptureReleaseDecisionOwnerResponseReadbackLiveWrites = (
    resultCaptureReleaseDecisionOwnerResponseReadback.rollups.writer_apply_count
    + resultCaptureReleaseDecisionOwnerResponseReadback.rollups.execution_apply_count
    + resultCaptureReleaseDecisionOwnerResponseReadback.rollups.receipt_write_count
    + resultCaptureReleaseDecisionOwnerResponseReadback.rollups.reviewer_queue_write_count
    + resultCaptureReleaseDecisionOwnerResponseReadback.rollups.gateway_queue_write_count
    + resultCaptureReleaseDecisionOwnerResponseReadback.rollups.telegram_send_count
    + resultCaptureReleaseDecisionOwnerResponseReadback.rollups.bot_api_call_count
    + resultCaptureReleaseDecisionOwnerResponseReadback.rollups.report_receipt_write_count
    + resultCaptureReleaseDecisionOwnerResponseReadback.rollups.result_capture_write_count
    + resultCaptureReleaseDecisionOwnerResponseReadback.rollups.learning_write_count
    + resultCaptureReleaseDecisionOwnerResponseReadback.rollups.playbook_trust_write_count
    + resultCaptureReleaseDecisionOwnerResponseReadback.rollups.production_write_count
  )
  const resultCaptureReleaseDecisionOwnerResponseAcceptanceGateOverall = resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.program_status.overall_completion_percent
  const resultCaptureReleaseDecisionOwnerResponseAcceptanceGateLanes = resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.rollups.acceptance_gate_lane_count
  const resultCaptureReleaseDecisionOwnerResponseAcceptanceGateFields = resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.rollups.required_owner_field_count
  const resultCaptureReleaseDecisionOwnerResponseAcceptanceGateChecks = resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.rollups.acceptance_validation_check_count
  const resultCaptureReleaseDecisionOwnerResponseAcceptanceGateGuards = resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.rollups.acceptance_rejection_guard_count
  const resultCaptureReleaseDecisionOwnerResponseAcceptanceGateActions = resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.rollups.operator_action_count
  const resultCaptureReleaseDecisionOwnerResponseAcceptanceGateBlocked = resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.rollups.blocked_no_external_response_count
  const resultCaptureReleaseDecisionOwnerResponseAcceptanceGateNoAcceptable = resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.rollups.no_acceptable_external_response_count
  const resultCaptureReleaseDecisionOwnerResponseAcceptanceGateAccepted = (
    resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.rollups.owner_response_received_count
    + resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.rollups.owner_response_accepted_count
    + resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.rollups.redacted_payload_ingested_count
    + resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.rollups.owner_response_rejected_count
  )
  const resultCaptureReleaseDecisionOwnerResponseAcceptanceGateLiveWrites = (
    resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.rollups.writer_apply_count
    + resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.rollups.execution_apply_count
    + resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.rollups.receipt_write_count
    + resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.rollups.reviewer_queue_write_count
    + resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.rollups.gateway_queue_write_count
    + resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.rollups.telegram_send_count
    + resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.rollups.bot_api_call_count
    + resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.rollups.report_receipt_write_count
    + resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.rollups.result_capture_write_count
    + resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.rollups.learning_write_count
    + resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.rollups.playbook_trust_write_count
    + resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.rollups.production_write_count
  )
  const reportTruthOverall = reportTruthActionabilityReview.program_status.overall_completion_percent
  const reportTruthFreshnessGates = reportTruthActionabilityReview.rollups.source_freshness_gate_count
  const reportTruthStaleSources = reportTruthActionabilityReview.rollups.stale_or_untrusted_source_count
  const reportTruthLowConfidence = reportTruthActionabilityReview.rollups.low_confidence_gate_count
  const reportTruthZeroWorkItems = reportTruthActionabilityReview.rollups.zero_signal_work_item_count
  const reportTruthWeeklyScore = reportTruthActionabilityReview.rollups.all_zero_weekly_report_actionability_score
  const reportTruthLegacyRoutes = reportTruthActionabilityReview.rollups.legacy_or_direct_route_count
  const reportTruthApprovals = reportTruthActionabilityReview.rollups.approval_required_action_ids.length
  const reportTruthBlockedActions = reportTruthActionabilityReview.rollups.blocked_runtime_action_count
  const ownerDryRunOverall = ownerDryRunPackage.program_status.overall_completion_percent
  const ownerDryRunFixtures = ownerDryRunPackage.rollups.fixture_set_count
  const ownerDryRunGates = ownerDryRunPackage.rollups.dry_run_gate_count
  const ownerDryRunApprovals = ownerDryRunPackage.rollups.approval_required_gate_ids.length
  const ownerDryRunBlockedActions = ownerDryRunPackage.rollups.blocked_runtime_action_count
  const ownerDryRunLiveTotal = (
    ownerDryRunPackage.rollups.live_write_count_total
    + ownerDryRunPackage.rollups.live_send_count_total
    + ownerDryRunPackage.rollups.live_receipt_count_total
  )
  const hostReadonlyDeniedCount = (
    hostStatefulInventory.rollups.ssh_login_allowed_count
    + hostStatefulInventory.rollups.kubectl_command_execution_allowed_count
    + hostStatefulInventory.rollups.apt_upgrade_allowed_count
    + hostStatefulInventory.rollups.k3s_upgrade_allowed_count
    + hostStatefulInventory.rollups.node_drain_allowed_count
    + hostStatefulInventory.rollups.reboot_allowed_count
    + hostStatefulInventory.rollups.stateful_service_restart_allowed_count
    + hostStatefulInventory.rollups.telegram_direct_send_allowed_count
    + hostStatefulInventory.rollups.conversation_transcript_allowed_count
  )
  const hostRedactionLocked = (
    hostStatefulInventory.display_redaction_contract.conversation_transcript_display_allowed === false
    && hostStatefulInventory.display_redaction_contract.redaction_required === true
  )
  const hostTelegramDirectSendAllowed = hostStatefulInventory.telegram_policy.direct_send_allowed ? 1 : 0
  const hostTelegramGatewayWriteAllowed = hostStatefulInventory.telegram_policy.gateway_queue_write_allowed ? 1 : 0
  const serviceHealthActions = serviceHealthGapMatrix.rollups.target_ids_requiring_action.length
  const serviceHealthStaleGaps = serviceHealthGapMatrix.rollups.stale_endpoint_ids.length
  const serviceHealthOperatorReviews = serviceHealthGapMatrix.rollups.health_gap_ids.length
  const serviceHealthDeniedCount = (
    serviceHealthGapMatrix.rollups.active_probe_allowed_count
    + serviceHealthGapMatrix.rollups.service_restart_allowed_count
    + serviceHealthGapMatrix.rollups.endpoint_change_allowed_count
    + serviceHealthGapMatrix.rollups.notification_send_allowed_count
    + serviceHealthGapMatrix.rollups.runtime_execution_allowed_count
  )
  const serviceHealthImmediateEscalations = serviceHealthNotificationPolicy.rollups.immediate_escalation_rule_ids.length
  const serviceHealthSuppressedSuccess = serviceHealthNotificationPolicy.rollups.suppressed_success_rule_ids.length
  const serviceHealthActionRequiredRules = serviceHealthNotificationPolicy.rollups.action_required_rule_ids.length
  const serviceHealthNotificationAllowedCount = serviceHealthNotificationPolicy.rollups.notification_send_allowed_count
  const serviceHealthRedactionCategoryCount = serviceHealthNotificationPolicy.display_redaction_contract.forbidden_frontend_content.length
  const serviceHealthForbiddenFieldCount = serviceHealthNotificationPolicy.message_template_contract.forbidden_fields.length
  const serviceHealthRedactionLocked = (
    serviceHealthNotificationPolicy.display_redaction_contract.conversation_transcript_display_allowed === false
    && serviceHealthNotificationPolicy.display_redaction_contract.redaction_required === true
  )
  const warRoomOverall = warRoom.program_status.overall_completion_percent
  const warRoomCompletedReviews = warRoom.rollups.read_only_review_completed_count
  const warRoomRoleCount = warRoom.rollups.agent_role_count
  const warRoomBatchCount = warRoom.rollups.subagent_batch_count
  const warRoomBatchLimit = warRoom.rollups.subagent_batch_limit
  const warRoomWorkUnits = warRoom.rollups.total_work_units
  const warRoomApprovals = warRoom.rollups.approval_required_total
  const warRoomBlockers = warRoom.rollups.blocker_total
  const warRoomMarketCandidates = warRoom.rollups.market_refresh_candidate_count
  const warRoomReportCadences = (
    warRoom.rollups.daily_report_required_count
    + warRoom.rollups.weekly_report_required_count
    + warRoom.rollups.monthly_report_required_count
  )
  const warRoomLiveWrites = (
    warRoom.rollups.live_write_count
    + warRoom.rollups.telegram_send_count
    + warRoom.rollups.bot_api_call_count
    + warRoom.rollups.production_write_count
    + warRoom.rollups.paid_api_call_count
    + warRoom.rollups.sdk_install_count
    + warRoom.rollups.secret_read_count
    + warRoom.rollups.destructive_operation_count
  )
  const warRoomRedactionLocked = (
    warRoom.display_redaction_contract.conversation_transcript_display_allowed === false
    && warRoom.display_redaction_contract.redaction_required === true
  )
  const professionalTaskOverall = professionalTaskExpansion.program_status.overall_completion_percent
  const professionalTaskTotal = professionalTaskExpansion.rollups.professional_task_count
  const professionalTaskDomains = professionalTaskExpansion.rollups.domain_count
  const professionalTaskTelegramStages = professionalTaskExpansion.rollups.telegram_stage_count
  const professionalTaskMessageTypes = professionalTaskExpansion.rollups.telegram_message_type_count
  const professionalTaskApprovals = professionalTaskExpansion.rollups.approval_required_count
  const professionalTaskHighCritical = (
    professionalTaskExpansion.rollups.high_risk_task_count
    + professionalTaskExpansion.rollups.critical_risk_task_count
  )
  const professionalTaskLiveWrites = (
    professionalTaskExpansion.rollups.current_live_count
    + professionalTaskExpansion.rollups.gateway_queue_write_count
    + professionalTaskExpansion.rollups.telegram_send_count
    + professionalTaskExpansion.rollups.bot_api_call_count
    + professionalTaskExpansion.rollups.delivery_receipt_write_count
    + professionalTaskExpansion.rollups.production_write_count
    + professionalTaskExpansion.rollups.secret_read_count
    + professionalTaskExpansion.rollups.paid_api_call_count
    + professionalTaskExpansion.rollups.host_write_count
    + professionalTaskExpansion.rollups.kubectl_action_count
  )
  const professionalTaskRedactionLocked = (
    professionalTaskExpansion.redaction_contract.conversation_transcript_display_allowed === false
    && professionalTaskExpansion.redaction_contract.telegram_message_must_be_sanitized === true
    && professionalTaskExpansion.redaction_contract.redaction_required === true
  )
  const visibleProfessionalTasks = professionalTaskExpansion.professional_tasks.slice(0, 8)
  const visibleTelegramPreviews = professionalTaskExpansion.telegram_runtime_bridge.no_send_message_previews.slice(0, 6)
  const professionalTaskCanaryPackage = professionalTaskExpansion.telegram_runtime_bridge.canary_approval_package
  const professionalTaskPreviewLiveWrites = (
    professionalTaskExpansion.rollups.preview_send_enabled_count
    + professionalTaskExpansion.rollups.preview_queue_write_enabled_count
    + professionalTaskExpansion.rollups.preview_bot_api_call_enabled_count
    + professionalTaskExpansion.rollups.receipt_live_write_enabled_count
    + professionalTaskExpansion.rollups.canary_live_send_enabled_count
    + professionalTaskExpansion.rollups.canary_send_execution_enabled_count
    + professionalTaskExpansion.rollups.canary_gateway_queue_write_enabled_count
    + professionalTaskExpansion.rollups.canary_bot_api_call_enabled_count
    + professionalTaskExpansion.rollups.canary_delivery_receipt_write_enabled_count
    + professionalTaskExpansion.rollups.canary_secret_read_enabled_count
    + professionalTaskExpansion.rollups.canary_delivery_live_send_enabled_count
    + professionalTaskExpansion.rollups.canary_delivery_gateway_queue_write_enabled_count
    + professionalTaskExpansion.rollups.canary_delivery_bot_api_call_enabled_count
    + professionalTaskExpansion.rollups.canary_delivery_secret_read_enabled_count
    + professionalTaskExpansion.rollups.canary_delivery_paid_api_enabled_count
    + professionalTaskExpansion.rollups.canary_delivery_rehearsal_live_send_enabled_count
    + professionalTaskExpansion.rollups.canary_delivery_rehearsal_gateway_queue_write_enabled_count
    + professionalTaskExpansion.rollups.canary_delivery_rehearsal_bot_api_call_enabled_count
    + professionalTaskExpansion.rollups.canary_delivery_rehearsal_receipt_write_enabled_count
    + professionalTaskExpansion.rollups.canary_live_delivery_gateway_queue_write_enabled_count
    + professionalTaskExpansion.rollups.canary_live_delivery_bot_api_call_enabled_count
    + professionalTaskExpansion.rollups.canary_live_delivery_telegram_send_enabled_count
    + professionalTaskExpansion.rollups.canary_live_delivery_receipt_write_enabled_count
  )
  const professionalTaskCanarySendPacket = professionalTaskExpansion.telegram_runtime_bridge.canary_send_approval_packet
  const professionalTaskCanaryDeliveryGate = professionalTaskExpansion.telegram_runtime_bridge.canary_delivery_gate
  const professionalTaskCanaryDeliveryRehearsal = professionalTaskExpansion.telegram_runtime_bridge.canary_delivery_rehearsal
  const professionalTaskCanaryLiveOwnerReview = professionalTaskExpansion.telegram_runtime_bridge.canary_live_delivery_owner_review_gate
  const professionalTaskCanaryApprovalGaps = (
    professionalTaskExpansion.rollups.canary_approval_granted_count
    + professionalTaskExpansion.rollups.canary_selected_message_type_count
    + professionalTaskExpansion.rollups.canary_approved_time_window_count
    + professionalTaskExpansion.rollups.canary_delivery_approved_count
    + professionalTaskExpansion.rollups.canary_delivery_attempt_allowed_count
    + professionalTaskExpansion.rollups.canary_live_delivery_owner_review_received_count
    + professionalTaskExpansion.rollups.canary_live_delivery_owner_review_accepted_count
    + professionalTaskExpansion.rollups.canary_live_delivery_approved_count
    + professionalTaskExpansion.rollups.canary_live_delivery_attempt_allowed_count
  )
  const backlogProgressPercent = backlog.progress_summary.overall_percent
  const explicitApprovalItemCount = backlog.item_approval_boundary_rollup.items_requiring_explicit_approval.length
  const taskBoundaryCount = snapshot.task_approval_boundary_rollup.total_tasks
  const explicitApprovalTaskCount = snapshot.task_approval_boundary_rollup.tasks_requiring_explicit_approval.length
  const totalTasks = Math.max(1, snapshot.tasks.length)
  const readOnlyTasks = snapshot.task_approval_boundary_rollup.by_mode.read_only_allowed ?? 0
  const completedTaskCoverage = Math.round((completedTasks / totalTasks) * 100)
  const readOnlyEvidenceCoverage = Math.round((readOnlyTasks / Math.max(1, taskBoundaryCount)) * 100)
  const boundaryClarityCoverage = Math.round(((taskBoundaryCount - explicitApprovalTaskCount) / Math.max(1, taskBoundaryCount)) * 100)
  const runtimeBindingCoverage = runtimeSurface
    ? Math.round((runtimeBoundComponents / Math.max(1, runtimeSurface.rollups.total_source_components)) * 100)
    : 0
  const runnerAttestationCoverage = Math.round(((giteaHealth.rollups.total_workflows - giteaRunnerActions) / Math.max(1, giteaHealth.rollups.total_workflows)) * 100)
  const quietPolicyCoverage = Math.round((giteaQuietPolicies / Math.max(1, giteaHealth.rollups.notification_contracts_total)) * 100)
  const decisionSupportCoverage = Math.round(
    completedTaskCoverage * 0.25
    + readOnlyEvidenceCoverage * 0.25
    + boundaryClarityCoverage * 0.2
    + runtimeBindingCoverage * 0.15
    + runnerAttestationCoverage * 0.1
    + quietPolicyCoverage * 0.05,
  )
  const decisionFactors = [
    {
      key: 'taskCompletion',
      value: completedTaskCoverage,
      tone: completedTaskCoverage >= 70 ? 'ok' : completedTaskCoverage >= 45 ? 'warn' : 'danger',
      detail: t('decisionSupport.details.taskCompletion', { done: completedTasks, total: snapshot.tasks.length }),
    },
    {
      key: 'readOnlyEvidence',
      value: readOnlyEvidenceCoverage,
      tone: readOnlyEvidenceCoverage >= 80 ? 'ok' : readOnlyEvidenceCoverage >= 50 ? 'warn' : 'danger',
      detail: t('decisionSupport.details.readOnlyEvidence', { readOnly: readOnlyTasks, total: taskBoundaryCount }),
    },
    {
      key: 'boundaryClarity',
      value: boundaryClarityCoverage,
      tone: boundaryClarityCoverage >= 80 ? 'ok' : boundaryClarityCoverage >= 50 ? 'warn' : 'danger',
      detail: t('decisionSupport.details.boundaryClarity', { blocked: explicitApprovalTaskCount, total: taskBoundaryCount }),
    },
    {
      key: 'runtimeBinding',
      value: runtimeBindingCoverage,
      tone: runtimeBindingCoverage >= 80 ? 'ok' : runtimeBindingCoverage >= 50 ? 'warn' : 'danger',
      detail: t('decisionSupport.details.runtimeBinding', {
        bound: runtimeBoundComponents,
        total: runtimeSurface?.rollups.total_source_components ?? 0,
      }),
    },
    {
      key: 'runnerAttestation',
      value: runnerAttestationCoverage,
      tone: runnerAttestationCoverage >= 80 ? 'ok' : runnerAttestationCoverage >= 50 ? 'warn' : 'danger',
      detail: t('decisionSupport.details.runnerAttestation', { gaps: giteaRunnerActions, total: giteaHealth.rollups.total_workflows }),
    },
    {
      key: 'quietPolicy',
      value: quietPolicyCoverage,
      tone: quietPolicyCoverage >= 80 ? 'ok' : quietPolicyCoverage >= 50 ? 'warn' : 'danger',
      detail: t('decisionSupport.details.quietPolicy', { quiet: giteaQuietPolicies, total: giteaHealth.rollups.notification_contracts_total }),
    },
  ] as const
  const decisionCoverageTone = decisionSupportCoverage >= 75 ? 'ok' : decisionSupportCoverage >= 55 ? 'warn' : 'danger'
  const blockedApprovals = Object.entries(snapshot.approval_boundaries)
    .filter(([, allowed]) => allowed === false)
    .map(([key]) => key)
  const visualFlowStages: Array<{
    key: string
    label: string
    value: string
    detail: string
    tone: 'ok' | 'warn' | 'danger' | 'neutral'
    icon: ReactNode
  }> = [
    {
      key: 'intake',
      label: t('visualOps.stages.intake.label'),
      value: String(serviceHealthGapMatrix.rollups.total_targets),
      detail: t('visualOps.stages.intake.detail', { actions: serviceHealthActions }),
      tone: serviceHealthActions > 0 ? 'warn' : 'ok',
      icon: <BellRing size={16} />,
    },
    {
      key: 'evidence',
      label: t('visualOps.stages.evidence.label'),
      value: `${runtimeBoundComponents}/${runtimeSurfaceComponentTotal}`,
      detail: t('visualOps.stages.evidence.detail', { missing: runtimeLiveMissing }),
      tone: runtimeLiveMissing > 0 ? 'warn' : 'ok',
      icon: <Fingerprint size={16} />,
    },
    {
      key: 'candidate',
      label: t('visualOps.stages.candidate.label'),
      value: `${candidateDryRunEvidenceCount}/${candidateDryRunCount}`,
      detail: t('visualOps.stages.candidate.detail', {
        review: candidateDryRunNeedsReview,
        blocked: candidateDryRunAllowlistBlocked + candidateDryRunPolicyBlocked,
      }),
      tone: candidateDryRunNeedsReview > 0 || candidateDryRunPolicyBlocked > 0 ? 'warn' : 'ok',
      icon: <ClipboardCheck size={16} />,
    },
    {
      key: 'approval',
      label: t('visualOps.stages.approval.label'),
      value: String(explicitApprovalTaskCount),
      detail: t('visualOps.stages.approval.detail', { total: taskBoundaryCount }),
      tone: explicitApprovalTaskCount > 0 ? 'warn' : 'ok',
      icon: <Lock size={16} />,
    },
    {
      key: 'verifier',
      label: t('visualOps.stages.verifier.label'),
      value: `${resultCaptureReleaseReadbacks}`,
      detail: t('visualOps.stages.verifier.detail', { blocked: resultCaptureReleaseReadbackBlocked }),
      tone: resultCaptureReleaseReadbackBlocked > 0 ? 'warn' : 'ok',
      icon: <ShieldCheck size={16} />,
    },
    {
      key: 'learning',
      label: t('visualOps.stages.learning.label'),
      value: `${learningWritebackLiveWrites}/${learningWritebackLanes}`,
      detail: t('visualOps.stages.learning.detail', { gates: learningWritebackApprovals }),
      tone: learningWritebackApprovals > 0 ? 'warn' : 'ok',
      icon: <BookOpenCheck size={16} />,
    },
  ]
  const visualGateRows: Array<{
    key: string
    label: string
    value: string
    detail: string
    tone: 'ok' | 'warn' | 'danger' | 'neutral'
  }> = [
    {
      key: 'notification',
      label: t('visualOps.gates.notification.label'),
      value: String(serviceHealthNotificationAllowedCount),
      detail: t('visualOps.gates.notification.detail', {
        quiet: serviceHealthSuppressedSuccess,
        action: serviceHealthActionRequiredRules,
        escalation: serviceHealthImmediateEscalations,
      }),
      tone: serviceHealthNotificationAllowedCount === 0 ? 'ok' : 'danger',
    },
    {
      key: 'repairCandidate',
      label: t('visualOps.gates.repairCandidate.label'),
      value: `${candidateDryRunEvidenceCount}/${candidateDryRunCount}`,
      detail: t('visualOps.gates.repairCandidate.detail', {
        review: candidateDryRunNeedsReview,
        verifier: candidateDryRunVerifierPlans,
      }),
      tone: candidateDryRunEvidenceCount < candidateDryRunCount ? 'warn' : 'ok',
    },
    {
      key: 'approval',
      label: t('visualOps.gates.approval.label'),
      value: `${explicitApprovalTaskCount}/${taskBoundaryCount}`,
      detail: t('visualOps.gates.approval.detail', { blocked: blockedApprovals.length }),
      tone: explicitApprovalTaskCount > 0 ? 'warn' : 'ok',
    },
    {
      key: 'execution',
      label: t('visualOps.gates.execution.label'),
      value: String(resultCaptureReleaseReadbackLiveWrites),
      detail: t('visualOps.gates.execution.detail', {
        readback: resultCaptureReleaseReadbacks,
        blocked: resultCaptureReleaseReadbackBlocked,
      }),
      tone: resultCaptureReleaseReadbackLiveWrites === 0 ? 'ok' : 'danger',
    },
    {
      key: 'learning',
      label: t('visualOps.gates.learning.label'),
      value: String(matchedPlaybookUpdated),
      detail: t('visualOps.gates.learning.detail', {
        candidates: matchedPlaybookCandidates,
        gates: matchedPlaybookGates,
      }),
      tone: matchedPlaybookGates > 0 ? 'warn' : 'ok',
    },
  ]

  const statusLabel = (value: string) => {
    try {
      return t(`backupEvidence.statuses.${value}` as never)
    } catch {
      return value
    }
  }

  const kindLabel = (value: string) => {
    try {
      return t(`offsiteEscrow.kinds.${value}` as never)
    } catch {
      return value
    }
  }

  const boundaryActionLabel = (value: string) => {
    try {
      return t(`tasks.boundaryActions.${value}` as never)
    } catch {
      return value
    }
  }

  const runtimeKindLabel = (value: string) => {
    try {
      return t(`runtimeSurface.kinds.${value}` as never)
    } catch {
      return value
    }
  }

  const runtimeValueLabel = (value: string) => {
    try {
      return t(`runtimeSurface.values.${value}` as never)
    } catch {
      return value
    }
  }

  const giteaValueLabel = (value: string) => {
    try {
      return t(`giteaHealth.values.${value}` as never)
    } catch {
      return value
    }
  }

  const observabilityValueLabel = (value: string) => {
    try {
      return t(`observability.values.${value}` as never)
    } catch {
      return value
    }
  }

  const providerRouteValueLabel = (value: string) => {
    try {
      return t(`providerRoute.values.${value}` as never)
    } catch {
      return value
    }
  }

  const deploymentLayoutValueLabel = (group: string, value: string) => {
    try {
      return t(`deploymentLayout.${group}.${value}` as never)
    } catch {
      return value
    }
  }

  const proactiveValueLabel = (group: string, value: string) => {
    try {
      return t(`proactiveOperations.${group}.${value}` as never)
    } catch {
      return value
    }
  }

  const proactiveApprovalGateLabel = (value: string) => {
    const lookupValue = value.replace(/已遮罩機密欄位/g, 'redacted_secret_value')
    try {
      return t(`proactiveOperations.approvalGates.${lookupValue}` as never)
    } catch {
      return value
    }
  }

  const proofValueLabel = (group: string, value: string) => {
    try {
      return t(`interactionProof.${group}.${value}` as never)
    } catch {
      return value
    }
  }

  const liveReadModelValueLabel = (group: string, value: string) => {
    try {
      return t(`liveReadModelGate.${group}.${value}` as never)
    } catch {
      return value
    }
  }

  const redisDryRunValueLabel = (group: string, value?: string) => {
    if (!value) return t('redisDryRunGate.labels.unassigned')

    try {
      return t(`redisDryRunGate.${group}.${value}` as never)
    } catch {
      return value
    }
  }

  const ownerDryRunValueLabel = (group: string, value: string) => {
    try {
      return t(`ownerDryRunPackage.${group}.${value}` as never)
    } catch {
      return value
    }
  }

  const hostStatefulValueLabel = (group: string, value: string) => {
    try {
      return t(`hostStateful.${group}.${value}` as never)
    } catch {
      return value
    }
  }

  const serviceHealthValueLabel = (value: string) => {
    try {
      return t(`serviceHealth.values.${value}` as never)
    } catch {
      return value
    }
  }

  const serviceHealthNotificationDecisionLabel = (value: string) => {
    try {
      return t(`serviceHealthNotification.decisions.${value}` as never)
    } catch {
      return value
    }
  }

  const websiteAssetCount = snapshot.assets.filter(asset => asset.asset_type === 'web').length
  const globalControlApprovalGateTotal = (
    explicitApprovalTaskCount
    + explicitApprovalItemCount
    + deploymentLayoutApprovalTargets
    + proactiveApprovalCapabilities
    + providerRouteGateApprovals
    + professionalTaskApprovals
    + warRoomApprovals
    + learningWritebackApprovals
    + serviceHealthActionRequiredRules
  )
  const globalControlLiveWriteAllowedTotal = (
    hostReadonlyDeniedCount
    + providerRouteDeniedCount
    + serviceHealthDeniedCount
    + serviceHealthNotificationAllowedCount
    + resultCaptureReleaseReadbackLiveWrites
    + runtimeWriteLiveTotal
    + learningWritebackLiveWrites
    + professionalTaskLiveWrites
    + professionalTaskPreviewLiveWrites
    + warRoomLiveWrites
    + reportLiveDelivery
    + reportLiveOptimization
  )
  const globalControlTelegramSendTotal = (
    hostTelegramDirectSendAllowed
    + serviceHealthNotificationAllowedCount
    + telegramReceiptLiveTotal
    + professionalTaskExpansion.rollups.telegram_send_count
    + professionalTaskExpansion.rollups.bot_api_call_count
    + warRoom.rollups.telegram_send_count
    + warRoom.rollups.bot_api_call_count
  )
  const globalControlDomainRows: Array<{
    key: string
    label: string
    scope: string
    owner: string
    sensor: string
    candidate: string
    gate: string
    telegram: string
    learning: string
    tone: 'ok' | 'warn' | 'danger' | 'neutral'
    icon: ReactNode
  }> = [
    {
      key: 'hosts',
      label: t('globalControl.domains.hosts.label'),
      scope: t('globalControl.domains.hosts.scope', {
        hosts: hostStatefulInventory.rollups.host_count,
        nodes: hostStatefulInventory.rollups.k3s_node_count,
        stateful: hostStatefulInventory.rollups.stateful_service_count,
      }),
      owner: 'OpenClaw / Hermes',
      sensor: t('globalControl.domains.hosts.sensor', { probes: hostStatefulInventory.rollups.readonly_probe_step_count }),
      candidate: t('globalControl.domains.hosts.candidate', { fields: hostStatefulInventory.rollups.maintenance_required_field_count }),
      gate: t('globalControl.domains.hosts.gate', { writes: hostReadonlyDeniedCount }),
      telegram: t('globalControl.domains.hosts.telegram', {
        direct: hostTelegramDirectSendAllowed,
        queue: hostTelegramGatewayWriteAllowed,
      }),
      learning: t('globalControl.learning.ownerReview'),
      tone: hostReadonlyDeniedCount === 0 ? 'ok' : 'danger',
      icon: <Server size={16} />,
    },
    {
      key: 'products',
      label: t('globalControl.domains.products.label'),
      scope: t('globalControl.domains.products.scope', {
        assets: snapshot.assets.length,
        domains: snapshot.asset_domains.length,
      }),
      owner: 'OpenClaw / Hermes / Nemotron',
      sensor: t('globalControl.domains.products.sensor', { workstreams: snapshot.workstreams.length }),
      candidate: t('globalControl.domains.products.candidate', { tasks: snapshot.tasks.length }),
      gate: t('globalControl.domains.products.gate', { approvals: explicitApprovalTaskCount }),
      telegram: t('globalControl.telegram.digestOnly'),
      learning: t('globalControl.learning.snapshot'),
      tone: explicitApprovalTaskCount > 0 ? 'warn' : 'ok',
      icon: <Layers3 size={16} />,
    },
    {
      key: 'websites',
      label: t('globalControl.domains.websites.label'),
      scope: t('globalControl.domains.websites.scope', {
        websites: websiteAssetCount,
        runtime: runtimeSurfaceComponentTotal,
      }),
      owner: 'Hermes / OpenClaw',
      sensor: t('globalControl.domains.websites.sensor', { bound: runtimeBoundComponents, total: runtimeSurfaceComponentTotal }),
      candidate: t('globalControl.domains.websites.candidate', { missing: runtimeLiveMissing }),
      gate: t('globalControl.domains.websites.gate', { secrets: runtimeSecrets }),
      telegram: t('globalControl.telegram.failureOnly'),
      learning: t('globalControl.learning.redactedEvidence'),
      tone: runtimeLiveMissing > 0 || runtimeSecrets > 0 ? 'warn' : 'ok',
      icon: <Route size={16} />,
    },
    {
      key: 'packages',
      label: t('globalControl.domains.packages.label'),
      scope: t('globalControl.domains.packages.scope', {
        sources: dependencySupplyChainDriftMonitor.rollups.source_snapshot_count,
        checks: dependencySupplyChainDriftMonitor.rollups.monitor_check_count,
      }),
      owner: 'Nemotron / Hermes',
      sensor: t('globalControl.domains.packages.sensor', { stale: dependencySupplyChainDriftMonitor.rollups.stale_source_snapshot_count }),
      candidate: t('globalControl.domains.packages.candidate', { candidates: dependencySupplyChainDriftMonitor.rollups.drift_candidate_count }),
      gate: t('globalControl.domains.packages.gate', { blocked: dependencySupplyChainDriftMonitor.rollups.blocked_operation_count }),
      telegram: t('globalControl.telegram.approvalRequired'),
      learning: t('globalControl.learning.versionRadar'),
      tone: dependencySupplyChainDriftMonitor.rollups.blocked_operation_count > 0 ? 'warn' : 'ok',
      icon: <PackageCheck size={16} />,
    },
    {
      key: 'services',
      label: t('globalControl.domains.services.label'),
      scope: t('globalControl.domains.services.scope', {
        targets: serviceHealthGapMatrix.rollups.total_targets,
        surfaces: runtimeSurface?.rollups.total_surfaces ?? 0,
      }),
      owner: 'OpenClaw / Hermes',
      sensor: t('globalControl.domains.services.sensor', { action: serviceHealthActions, stale: serviceHealthStaleGaps }),
      candidate: t('globalControl.domains.services.candidate', { gaps: serviceHealthOperatorReviews }),
      gate: t('globalControl.domains.services.gate', { allowed: serviceHealthDeniedCount }),
      telegram: t('globalControl.domains.services.telegram', {
        escalation: serviceHealthImmediateEscalations,
        quiet: serviceHealthSuppressedSuccess,
      }),
      learning: t('globalControl.learning.healthLoop'),
      tone: serviceHealthDeniedCount === 0 ? 'ok' : 'danger',
      icon: <Database size={16} />,
    },
    {
      key: 'tools',
      label: t('globalControl.domains.tools.label'),
      scope: t('globalControl.domains.tools.scope', {
        workflows: giteaHealth.rollups.total_workflows,
        observability: observabilityMatrix.rollups.total_surfaces,
      }),
      owner: 'Hermes / OpenClaw',
      sensor: t('globalControl.domains.tools.sensor', { runners: giteaRunnerActions }),
      candidate: t('globalControl.domains.tools.candidate', { opportunities: observabilityProposalCount }),
      gate: t('globalControl.domains.tools.gate', { approvals: observabilityApprovalRequired }),
      telegram: t('globalControl.telegram.notifyBridge'),
      learning: t('globalControl.learning.noiseReduction'),
      tone: giteaRunnerActions > 0 || observabilityApprovalRequired > 0 ? 'warn' : 'ok',
      icon: <GitBranch size={16} />,
    },
    {
      key: 'agents',
      label: t('globalControl.domains.agents.label'),
      scope: t('globalControl.domains.agents.scope', {
        roles: warRoomRoleCount,
        tasks: professionalTaskTotal,
      }),
      owner: 'OpenClaw / Hermes / Nemotron',
      sensor: t('globalControl.domains.agents.sensor', { batches: warRoomBatchCount }),
      candidate: t('globalControl.domains.agents.candidate', { high: professionalTaskHighCritical }),
      gate: t('globalControl.domains.agents.gate', { approvals: warRoomApprovals + professionalTaskApprovals }),
      telegram: t('globalControl.domains.agents.telegram', { previews: visibleTelegramPreviews.length }),
      learning: t('globalControl.learning.agentMemory'),
      tone: warRoomApprovals + professionalTaskApprovals > 0 ? 'warn' : 'ok',
      icon: <MessageSquareText size={16} />,
    },
    {
      key: 'aiSolutions',
      label: t('globalControl.domains.aiSolutions.label'),
      scope: t('globalControl.domains.aiSolutions.scope', {
        routes: providerRouteMatrix.rollups.total_routes,
        domains: proactiveOperations.rollups.version_domain_count,
      }),
      owner: 'Nemotron / OpenClaw',
      sensor: t('globalControl.domains.aiSolutions.sensor', { candidates: warRoomMarketCandidates }),
      candidate: t('globalControl.domains.aiSolutions.candidate', { gates: providerRouteGateApprovals }),
      gate: t('globalControl.domains.aiSolutions.gate', { denied: providerRouteDeniedCount }),
      telegram: t('globalControl.telegram.ownerGate'),
      learning: t('globalControl.learning.marketRadar'),
      tone: providerRouteDeniedCount === 0 ? 'ok' : 'danger',
      icon: <BookOpenCheck size={16} />,
    },
  ]
  const globalControlPipelineRows: Array<{
    key: string
    label: string
    value: string
    detail: string
    tone: 'ok' | 'warn' | 'danger' | 'neutral'
    icon: ReactNode
  }> = [
    {
      key: 'sensor',
      label: t('globalControl.pipeline.sensor.label'),
      value: `${globalControlDomainRows.length}/8`,
      detail: t('globalControl.pipeline.sensor.detail', { assets: snapshot.assets.length }),
      tone: globalControlDomainRows.length === 8 ? 'ok' : 'warn',
      icon: <Fingerprint size={16} />,
    },
    {
      key: 'normalizer',
      label: t('globalControl.pipeline.normalizer.label'),
      value: String(snapshot.status_taxonomy.gate_statuses.length),
      detail: t('globalControl.pipeline.normalizer.detail', { statuses: snapshot.status_taxonomy.task_statuses.length }),
      tone: 'ok',
      icon: <Boxes size={16} />,
    },
    {
      key: 'aiLane',
      label: t('globalControl.pipeline.aiLane.label'),
      value: String(warRoomRoleCount),
      detail: t('globalControl.pipeline.aiLane.detail', { targets: deploymentLayoutTargets }),
      tone: 'ok',
      icon: <UserCheck size={16} />,
    },
    {
      key: 'candidate',
      label: t('globalControl.pipeline.candidate.label'),
      value: String(candidateDryRunCount + dependencySupplyChainDriftMonitor.rollups.drift_candidate_count),
      detail: t('globalControl.pipeline.candidate.detail', { evidence: candidateDryRunEvidenceCount }),
      tone: candidateDryRunNeedsReview > 0 ? 'warn' : 'ok',
      icon: <ClipboardCheck size={16} />,
    },
    {
      key: 'gate',
      label: t('globalControl.pipeline.gate.label'),
      value: String(globalControlApprovalGateTotal),
      detail: t('globalControl.pipeline.gate.detail', { blocked: blockedApprovals.length }),
      tone: globalControlApprovalGateTotal > 0 ? 'warn' : 'ok',
      icon: <Lock size={16} />,
    },
    {
      key: 'execution',
      label: t('globalControl.pipeline.execution.label'),
      value: String(globalControlLiveWriteAllowedTotal),
      detail: t('globalControl.pipeline.execution.detail', { telegram: globalControlTelegramSendTotal }),
      tone: globalControlLiveWriteAllowedTotal === 0 && globalControlTelegramSendTotal === 0 ? 'ok' : 'danger',
      icon: <BellOff size={16} />,
    },
    {
      key: 'verifier',
      label: t('globalControl.pipeline.verifier.label'),
      value: String(resultCaptureReleaseReadbacks),
      detail: t('globalControl.pipeline.verifier.detail', { blocked: resultCaptureReleaseReadbackBlocked }),
      tone: resultCaptureReleaseReadbackBlocked > 0 ? 'warn' : 'ok',
      icon: <ShieldCheck size={16} />,
    },
    {
      key: 'learning',
      label: t('globalControl.pipeline.learning.label'),
      value: String(learningWritebackLiveWrites),
      detail: t('globalControl.pipeline.learning.detail', { gates: learningWritebackApprovals }),
      tone: learningWritebackLiveWrites === 0 ? 'ok' : 'danger',
      icon: <BookOpenCheck size={16} />,
    },
  ]
  const globalControlBoundaryRows = [
    {
      key: 'allScope',
      label: t('globalControl.boundaries.allScope.label'),
      value: `${globalControlDomainRows.length}/8`,
      detail: t('globalControl.boundaries.allScope.detail'),
      tone: 'ok' as const,
    },
    {
      key: 'notFullControl',
      label: t('globalControl.boundaries.notFullControl.label'),
      value: `${snapshot.program_status.overall_completion_percent}%`,
      detail: t('globalControl.boundaries.notFullControl.detail', { gates: globalControlApprovalGateTotal }),
      tone: 'warn' as const,
    },
    {
      key: 'writes',
      label: t('globalControl.boundaries.writes.label'),
      value: String(globalControlLiveWriteAllowedTotal),
      detail: t('globalControl.boundaries.writes.detail', { telegram: globalControlTelegramSendTotal }),
      tone: globalControlLiveWriteAllowedTotal === 0 && globalControlTelegramSendTotal === 0 ? 'ok' as const : 'danger' as const,
    },
    {
      key: 'redaction',
      label: t('globalControl.boundaries.redaction.label'),
      value: hostRedactionLocked && professionalTaskRedactionLocked && warRoomRedactionLocked && serviceHealthRedactionLocked ? 'on' : 'review',
      detail: t('globalControl.boundaries.redaction.detail', {
        host: String(hostRedactionLocked),
        agent: String(professionalTaskRedactionLocked && warRoomRedactionLocked),
      }),
      tone: hostRedactionLocked && professionalTaskRedactionLocked && warRoomRedactionLocked && serviceHealthRedactionLocked ? 'ok' as const : 'warn' as const,
    },
  ]
  const globalControlRunwayRows: Array<{
    key: string
    label: string
    owner: string
    value: string
    detail: string
    next: string
    tone: 'ok' | 'warn' | 'danger' | 'neutral'
    icon: ReactNode
  }> = [
    {
      key: 'readOnlyInvestigation',
      label: t('globalControl.runway.readOnlyInvestigation.label'),
      owner: 'Hermes / OpenClaw',
      value: String(runtimeActionRequired + serviceHealthActions + hostRunawayAlertLanes),
      detail: t('globalControl.runway.readOnlyInvestigation.detail', {
        probes: hostStatefulInventory.rollups.readonly_probe_step_count,
        health: serviceHealthActions,
      }),
      next: t('globalControl.runway.readOnlyInvestigation.next', { blocked: hostRunawayBlocked }),
      tone: hostRunawayBlocked > 0 ? 'warn' : 'ok',
      icon: <Fingerprint size={15} />,
    },
    {
      key: 'dryRunCandidate',
      label: t('globalControl.runway.dryRunCandidate.label'),
      owner: 'OpenClaw / SRE',
      value: `${candidateDryRunPassed}/${candidateDryRunCount}`,
      detail: t('globalControl.runway.dryRunCandidate.detail', {
        evidence: candidateDryRunEvidenceCount,
        verifier: candidateDryRunVerifierPlans,
      }),
      next: t('globalControl.runway.dryRunCandidate.next', { review: candidateDryRunNeedsReview }),
      tone: candidateDryRunNeedsReview > 0 ? 'warn' : 'ok',
      icon: <ClipboardCheck size={15} />,
    },
    {
      key: 'shadowReplay',
      label: t('globalControl.runway.shadowReplay.label'),
      owner: 'Nemotron / Critic',
      value: `${runtimeShadowPassed}/${runtimeShadowCandidates}`,
      detail: t('globalControl.runway.shadowReplay.detail', {
        replays: runtimeShadowReplays,
        verifier: runtimeShadowVerifierCases,
      }),
      next: t('globalControl.runway.shadowReplay.next', { approvals: runtimeShadowApprovals }),
      tone: runtimeShadowApprovals > 0 || runtimeShadowBlocked > 0 ? 'warn' : 'ok',
      icon: <RefreshCw size={15} />,
    },
    {
      key: 'permissionModel',
      label: t('globalControl.runway.permissionModel.label'),
      owner: 'Security / OpenClaw',
      value: `${operationPermissionObserveOnly + operationPermissionNoWrite + operationPermissionProposalOnly}/${operationPermissionCategories}`,
      detail: t('globalControl.runway.permissionModel.detail', {
        gates: operationPermissionGates,
        blocked: operationPermissionBlocked,
      }),
      next: t('globalControl.runway.permissionModel.next', { approvals: operationPermissionHumanApproval }),
      tone: operationPermissionBlocked > 0 || operationPermissionHumanApproval > 0 ? 'warn' : 'ok',
      icon: <ShieldAlert size={15} />,
    },
    {
      key: 'reportTelegram',
      label: t('globalControl.runway.reportTelegram.label'),
      owner: 'Hermes / Reporter',
      value: `${reportRuntimeReady}/${reportRuntimeLanes}`,
      detail: t('globalControl.runway.reportTelegram.detail', {
        queue: reportRuntimeQueueWrites,
        delivery: reportRuntimeLiveDelivery,
      }),
      next: t('globalControl.runway.reportTelegram.next', { approvals: reportRuntimeApprovals }),
      tone: reportRuntimeApprovals > 0 || reportRuntimeBlocked > 0 ? 'warn' : 'ok',
      icon: <BellRing size={15} />,
    },
    {
      key: 'learningWriteback',
      label: t('globalControl.runway.learningWriteback.label'),
      owner: 'Hermes / OpenClaw',
      value: String(matchedPlaybookCandidates + taskResultKmDrafts),
      detail: t('globalControl.runway.learningWriteback.detail', {
        matched: matchedPlaybookApprovalMatched,
        drafts: taskResultKmDrafts,
      }),
      next: t('globalControl.runway.learningWriteback.next', {
        gates: matchedPlaybookGates + learningWritebackApprovals,
      }),
      tone: matchedPlaybookGates + learningWritebackApprovals > 0 ? 'warn' : 'ok',
      icon: <BookOpenCheck size={15} />,
    },
  ]
  const globalControlQueueAutoPrepared = (
    serviceHealthActions
    + dependencySupplyChainDriftMonitor.rollups.drift_candidate_count
    + lowMediumWhitelistCandidates
    + reportDryRunArtifacts
    + runtimeShadowPassed
    + matchedPlaybookCandidates
  )
  const globalControlQueueOwnerReview = highRiskOwnerQueueItems + reportRuntimeApprovals + runtimeShadowApprovals + learningWritebackApprovals
  const globalControlQueueBlocked = highRiskOwnerQueueBlocked + operationPermissionBlocked + runtimeShadowBlocked + reportRuntimeBlocked
  const openClawWorkload = (
    serviceHealthActions
    + candidateDryRunNeedsReview
    + lowMediumWhitelistCandidates
    + highRiskOwnerQueueItems
    + operationPermissionHumanApproval
    + explicitApprovalTaskCount
  )
  const openClawOwnerReview = (
    candidateDryRunNeedsReview
    + highRiskOwnerQueueItems
    + operationPermissionHumanApproval
  )
  const hermesWorkload = (
    reportRuntimeReady
    + reportDryRunArtifacts
    + reportDryRunQueueDrafts
    + matchedPlaybookCandidates
    + taskResultKmDrafts
    + hostStatefulInventory.rollups.readonly_probe_step_count
  )
  const hermesOwnerReview = reportRuntimeApprovals + reportDryRunApprovals + reportFixtureApprovals + learningWritebackApprovals
  const nemotronWorkload = (
    runtimeShadowCandidates
    + runtimeShadowReplays
    + dependencySupplyChainDriftMonitor.rollups.drift_candidate_count
    + warRoomMarketCandidates
    + providerRouteGateApprovals
  )
  const nemotronOwnerReview = runtimeShadowApprovals + providerRouteGateApprovals + dependencySupplyChainDriftMonitor.rollups.blocked_operation_count
  const securitySreWorkload = (
    operationPermissionCategories
    + highRiskOwnerQueueItems
    + serviceHealthOperatorReviews
    + giteaRunnerActions
    + runtimeWriteApprovals
  )
  const securitySreOwnerReview = operationPermissionHumanApproval + highRiskOwnerQueueItems + runtimeWriteApprovals
  const agentWorkloadTotal = openClawWorkload + hermesWorkload + nemotronWorkload + securitySreWorkload
  const agentWorkloadOwnerReviewTotal = openClawOwnerReview + hermesOwnerReview + nemotronOwnerReview + securitySreOwnerReview
  const agentWorkloadBlockedTotal = (
    highRiskOwnerQueueBlocked
    + operationPermissionBlocked
    + runtimeShadowBlocked
    + reportRuntimeBlocked
    + lowMediumWhitelistBlocked
    + dependencySupplyChainDriftMonitor.rollups.blocked_operation_count
  )
  const agentWorkloadLiveBoundaryTotal = (
    globalControlLiveWriteAllowedTotal
    + globalControlTelegramSendTotal
    + operationPermissionSecretReads
    + operationPermissionDestructive
  )
  const globalControlAgentWorkloadRows: Array<{
    key: string
    label: string
    mission: string
    workload: number
    ownerReview: number
    blocked: number
    telegram: string
    learning: string
    next: string
    tone: 'ok' | 'warn' | 'danger' | 'neutral'
    icon: ReactNode
  }> = [
    {
      key: 'openclaw',
      label: t('globalControl.agentWorkload.agents.openclaw.label'),
      mission: t('globalControl.agentWorkload.agents.openclaw.mission'),
      workload: openClawWorkload,
      ownerReview: openClawOwnerReview,
      blocked: highRiskOwnerQueueBlocked + operationPermissionBlocked + lowMediumWhitelistBlocked,
      telegram: t('globalControl.agentWorkload.agents.openclaw.telegram', { reviews: openClawOwnerReview }),
      learning: t('globalControl.agentWorkload.agents.openclaw.learning', { candidates: matchedPlaybookCandidates + taskResultKmDrafts }),
      next: t('globalControl.agentWorkload.agents.openclaw.next', { dryRuns: candidateDryRunNeedsReview, high: highRiskOwnerQueueItems }),
      tone: openClawOwnerReview + highRiskOwnerQueueBlocked + operationPermissionBlocked > 0 ? 'warn' : 'ok',
      icon: <Target size={15} />,
    },
    {
      key: 'hermes',
      label: t('globalControl.agentWorkload.agents.hermes.label'),
      mission: t('globalControl.agentWorkload.agents.hermes.mission'),
      workload: hermesWorkload,
      ownerReview: hermesOwnerReview,
      blocked: reportRuntimeBlocked + learningWritebackBlockedWrites + taskResultBlocked,
      telegram: t('globalControl.agentWorkload.agents.hermes.telegram', { drafts: reportDryRunQueueDrafts }),
      learning: t('globalControl.agentWorkload.agents.hermes.learning', { km: taskResultKmDrafts, gates: learningWritebackApprovals }),
      next: t('globalControl.agentWorkload.agents.hermes.next', { reports: reportDryRunArtifacts, charts: visibleReportStatusCharts.length + visibleReportCharts.length }),
      tone: hermesOwnerReview + reportRuntimeBlocked + learningWritebackApprovals > 0 ? 'warn' : 'ok',
      icon: <MessageSquareText size={15} />,
    },
    {
      key: 'nemotron',
      label: t('globalControl.agentWorkload.agents.nemotron.label'),
      mission: t('globalControl.agentWorkload.agents.nemotron.mission'),
      workload: nemotronWorkload,
      ownerReview: nemotronOwnerReview,
      blocked: runtimeShadowBlocked + dependencySupplyChainDriftMonitor.rollups.blocked_operation_count + providerRouteDeniedCount,
      telegram: t('globalControl.agentWorkload.agents.nemotron.telegram', { replays: runtimeShadowReplays }),
      learning: t('globalControl.agentWorkload.agents.nemotron.learning', { market: warRoomMarketCandidates, drift: dependencySupplyChainDriftMonitor.rollups.drift_candidate_count }),
      next: t('globalControl.agentWorkload.agents.nemotron.next', { passed: runtimeShadowPassed, total: runtimeShadowCandidates }),
      tone: runtimeShadowBlocked + nemotronOwnerReview > 0 ? 'warn' : 'ok',
      icon: <RefreshCw size={15} />,
    },
    {
      key: 'securitySre',
      label: t('globalControl.agentWorkload.agents.securitySre.label'),
      mission: t('globalControl.agentWorkload.agents.securitySre.mission'),
      workload: securitySreWorkload,
      ownerReview: securitySreOwnerReview,
      blocked: operationPermissionBlocked + runtimeWriteBlockedActions + serviceHealthOperatorReviews,
      telegram: t('globalControl.agentWorkload.agents.securitySre.telegram', { gates: operationPermissionGates }),
      learning: t('globalControl.agentWorkload.agents.securitySre.learning', { verifiers: serviceHealthOperatorReviews + runtimeVerifierActions }),
      next: t('globalControl.agentWorkload.agents.securitySre.next', { blocked: operationPermissionBlocked + runtimeWriteBlockedActions }),
      tone: operationPermissionBlocked + runtimeWriteBlockedActions + highRiskOwnerQueueItems > 0 ? 'danger' : 'ok',
      icon: <ShieldAlert size={15} />,
    },
  ]
  const agentCollaborationProofTotal = (
    actionOwnerEventBusEvents
    + actionOwnerEventBusRag
    + actionOwnerEventBusGates
    + proofSignalCount
    + telegramReceiptGates
    + runtimeShadowReplays
    + criticReviewerScorecards
  )
  const agentCollaborationReviewTotal = (
    actionOwnerEventBusBlocked
    + proofBlockedGates
    + telegramReceiptApprovals
    + runtimeShadowApprovals
    + criticReviewerPromotionGates
  )
  const agentCollaborationLiveBoundaryTotal = (
    actionOwnerEventBusLiveTotal
    + telegramReceiptLiveTotal
    + globalControlLiveWriteAllowedTotal
    + globalControlTelegramSendTotal
  )
  const globalControlCollaborationRows: Array<{
    key: string
    label: string
    owner: string
    value: string
    detail: string
    next: string
    tone: 'ok' | 'warn' | 'danger' | 'neutral'
    icon: ReactNode
  }> = [
    {
      key: 'handoffBus',
      label: t('globalControl.collaborationProof.items.handoffBus.label'),
      owner: 'OpenClaw / Hermes / Security',
      value: String(actionOwnerEventBusEvents),
      detail: t('globalControl.collaborationProof.items.handoffBus.detail', {
        lanes: actionOwnerEventBusLanes,
        fields: actionOwnerEventBusFields,
        accepted: actionOwnerEventBusAccepted,
      }),
      next: t('globalControl.collaborationProof.items.handoffBus.next', { blocked: actionOwnerEventBusBlocked }),
      tone: actionOwnerEventBusBlocked > 0 ? 'warn' : 'ok',
      icon: <GitBranch size={15} />,
    },
    {
      key: 'ragLearning',
      label: t('globalControl.collaborationProof.items.ragLearning.label'),
      owner: 'Hermes / OpenClaw',
      value: String(actionOwnerEventBusRag + matchedPlaybookCandidates + taskResultKmDrafts),
      detail: t('globalControl.collaborationProof.items.ragLearning.detail', {
        rag: actionOwnerEventBusRag,
        km: taskResultKmDrafts,
        playbooks: matchedPlaybookCandidates,
      }),
      next: t('globalControl.collaborationProof.items.ragLearning.next', {
        writes: matchedPlaybookLearningWrites + matchedPlaybookTrustWrites + taskResultKmWrites,
      }),
      tone: matchedPlaybookGates + learningWritebackApprovals > 0 ? 'warn' : 'ok',
      icon: <BookOpenCheck size={15} />,
    },
    {
      key: 'criticReplay',
      label: t('globalControl.collaborationProof.items.criticReplay.label'),
      owner: 'Nemotron / Critic',
      value: String(runtimeShadowReplays + criticReviewerScorecards),
      detail: t('globalControl.collaborationProof.items.criticReplay.detail', {
        replays: runtimeShadowReplays,
        scorecards: criticReviewerScorecards,
        passed: runtimeShadowPassed,
        total: runtimeShadowCandidates,
      }),
      next: t('globalControl.collaborationProof.items.criticReplay.next', { approvals: runtimeShadowApprovals + criticReviewerPromotionGates }),
      tone: runtimeShadowApprovals + criticReviewerPromotionGates > 0 ? 'warn' : 'ok',
      icon: <RefreshCw size={15} />,
    },
    {
      key: 'telegramReceipt',
      label: t('globalControl.collaborationProof.items.telegramReceipt.label'),
      owner: 'Hermes / Telegram Bot',
      value: `${telegramReceiptLanes}/${telegramReceiptGates}`,
      detail: t('globalControl.collaborationProof.items.telegramReceipt.detail', {
        approvals: telegramReceiptApprovals,
        blocked: telegramReceiptBlockedActions,
        live: telegramReceiptLiveTotal,
      }),
      next: t('globalControl.collaborationProof.items.telegramReceipt.next', { sends: globalControlTelegramSendTotal }),
      tone: telegramReceiptApprovals + telegramReceiptBlockedActions > 0 ? 'warn' : 'ok',
      icon: <BellOff size={15} />,
    },
    {
      key: 'visibleRuntimeProof',
      label: t('globalControl.collaborationProof.items.visibleRuntimeProof.label'),
      owner: 'All Agents',
      value: String(proofSignalCount),
      detail: t('globalControl.collaborationProof.items.visibleRuntimeProof.detail', {
        surfaces: proofVisibleSurfaces,
        levels: proofContractReadyLevels,
        sessions: proofLiveSessions,
      }),
      next: t('globalControl.collaborationProof.items.visibleRuntimeProof.next', { gates: proofBlockedGates }),
      tone: proofBlockedGates > 0 ? 'warn' : 'ok',
      icon: <Layers3 size={15} />,
    },
  ]
  const globalControlExecutionQueueRows: Array<{
    key: string
    label: string
    owner: string
    risk: string
    mode: string
    value: string
    detail: string
    next: string
    telegram: string
    gate: string
    tone: 'ok' | 'warn' | 'danger' | 'neutral'
    icon: ReactNode
  }> = [
    {
      key: 'serviceOps',
      label: t('globalControl.executionQueue.items.serviceOps.label'),
      owner: 'OpenClaw / Hermes',
      risk: t('globalControl.executionQueue.risks.medium'),
      mode: t('globalControl.executionQueue.modes.noWrite'),
      value: String(serviceHealthActions + runtimeLiveMissing + giteaRunnerActions),
      detail: t('globalControl.executionQueue.items.serviceOps.detail', {
        health: serviceHealthActions,
        runtime: runtimeLiveMissing,
        runner: giteaRunnerActions,
      }),
      next: t('globalControl.executionQueue.items.serviceOps.next', { candidates: serviceHealthOperatorReviews + candidateDryRunNeedsReview }),
      telegram: t('globalControl.executionQueue.telegram.failureOnly'),
      gate: t('globalControl.executionQueue.gates.noRuntimeWrite', { value: serviceHealthDeniedCount + hostReadonlyDeniedCount }),
      tone: serviceHealthActions + runtimeLiveMissing + giteaRunnerActions > 0 ? 'warn' : 'ok',
      icon: <Gauge size={15} />,
    },
    {
      key: 'versionRadar',
      label: t('globalControl.executionQueue.items.versionRadar.label'),
      owner: 'Nemotron / Hermes',
      risk: t('globalControl.executionQueue.risks.medium'),
      mode: t('globalControl.executionQueue.modes.marketRadar'),
      value: String(dependencySupplyChainDriftMonitor.rollups.drift_candidate_count),
      detail: t('globalControl.executionQueue.items.versionRadar.detail', {
        stale: dependencySupplyChainDriftMonitor.rollups.stale_source_snapshot_count,
        candidates: dependencySupplyChainDriftMonitor.rollups.drift_candidate_count,
      }),
      next: t('globalControl.executionQueue.items.versionRadar.next', { blocked: dependencySupplyChainDriftMonitor.rollups.blocked_operation_count }),
      telegram: t('globalControl.executionQueue.telegram.approvalDigest'),
      gate: t('globalControl.executionQueue.gates.noPackageUpgrade', { blocked: dependencySupplyChainDriftMonitor.rollups.blocked_operation_count }),
      tone: dependencySupplyChainDriftMonitor.rollups.blocked_operation_count > 0 ? 'warn' : 'ok',
      icon: <PackageCheck size={15} />,
    },
    {
      key: 'reportOps',
      label: t('globalControl.executionQueue.items.reportOps.label'),
      owner: 'Hermes / Reporter',
      risk: t('globalControl.executionQueue.risks.lowMedium'),
      mode: t('globalControl.executionQueue.modes.noSendPreview'),
      value: `${reportDryRunQueueDrafts}/${reportDryRunArtifacts}`,
      detail: t('globalControl.executionQueue.items.reportOps.detail', {
        daily: reportRuntimeReady,
        drafts: reportDryRunQueueDrafts,
        charts: visibleReportStatusCharts.length + visibleReportCharts.length,
      }),
      next: t('globalControl.executionQueue.items.reportOps.next', { approvals: reportRuntimeApprovals + reportDryRunApprovals + reportFixtureApprovals }),
      telegram: t('globalControl.executionQueue.telegram.noSendPreview'),
      gate: t('globalControl.executionQueue.gates.noTelegramLive', { sends: reportDryRunBotCalls + reportFixtureSends }),
      tone: reportRuntimeApprovals + reportDryRunApprovals + reportFixtureApprovals > 0 ? 'warn' : 'ok',
      icon: <FileText size={15} />,
    },
    {
      key: 'lowMedium',
      label: t('globalControl.executionQueue.items.lowMedium.label'),
      owner: 'OpenClaw / SRE',
      risk: t('globalControl.executionQueue.risks.lowMedium'),
      mode: t('globalControl.executionQueue.modes.autoPrepare'),
      value: String(lowMediumWhitelistCandidates),
      detail: t('globalControl.executionQueue.items.lowMedium.detail', {
        low: lowMediumWhitelistLow,
        medium: lowMediumWhitelistMedium,
        verifiers: lowMediumWhitelistVerifiers,
      }),
      next: t('globalControl.executionQueue.items.lowMedium.next', { blocked: lowMediumWhitelistBlocked }),
      telegram: t('globalControl.executionQueue.telegram.actionDigest'),
      gate: t('globalControl.executionQueue.gates.whitelistNoLive', { live: lowMediumWhitelistLiveTotal }),
      tone: lowMediumWhitelistBlocked > 0 ? 'warn' : 'ok',
      icon: <ClipboardCheck size={15} />,
    },
    {
      key: 'highRisk',
      label: t('globalControl.executionQueue.items.highRisk.label'),
      owner: 'Security / OpenClaw',
      risk: t('globalControl.executionQueue.risks.highCritical'),
      mode: t('globalControl.executionQueue.modes.ownerReview'),
      value: String(highRiskOwnerQueueItems),
      detail: t('globalControl.executionQueue.items.highRisk.detail', {
        critical: highRiskOwnerQueueCritical,
        high: highRiskOwnerQueueHigh,
        packets: highRiskOwnerQueuePackets,
      }),
      next: t('globalControl.executionQueue.items.highRisk.next', { accepted: highRiskOwnerQueueAccepted }),
      telegram: t('globalControl.executionQueue.telegram.ownerGate'),
      gate: t('globalControl.executionQueue.gates.highRiskBlocked', { blocked: highRiskOwnerQueueBlocked }),
      tone: highRiskOwnerQueueItems > 0 ? 'danger' : 'ok',
      icon: <ShieldAlert size={15} />,
    },
    {
      key: 'shadow',
      label: t('globalControl.executionQueue.items.shadow.label'),
      owner: 'Nemotron / Critic',
      risk: t('globalControl.executionQueue.risks.medium'),
      mode: t('globalControl.executionQueue.modes.shadowReplay'),
      value: `${runtimeShadowPassed}/${runtimeShadowCandidates}`,
      detail: t('globalControl.executionQueue.items.shadow.detail', {
        replays: runtimeShadowReplays,
        blocked: runtimeShadowBlocked,
        review: runtimeShadowNeedsReview,
      }),
      next: t('globalControl.executionQueue.items.shadow.next', { checkpoints: runtimeShadowApprovals }),
      telegram: t('globalControl.executionQueue.telegram.replayDigest'),
      gate: t('globalControl.executionQueue.gates.noProviderSwitch', { writes: runtimeShadowProductionWrites }),
      tone: runtimeShadowBlocked + runtimeShadowApprovals > 0 ? 'warn' : 'ok',
      icon: <RefreshCw size={15} />,
    },
    {
      key: 'learning',
      label: t('globalControl.executionQueue.items.learning.label'),
      owner: 'Hermes / OpenClaw',
      risk: t('globalControl.executionQueue.risks.medium'),
      mode: t('globalControl.executionQueue.modes.learningDraft'),
      value: String(matchedPlaybookCandidates + taskResultKmDrafts),
      detail: t('globalControl.executionQueue.items.learning.detail', {
        matched: matchedPlaybookApprovalMatched,
        km: taskResultKmDrafts,
        gates: matchedPlaybookGates,
      }),
      next: t('globalControl.executionQueue.items.learning.next', { writebacks: taskResultWritebacks + matchedPlaybookCandidates }),
      telegram: t('globalControl.executionQueue.telegram.learningDigest'),
      gate: t('globalControl.executionQueue.gates.noLearningWrite', { writes: matchedPlaybookLearningWrites + matchedPlaybookTrustWrites + taskResultKmWrites }),
      tone: matchedPlaybookGates + learningWritebackApprovals > 0 ? 'warn' : 'ok',
      icon: <BookOpenCheck size={15} />,
    },
  ]
  const professionalJudgmentEvidenceTotal = (
    candidateDryRunEvidenceCount
    + highRiskOwnerQueuePackets
    + reportDryRunArtifacts
    + reportDryRunQueueDrafts
    + visibleReportStatusCharts.length
    + visibleReportCharts.length
    + runtimeShadowReplays
    + criticReviewerScorecards
    + operationPermissionCategories
    + runtimeVerifierActions
  )
  const professionalJudgmentGateTotal = (
    openClawOwnerReview
    + hermesOwnerReview
    + nemotronOwnerReview
    + securitySreOwnerReview
    + proofBlockedGates
  )
  const globalControlProfessionalJudgmentRows: Array<{
    key: string
    agent: string
    role: string
    judgment: string
    evidence: string
    confidence: string
    recommendation: string
    gate: string
    tone: 'ok' | 'warn' | 'danger' | 'neutral'
    icon: ReactNode
  }> = [
    {
      key: 'openclaw',
      agent: 'OpenClaw',
      role: t('globalControl.professionalJudgment.items.openclaw.role'),
      judgment: t('globalControl.professionalJudgment.items.openclaw.judgment', {
        dryRuns: candidateDryRunNeedsReview,
        high: highRiskOwnerQueueItems,
        accepted: highRiskOwnerQueueAccepted,
      }),
      evidence: t('globalControl.professionalJudgment.items.openclaw.evidence', {
        evidence: candidateDryRunEvidenceCount,
        packets: highRiskOwnerQueuePackets,
      }),
      confidence: t('globalControl.professionalJudgment.items.openclaw.confidence', {
        low: lowMediumWhitelistLow,
        medium: lowMediumWhitelistMedium,
      }),
      recommendation: t('globalControl.professionalJudgment.items.openclaw.recommendation', {
        blocked: highRiskOwnerQueueBlocked + operationPermissionBlocked,
      }),
      gate: t('globalControl.professionalJudgment.items.openclaw.gate', {
        reviews: openClawOwnerReview,
      }),
      tone: openClawOwnerReview + highRiskOwnerQueueBlocked > 0 ? 'warn' : 'ok',
      icon: <Target size={15} />,
    },
    {
      key: 'hermes',
      agent: 'Hermes',
      role: t('globalControl.professionalJudgment.items.hermes.role'),
      judgment: t('globalControl.professionalJudgment.items.hermes.judgment', {
        drafts: reportDryRunQueueDrafts,
        reports: reportDryRunArtifacts,
        charts: visibleReportStatusCharts.length + visibleReportCharts.length,
      }),
      evidence: t('globalControl.professionalJudgment.items.hermes.evidence', {
        km: taskResultKmDrafts,
        receipt: telegramReceiptGates,
      }),
      confidence: t('globalControl.professionalJudgment.items.hermes.confidence', {
        ready: reportRuntimeReady,
        cadences: reportCadenceCount,
      }),
      recommendation: t('globalControl.professionalJudgment.items.hermes.recommendation', {
        approvals: hermesOwnerReview,
      }),
      gate: t('globalControl.professionalJudgment.items.hermes.gate', {
        sends: globalControlTelegramSendTotal,
      }),
      tone: hermesOwnerReview + reportRuntimeBlocked > 0 ? 'warn' : 'ok',
      icon: <MessageSquareText size={15} />,
    },
    {
      key: 'nemotron',
      agent: 'NemoTron',
      role: t('globalControl.professionalJudgment.items.nemotron.role'),
      judgment: t('globalControl.professionalJudgment.items.nemotron.judgment', {
        replays: runtimeShadowReplays,
        scorecards: criticReviewerScorecards,
        drift: dependencySupplyChainDriftMonitor.rollups.drift_candidate_count,
      }),
      evidence: t('globalControl.professionalJudgment.items.nemotron.evidence', {
        market: warRoomMarketCandidates,
        stale: dependencySupplyChainDriftMonitor.rollups.stale_source_snapshot_count,
      }),
      confidence: t('globalControl.professionalJudgment.items.nemotron.confidence', {
        passed: runtimeShadowPassed,
        total: runtimeShadowCandidates,
      }),
      recommendation: t('globalControl.professionalJudgment.items.nemotron.recommendation', {
        checkpoints: runtimeShadowApprovals + criticReviewerPromotionGates,
      }),
      gate: t('globalControl.professionalJudgment.items.nemotron.gate', {
        writes: runtimeShadowProductionWrites + providerRouteDeniedCount,
      }),
      tone: runtimeShadowBlocked + nemotronOwnerReview > 0 ? 'warn' : 'ok',
      icon: <RefreshCw size={15} />,
    },
    {
      key: 'securitySre',
      agent: 'Security / SRE',
      role: t('globalControl.professionalJudgment.items.securitySre.role'),
      judgment: t('globalControl.professionalJudgment.items.securitySre.judgment', {
        gates: operationPermissionGates,
        categories: operationPermissionCategories,
        blocked: operationPermissionBlocked,
      }),
      evidence: t('globalControl.professionalJudgment.items.securitySre.evidence', {
        verifiers: runtimeVerifierActions,
        health: serviceHealthOperatorReviews,
      }),
      confidence: t('globalControl.professionalJudgment.items.securitySre.confidence', {
        write: globalControlLiveWriteAllowedTotal,
        telegram: globalControlTelegramSendTotal,
      }),
      recommendation: t('globalControl.professionalJudgment.items.securitySre.recommendation', {
        high: highRiskOwnerQueueItems,
      }),
      gate: t('globalControl.professionalJudgment.items.securitySre.gate', {
        blocked: runtimeWriteBlockedActions + operationPermissionBlocked,
      }),
      tone: runtimeWriteBlockedActions + operationPermissionBlocked + highRiskOwnerQueueItems > 0 ? 'danger' : 'ok',
      icon: <ShieldAlert size={15} />,
    },
  ]
  const globalControlAutonomyEvidenceTotal = (
    professionalJudgmentEvidenceTotal
    + agentCollaborationProofTotal
    + candidateDryRunEvidenceCount
    + proofSignalCount
  )
  const globalControlAutonomyPreparedTotal = (
    candidateDryRunPassed
    + runtimeShadowPassed
    + reportRuntimeReady
    + lowMediumWhitelistCandidates
    + matchedPlaybookCandidates
  )
  const globalControlAutonomyGateTotal = (
    globalControlApprovalGateTotal
    + runtimeWriteBlockedActions
    + operationPermissionBlocked
    + highRiskOwnerQueueBlocked
    + reportRuntimeApprovals
    + runtimeShadowApprovals
    + learningWritebackApprovals
  )
  const globalControlAutonomyMaturityRows: Array<{
    key: string
    label: string
    stage: string
    owner: string
    value: string
    detail: string
    next: string
    gate: string
    tone: 'ok' | 'warn' | 'danger' | 'neutral'
    icon: ReactNode
  }> = [
    {
      key: 'sensorEvidence',
      label: t('globalControl.autonomyMaturity.items.sensorEvidence.label'),
      stage: t('globalControl.autonomyMaturity.stages.sensor'),
      owner: 'Hermes / OpenClaw',
      value: `${globalControlDomainRows.length}/8`,
      detail: t('globalControl.autonomyMaturity.items.sensorEvidence.detail', {
        assets: snapshot.assets.length,
        proofs: proofSignalCount,
        probes: hostStatefulInventory.rollups.readonly_probe_step_count,
      }),
      next: t('globalControl.autonomyMaturity.items.sensorEvidence.next', {
        blocked: proofBlockedGates,
      }),
      gate: t('globalControl.autonomyMaturity.gates.readOnly'),
      tone: proofBlockedGates > 0 ? 'warn' : 'ok',
      icon: <Fingerprint size={15} />,
    },
    {
      key: 'candidateDryRun',
      label: t('globalControl.autonomyMaturity.items.candidateDryRun.label'),
      stage: t('globalControl.autonomyMaturity.stages.candidate'),
      owner: 'OpenClaw / SRE',
      value: `${candidateDryRunPassed}/${candidateDryRunCount}`,
      detail: t('globalControl.autonomyMaturity.items.candidateDryRun.detail', {
        evidence: candidateDryRunEvidenceCount,
        auto: lowMediumWhitelistCandidates,
        verifier: candidateDryRunVerifierPlans,
      }),
      next: t('globalControl.autonomyMaturity.items.candidateDryRun.next', {
        review: candidateDryRunNeedsReview,
      }),
      gate: t('globalControl.autonomyMaturity.gates.noWrite'),
      tone: candidateDryRunNeedsReview > 0 ? 'warn' : 'ok',
      icon: <ClipboardCheck size={15} />,
    },
    {
      key: 'reportTelegram',
      label: t('globalControl.autonomyMaturity.items.reportTelegram.label'),
      stage: t('globalControl.autonomyMaturity.stages.report'),
      owner: 'Hermes / Reporter',
      value: `${reportRuntimeReady}/${reportRuntimeLanes}`,
      detail: t('globalControl.autonomyMaturity.items.reportTelegram.detail', {
        drafts: reportDryRunQueueDrafts,
        charts: visibleReportStatusCharts.length + visibleReportCharts.length,
        receipts: telegramReceiptGates,
      }),
      next: t('globalControl.autonomyMaturity.items.reportTelegram.next', {
        approvals: reportRuntimeApprovals + reportDryRunApprovals + reportFixtureApprovals,
      }),
      gate: t('globalControl.autonomyMaturity.gates.noTelegram', {
        sends: globalControlTelegramSendTotal,
      }),
      tone: reportRuntimeApprovals + reportDryRunApprovals + reportFixtureApprovals > 0 ? 'warn' : 'ok',
      icon: <BellRing size={15} />,
    },
    {
      key: 'marketReplay',
      label: t('globalControl.autonomyMaturity.items.marketReplay.label'),
      stage: t('globalControl.autonomyMaturity.stages.replay'),
      owner: 'NemoTron / Critic',
      value: `${runtimeShadowPassed}/${runtimeShadowCandidates}`,
      detail: t('globalControl.autonomyMaturity.items.marketReplay.detail', {
        market: warRoomMarketCandidates,
        drift: dependencySupplyChainDriftMonitor.rollups.drift_candidate_count,
        scorecards: criticReviewerScorecards,
      }),
      next: t('globalControl.autonomyMaturity.items.marketReplay.next', {
        checkpoints: runtimeShadowApprovals + criticReviewerPromotionGates,
      }),
      gate: t('globalControl.autonomyMaturity.gates.noProviderSwitch', {
        writes: runtimeShadowProductionWrites + providerRouteDeniedCount,
      }),
      tone: runtimeShadowApprovals + criticReviewerPromotionGates + providerRouteDeniedCount > 0 ? 'warn' : 'ok',
      icon: <RefreshCw size={15} />,
    },
    {
      key: 'executionGate',
      label: t('globalControl.autonomyMaturity.items.executionGate.label'),
      stage: t('globalControl.autonomyMaturity.stages.execution'),
      owner: 'Security / SRE',
      value: String(globalControlLiveWriteAllowedTotal),
      detail: t('globalControl.autonomyMaturity.items.executionGate.detail', {
        gates: globalControlApprovalGateTotal,
        blocked: runtimeWriteBlockedActions + operationPermissionBlocked + highRiskOwnerQueueBlocked,
        telegram: globalControlTelegramSendTotal,
      }),
      next: t('globalControl.autonomyMaturity.items.executionGate.next', {
        reviews: securitySreOwnerReview + openClawOwnerReview,
      }),
      gate: t('globalControl.autonomyMaturity.gates.runtimeClosed'),
      tone: globalControlLiveWriteAllowedTotal === 0 && globalControlTelegramSendTotal === 0 ? 'warn' : 'danger',
      icon: <Lock size={15} />,
    },
    {
      key: 'verifierLearning',
      label: t('globalControl.autonomyMaturity.items.verifierLearning.label'),
      stage: t('globalControl.autonomyMaturity.stages.learning'),
      owner: 'All Agents',
      value: `${resultCaptureReleaseReadbacks}/${learningWritebackLiveWrites}`,
      detail: t('globalControl.autonomyMaturity.items.verifierLearning.detail', {
        verifier: runtimeVerifierActions,
        km: taskResultKmDrafts,
        playbooks: matchedPlaybookCandidates,
      }),
      next: t('globalControl.autonomyMaturity.items.verifierLearning.next', {
        gates: matchedPlaybookGates + learningWritebackApprovals,
      }),
      gate: t('globalControl.autonomyMaturity.gates.learningNoWrite', {
        writes: matchedPlaybookLearningWrites + matchedPlaybookTrustWrites + taskResultKmWrites,
      }),
      tone: matchedPlaybookGates + learningWritebackApprovals > 0 ? 'warn' : 'ok',
      icon: <ShieldCheck size={15} />,
    },
  ]

  return (
    <div className="automation-inventory-tab-root" style={{ padding: 20, display: 'flex', flexDirection: 'column', gap: 16, minWidth: 0 }}>
      <GlassCard variant="subtle" padding="md">
        <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 12, flexWrap: 'wrap' }}>
          <div style={{ display: 'flex', alignItems: 'center', gap: 10, minWidth: 0 }}>
            <div style={{
              width: 34,
              height: 34,
              borderRadius: 8,
              border: '0.5px solid #22C55E40',
              background: 'rgba(34,197,94,0.08)',
              display: 'flex',
              alignItems: 'center',
              justifyContent: 'center',
              flexShrink: 0,
            }}>
              <ShieldCheck size={17} style={{ color: '#22C55E' }} />
            </div>
            <div style={{ minWidth: 0 }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, marginBottom: 3 }}>
                <StatusOrb status="healthy" size="sm" glow />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 15, fontWeight: 700, color: '#141413' }}>
                  {t('title')}
                </span>
              </div>
              <div style={{
                fontFamily: "'DM Mono', monospace",
                fontSize: 11,
                color: '#87867f',
                maxWidth: '100%',
                overflowX: 'auto',
                overflowY: 'hidden',
                whiteSpace: 'nowrap',
              }}>
                {t('readOnly')} · {snapshot.program_status.current_task_id} → {snapshot.program_status.next_task_id}
              </div>
            </div>
          </div>
          <div style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f' }}>
            {t('generatedAt')} {formatDateTime(snapshot.generated_at)}
          </div>
        </div>
      </GlassCard>

      <AgentActivityConstellation
        mode="automation"
        statusValue={`${snapshot.program_status.current_task_id} → ${snapshot.program_status.next_task_id}`}
        metrics={[
          { label: t('agentActivity.metrics.backlog'), value: `${backlogProgressPercent}%`, tone: 'ok' },
          { label: t('agentActivity.metrics.readback'), value: `${resultCaptureReleaseReadbackOverall}%`, tone: 'ok' },
          { label: t('agentActivity.metrics.gates'), value: explicitApprovalTaskCount, tone: explicitApprovalTaskCount > 0 ? 'warn' : 'ok' },
          { label: t('agentActivity.metrics.liveWrites'), value: resultCaptureReleaseReadbackLiveWrites, tone: resultCaptureReleaseReadbackLiveWrites === 0 ? 'ok' : 'danger' },
        ]}
      />

      <GlassCard variant="subtle" padding="md">
        <div style={{ display: 'flex', flexDirection: 'column', gap: 14, minWidth: 0 }}>
          <div style={{ display: 'flex', alignItems: 'flex-start', justifyContent: 'space-between', gap: 12, flexWrap: 'wrap' }}>
            <div style={{ display: 'flex', alignItems: 'flex-start', gap: 10, minWidth: 0 }}>
              <div style={{
                width: 38,
                height: 38,
                borderRadius: 8,
                border: '0.5px solid #0f766e40',
                background: 'rgba(15,118,110,0.08)',
                color: '#0f766e',
                display: 'flex',
                alignItems: 'center',
                justifyContent: 'center',
                flexShrink: 0,
              }}>
                <Target size={18} />
              </div>
              <div style={{ display: 'flex', flexDirection: 'column', gap: 5, minWidth: 0 }}>
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 18, fontWeight: 760, color: '#141413', lineHeight: 1.15, overflowWrap: 'anywhere' }}>
                  {t('globalControl.title')}
                </span>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 11, color: '#5c5a55', lineHeight: 1.55, overflowWrap: 'anywhere' }}>
                  {t('globalControl.subtitle', {
                    domains: globalControlDomainRows.length,
                    gates: globalControlApprovalGateTotal,
                    live: globalControlLiveWriteAllowedTotal,
                  })}
                </span>
              </div>
            </div>
            <div style={{ display: 'flex', flexWrap: 'wrap', justifyContent: 'flex-end', gap: 6, minWidth: 0 }}>
              <Chip value={t('globalControl.badges.readOnly')} />
              <Chip value={t('globalControl.badges.noTranscript')} muted />
              <Chip value={t('globalControl.badges.noLiveWrite', { value: globalControlLiveWriteAllowedTotal })} muted={globalControlLiveWriteAllowedTotal === 0} />
            </div>
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-global-control-kpi-grid">
            <MetricCard label={t('globalControl.metrics.domains')} value={`${globalControlDomainRows.length}/8`} tone="ok" icon={<Layers3 size={16} />} />
            <MetricCard label={t('globalControl.metrics.assets')} value={snapshot.assets.length} tone="ok" icon={<Boxes size={16} />} />
            <MetricCard label={t('globalControl.metrics.runtime')} value={runtimeSurface?.rollups.total_surfaces ?? 0} tone="ok" icon={<Server size={16} />} />
            <MetricCard label={t('globalControl.metrics.candidates')} value={candidateDryRunCount + dependencySupplyChainDriftMonitor.rollups.drift_candidate_count} tone="warn" icon={<ClipboardCheck size={16} />} />
            <MetricCard label={t('globalControl.metrics.gates')} value={globalControlApprovalGateTotal} tone={globalControlApprovalGateTotal > 0 ? 'warn' : 'ok'} icon={<Lock size={16} />} />
            <MetricCard label={t('globalControl.metrics.liveWrites')} value={globalControlLiveWriteAllowedTotal} tone={globalControlLiveWriteAllowedTotal === 0 ? 'ok' : 'danger'} icon={<BellOff size={16} />} />
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1.25fr) minmax(260px, 0.75fr)', gap: 12 }} className="automation-inventory-global-control-grid">
            <div style={{ display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
              <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
                <SmallLabel>{t('globalControl.pipelineTitle')}</SmallLabel>
                <Chip value={t('globalControl.pipelineBadge')} muted />
              </div>
              <div style={{ display: 'grid', gridTemplateColumns: 'repeat(4, minmax(0, 1fr))', gap: 10 }} className="automation-inventory-global-control-pipeline-grid">
                {globalControlPipelineRows.map((row, index) => (
                  <FlowStageTile
                    key={row.key}
                    index={String(index + 1).padStart(2, '0')}
                    label={row.label}
                    value={row.value}
                    detail={row.detail}
                    icon={row.icon}
                    tone={row.tone}
                  />
                ))}
              </div>
            </div>

            <div style={{ padding: 12, border: '0.5px solid #d6e7de', borderRadius: 7, background: '#f7fffb', display: 'flex', flexDirection: 'column', gap: 4, minWidth: 0 }}>
              <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
                <SmallLabel>{t('globalControl.boundaryTitle')}</SmallLabel>
                <Chip value={t('globalControl.boundaryBadge')} muted />
              </div>
              {globalControlBoundaryRows.map(row => (
                <GateMatrixRow
                  key={row.key}
                  label={row.label}
                  value={row.value}
                  detail={row.detail}
                  tone={row.tone}
                />
              ))}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #d9e7f7', borderRadius: 7, background: '#f8fbff', display: 'flex', flexDirection: 'column', gap: 11, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'flex-start', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', flexDirection: 'column', gap: 4, minWidth: 0 }}>
                <SmallLabel>{t('globalControl.runwayTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {t('globalControl.runwaySummary', {
                    noWrite: operationPermissionObserveOnly + operationPermissionNoWrite + operationPermissionProposalOnly,
                    runtime: operationPermissionRuntimeRuns,
                    sends: operationPermissionSends,
                    writes: operationPermissionProductionWrites,
                  })}
                </span>
              </div>
              <Chip value={t('globalControl.runwayBadge')} muted />
            </div>
            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(3, minmax(0, 1fr))', gap: 10 }} className="automation-inventory-global-control-runway-grid">
              {globalControlRunwayRows.map(row => {
                const color = toneColor(row.tone)
                return (
                  <div key={row.key} style={{ padding: 10, border: `0.5px solid ${color}44`, borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                    <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'flex-start', minWidth: 0 }}>
                      <div style={{ display: 'flex', gap: 7, alignItems: 'center', minWidth: 0 }}>
                        <div style={{
                          width: 26,
                          height: 26,
                          borderRadius: 7,
                          border: `0.5px solid ${color}55`,
                          background: `${color}12`,
                          color,
                          display: 'flex',
                          alignItems: 'center',
                          justifyContent: 'center',
                          flexShrink: 0,
                        }}>
                          {row.icon}
                        </div>
                        <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 760, color: '#141413', lineHeight: 1.2, overflowWrap: 'anywhere' }}>
                          {row.label}
                        </span>
                      </div>
                      <Chip value={row.value} muted={row.tone === 'ok'} />
                    </div>
                    <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                      <Chip value={row.owner} />
                    </div>
                    <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {row.detail}
                    </span>
                    <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color, fontWeight: 700, lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {row.next}
                    </span>
                  </div>
                )
              })}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #d7d2f4', borderRadius: 7, background: '#fbfaff', display: 'flex', flexDirection: 'column', gap: 11, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'flex-start', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', flexDirection: 'column', gap: 4, minWidth: 0 }}>
                <SmallLabel>{t('globalControl.agentWorkload.title')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#625f78', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {t('globalControl.agentWorkload.summary', {
                    workload: agentWorkloadTotal,
                    review: agentWorkloadOwnerReviewTotal,
                    blocked: agentWorkloadBlockedTotal,
                    live: agentWorkloadLiveBoundaryTotal,
                  })}
                </span>
              </div>
              <Chip value={t('globalControl.agentWorkload.badge')} muted />
            </div>
            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(4, minmax(0, 1fr))', gap: 10 }} className="automation-inventory-global-control-agent-workload-grid">
              {globalControlAgentWorkloadRows.map(row => {
                const color = toneColor(row.tone)
                return (
                  <div key={row.key} style={{ padding: 11, border: `0.5px solid ${color}44`, borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                    <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'flex-start', minWidth: 0 }}>
                      <div style={{ display: 'flex', gap: 7, alignItems: 'center', minWidth: 0 }}>
                        <div style={{
                          width: 28,
                          height: 28,
                          borderRadius: 7,
                          border: `0.5px solid ${color}55`,
                          background: `${color}12`,
                          color,
                          display: 'flex',
                          alignItems: 'center',
                          justifyContent: 'center',
                          flexShrink: 0,
                        }}>
                          {row.icon}
                        </div>
                        <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 760, color: '#141413', lineHeight: 1.2, overflowWrap: 'anywhere' }}>
                          {row.label}
                        </span>
                      </div>
                      <Chip value={String(row.workload)} muted={row.tone === 'ok'} />
                    </div>
                    <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#625f78', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {row.mission}
                    </span>
                    <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                      <Chip value={t('globalControl.agentWorkload.labels.review', { count: row.ownerReview })} muted />
                      <Chip value={t('globalControl.agentWorkload.labels.blocked', { count: row.blocked })} muted={row.blocked === 0} />
                    </div>
                    <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#625f78', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {row.telegram}
                    </span>
                    <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#625f78', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {row.learning}
                    </span>
                    <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color, fontWeight: 700, lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {row.next}
                    </span>
                  </div>
                )
              })}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #c9dfdc', borderRadius: 7, background: '#f8fffe', display: 'flex', flexDirection: 'column', gap: 11, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'flex-start', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', flexDirection: 'column', gap: 4, minWidth: 0 }}>
                <SmallLabel>{t('globalControl.collaborationProof.title')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#536b67', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {t('globalControl.collaborationProof.summary', {
                    proofs: agentCollaborationProofTotal,
                    review: agentCollaborationReviewTotal,
                    live: agentCollaborationLiveBoundaryTotal,
                  })}
                </span>
              </div>
              <Chip value={t('globalControl.collaborationProof.badge')} muted />
            </div>
            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(5, minmax(0, 1fr))', gap: 10 }} className="automation-inventory-global-control-collaboration-proof-grid">
              {globalControlCollaborationRows.map(row => {
                const color = toneColor(row.tone)
                return (
                  <div key={row.key} style={{ padding: 11, border: `0.5px solid ${color}44`, borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                    <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'flex-start', minWidth: 0 }}>
                      <div style={{ display: 'flex', gap: 7, alignItems: 'center', minWidth: 0 }}>
                        <div style={{
                          width: 28,
                          height: 28,
                          borderRadius: 7,
                          border: `0.5px solid ${color}55`,
                          background: `${color}12`,
                          color,
                          display: 'flex',
                          alignItems: 'center',
                          justifyContent: 'center',
                          flexShrink: 0,
                        }}>
                          {row.icon}
                        </div>
                        <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 760, color: '#141413', lineHeight: 1.2, overflowWrap: 'anywhere' }}>
                          {row.label}
                        </span>
                      </div>
                      <Chip value={row.value} muted={row.tone === 'ok'} />
                    </div>
                    <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                      <Chip value={row.owner} />
                    </div>
                    <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#536b67', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {row.detail}
                    </span>
                    <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color, fontWeight: 700, lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {row.next}
                    </span>
                  </div>
                )
              })}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #d6e0d4', borderRadius: 7, background: '#fbfff8', display: 'flex', flexDirection: 'column', gap: 11, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'flex-start', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', flexDirection: 'column', gap: 4, minWidth: 0 }}>
                <SmallLabel>{t('globalControl.professionalJudgment.title')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#5b6f58', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {t('globalControl.professionalJudgment.summary', {
                    agents: globalControlProfessionalJudgmentRows.length,
                    evidence: professionalJudgmentEvidenceTotal,
                    gates: professionalJudgmentGateTotal,
                    live: agentCollaborationLiveBoundaryTotal,
                  })}
                </span>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#5b6f58', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {t('globalControl.professionalJudgment.auditLine')}
                </span>
              </div>
              <Chip value={t('globalControl.professionalJudgment.badge')} muted />
            </div>
            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(4, minmax(0, 1fr))', gap: 10 }} className="automation-inventory-global-control-professional-judgment-grid">
              {globalControlProfessionalJudgmentRows.map(row => {
                const color = toneColor(row.tone)
                return (
                  <div key={row.key} style={{ padding: 11, border: `0.5px solid ${color}44`, borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                    <div style={{ display: 'flex', alignItems: 'flex-start', justifyContent: 'space-between', gap: 8, minWidth: 0 }}>
                      <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                        <div style={{
                          width: 28,
                          height: 28,
                          borderRadius: 7,
                          border: `0.5px solid ${color}55`,
                          background: `${color}12`,
                          color,
                          display: 'flex',
                          alignItems: 'center',
                          justifyContent: 'center',
                          flexShrink: 0,
                        }}>
                          {row.icon}
                        </div>
                        <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 760, color: '#141413', lineHeight: 1.2, overflowWrap: 'anywhere' }}>
                          {row.agent}
                        </span>
                      </div>
                      <Chip value={row.confidence} muted={row.tone === 'ok'} />
                    </div>
                    <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#5b6f58', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {row.role}
                    </span>
                    <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#3f4f3d', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {row.judgment}
                    </span>
                    <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, minWidth: 0 }}>
                      <Chip value={row.evidence} muted />
                    </div>
                    <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color, fontWeight: 700, lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {row.recommendation}
                    </span>
                    <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#5b6f58', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {row.gate}
                    </span>
                  </div>
                )
              })}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #cbd7ea', borderRadius: 7, background: '#f9fbff', display: 'flex', flexDirection: 'column', gap: 11, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'flex-start', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', flexDirection: 'column', gap: 4, minWidth: 0 }}>
                <SmallLabel>{t('globalControl.autonomyMaturity.title')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#536078', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {t('globalControl.autonomyMaturity.summary', {
                    rows: globalControlAutonomyMaturityRows.length,
                    evidence: globalControlAutonomyEvidenceTotal,
                    prepared: globalControlAutonomyPreparedTotal,
                    gates: globalControlAutonomyGateTotal,
                    live: globalControlLiveWriteAllowedTotal,
                  })}
                </span>
              </div>
              <Chip value={t('globalControl.autonomyMaturity.badge')} muted />
            </div>
            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(3, minmax(0, 1fr))', gap: 10 }} className="automation-inventory-global-control-autonomy-maturity-grid">
              {globalControlAutonomyMaturityRows.map(row => {
                const color = toneColor(row.tone)
                return (
                  <div key={row.key} style={{ padding: 11, border: `0.5px solid ${color}44`, borderRadius: 7, background: '#fff', display: 'grid', gridTemplateColumns: '30px minmax(0, 1fr)', gap: 9, alignItems: 'start', minWidth: 0 }}>
                    <div style={{
                      width: 30,
                      height: 30,
                      borderRadius: 7,
                      border: `0.5px solid ${color}55`,
                      background: `${color}12`,
                      color,
                      display: 'flex',
                      alignItems: 'center',
                      justifyContent: 'center',
                    }}>
                      {row.icon}
                    </div>
                    <div style={{ display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                      <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'flex-start', flexWrap: 'wrap', minWidth: 0 }}>
                        <div style={{ display: 'flex', flexDirection: 'column', gap: 3, minWidth: 0 }}>
                          <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 760, color: '#141413', lineHeight: 1.2, overflowWrap: 'anywhere' }}>
                            {row.label}
                          </span>
                          <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64718b', lineHeight: 1.35, overflowWrap: 'anywhere' }}>
                            {row.stage}
                          </span>
                        </div>
                        <Chip value={row.value} muted={row.tone === 'ok'} />
                      </div>
                      <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, minWidth: 0 }}>
                        <Chip value={row.owner} />
                      </div>
                      <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#536078', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                        {row.detail}
                      </span>
                      <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color, fontWeight: 700, lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                        {row.next}
                      </span>
                      <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64718b', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                        {row.gate}
                      </span>
                    </div>
                  </div>
                )
              })}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #eee1c8', borderRadius: 7, background: '#fffdf7', display: 'flex', flexDirection: 'column', gap: 11, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'flex-start', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', flexDirection: 'column', gap: 4, minWidth: 0 }}>
                <SmallLabel>{t('globalControl.executionQueue.title')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#71644b', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {t('globalControl.executionQueue.summary', {
                    rows: globalControlExecutionQueueRows.length,
                    auto: globalControlQueueAutoPrepared,
                    review: globalControlQueueOwnerReview,
                    blocked: globalControlQueueBlocked,
                  })}
                </span>
              </div>
              <Chip value={t('globalControl.executionQueue.badge')} muted />
            </div>
            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(2, minmax(0, 1fr))', gap: 10 }} className="automation-inventory-global-control-execution-queue-grid">
              {globalControlExecutionQueueRows.map(row => {
                const color = toneColor(row.tone)
                return (
                  <div key={row.key} style={{ padding: 11, border: `0.5px solid ${color}44`, borderRadius: 7, background: '#fff', display: 'grid', gridTemplateColumns: '30px minmax(0, 1fr)', gap: 9, alignItems: 'start', minWidth: 0 }}>
                    <div style={{
                      width: 30,
                      height: 30,
                      borderRadius: 7,
                      border: `0.5px solid ${color}55`,
                      background: `${color}12`,
                      color,
                      display: 'flex',
                      alignItems: 'center',
                      justifyContent: 'center',
                    }}>
                      {row.icon}
                    </div>
                    <div style={{ display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                      <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'flex-start', minWidth: 0 }}>
                        <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 760, color: '#141413', lineHeight: 1.2, overflowWrap: 'anywhere' }}>
                          {row.label}
                        </span>
                        <Chip value={row.value} muted={row.tone === 'ok'} />
                      </div>
                      <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                        <Chip value={row.owner} />
                        <Chip value={row.risk} muted />
                        <Chip value={row.mode} muted />
                      </div>
                      <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#655f52', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                        {row.detail}
                      </span>
                      <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color, fontWeight: 700, lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                        {row.next}
                      </span>
                      <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1fr) minmax(0, 1fr)', gap: 6 }} className="automation-inventory-global-control-execution-queue-meta-grid">
                        <Chip value={row.telegram} muted />
                        <Chip value={row.gate} muted />
                      </div>
                    </div>
                  </div>
                )
              })}
            </div>
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'repeat(4, minmax(0, 1fr))', gap: 10 }} className="automation-inventory-global-control-domain-grid">
            {globalControlDomainRows.map(row => {
              const color = toneColor(row.tone)
              return (
                <div key={row.key} style={{ padding: 12, border: `0.5px solid ${color}45`, borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 9, minWidth: 0 }}>
                  <div style={{ display: 'flex', alignItems: 'flex-start', gap: 9, minWidth: 0 }}>
                    <div style={{
                      width: 30,
                      height: 30,
                      borderRadius: 7,
                      border: `0.5px solid ${color}55`,
                      background: `${color}12`,
                      color,
                      display: 'flex',
                      alignItems: 'center',
                      justifyContent: 'center',
                      flexShrink: 0,
                    }}>
                      {row.icon}
                    </div>
                    <div style={{ display: 'flex', flexDirection: 'column', gap: 4, minWidth: 0 }}>
                      <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 760, color: '#141413', lineHeight: 1.2, overflowWrap: 'anywhere' }}>
                        {row.label}
                      </span>
                      <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#6d6a61', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                        {row.scope}
                      </span>
                    </div>
                  </div>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={row.owner} />
                    <Chip value={row.telegram} muted />
                  </div>
                  <div style={{ display: 'flex', flexDirection: 'column', gap: 4, minWidth: 0 }}>
                    <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#5f5a4f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {row.sensor}
                    </span>
                    <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#5f5a4f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {row.candidate}
                    </span>
                    <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color, fontWeight: 700, lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {row.gate}
                    </span>
                    <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {row.learning}
                    </span>
                  </div>
                </div>
              )
            })}
          </div>
        </div>
      </GlassCard>

      <GlassCard variant="subtle" padding="md">
        <div style={{ display: 'flex', flexDirection: 'column', gap: 14, minWidth: 0 }}>
          <div style={{ display: 'flex', alignItems: 'flex-start', justifyContent: 'space-between', gap: 12, flexWrap: 'wrap' }}>
            <div style={{ display: 'flex', alignItems: 'flex-start', gap: 10, minWidth: 0 }}>
              <div style={{
                width: 38,
                height: 38,
                borderRadius: 8,
                border: '0.5px solid #38bdf840',
                background: 'rgba(56,189,248,0.08)',
                color: '#0284c7',
                display: 'flex',
                alignItems: 'center',
                justifyContent: 'center',
                flexShrink: 0,
              }}>
                <RefreshCw size={18} />
              </div>
              <div style={{ display: 'flex', flexDirection: 'column', gap: 5, minWidth: 0 }}>
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 18, fontWeight: 760, color: '#141413', lineHeight: 1.15, overflowWrap: 'anywhere' }}>
                  {t('versionLifecycleProposal.title')}
                </span>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 11, color: '#5c5a55', lineHeight: 1.55, overflowWrap: 'anywhere' }}>
                  {t('versionLifecycleProposal.subtitle', {
                    current: versionLifecycleProposal.program_status.current_task_id,
                    next: versionLifecycleProposal.program_status.next_task_id,
                    proposals: versionLifecycleProposal.rollups.proposal_count,
                    gates: versionLifecycleProposal.rollups.approval_gate_count,
                  })}
                </span>
              </div>
            </div>
            <div style={{ display: 'flex', flexWrap: 'wrap', justifyContent: 'flex-end', gap: 6, minWidth: 0 }}>
              <Chip value={t('versionLifecycleProposal.badges.readOnly')} />
              <Chip value={t('versionLifecycleProposal.badges.telegram', { value: versionLifecycleProposal.rollups.telegram_direct_send_count })} muted />
              <Chip value={t('versionLifecycleProposal.badges.production', { value: versionLifecycleProposal.rollups.production_write_count })} muted />
            </div>
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'repeat(6, minmax(0, 1fr))', gap: 10 }} className="automation-inventory-kpi-grid">
            {[
              { label: t('versionLifecycleProposal.metrics.overall'), value: `${versionLifecycleProposal.program_status.overall_completion_percent}%`, tone: 'ok' as const, icon: <Gauge size={15} /> },
              { label: t('versionLifecycleProposal.metrics.domains'), value: versionLifecycleProposal.rollups.domain_count, tone: 'ok' as const, icon: <Layers3 size={15} /> },
              { label: t('versionLifecycleProposal.metrics.proposals'), value: versionLifecycleProposal.rollups.proposal_count, tone: 'warn' as const, icon: <ClipboardCheck size={15} /> },
              { label: t('versionLifecycleProposal.metrics.critical'), value: versionLifecycleProposal.rollups.critical_candidate_count, tone: 'warn' as const, icon: <ShieldAlert size={15} /> },
              { label: t('versionLifecycleProposal.metrics.blocked'), value: versionLifecycleProposal.rollups.false_runtime_boundary_count, tone: 'ok' as const, icon: <Lock size={15} /> },
              { label: t('versionLifecycleProposal.metrics.autoExecute'), value: versionLifecycleProposal.rollups.auto_execution_allowed_count, tone: 'ok' as const, icon: <ShieldCheck size={15} /> },
            ].map(metric => {
              const color = toneColor(metric.tone)
              return (
                <div key={metric.label} style={{ padding: 11, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', minWidth: 0 }}>
                  <div style={{ display: 'flex', alignItems: 'center', gap: 8, minWidth: 0 }}>
                    <div style={{ color, flexShrink: 0 }}>{metric.icon}</div>
                    <SmallLabel>{metric.label}</SmallLabel>
                  </div>
                  <div style={{ marginTop: 7, fontFamily: 'Syne, sans-serif', fontSize: 23, fontWeight: 760, lineHeight: 1, color }}>
                    {metric.value}
                  </div>
                </div>
              )
            })}
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1.35fr) minmax(260px, 0.65fr)', gap: 12 }} className="automation-inventory-visual-grid">
            <div style={{ display: 'flex', flexDirection: 'column', gap: 9, minWidth: 0 }}>
              <SmallLabel>{t('versionLifecycleProposal.sections.proposals')}</SmallLabel>
              {visibleVersionLifecycleProposals.map(proposal => (
                <div key={proposal.proposal_id} style={{ padding: 11, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', minWidth: 0 }}>
                  <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 8, flexWrap: 'wrap' }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 760, color: '#141413', overflowWrap: 'anywhere' }}>
                      {proposal.display_name}
                    </span>
                    <Chip value={proposal.priority} muted={proposal.priority !== 'P1'} />
                  </div>
                  <div style={{ marginTop: 7, fontFamily: "'DM Mono', monospace", fontSize: 10, lineHeight: 1.55, color: '#5c5a55', overflowWrap: 'anywhere' }}>
                    {redactPublicText(proposal.summary)}
                  </div>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, marginTop: 8 }}>
                    <Chip value={`${t('versionLifecycleProposal.labels.owner')}: ${proactiveValueLabel('agents', proposal.owner_agent)}`} />
                    <Chip value={`${t('versionLifecycleProposal.labels.risk')}: ${proactiveValueLabel('risks', proposal.risk_tier)}`} muted={proposal.risk_tier === 'medium'} />
                    <Chip value={`${t('versionLifecycleProposal.labels.gate')}: ${proposal.approval_gate}`} muted />
                    <Chip value={`${t('versionLifecycleProposal.labels.evidence')}: ${proposal.evidence_refs.length}`} muted />
                    <Chip value={`${t('versionLifecycleProposal.labels.rollback')}: ${proposal.rollback_plan.length}`} muted />
                    <Chip value={`${t('versionLifecycleProposal.labels.blocked')}: ${proposal.blocked_runtime_actions.length}`} />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
              <div style={{ padding: 12, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#faf9f3', minWidth: 0 }}>
                <SmallLabel>{t('versionLifecycleProposal.sections.boundaries')}</SmallLabel>
                <div style={{ marginTop: 7 }}>
                  {versionLifecycleBoundaryRows.map(row => (
                    <GateMatrixRow
                      key={row.key}
                      label={row.label}
                      value={String(row.active)}
                      detail={row.active ? t('versionLifecycleProposal.labels.boundaryOpen') : t('versionLifecycleProposal.labels.boundaryClosed')}
                      tone={row.active ? 'danger' : 'ok'}
                    />
                  ))}
                </div>
              </div>
              <div style={{ padding: 12, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', minWidth: 0 }}>
                <SmallLabel>{t('versionLifecycleProposal.sections.cadence')}</SmallLabel>
                <div style={{ marginTop: 8, display: 'flex', flexDirection: 'column', gap: 8 }}>
                  {versionLifecycleProposal.cadence_matrix.slice(0, 4).map(cadence => (
                    <div key={cadence.cadence_id} style={{ display: 'flex', flexDirection: 'column', gap: 5, minWidth: 0 }}>
                      <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                        <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                          {cadence.cadence_id}
                        </span>
                        <Chip value={cadence.allowed_now ? t('versionLifecycleProposal.labels.allowedNow') : t('versionLifecycleProposal.labels.ownerGate')} muted={!cadence.allowed_now} />
                      </div>
                      <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                        {redactPublicText(cadence.output)}
                      </span>
                    </div>
                  ))}
                </div>
              </div>
              <div style={{ padding: 12, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', minWidth: 0 }}>
                <SmallLabel>{t('versionLifecycleProposal.sections.telegram')}</SmallLabel>
                <div style={{ marginTop: 8, display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={versionLifecycleProposal.telegram_digest_contract.status} />
                  <Chip value={`${t('versionLifecycleProposal.labels.drafts')}: ${versionLifecycleProposal.telegram_digest_contract.draft_outputs.length}`} muted />
                  <Chip value={`${t('versionLifecycleProposal.labels.redaction')}: ${String(versionLifecycleProposal.telegram_digest_contract.redaction_required)}`} muted />
                </div>
                <div style={{ marginTop: 8 }}>
                  <Chip value={t('versionLifecycleProposal.source', {
                    generated: formatDateTime(versionLifecycleProposal.generated_at),
                    current: versionLifecycleProposal.program_status.current_task_id,
                    next: versionLifecycleProposal.program_status.next_task_id,
                  })} muted />
                </div>
              </div>
            </div>
          </div>
        </div>
      </GlassCard>

      <GlassCard variant="subtle" padding="md">
        <div style={{ display: 'flex', flexDirection: 'column', gap: 14, minWidth: 0 }}>
          <div style={{ display: 'flex', alignItems: 'flex-start', justifyContent: 'space-between', gap: 12, flexWrap: 'wrap' }}>
            <div style={{ display: 'flex', alignItems: 'flex-start', gap: 10, minWidth: 0 }}>
              <div style={{
                width: 38,
                height: 38,
                borderRadius: 8,
                border: '0.5px solid #2563eb40',
                background: 'rgba(37,99,235,0.08)',
                color: '#2563eb',
                display: 'flex',
                alignItems: 'center',
                justifyContent: 'center',
                flexShrink: 0,
              }}>
                <Gauge size={18} />
              </div>
              <div style={{ display: 'flex', flexDirection: 'column', gap: 5, minWidth: 0 }}>
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 18, fontWeight: 760, color: '#141413', lineHeight: 1.15, overflowWrap: 'anywhere' }}>
                  {t('visualOps.title')}
                </span>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 11, color: '#5c5a55', lineHeight: 1.55, overflowWrap: 'anywhere' }}>
                  {t('visualOps.subtitle', {
                    current: snapshot.program_status.current_task_id,
                    next: snapshot.program_status.next_task_id,
                    overall: backlogProgressPercent,
                    support: decisionSupportCoverage,
                  })}
                </span>
              </div>
            </div>
            <div style={{ display: 'flex', flexWrap: 'wrap', justifyContent: 'flex-end', gap: 6, minWidth: 0 }}>
              <Chip value={t('visualOps.badges.readOnly')} muted />
              <Chip value={t('visualOps.badges.runtimeGate', { value: resultCaptureReleaseReadbackLiveWrites })} />
              <Chip value={t('visualOps.badges.approval', { value: explicitApprovalTaskCount })} muted={explicitApprovalTaskCount === 0} />
            </div>
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1.35fr) minmax(280px, 0.65fr)', gap: 12 }} className="automation-inventory-visual-grid">
            <div style={{ display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
              <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
                <SmallLabel>{t('visualOps.flowTitle')}</SmallLabel>
                <Chip value={t('visualOps.flowBadge', { stages: visualFlowStages.length })} muted />
              </div>
              <div style={{ display: 'grid', gridTemplateColumns: 'repeat(3, minmax(0, 1fr))', gap: 10 }} className="automation-inventory-stage-grid">
                {visualFlowStages.map((stage, index) => (
                  <FlowStageTile
                    key={stage.key}
                    index={String(index + 1).padStart(2, '0')}
                    label={stage.label}
                    value={stage.value}
                    detail={stage.detail}
                    icon={stage.icon}
                    tone={stage.tone}
                  />
                ))}
              </div>
            </div>

            <div style={{ display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
              <div style={{ padding: 12, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 4, minWidth: 0 }}>
                <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
                  <SmallLabel>{t('visualOps.gateTitle')}</SmallLabel>
                  <Chip value={t('visualOps.weighted', { value: decisionSupportCoverage })} muted />
                </div>
                {visualGateRows.map(row => (
                  <GateMatrixRow
                    key={row.key}
                    label={row.label}
                    value={row.value}
                    detail={row.detail}
                    tone={row.tone}
                  />
                ))}
              </div>

              <div style={{ padding: 12, border: `0.5px solid ${toneColor(decisionCoverageTone)}55`, borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 9, minWidth: 0 }}>
                <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10 }}>
                  <SmallLabel>{t('visualOps.focusTitle')}</SmallLabel>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 18, fontWeight: 800, color: toneColor(decisionCoverageTone), whiteSpace: 'nowrap' }}>
                    {decisionSupportCoverage}%
                  </span>
                </div>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#6d6a61', lineHeight: 1.55, overflowWrap: 'anywhere' }}>
                  {t('visualOps.focusDetail', {
                    runner: giteaRunnerActions,
                    evidence: runtimeLiveMissing,
                    candidate: candidateDryRunNeedsReview,
                    approval: explicitApprovalTaskCount,
                  })}
                </span>
                <div style={{ display: 'grid', gridTemplateColumns: 'repeat(2, minmax(0, 1fr))', gap: 8 }} className="automation-inventory-visual-factor-grid">
                  <MiniBar
                    label={t('decisionSupport.factors.taskCompletion')}
                    value={completedTaskCoverage}
                    detail={t('decisionSupport.details.taskCompletion', { done: completedTasks, total: snapshot.tasks.length })}
                    tone={completedTaskCoverage >= 70 ? 'ok' : completedTaskCoverage >= 45 ? 'warn' : 'danger'}
                  />
                  <MiniBar
                    label={t('decisionSupport.factors.runtimeBinding')}
                    value={runtimeBindingCoverage}
                    detail={t('decisionSupport.details.runtimeBinding', {
                      bound: runtimeBoundComponents,
                      total: runtimeSurfaceComponentTotal,
                    })}
                    tone={runtimeBindingCoverage >= 80 ? 'ok' : runtimeBindingCoverage >= 50 ? 'warn' : 'danger'}
                  />
                </div>
              </div>
            </div>
          </div>
        </div>
      </GlassCard>

      <GlassCard variant="subtle" padding="md">
        <div style={{ display: 'flex', flexDirection: 'column', gap: 14, minWidth: 0 }}>
          <div style={{ display: 'flex', alignItems: 'flex-start', justifyContent: 'space-between', gap: 12, flexWrap: 'wrap' }}>
            <div style={{ display: 'flex', alignItems: 'flex-start', gap: 10, minWidth: 0 }}>
              <div style={{
                width: 38,
                height: 38,
                borderRadius: 8,
                border: '0.5px solid #0f766e35',
                background: 'rgba(15,118,110,0.08)',
                color: '#0f766e',
                display: 'flex',
                alignItems: 'center',
                justifyContent: 'center',
                flexShrink: 0,
              }}>
                <MessageSquareText size={18} />
              </div>
              <div style={{ display: 'flex', flexDirection: 'column', gap: 5, minWidth: 0 }}>
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 18, fontWeight: 760, color: '#141413', lineHeight: 1.15, overflowWrap: 'anywhere' }}>
                  {t('actionOwnerEventBus.title')}
                </span>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 11, color: '#5c5a55', lineHeight: 1.55, overflowWrap: 'anywhere' }}>
                  {t('actionOwnerEventBus.subtitle', {
                    current: actionOwnerAcceptanceEventBus.program_status.current_task_id,
                    next: actionOwnerAcceptanceEventBus.program_status.next_task_id,
                    lanes: actionOwnerEventBusLanes,
                    blocked: actionOwnerEventBusBlocked,
                  })}
                </span>
              </div>
            </div>
            <div style={{ display: 'flex', flexWrap: 'wrap', justifyContent: 'flex-end', gap: 6, minWidth: 0 }}>
              <Chip value={t('actionOwnerEventBus.badges.mode')} />
              <Chip value={t('actionOwnerEventBus.badges.events', { count: actionOwnerEventBusEvents })} muted />
              <Chip value={t('actionOwnerEventBus.badges.live', { count: actionOwnerEventBusLiveTotal })} muted={actionOwnerEventBusLiveTotal === 0} />
            </div>
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(112px, 1fr))', gap: 10 }} className="automation-inventory-kpi-grid">
            <MetricCard label={t('actionOwnerEventBus.metrics.overall')} value={`${actionOwnerEventBusOverall}%`} tone="ok" icon={<Gauge size={16} />} />
            <MetricCard label={t('actionOwnerEventBus.metrics.lanes')} value={actionOwnerEventBusLanes} tone="ok" icon={<UserCheck size={16} />} />
            <MetricCard label={t('actionOwnerEventBus.metrics.medium')} value={actionOwnerEventBusMedium} tone="warn" icon={<ShieldCheck size={16} />} />
            <MetricCard label={t('actionOwnerEventBus.metrics.high')} value={actionOwnerEventBusHigh} tone="warn" icon={<ShieldAlert size={16} />} />
            <MetricCard label={t('actionOwnerEventBus.metrics.critical')} value={actionOwnerEventBusCritical} tone="danger" icon={<Lock size={16} />} />
            <MetricCard label={t('actionOwnerEventBus.metrics.events')} value={actionOwnerEventBusEvents} tone="ok" icon={<GitBranch size={16} />} />
            <MetricCard label={t('actionOwnerEventBus.metrics.rag')} value={actionOwnerEventBusRag} tone="ok" icon={<BookOpenCheck size={16} />} />
            <MetricCard label={t('actionOwnerEventBus.metrics.gates')} value={actionOwnerEventBusGates} tone="ok" icon={<ClipboardCheck size={16} />} />
            <MetricCard label={t('actionOwnerEventBus.metrics.fields')} value={actionOwnerEventBusFields} tone="ok" icon={<Database size={16} />} />
            <MetricCard label={t('actionOwnerEventBus.metrics.live')} value={actionOwnerEventBusLiveTotal} tone={actionOwnerEventBusLiveTotal === 0 ? 'ok' : 'danger'} icon={<BellOff size={16} />} />
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1.25fr) minmax(260px, 0.75fr)', gap: 12 }} className="automation-inventory-visual-grid">
            <div style={{ display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
              <SmallLabel>{t('actionOwnerEventBus.sections.lanes')}</SmallLabel>
              {visibleActionOwnerAcceptanceLanes.map(lane => {
                const tone = lane.risk_tier === 'critical' ? 'danger' : lane.risk_tier === 'high' ? 'warn' : 'ok'
                return (
                  <div key={lane.lane_id} style={{ padding: 11, border: '0.5px solid #cfe6df', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                    <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 8, flexWrap: 'wrap' }}>
                      <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 760, color: '#141413', overflowWrap: 'anywhere' }}>
                        {redactPublicText(lane.display_name)}
                      </span>
                      <Chip value={t(`actionOwnerEventBus.riskTiers.${lane.risk_tier}` as never)} muted={tone !== 'danger'} />
                    </div>
                    <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#5f5a4f', lineHeight: 1.55, overflowWrap: 'anywhere' }}>
                      {redactPublicText(lane.required_owner_fields.slice(0, 5).join(' / '))}
                    </span>
                    <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                      <Chip value={t(`actionOwnerEventBus.agents.${lane.owner_agent}` as never)} muted />
                      <Chip value={t(`actionOwnerEventBus.statuses.${lane.acceptance_status}` as never)} />
                      <Chip value={t('actionOwnerEventBus.labels.fields', { count: lane.required_owner_fields.length })} muted />
                      <Chip value={t('actionOwnerEventBus.labels.sideEffects', { count: lane.side_effect_count })} muted={lane.side_effect_count === 0} />
                    </div>
                    <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#6d6a61', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {redactPublicText(lane.next_gate)}
                    </span>
                  </div>
                )
              })}
            </div>

            <div style={{ display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
              <div style={{ padding: 12, border: '0.5px solid #cfe6df', borderRadius: 7, background: '#f7fffc', minWidth: 0 }}>
                <SmallLabel>{t('actionOwnerEventBus.sections.boundaries')}</SmallLabel>
                <div style={{ marginTop: 8 }}>
                  <GateMatrixRow
                    label={t('actionOwnerEventBus.labels.eventBus')}
                    value={actionOwnerAcceptanceEventBus.activation_boundaries.event_bus_publish_enabled ? '是' : '否'}
                    detail={t('actionOwnerEventBus.labels.publishTotal', { count: actionOwnerAcceptanceEventBus.rollups.event_bus_publish_count })}
                    tone="ok"
                  />
                  <GateMatrixRow
                    label={t('actionOwnerEventBus.labels.ragWrite')}
                    value={(actionOwnerAcceptanceEventBus.activation_boundaries.km_write_enabled || actionOwnerAcceptanceEventBus.activation_boundaries.playbook_trust_write_enabled) ? '是' : '否'}
                    detail={t('actionOwnerEventBus.labels.ragDetail', { count: actionOwnerEventBusRag })}
                    tone="ok"
                  />
                  <GateMatrixRow
                    label={t('actionOwnerEventBus.labels.telegram')}
                    value={actionOwnerAcceptanceEventBus.activation_boundaries.telegram_send_enabled ? '是' : '否'}
                    detail={t('actionOwnerEventBus.labels.queueBotWorker', {
                      queue: actionOwnerAcceptanceEventBus.activation_boundaries.gateway_queue_write_enabled ? '是' : '否',
                      bot: actionOwnerAcceptanceEventBus.activation_boundaries.bot_api_call_enabled ? '是' : '否',
                      worker: actionOwnerAcceptanceEventBus.activation_boundaries.worker_dispatch_enabled ? '是' : '否',
                    })}
                    tone="ok"
                  />
                </div>
              </div>

              <div style={{ padding: 12, border: '0.5px solid #cfe6df', borderRadius: 7, background: '#fff', minWidth: 0 }}>
                <SmallLabel>{t('actionOwnerEventBus.sections.events')}</SmallLabel>
                <div style={{ marginTop: 8 }}>
                  {visibleActionOwnerHandoffEvents.slice(0, 4).map(event => (
                    <GateMatrixRow
                      key={event.event_id}
                      label={event.display_name}
                      value={t(`actionOwnerEventBus.stages.${event.event_stage}` as never)}
                      detail={redactPublicText(event.blocked_writes.slice(0, 3).join(' / '))}
                      tone={event.risk_tier === 'critical' ? 'danger' : event.risk_tier === 'high' ? 'warn' : 'ok'}
                    />
                  ))}
                </div>
              </div>

              <div style={{ padding: 12, border: '0.5px solid #cfe6df', borderRadius: 7, background: '#fff', minWidth: 0 }}>
                <SmallLabel>{t('actionOwnerEventBus.sections.rag')}</SmallLabel>
                <div style={{ marginTop: 8 }}>
                  {visibleActionOwnerRagProposals.map(proposal => (
                    <GateMatrixRow
                      key={proposal.proposal_id}
                      label={proposal.display_name}
                      value={proposal.target_store}
                      detail={t('actionOwnerEventBus.labels.proposal', { status: proposal.proposal_status })}
                      tone="ok"
                    />
                  ))}
                </div>
              </div>

              <div style={{ padding: 12, border: '0.5px solid #cfe6df', borderRadius: 7, background: '#fff', minWidth: 0 }}>
                <SmallLabel>{t('actionOwnerEventBus.sections.gates')}</SmallLabel>
                <div style={{ marginTop: 8 }}>
                  {visibleActionOwnerVerifierGates.slice(0, 3).map(gate => (
                    <GateMatrixRow
                      key={gate.gate_id}
                      label={gate.display_name}
                      value={t(`actionOwnerEventBus.agents.${gate.owner_agent}` as never)}
                      detail={redactPublicText(gate.failure_if_missing)}
                      tone={gate.owner_agent === 'security' ? 'danger' : 'warn'}
                    />
                  ))}
                </div>
              </div>

              <div style={{ padding: 12, border: '0.5px solid #cfe6df', borderRadius: 7, background: '#fff', minWidth: 0 }}>
                <SmallLabel>{t('actionOwnerEventBus.sections.truth')}</SmallLabel>
                <span style={{ display: 'block', marginTop: 7, fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#5f5a4f', lineHeight: 1.55, overflowWrap: 'anywhere' }}>
                  {redactPublicText(actionOwnerAcceptanceEventBus.event_bus_truth.truth_note)}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, marginTop: 9 }}>
                  <Chip value={t('actionOwnerEventBus.labels.generated', {
                    generated: formatDateTime(actionOwnerAcceptanceEventBus.generated_at),
                  })} muted />
                  <Chip value={t('actionOwnerEventBus.labels.redaction', { value: actionOwnerAcceptanceEventBus.display_redaction_contract.redaction_required ? '是' : '否' })} muted />
                  <Chip value={t('actionOwnerEventBus.labels.ownerAccepted', { count: actionOwnerEventBusAccepted })} muted />
                </div>
              </div>
            </div>
          </div>
        </div>
      </GlassCard>

      <GlassCard variant="subtle" padding="md">
        <div style={{ display: 'flex', flexDirection: 'column', gap: 14, minWidth: 0 }}>
          <div style={{ display: 'flex', alignItems: 'flex-start', justifyContent: 'space-between', gap: 12, flexWrap: 'wrap' }}>
            <div style={{ display: 'flex', alignItems: 'flex-start', gap: 10, minWidth: 0 }}>
              <div style={{
                width: 38,
                height: 38,
                borderRadius: 8,
                border: '0.5px solid #dc262640',
                background: 'rgba(220,38,38,0.08)',
                color: '#b91c1c',
                display: 'flex',
                alignItems: 'center',
                justifyContent: 'center',
                flexShrink: 0,
              }}>
                <ShieldAlert size={18} />
              </div>
              <div style={{ display: 'flex', flexDirection: 'column', gap: 5, minWidth: 0 }}>
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 18, fontWeight: 760, color: '#141413', lineHeight: 1.15, overflowWrap: 'anywhere' }}>
                  {t('highRiskOwnerQueue.title')}
                </span>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 11, color: '#5c5a55', lineHeight: 1.55, overflowWrap: 'anywhere' }}>
                  {t('highRiskOwnerQueue.subtitle', {
                    current: highRiskOwnerReviewQueue.program_status.current_task_id,
                    next: highRiskOwnerReviewQueue.program_status.next_task_id,
                    queue: highRiskOwnerQueueItems,
                    blocked: highRiskOwnerQueueBlocked,
                  })}
                </span>
              </div>
            </div>
            <div style={{ display: 'flex', flexWrap: 'wrap', justifyContent: 'flex-end', gap: 6, minWidth: 0 }}>
              <Chip value={t('highRiskOwnerQueue.badges.mode')} />
              <Chip value={t('highRiskOwnerQueue.badges.room', { room: highRiskOwnerReviewQueue.telegram_policy.canonical_room })} muted />
              <Chip value={t('highRiskOwnerQueue.badges.live', { count: highRiskOwnerQueueLiveTotal })} muted={highRiskOwnerQueueLiveTotal === 0} />
            </div>
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(112px, 1fr))', gap: 10 }} className="automation-inventory-kpi-grid">
            <MetricCard label={t('highRiskOwnerQueue.metrics.overall')} value={`${highRiskOwnerQueueOverall}%`} tone="ok" icon={<Gauge size={16} />} />
            <MetricCard label={t('highRiskOwnerQueue.metrics.queue')} value={highRiskOwnerQueueItems} tone="danger" icon={<ShieldAlert size={16} />} />
            <MetricCard label={t('highRiskOwnerQueue.metrics.critical')} value={highRiskOwnerQueueCritical} tone="danger" icon={<Lock size={16} />} />
            <MetricCard label={t('highRiskOwnerQueue.metrics.high')} value={highRiskOwnerQueueHigh} tone="warn" icon={<AlertTriangle size={16} />} />
            <MetricCard label={t('highRiskOwnerQueue.metrics.packets')} value={highRiskOwnerQueuePackets} tone="ok" icon={<FileText size={16} />} />
            <MetricCard label={t('highRiskOwnerQueue.metrics.guards')} value={highRiskOwnerQueueGuards} tone="ok" icon={<ShieldCheck size={16} />} />
            <MetricCard label={t('highRiskOwnerQueue.metrics.checklists')} value={highRiskOwnerQueueChecklists} tone="ok" icon={<ClipboardCheck size={16} />} />
            <MetricCard label={t('highRiskOwnerQueue.metrics.accepted')} value={highRiskOwnerQueueAccepted} tone={highRiskOwnerQueueAccepted === 0 ? 'warn' : 'ok'} icon={<UserCheck size={16} />} />
            <MetricCard label={t('highRiskOwnerQueue.metrics.live')} value={highRiskOwnerQueueLiveTotal} tone={highRiskOwnerQueueLiveTotal === 0 ? 'ok' : 'danger'} icon={<BellOff size={16} />} />
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1.25fr) minmax(260px, 0.75fr)', gap: 12 }} className="automation-inventory-visual-grid">
            <div style={{ display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
              <SmallLabel>{t('highRiskOwnerQueue.sections.queue')}</SmallLabel>
              {visibleHighRiskOwnerQueueItems.map(item => {
                const tone = item.risk_tier === 'critical' ? 'danger' : 'warn'
                return (
                  <div key={item.queue_item_id} style={{ padding: 11, border: '0.5px solid #ecd5d5', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                    <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 8, flexWrap: 'wrap' }}>
                      <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 760, color: '#141413', overflowWrap: 'anywhere' }}>
                        {redactPublicText(item.display_name)}
                      </span>
                      <Chip value={t(`highRiskOwnerQueue.riskTiers.${item.risk_tier}` as never)} muted={tone !== 'danger'} />
                    </div>
                    <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#5f5a4f', lineHeight: 1.55, overflowWrap: 'anywhere' }}>
                      {redactPublicText(item.blocked_runtime_actions.slice(0, 4).join(' / '))}
                    </span>
                    <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                      <Chip value={t(`highRiskOwnerQueue.agents.${item.owner_agent}` as never)} muted />
                      <Chip value={t(`highRiskOwnerQueue.statuses.${item.queue_status}` as never)} />
                      <Chip value={t('highRiskOwnerQueue.labels.packet', { value: item.approval_packet_id })} muted />
                      <Chip value={t('highRiskOwnerQueue.labels.fields', { count: item.required_owner_fields.length })} muted />
                    </div>
                  </div>
                )
              })}
            </div>

            <div style={{ display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
              <div style={{ padding: 12, border: '0.5px solid #ecd5d5', borderRadius: 7, background: '#fffafa', minWidth: 0 }}>
                <SmallLabel>{t('highRiskOwnerQueue.sections.routing')}</SmallLabel>
                <div style={{ marginTop: 8 }}>
                  <GateMatrixRow
                    label={t('highRiskOwnerQueue.labels.highRoute')}
                    value={highRiskOwnerReviewQueue.routing_policy.high_risk_default_route}
                    detail={t('highRiskOwnerQueue.labels.ownerRequired', { value: String(highRiskOwnerReviewQueue.routing_policy.owner_response_required) })}
                    tone="warn"
                  />
                  <GateMatrixRow
                    label={t('highRiskOwnerQueue.labels.criticalRoute')}
                    value={highRiskOwnerReviewQueue.routing_policy.critical_risk_default_route}
                    detail={t('highRiskOwnerQueue.labels.verbalApproval', { value: String(highRiskOwnerReviewQueue.routing_policy.verbal_approval_accepted) })}
                    tone="danger"
                  />
                  <GateMatrixRow
                    label={t('highRiskOwnerQueue.labels.telegram')}
                    value={highRiskOwnerReviewQueue.telegram_policy.canonical_room_env}
                    detail={t('highRiskOwnerQueue.labels.telegramDetail', { count: highRiskOwnerQueueLiveTotal })}
                    tone="ok"
                  />
                </div>
              </div>

              <div style={{ padding: 12, border: '0.5px solid #ecd5d5', borderRadius: 7, background: '#fff', minWidth: 0 }}>
                <SmallLabel>{t('highRiskOwnerQueue.sections.guards')}</SmallLabel>
                <div style={{ marginTop: 8 }}>
                  {visibleHighRiskRejectionGuards.map(guard => (
                    <GateMatrixRow
                      key={guard.guard_id}
                      label={guard.display_name}
                      value={guard.applies_to_risk_tiers.join(' / ')}
                      detail={redactPublicText(guard.reviewer_action)}
                      tone={guard.applies_to_risk_tiers.includes('critical') ? 'danger' : 'warn'}
                    />
                  ))}
                </div>
              </div>

              <div style={{ padding: 12, border: '0.5px solid #ecd5d5', borderRadius: 7, background: '#fff', minWidth: 0 }}>
                <SmallLabel>{t('highRiskOwnerQueue.sections.truth')}</SmallLabel>
                <span style={{ display: 'block', marginTop: 7, fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#5f5a4f', lineHeight: 1.55, overflowWrap: 'anywhere' }}>
                  {redactPublicText(highRiskOwnerReviewQueue.queue_truth.truth_note)}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, marginTop: 9 }}>
                  <Chip value={t('highRiskOwnerQueue.labels.generated', {
                    generated: formatDateTime(highRiskOwnerReviewQueue.generated_at),
                  })} muted />
                  <Chip value={t('highRiskOwnerQueue.labels.redaction', { value: String(highRiskOwnerReviewQueue.display_redaction_contract.redaction_required) })} muted />
                  <Chip value={t('highRiskOwnerQueue.labels.ownerAccepted', { count: highRiskOwnerQueueAccepted })} muted />
                </div>
              </div>
            </div>
          </div>
        </div>
      </GlassCard>

      <GlassCard variant="subtle" padding="md">
        <div style={{ display: 'flex', flexDirection: 'column', gap: 14, minWidth: 0 }}>
          <div style={{ display: 'flex', alignItems: 'flex-start', justifyContent: 'space-between', gap: 12, flexWrap: 'wrap' }}>
            <div style={{ display: 'flex', alignItems: 'flex-start', gap: 10, minWidth: 0 }}>
              <div style={{
                width: 38,
                height: 38,
                borderRadius: 8,
                border: '0.5px solid #2563eb35',
                background: 'rgba(37,99,235,0.08)',
                color: '#1d4ed8',
                display: 'flex',
                alignItems: 'center',
                justifyContent: 'center',
                flexShrink: 0,
              }}>
                <Fingerprint size={18} />
              </div>
              <div style={{ display: 'flex', flexDirection: 'column', gap: 5, minWidth: 0 }}>
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 18, fontWeight: 760, color: '#141413', lineHeight: 1.15, overflowWrap: 'anywhere' }}>
                  {t('actionAuditLedger.title')}
                </span>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 11, color: '#5c5a55', lineHeight: 1.55, overflowWrap: 'anywhere' }}>
                  {t('actionAuditLedger.subtitle', {
                    current: actionAuditLedger.program_status.current_task_id,
                    next: actionAuditLedger.program_status.next_task_id,
                    events: actionAuditEvents,
                    blocked: actionAuditBlocked,
                  })}
                </span>
              </div>
            </div>
            <div style={{ display: 'flex', flexWrap: 'wrap', justifyContent: 'flex-end', gap: 6, minWidth: 0 }}>
              <Chip value={t('actionAuditLedger.badges.mode')} />
              <Chip value={t('actionAuditLedger.badges.immutable', { count: actionAuditEvents })} muted />
              <Chip value={t('actionAuditLedger.badges.live', { count: actionAuditLiveTotal })} muted={actionAuditLiveTotal === 0} />
            </div>
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(112px, 1fr))', gap: 10 }} className="automation-inventory-kpi-grid">
            <MetricCard label={t('actionAuditLedger.metrics.overall')} value={`${actionAuditOverall}%`} tone="ok" icon={<Gauge size={16} />} />
            <MetricCard label={t('actionAuditLedger.metrics.events')} value={actionAuditEvents} tone="ok" icon={<Fingerprint size={16} />} />
            <MetricCard label={t('actionAuditLedger.metrics.lowMedium')} value={actionAuditLowMedium} tone="ok" icon={<ShieldCheck size={16} />} />
            <MetricCard label={t('actionAuditLedger.metrics.highRisk')} value={actionAuditHighRisk} tone="warn" icon={<ShieldAlert size={16} />} />
            <MetricCard label={t('actionAuditLedger.metrics.critical')} value={actionAuditCritical} tone="danger" icon={<Lock size={16} />} />
            <MetricCard label={t('actionAuditLedger.metrics.report')} value={actionAuditReport} tone="warn" icon={<FileText size={16} />} />
            <MetricCard label={t('actionAuditLedger.metrics.telegram')} value={actionAuditTelegram} tone="warn" icon={<BellOff size={16} />} />
            <MetricCard label={t('actionAuditLedger.metrics.gates')} value={actionAuditVerifierGates} tone="ok" icon={<ClipboardCheck size={16} />} />
            <MetricCard label={t('actionAuditLedger.metrics.fields')} value={actionAuditRequiredFields} tone="ok" icon={<Database size={16} />} />
            <MetricCard label={t('actionAuditLedger.metrics.live')} value={actionAuditLiveTotal} tone={actionAuditLiveTotal === 0 ? 'ok' : 'danger'} icon={<BellOff size={16} />} />
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1.25fr) minmax(260px, 0.75fr)', gap: 12 }} className="automation-inventory-visual-grid">
            <div style={{ display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
              <SmallLabel>{t('actionAuditLedger.sections.events')}</SmallLabel>
              {visibleActionAuditEvents.map(event => {
                const tone = event.risk_tier === 'critical' ? 'danger' : event.risk_tier === 'high' ? 'warn' : 'ok'
                return (
                  <div key={event.audit_event_id} style={{ padding: 11, border: '0.5px solid #dbe7ff', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                    <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 8, flexWrap: 'wrap' }}>
                      <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 760, color: '#141413', overflowWrap: 'anywhere' }}>
                        {redactPublicText(event.display_name)}
                      </span>
                      <Chip value={t(`actionAuditLedger.riskTiers.${event.risk_tier}` as never)} muted={tone !== 'danger'} />
                    </div>
                    <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#5f5a4f', lineHeight: 1.55, overflowWrap: 'anywhere' }}>
                      {redactPublicText(event.blocked_writes.slice(0, 4).join(' / '))}
                    </span>
                    <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                      <Chip value={t(`actionAuditLedger.agents.${event.owner_agent}` as never)} muted />
                      <Chip value={t(`actionAuditLedger.stages.${event.event_stage}` as never)} />
                      <Chip value={t('actionAuditLedger.labels.fields', { count: event.required_audit_fields.length })} muted />
                      <Chip value={t('actionAuditLedger.labels.sideEffects', { count: event.side_effect_count })} muted={event.side_effect_count === 0} />
                    </div>
                    <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#6d6a61', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {redactPublicText(event.next_gate)}
                    </span>
                  </div>
                )
              })}
            </div>

            <div style={{ display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
              <div style={{ padding: 12, border: '0.5px solid #dbe7ff', borderRadius: 7, background: '#f8fbff', minWidth: 0 }}>
                <SmallLabel>{t('actionAuditLedger.sections.boundaries')}</SmallLabel>
                <div style={{ marginTop: 8 }}>
                  <GateMatrixRow
                    label={t('actionAuditLedger.labels.auditDb')}
                    value={String(actionAuditLedger.activation_boundaries.audit_db_write_enabled)}
                    detail={t('actionAuditLedger.labels.writeTotal', { count: actionAuditLiveTotal })}
                    tone="ok"
                  />
                  <GateMatrixRow
                    label={t('actionAuditLedger.labels.timelineKm')}
                    value={String(actionAuditLedger.activation_boundaries.timeline_write_enabled || actionAuditLedger.activation_boundaries.km_write_enabled)}
                    detail={t('actionAuditLedger.labels.playbook', { value: String(actionAuditLedger.activation_boundaries.playbook_trust_write_enabled) })}
                    tone="ok"
                  />
                  <GateMatrixRow
                    label={t('actionAuditLedger.labels.telegram')}
                    value={String(actionAuditLedger.activation_boundaries.telegram_send_enabled)}
                    detail={t('actionAuditLedger.labels.queueBot', {
                      queue: String(actionAuditLedger.activation_boundaries.gateway_queue_write_enabled),
                      bot: String(actionAuditLedger.activation_boundaries.bot_api_call_enabled),
                    })}
                    tone="ok"
                  />
                </div>
              </div>

              <div style={{ padding: 12, border: '0.5px solid #dbe7ff', borderRadius: 7, background: '#fff', minWidth: 0 }}>
                <SmallLabel>{t('actionAuditLedger.sections.gates')}</SmallLabel>
                <div style={{ marginTop: 8 }}>
                  {visibleActionAuditVerifierGates.map(gate => (
                    <GateMatrixRow
                      key={gate.gate_id}
                      label={gate.display_name}
                      value={t(`actionAuditLedger.agents.${gate.owner_agent}` as never)}
                      detail={redactPublicText(gate.failure_if_missing)}
                      tone={gate.owner_agent === 'security' ? 'danger' : 'warn'}
                    />
                  ))}
                </div>
              </div>

              <div style={{ padding: 12, border: '0.5px solid #dbe7ff', borderRadius: 7, background: '#fff', minWidth: 0 }}>
                <SmallLabel>{t('actionAuditLedger.sections.truth')}</SmallLabel>
                <span style={{ display: 'block', marginTop: 7, fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#5f5a4f', lineHeight: 1.55, overflowWrap: 'anywhere' }}>
                  {redactPublicText(actionAuditLedger.audit_truth.truth_note)}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, marginTop: 9 }}>
                  <Chip value={t('actionAuditLedger.labels.generated', {
                    generated: formatDateTime(actionAuditLedger.generated_at),
                  })} muted />
                  <Chip value={t('actionAuditLedger.labels.redaction', { value: String(actionAuditLedger.display_redaction_contract.redaction_required) })} muted />
                  <Chip value={t('actionAuditLedger.labels.ownerAccepted', { count: actionAuditOwnerAccepted })} muted />
                </div>
              </div>
            </div>
          </div>
        </div>
      </GlassCard>

      <GlassCard variant="subtle" padding="md">
        <div style={{ display: 'flex', flexDirection: 'column', gap: 14, minWidth: 0 }}>
          <div style={{ display: 'flex', alignItems: 'flex-start', justifyContent: 'space-between', gap: 12, flexWrap: 'wrap' }}>
            <div style={{ display: 'flex', alignItems: 'flex-start', gap: 10, minWidth: 0 }}>
              <div style={{
                width: 38,
                height: 38,
                borderRadius: 8,
                border: '0.5px solid #16a34a35',
                background: 'rgba(22,163,74,0.08)',
                color: '#15803d',
                display: 'flex',
                alignItems: 'center',
                justifyContent: 'center',
                flexShrink: 0,
              }}>
                <ShieldCheck size={18} />
              </div>
              <div style={{ display: 'flex', flexDirection: 'column', gap: 5, minWidth: 0 }}>
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 18, fontWeight: 760, color: '#141413', lineHeight: 1.15, overflowWrap: 'anywhere' }}>
                  {t('lowMediumWhitelist.title')}
                </span>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 11, color: '#5c5a55', lineHeight: 1.55, overflowWrap: 'anywhere' }}>
                  {t('lowMediumWhitelist.subtitle', {
                    current: lowMediumRiskWhitelist.program_status.current_task_id,
                    next: lowMediumRiskWhitelist.program_status.next_task_id,
                    candidates: lowMediumWhitelistCandidates,
                    blocked: lowMediumWhitelistBlocked,
                  })}
                </span>
              </div>
            </div>
            <div style={{ display: 'flex', flexWrap: 'wrap', justifyContent: 'flex-end', gap: 6, minWidth: 0 }}>
              <Chip value={t('lowMediumWhitelist.badges.mode')} />
              <Chip value={t('lowMediumWhitelist.badges.room', { room: lowMediumRiskWhitelist.telegram_policy.canonical_room })} muted />
              <Chip value={t('lowMediumWhitelist.badges.live', { count: lowMediumWhitelistLiveTotal })} muted={lowMediumWhitelistLiveTotal === 0} />
            </div>
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(112px, 1fr))', gap: 10 }} className="automation-inventory-kpi-grid">
            <MetricCard label={t('lowMediumWhitelist.metrics.overall')} value={`${lowMediumWhitelistOverall}%`} tone="ok" icon={<Gauge size={16} />} />
            <MetricCard label={t('lowMediumWhitelist.metrics.candidates')} value={lowMediumWhitelistCandidates} tone="ok" icon={<ShieldCheck size={16} />} />
            <MetricCard label={t('lowMediumWhitelist.metrics.low')} value={lowMediumWhitelistLow} tone="ok" icon={<ClipboardCheck size={16} />} />
            <MetricCard label={t('lowMediumWhitelist.metrics.medium')} value={lowMediumWhitelistMedium} tone="warn" icon={<Target size={16} />} />
            <MetricCard label={t('lowMediumWhitelist.metrics.verifiers')} value={lowMediumWhitelistVerifiers} tone="ok" icon={<BookOpenCheck size={16} />} />
            <MetricCard label={t('lowMediumWhitelist.metrics.rollback')} value={lowMediumWhitelistRollback} tone="ok" icon={<Undo2 size={16} />} />
            <MetricCard label={t('lowMediumWhitelist.metrics.audit')} value={lowMediumWhitelistAuditReasons} tone="ok" icon={<Fingerprint size={16} />} />
            <MetricCard label={t('lowMediumWhitelist.metrics.highRedirects')} value={lowMediumWhitelistHighRedirects} tone="danger" icon={<ShieldAlert size={16} />} />
            <MetricCard label={t('lowMediumWhitelist.metrics.live')} value={lowMediumWhitelistLiveTotal} tone={lowMediumWhitelistLiveTotal === 0 ? 'ok' : 'danger'} icon={<BellOff size={16} />} />
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1.25fr) minmax(260px, 0.75fr)', gap: 12 }} className="automation-inventory-visual-grid">
            <div style={{ display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
              <SmallLabel>{t('lowMediumWhitelist.sections.candidates')}</SmallLabel>
              {visibleLowMediumWhitelistCandidates.map(candidate => {
                const tone = candidate.risk_tier === 'medium' ? 'warn' : 'ok'
                return (
                  <div key={candidate.candidate_id} style={{ padding: 11, border: '0.5px solid #d8e7e3', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                    <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 8, flexWrap: 'wrap' }}>
                      <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 760, color: '#141413', overflowWrap: 'anywhere' }}>
                        {redactPublicText(candidate.display_name)}
                      </span>
                      <Chip value={t(`lowMediumWhitelist.riskTiers.${candidate.risk_tier}` as never)} muted={tone !== 'warn'} />
                    </div>
                    <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#5f5a4f', lineHeight: 1.55, overflowWrap: 'anywhere' }}>
                      {redactPublicText(candidate.allowed_no_write_outputs.join(' / '))}
                    </span>
                    <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                      <Chip value={t(`lowMediumWhitelist.agents.${candidate.owner_agent}` as never)} muted />
                      <Chip value={t(`lowMediumWhitelist.statuses.${candidate.whitelist_status}` as never)} />
                      <Chip value={t('lowMediumWhitelist.labels.verifier', { value: candidate.dry_run_verifier_id })} muted />
                      <Chip value={t('lowMediumWhitelist.labels.rollback', { value: candidate.rollback_proof_id })} muted />
                    </div>
                  </div>
                )
              })}
            </div>

            <div style={{ display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
              <div style={{ padding: 12, border: '0.5px solid #d8e7e3', borderRadius: 7, background: '#fbfffd', minWidth: 0 }}>
                <SmallLabel>{t('lowMediumWhitelist.sections.ownerGates')}</SmallLabel>
                <div style={{ marginTop: 8 }}>
                  {visibleLowMediumWhitelistGates.map(gate => (
                    <GateMatrixRow
                      key={gate.gate_id}
                      label={gate.display_name}
                      value={gate.status}
                      detail={t('lowMediumWhitelist.labels.gateDetail', {
                        owner: gate.owner_agent,
                        fields: gate.required_fields.length,
                        checks: gate.acceptance_checks.length,
                      })}
                      tone={gate.status === 'owner_review_required' ? 'warn' : gate.status === 'blocked_by_runtime_gate' ? 'danger' : 'ok'}
                    />
                  ))}
                </div>
              </div>

              <div style={{ padding: 12, border: '0.5px solid #d8e7e3', borderRadius: 7, background: '#fff', minWidth: 0 }}>
                <SmallLabel>{t('lowMediumWhitelist.sections.verifiers')}</SmallLabel>
                <div style={{ marginTop: 8 }}>
                  {lowMediumRiskWhitelist.dry_run_verifiers.slice(0, 3).map(verifier => (
                    <GateMatrixRow
                      key={verifier.verifier_id}
                      label={verifier.display_name}
                      value={verifier.verifier_status}
                      detail={redactPublicText(verifier.pass_condition)}
                      tone={verifier.verifier_status === 'owner_review_required' ? 'warn' : 'ok'}
                    />
                  ))}
                </div>
              </div>

              <div style={{ padding: 12, border: '0.5px solid #d8e7e3', borderRadius: 7, background: '#fff', minWidth: 0 }}>
                <SmallLabel>{t('lowMediumWhitelist.sections.truth')}</SmallLabel>
                <span style={{ display: 'block', marginTop: 7, fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#5f5a4f', lineHeight: 1.55, overflowWrap: 'anywhere' }}>
                  {redactPublicText(lowMediumRiskWhitelist.whitelist_truth.truth_note)}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, marginTop: 9 }}>
                  <Chip value={t('lowMediumWhitelist.labels.generated', {
                    generated: formatDateTime(lowMediumRiskWhitelist.generated_at),
                  })} muted />
                  <Chip value={t('lowMediumWhitelist.labels.env', { value: lowMediumRiskWhitelist.telegram_policy.canonical_room_env })} muted />
                  <Chip value={t('lowMediumWhitelist.labels.redaction', { value: String(lowMediumRiskWhitelist.display_redaction_contract.redaction_required) })} muted />
                </div>
              </div>
            </div>
          </div>
        </div>
      </GlassCard>

      <GlassCard variant="subtle" padding="md">
        <div style={{ display: 'flex', flexDirection: 'column', gap: 14, minWidth: 0 }}>
          <div style={{ display: 'flex', alignItems: 'flex-start', justifyContent: 'space-between', gap: 12, flexWrap: 'wrap' }}>
            <div style={{ display: 'flex', alignItems: 'flex-start', gap: 10, minWidth: 0 }}>
              <div style={{
                width: 38,
                height: 38,
                borderRadius: 8,
                border: '0.5px solid #2563eb40',
                background: 'rgba(37,99,235,0.08)',
                color: '#2563eb',
                display: 'flex',
                alignItems: 'center',
                justifyContent: 'center',
                flexShrink: 0,
              }}>
                <Server size={18} />
              </div>
              <div style={{ display: 'flex', flexDirection: 'column', gap: 5, minWidth: 0 }}>
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 18, fontWeight: 760, color: '#141413', lineHeight: 1.15, overflowWrap: 'anywhere' }}>
                  {t('hostRunawayAiops.title')}
                </span>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 11, color: '#5c5a55', lineHeight: 1.55, overflowWrap: 'anywhere' }}>
                  {t('hostRunawayAiops.subtitle', {
                    current: hostRunawayAiops.program_status.current_task_id,
                    next: hostRunawayAiops.program_status.next_task_id,
                    stages: hostRunawayStages,
                    blocked: hostRunawayBlocked,
                  })}
                </span>
              </div>
            </div>
            <div style={{ display: 'flex', flexWrap: 'wrap', justifyContent: 'flex-end', gap: 6, minWidth: 0 }}>
              <Chip value={t('hostRunawayAiops.badges.host', { host: hostRunawayAiops.live_readback.host_label })} />
              <Chip value={t('hostRunawayAiops.badges.deploy', { marker: hostRunawayAiops.live_readback.deploy_marker })} muted />
              <Chip value={t('hostRunawayAiops.badges.runtime', { value: hostRunawayLiveWrites })} muted />
            </div>
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(112px, 1fr))', gap: 10 }} className="automation-inventory-kpi-grid">
            <MetricCard label={t('hostRunawayAiops.metrics.overall')} value={`${hostRunawayOverall}%`} tone="ok" icon={<Gauge size={16} />} />
            <MetricCard label={t('hostRunawayAiops.metrics.stages')} value={hostRunawayStages} tone="ok" icon={<Route size={16} />} />
            <MetricCard label={t('hostRunawayAiops.metrics.alertLanes')} value={hostRunawayAlertLanes} tone="ok" icon={<BellRing size={16} />} />
            <MetricCard label={t('hostRunawayAiops.metrics.assets')} value={hostRunawayAssets} tone="ok" icon={<BookOpenCheck size={16} />} />
            <MetricCard label={t('hostRunawayAiops.metrics.liveWrites')} value={hostRunawayLiveWrites} tone={hostRunawayLiveWrites === 0 ? 'ok' : 'danger'} icon={<BellOff size={16} />} />
            <MetricCard label={t('hostRunawayAiops.metrics.orphans')} value={hostRunawayAiops.live_readback.orphan_browser_group_count} tone="ok" icon={<ShieldCheck size={16} />} />
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1.35fr) minmax(260px, 0.65fr)', gap: 12 }} className="automation-inventory-visual-grid">
            <div style={{ display: 'flex', flexDirection: 'column', gap: 9, minWidth: 0 }}>
              <SmallLabel>{t('hostRunawayAiops.sections.loopStages')}</SmallLabel>
              {hostRunawayAiops.loop_stages.map(stage => (
                <div key={stage.stage_id} style={{ padding: 11, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', minWidth: 0 }}>
                  <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 8, flexWrap: 'wrap' }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 760, color: '#141413', overflowWrap: 'anywhere' }}>
                      {redactPublicText(stage.display_name)}
                    </span>
                    <Chip value={`${stage.completion_percent}%`} muted={stage.completion_percent !== 100} />
                  </div>
                  <div style={{ marginTop: 7, fontFamily: "'DM Mono', monospace", fontSize: 10, lineHeight: 1.55, color: '#5c5a55', overflowWrap: 'anywhere' }}>
                    {redactPublicText(stage.next_action)}
                  </div>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, marginTop: 8 }}>
                    <Chip value={`${t('hostRunawayAiops.labels.owner')}: ${stage.owner_agent}`} muted />
                    <Chip value={`${t('hostRunawayAiops.labels.evidence')}: ${stage.evidence_refs.length}`} muted />
                    <Chip value={`${t('hostRunawayAiops.labels.blockedActions')}: ${stage.blocked_runtime_actions.length}`} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
              <div style={{ padding: 12, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#faf9f3', minWidth: 0 }}>
                <SmallLabel>{t('hostRunawayAiops.sections.alertLanes')}</SmallLabel>
                <div style={{ marginTop: 7 }}>
                  {hostRunawayAiops.alert_lanes.map(lane => (
                    <GateMatrixRow
                      key={lane.alertname}
                      label={lane.alertname}
                      value={String(lane.runtime_write_gate)}
                      detail={redactPublicText(`${lane.lane_id} · ${lane.action_policy}`)}
                      tone={lane.runtime_write_gate === 0 ? 'ok' : 'danger'}
                    />
                  ))}
                </div>
              </div>

              <div style={{ padding: 12, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', minWidth: 0 }}>
                <SmallLabel>{t('hostRunawayAiops.sections.boundaries')}</SmallLabel>
                <div style={{ marginTop: 7 }}>
                  {hostRunawayBoundaryRows.map(row => (
                    <GateMatrixRow
                      key={row.key}
                      label={row.label}
                      value={String(row.active)}
                      detail={row.active ? t('hostRunawayAiops.labels.boundaryOpen') : t('hostRunawayAiops.labels.boundaryClosed')}
                      tone={row.active ? 'danger' : 'ok'}
                    />
                  ))}
                </div>
                <div style={{ marginTop: 10, display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('hostRunawayAiops.source', {
                    generated: formatDateTime(hostRunawayAiops.generated_at),
                    current: hostRunawayAiops.program_status.current_task_id,
                    next: hostRunawayAiops.program_status.next_task_id,
                  })} muted />
                  <Chip value={t('hostRunawayAiops.labels.monitorUp', { value: hostRunawayAiops.live_readback.monitor_up })} muted />
                  <Chip value={t('hostRunawayAiops.labels.ciContainers', { count: hostRunawayAiops.live_readback.active_ci_container_count })} muted />
                </div>
              </div>
            </div>
          </div>
        </div>
      </GlassCard>

      <GlassCard variant="subtle" padding="md">
        <div style={{ display: 'flex', flexDirection: 'column', gap: 14, minWidth: 0 }}>
          <div style={{ display: 'flex', alignItems: 'flex-start', justifyContent: 'space-between', gap: 12, flexWrap: 'wrap' }}>
            <div style={{ display: 'flex', alignItems: 'flex-start', gap: 10, minWidth: 0 }}>
              <div style={{
                width: 38,
                height: 38,
                borderRadius: 8,
                border: '0.5px solid #0f766e35',
                background: 'rgba(15,118,110,0.08)',
                color: '#0f766e',
                display: 'flex',
                alignItems: 'center',
                justifyContent: 'center',
                flexShrink: 0,
              }}>
                <BookOpenCheck size={18} />
              </div>
              <div style={{ display: 'flex', flexDirection: 'column', gap: 5, minWidth: 0 }}>
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 18, fontWeight: 760, color: '#141413', lineHeight: 1.15, overflowWrap: 'anywhere' }}>
                  {t('reportNoWriteAnalysis.title')}
                </span>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 11, color: '#5c5a55', lineHeight: 1.55, overflowWrap: 'anywhere' }}>
                  {t('reportNoWriteAnalysis.subtitle', {
                    current: reportNoWriteAnalysisRuntime.program_status.current_task_id,
                    next: reportNoWriteAnalysisRuntime.program_status.next_task_id,
                    recommendations: reportNoWriteRecommendations,
                    blocked: reportNoWriteBlocked,
                  })}
                </span>
              </div>
            </div>
            <div style={{ display: 'flex', flexWrap: 'wrap', justifyContent: 'flex-end', gap: 6, minWidth: 0 }}>
              <Chip value={t('reportNoWriteAnalysis.badges.mode')} />
              <Chip value={t('reportNoWriteAnalysis.badges.room', { room: reportNoWriteAnalysisRuntime.telegram_policy.canonical_room })} muted />
              <Chip value={t('reportNoWriteAnalysis.badges.live', { count: reportNoWriteLiveTotal })} muted={reportNoWriteLiveTotal === 0} />
            </div>
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(112px, 1fr))', gap: 10 }} className="automation-inventory-kpi-grid">
            <MetricCard label={t('reportNoWriteAnalysis.metrics.overall')} value={`${reportNoWriteAnalysisOverall}%`} tone="ok" icon={<Gauge size={16} />} />
            <MetricCard label={t('reportNoWriteAnalysis.metrics.sources')} value={reportNoWriteSources} tone="ok" icon={<Database size={16} />} />
            <MetricCard label={t('reportNoWriteAnalysis.metrics.inputs')} value={reportNoWriteInputs} tone="ok" icon={<FileText size={16} />} />
            <MetricCard label={t('reportNoWriteAnalysis.metrics.passes')} value={reportNoWriteAgentPasses} tone="ok" icon={<Route size={16} />} />
            <MetricCard label={t('reportNoWriteAnalysis.metrics.recommendations')} value={reportNoWriteRecommendations} tone="warn" icon={<Target size={16} />} />
            <MetricCard label={t('reportNoWriteAnalysis.metrics.artifacts')} value={reportNoWriteArtifacts} tone="ok" icon={<Archive size={16} />} />
            <MetricCard label={t('reportNoWriteAnalysis.metrics.gates')} value={reportNoWriteGates} tone="warn" icon={<UserCheck size={16} />} />
            <MetricCard label={t('reportNoWriteAnalysis.metrics.approvals')} value={reportNoWriteApprovals} tone={reportNoWriteApprovals > 0 ? 'danger' : 'ok'} icon={<Lock size={16} />} />
            <MetricCard label={t('reportNoWriteAnalysis.metrics.live')} value={reportNoWriteLiveTotal} tone={reportNoWriteLiveTotal === 0 ? 'ok' : 'danger'} icon={<BellOff size={16} />} />
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1.25fr) minmax(260px, 0.75fr)', gap: 12 }} className="automation-inventory-visual-grid">
            <div style={{ display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
              <SmallLabel>{t('reportNoWriteAnalysis.sections.recommendations')}</SmallLabel>
              {visibleReportNoWriteRecommendations.map(recommendation => {
                const tone = recommendation.risk_tier === 'high' || recommendation.risk_tier === 'critical' ? 'danger' : recommendation.risk_tier === 'medium' ? 'warn' : 'ok'
                return (
                  <div key={recommendation.recommendation_id} style={{ padding: 11, border: '0.5px solid #d8e7e3', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                    <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 8, flexWrap: 'wrap' }}>
                      <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 760, color: '#141413', overflowWrap: 'anywhere' }}>
                        {redactPublicText(recommendation.display_name)}
                      </span>
                      <Chip value={t(`reportNoWriteAnalysis.riskTiers.${recommendation.risk_tier}` as never)} muted={tone !== 'danger'} />
                    </div>
                    <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#5f5a4f', lineHeight: 1.55, overflowWrap: 'anywhere' }}>
                      {redactPublicText(recommendation.draft_solution)}
                    </span>
                    <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                      <Chip value={redisDryRunValueLabel('agents', recommendation.owner_agent)} muted />
                      <Chip value={t('reportNoWriteAnalysis.labels.score', { score: recommendation.actionability_score })} />
                      <Chip value={t('reportNoWriteAnalysis.labels.approvalRequired', { value: String(recommendation.approval_required) })} muted={!recommendation.approval_required} />
                      <Chip value={recommendation.blocked_runtime_action} muted />
                    </div>
                  </div>
                )
              })}
            </div>

            <div style={{ display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
              <div style={{ padding: 12, border: '0.5px solid #d8e7e3', borderRadius: 7, background: '#fbfffd', minWidth: 0 }}>
                <SmallLabel>{t('reportNoWriteAnalysis.sections.agentPasses')}</SmallLabel>
                <div style={{ marginTop: 8 }}>
                  {reportNoWriteAnalysisRuntime.agent_analysis_passes.map(pass => (
                    <GateMatrixRow
                      key={pass.agent_id}
                      label={pass.display_name}
                      value={t(`reportNoWriteAnalysis.riskTiers.${pass.highest_risk_tier}` as never)}
                      detail={redactPublicText(pass.summary)}
                      tone={pass.highest_risk_tier === 'high' || pass.highest_risk_tier === 'critical' ? 'danger' : pass.highest_risk_tier === 'medium' ? 'warn' : 'ok'}
                    />
                  ))}
                </div>
              </div>

              <div style={{ padding: 12, border: '0.5px solid #d8e7e3', borderRadius: 7, background: '#fff', minWidth: 0 }}>
                <SmallLabel>{t('reportNoWriteAnalysis.sections.ownerGates')}</SmallLabel>
                <div style={{ marginTop: 8 }}>
                  {visibleReportNoWriteGates.map(gate => (
                    <GateMatrixRow
                      key={gate.gate_id}
                      label={gate.display_name}
                      value={gate.status}
                      detail={t('reportNoWriteAnalysis.labels.gateDetail', {
                        owner: gate.owner_agent,
                        fields: gate.required_fields.length,
                        checks: gate.acceptance_checks.length,
                      })}
                      tone={gate.status === 'owner_review_required' ? 'warn' : gate.status === 'blocked_by_runtime_gate' ? 'danger' : 'ok'}
                    />
                  ))}
                </div>
              </div>

              <div style={{ padding: 12, border: '0.5px solid #d8e7e3', borderRadius: 7, background: '#fff', minWidth: 0 }}>
                <SmallLabel>{t('reportNoWriteAnalysis.sections.truth')}</SmallLabel>
                <span style={{ display: 'block', marginTop: 7, fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#5f5a4f', lineHeight: 1.55, overflowWrap: 'anywhere' }}>
                  {redactPublicText(reportNoWriteAnalysisRuntime.analysis_truth.truth_note)}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, marginTop: 9 }}>
                  <Chip value={t('reportNoWriteAnalysis.labels.generated', {
                    generated: formatDateTime(reportNoWriteAnalysisRuntime.generated_at),
                  })} muted />
                  <Chip value={t('reportNoWriteAnalysis.labels.env', { value: reportNoWriteAnalysisRuntime.telegram_policy.canonical_room_env })} muted />
                  <Chip value={t('reportNoWriteAnalysis.labels.redaction', { value: String(reportNoWriteAnalysisRuntime.display_redaction_contract.redaction_required) })} muted />
                </div>
              </div>
            </div>
          </div>
        </div>
      </GlassCard>

      <GlassCard variant="subtle" padding="md">
        <div style={{ display: 'flex', flexDirection: 'column', gap: 14, minWidth: 0 }}>
          <div style={{ display: 'flex', alignItems: 'flex-start', justifyContent: 'space-between', gap: 12, flexWrap: 'wrap' }}>
            <div style={{ display: 'flex', alignItems: 'flex-start', gap: 10, minWidth: 0 }}>
              <div style={{
                width: 38,
                height: 38,
                borderRadius: 8,
                border: '0.5px solid #2563eb35',
                background: 'rgba(37,99,235,0.07)',
                color: '#2563eb',
                display: 'flex',
                alignItems: 'center',
                justifyContent: 'center',
                flexShrink: 0,
              }}>
                <MessageSquareText size={18} />
              </div>
              <div style={{ display: 'flex', flexDirection: 'column', gap: 5, minWidth: 0 }}>
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 18, fontWeight: 760, color: '#141413', lineHeight: 1.15, overflowWrap: 'anywhere' }}>
                  {t('receiptOwnerReview.title')}
                </span>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 11, color: '#5c5a55', lineHeight: 1.55, overflowWrap: 'anywhere' }}>
                  {t('receiptOwnerReview.subtitle', {
                    current: receiptReadbackOwnerReview.program_status.current_task_id,
                    next: receiptReadbackOwnerReview.program_status.next_task_id,
                    gates: receiptOwnerReviewGates,
                    blocked: receiptOwnerReviewBlocked,
                  })}
                </span>
              </div>
            </div>
            <div style={{ display: 'flex', flexWrap: 'wrap', justifyContent: 'flex-end', gap: 6, minWidth: 0 }}>
              <Chip value={t('receiptOwnerReview.badges.room', { room: receiptReadbackOwnerReview.receipt_readback_plan.canonical_room })} />
              <Chip value={t('receiptOwnerReview.badges.owner', { owner: receiptReadbackOwnerReview.receipt_readback_plan.receipt_owner })} muted />
              <Chip value={t('receiptOwnerReview.badges.canary', { value: String(receiptReadbackOwnerReview.receipt_readback_plan.canary_send_approved) })} muted />
            </div>
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(112px, 1fr))', gap: 10 }} className="automation-inventory-kpi-grid">
            <MetricCard label={t('receiptOwnerReview.metrics.overall')} value={`${receiptOwnerReviewOverall}%`} tone="ok" icon={<Gauge size={16} />} />
            <MetricCard label={t('receiptOwnerReview.metrics.sources')} value={receiptOwnerReviewSources} tone="ok" icon={<Database size={16} />} />
            <MetricCard label={t('receiptOwnerReview.metrics.cadences')} value={receiptOwnerReviewCadences} tone="ok" icon={<CalendarClock size={16} />} />
            <MetricCard label={t('receiptOwnerReview.metrics.gates')} value={receiptOwnerReviewGates} tone="warn" icon={<UserCheck size={16} />} />
            <MetricCard label={t('receiptOwnerReview.metrics.checks')} value={receiptOwnerReviewChecks} tone="ok" icon={<ClipboardCheck size={16} />} />
            <MetricCard label={t('receiptOwnerReview.metrics.approvals')} value={receiptOwnerReviewApprovals} tone="warn" icon={<Lock size={16} />} />
            <MetricCard label={t('receiptOwnerReview.metrics.liveWrites')} value={receiptOwnerReviewLiveWrites} tone={receiptOwnerReviewLiveWrites === 0 ? 'ok' : 'danger'} icon={<BellOff size={16} />} />
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1.35fr) minmax(260px, 0.65fr)', gap: 12 }} className="automation-inventory-visual-grid">
            <div style={{ display: 'flex', flexDirection: 'column', gap: 9, minWidth: 0 }}>
              <SmallLabel>{t('receiptOwnerReview.sections.ownerGates')}</SmallLabel>
              {visibleReceiptOwnerReviewGates.map(gate => (
                <div key={gate.gate_id} style={{ padding: 11, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', minWidth: 0 }}>
                  <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 8, flexWrap: 'wrap' }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 760, color: '#141413', overflowWrap: 'anywhere' }}>
                      {redactPublicText(gate.title)}
                    </span>
                    <Chip value={t(`receiptOwnerReview.riskTiers.${gate.risk_tier}` as never)} muted={gate.risk_tier !== 'critical'} />
                  </div>
                  <div style={{ marginTop: 7, fontFamily: "'DM Mono', monospace", fontSize: 10, lineHeight: 1.55, color: '#5c5a55', overflowWrap: 'anywhere' }}>
                    {redactPublicText(gate.next_action)}
                  </div>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, marginTop: 8 }}>
                    <Chip value={`${t('receiptOwnerReview.labels.owner')}: ${gate.owner_agent}`} muted />
                    <Chip value={`${t('receiptOwnerReview.labels.requiredFields')}: ${gate.required_owner_fields.length}`} muted />
                    <Chip value={`${t('receiptOwnerReview.labels.acceptance')}: ${gate.acceptance_checks.length}`} muted />
                    <Chip value={`${t('receiptOwnerReview.labels.blockedActions')}: ${gate.blocked_runtime_actions.length}`} muted />
                    <Chip value={`${t('receiptOwnerReview.labels.evidence')}: ${gate.evidence_refs.length}`} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
              <div style={{ padding: 12, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#faf9f3', minWidth: 0 }}>
                <SmallLabel>{t('receiptOwnerReview.sections.receiptPlan')}</SmallLabel>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, marginTop: 8 }}>
                  <Chip value={t('receiptOwnerReview.labels.arbiter', { value: receiptReadbackOwnerReview.receipt_readback_plan.arbiter })} muted />
                  <Chip value={t('receiptOwnerReview.labels.receiptOwner', { value: receiptReadbackOwnerReview.receipt_readback_plan.receipt_owner })} muted />
                  <Chip value={t('receiptOwnerReview.labels.replayOwner', { value: receiptReadbackOwnerReview.receipt_readback_plan.replay_owner })} muted />
                  <Chip value={t('receiptOwnerReview.labels.env', { value: receiptReadbackOwnerReview.receipt_readback_plan.canonical_room_env })} muted />
                </div>
                <div style={{ marginTop: 9 }}>
                  {receiptReadbackOwnerReview.report_owner_review.cadences.map(cadence => (
                    <GateMatrixRow
                      key={cadence.cadence_id}
                      label={cadence.display_name}
                      value={`${cadence.completion_percent}%`}
                      detail={t('receiptOwnerReview.labels.cadenceDetail', {
                        owner: cadence.owner_agent,
                        state: cadence.delivery_state,
                        confidence: cadence.source_confidence,
                      })}
                      tone={cadence.live_delivery_count === 0 ? 'ok' : 'danger'}
                    />
                  ))}
                </div>
              </div>

              <div style={{ padding: 12, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', minWidth: 0 }}>
                <SmallLabel>{t('receiptOwnerReview.sections.boundaries')}</SmallLabel>
                <div style={{ marginTop: 7 }}>
                  {receiptOwnerReviewBoundaryRows.map(row => (
                    <GateMatrixRow
                      key={row.key}
                      label={row.label}
                      value={String(row.active)}
                      detail={row.active ? t('receiptOwnerReview.labels.boundaryOpen') : t('receiptOwnerReview.labels.boundaryClosed')}
                      tone={row.active ? 'danger' : 'ok'}
                    />
                  ))}
                </div>
                <div style={{ marginTop: 10, display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('receiptOwnerReview.source', {
                    generated: formatDateTime(receiptReadbackOwnerReview.generated_at),
                    current: receiptReadbackOwnerReview.program_status.current_task_id,
                    next: receiptReadbackOwnerReview.program_status.next_task_id,
                  })} muted />
                  <Chip value={t('receiptOwnerReview.labels.truthBlockers', { count: receiptReadbackOwnerReview.report_truth_owner_review.zero_signal_finding_count })} muted />
                  <Chip value={t('receiptOwnerReview.labels.driftCandidates', { count: receiptReadbackOwnerReview.drift_monitor_owner_review.drift_candidate_count })} muted />
                </div>
              </div>
            </div>
          </div>
        </div>
      </GlassCard>

      <GlassCard variant="subtle" padding="md">
        <div style={{ display: 'flex', flexDirection: 'column', gap: 14, minWidth: 0 }}>
          <div style={{ display: 'flex', alignItems: 'flex-start', justifyContent: 'space-between', gap: 12, flexWrap: 'wrap' }}>
            <div style={{ display: 'flex', alignItems: 'flex-start', gap: 10, minWidth: 0 }}>
              <div style={{
                width: 38,
                height: 38,
                borderRadius: 8,
                border: '0.5px solid #f59e0b40',
                background: 'rgba(245,158,11,0.08)',
                color: '#f59e0b',
                display: 'flex',
                alignItems: 'center',
                justifyContent: 'center',
                flexShrink: 0,
              }}>
                <PackageCheck size={18} />
              </div>
              <div style={{ display: 'flex', flexDirection: 'column', gap: 5, minWidth: 0 }}>
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 18, fontWeight: 760, color: '#141413', lineHeight: 1.15, overflowWrap: 'anywhere' }}>
                  {t('supplyChainDrift.title')}
                </span>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 11, color: '#5c5a55', lineHeight: 1.55, overflowWrap: 'anywhere' }}>
                  {t('supplyChainDrift.subtitle', {
                    current: dependencySupplyChainDriftMonitor.program_status.current_task_id,
                    next: dependencySupplyChainDriftMonitor.program_status.next_task_id,
                    candidates: dependencySupplyChainDriftMonitor.rollups.drift_candidate_count,
                    blocked: dependencySupplyChainDriftMonitor.rollups.blocked_operation_count,
                  })}
                </span>
              </div>
            </div>
            <div style={{ display: 'flex', flexWrap: 'wrap', justifyContent: 'flex-end', gap: 6, minWidth: 0 }}>
              <Chip value={t('supplyChainDrift.badges.readOnly')} />
              <Chip value={t('supplyChainDrift.badges.telegram', { value: String(dependencySupplyChainDriftMonitor.telegram_policy.direct_send_allowed) })} muted />
              <Chip value={t('supplyChainDrift.badges.production', { value: String(dependencySupplyChainDriftMonitor.monitor_boundaries.production_write_allowed) })} muted />
            </div>
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'repeat(6, minmax(0, 1fr))', gap: 10 }} className="automation-inventory-kpi-grid">
            {[
              { label: t('supplyChainDrift.metrics.sources'), value: dependencySupplyChainDriftMonitor.rollups.source_snapshot_count, tone: 'ok' as const, icon: <Database size={15} /> },
              { label: t('supplyChainDrift.metrics.stale'), value: dependencySupplyChainDriftMonitor.rollups.stale_source_snapshot_count, tone: 'warn' as const, icon: <CalendarClock size={15} /> },
              { label: t('supplyChainDrift.metrics.checks'), value: dependencySupplyChainDriftMonitor.rollups.monitor_check_count, tone: 'ok' as const, icon: <ClipboardCheck size={15} /> },
              { label: t('supplyChainDrift.metrics.candidates'), value: dependencySupplyChainDriftMonitor.rollups.drift_candidate_count, tone: 'warn' as const, icon: <AlertTriangle size={15} /> },
              { label: t('supplyChainDrift.metrics.ownerActions'), value: dependencySupplyChainDriftMonitor.rollups.owner_action_count, tone: 'warn' as const, icon: <UserCheck size={15} /> },
              { label: t('supplyChainDrift.metrics.blocked'), value: dependencySupplyChainDriftMonitor.rollups.blocked_operation_count, tone: 'ok' as const, icon: <Lock size={15} /> },
            ].map(metric => {
              const color = toneColor(metric.tone)
              return (
                <div key={metric.label} style={{ padding: 11, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', minWidth: 0 }}>
                  <div style={{ display: 'flex', alignItems: 'center', gap: 8, minWidth: 0 }}>
                    <div style={{ color, flexShrink: 0 }}>{metric.icon}</div>
                    <SmallLabel>{metric.label}</SmallLabel>
                  </div>
                  <div style={{ marginTop: 7, fontFamily: 'Syne, sans-serif', fontSize: 23, fontWeight: 760, lineHeight: 1, color }}>
                    {metric.value}
                  </div>
                </div>
              )
            })}
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1.25fr) minmax(260px, 0.75fr)', gap: 12 }} className="automation-inventory-visual-grid">
            <div style={{ display: 'flex', flexDirection: 'column', gap: 9, minWidth: 0 }}>
              <SmallLabel>{t('supplyChainDrift.sections.candidates')}</SmallLabel>
              {visibleSupplyChainDriftCandidates.map(candidate => (
                <div key={candidate.candidate_id} style={{ padding: 11, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', minWidth: 0 }}>
                  <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 8, flexWrap: 'wrap' }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 760, color: '#141413', overflowWrap: 'anywhere' }}>
                      {candidate.candidate_id}
                    </span>
                    <Chip value={candidate.status} muted={candidate.status !== 'blocked_until_approval'} />
                  </div>
                  <div style={{ marginTop: 7, fontFamily: "'DM Mono', monospace", fontSize: 10, lineHeight: 1.55, color: '#5c5a55', overflowWrap: 'anywhere' }}>
                    {redactPublicText(candidate.summary)}
                  </div>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, marginTop: 8 }}>
                    <Chip value={`${t('supplyChainDrift.labels.owner')}: ${candidate.owner_agent}`} muted />
                    <Chip value={`${t('supplyChainDrift.labels.status')}: ${candidate.severity}`} muted />
                    <Chip value={`${t('supplyChainDrift.labels.evidence')}: ${candidate.evidence_refs.length}`} muted />
                    <Chip value={`${t('supplyChainDrift.labels.nextAction')}: ${candidate.next_owner_action}`} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ padding: 12, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#faf9f3', minWidth: 0 }}>
              <SmallLabel>{t('supplyChainDrift.sections.boundaries')}</SmallLabel>
              <div style={{ marginTop: 7 }}>
                {supplyChainDriftBoundaryRows.map(row => (
                  <GateMatrixRow
                    key={row.key}
                    label={row.label}
                    value={String(row.active)}
                    detail={row.active ? t('supplyChainDrift.labels.boundaryOpen') : t('supplyChainDrift.labels.boundaryClosed')}
                    tone={row.active ? 'danger' : 'ok'}
                  />
                ))}
              </div>
              <div style={{ marginTop: 10, display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                <Chip value={t('supplyChainDrift.source', {
                  generated: formatDateTime(dependencySupplyChainDriftMonitor.generated_at),
                  current: dependencySupplyChainDriftMonitor.program_status.current_task_id,
                  next: dependencySupplyChainDriftMonitor.program_status.next_task_id,
                })} muted />
              </div>
            </div>
          </div>
        </div>
      </GlassCard>

      <GlassCard variant="subtle" padding="md">
        <div style={{ display: 'flex', flexDirection: 'column', gap: 14, minWidth: 0 }}>
          <div style={{ display: 'flex', alignItems: 'flex-start', justifyContent: 'space-between', gap: 12, flexWrap: 'wrap' }}>
            <div style={{ display: 'flex', alignItems: 'flex-start', gap: 10, minWidth: 0 }}>
              <div style={{
                width: 38,
                height: 38,
                borderRadius: 8,
                border: '0.5px solid #4f46e540',
                background: 'rgba(79,70,229,0.08)',
                color: '#4f46e5',
                display: 'flex',
                alignItems: 'center',
                justifyContent: 'center',
                flexShrink: 0,
              }}>
                <FileText size={18} />
              </div>
              <div style={{ display: 'flex', flexDirection: 'column', gap: 5, minWidth: 0 }}>
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 18, fontWeight: 700, color: '#141413', lineHeight: 1.15, overflowWrap: 'anywhere' }}>
                  {t('reportStatusBoard.heroTitle')}
                </span>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 11, color: '#5c5a55', lineHeight: 1.55, overflowWrap: 'anywhere' }}>
                  {t('reportStatusBoard.heroSubtitle', {
                    current: reportStatusBoard.program_status.current_task_id,
                    percent: reportStatusOverall,
                    next: reportStatusBoard.program_status.next_task_id,
                  })}
                </span>
              </div>
            </div>
            <div style={{ display: 'flex', flexWrap: 'wrap', justifyContent: 'flex-end', gap: 6, minWidth: 0 }}>
              <Chip value={t('reportStatusBoard.source', {
                generated: formatDateTime(reportStatusBoard.generated_at),
                current: reportStatusBoard.program_status.current_task_id,
                next: reportStatusBoard.program_status.next_task_id,
              })} muted />
              <Chip value={t('reportStatusBoard.heroCadenceVisible', {
                daily: String(reportStatusBoard.report_completion_truth.daily_report_visible),
                weekly: String(reportStatusBoard.report_completion_truth.weekly_report_visible),
                monthly: String(reportStatusBoard.report_completion_truth.monthly_report_visible),
              })} />
            </div>
          </div>

          <div style={{ padding: 11, border: '0.5px solid #dde3ff', borderRadius: 7, background: '#f8faff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
            <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 11, color: '#4f5565', lineHeight: 1.55, overflowWrap: 'anywhere' }}>
              {t('reportStatusBoard.heroStatusLine')}
            </span>
            <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
              <Chip value={t('reportStatusBoard.flags.send', { value: String(reportStatusBoard.activation_boundaries.telegram_send_enabled) })} muted />
              <Chip value={t('reportStatusBoard.flags.queue', { value: String(reportStatusBoard.activation_boundaries.gateway_queue_write_enabled) })} muted />
              <Chip value={t('reportStatusBoard.flags.analysis', { value: String(reportStatusBoard.activation_boundaries.ai_analysis_run_enabled) })} muted />
              <Chip value={t('reportStatusBoard.flags.optimization', { value: String(reportStatusBoard.activation_boundaries.production_optimization_write_enabled) })} muted />
              <Chip value={t('reportStatusBoard.flags.highApproval', { value: String(reportStatusBoard.activation_boundaries.high_risk_auto_execution_enabled) })} />
            </div>
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(148px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
            <div style={{ padding: 11, border: '0.5px solid #dde3ff', borderRadius: 7, background: '#fff', minWidth: 0 }}>
              <SmallLabel>{t('reportStatusBoard.heroMetrics.visibleReports')}</SmallLabel>
              <div style={{ marginTop: 6, fontFamily: 'Syne, sans-serif', fontSize: 25, fontWeight: 700, color: '#22C55E', lineHeight: 1 }}>
                {reportStatusBoard.rollups.completed_report_count}/{reportStatusCards}
              </div>
            </div>
            <div style={{ padding: 11, border: '0.5px solid #dde3ff', borderRadius: 7, background: '#fff', minWidth: 0 }}>
              <SmallLabel>{t('reportStatusBoard.heroMetrics.workload')}</SmallLabel>
              <div style={{ marginTop: 6, fontFamily: 'Syne, sans-serif', fontSize: 25, fontWeight: 700, color: '#141413', lineHeight: 1 }}>
                {reportStatusDone}/{reportStatusWorkload}
              </div>
            </div>
            <div style={{ padding: 11, border: '0.5px solid #dde3ff', borderRadius: 7, background: '#fff', minWidth: 0 }}>
              <SmallLabel>{t('reportStatusBoard.heroMetrics.waitingApproval')}</SmallLabel>
              <div style={{ marginTop: 6, fontFamily: 'Syne, sans-serif', fontSize: 25, fontWeight: 700, color: reportStatusWaitingApproval > 0 ? '#F59E0B' : '#22C55E', lineHeight: 1 }}>
                {reportStatusWaitingApproval}
              </div>
            </div>
            <div style={{ padding: 11, border: '0.5px solid #dde3ff', borderRadius: 7, background: '#fff', minWidth: 0 }}>
              <SmallLabel>{t('reportStatusBoard.heroMetrics.liveTelegram')}</SmallLabel>
              <div style={{ marginTop: 6, fontFamily: 'Syne, sans-serif', fontSize: 25, fontWeight: 700, color: reportStatusBoard.rollups.live_telegram_send_count === 0 ? '#22C55E' : '#EF4444', lineHeight: 1 }}>
                {reportStatusBoard.rollups.live_telegram_send_count}
              </div>
            </div>
            <div style={{ padding: 11, border: '0.5px solid #dde3ff', borderRadius: 7, background: '#fff', minWidth: 0 }}>
              <SmallLabel>{t('reportStatusBoard.heroMetrics.liveOptimization')}</SmallLabel>
              <div style={{ marginTop: 6, fontFamily: 'Syne, sans-serif', fontSize: 25, fontWeight: 700, color: reportStatusLiveOptimization === 0 ? '#22C55E' : '#EF4444', lineHeight: 1 }}>
                {reportStatusLiveOptimization}
              </div>
            </div>
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(230px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
            {reportStatusBoard.report_status_cards.map(card => (
              <div key={`hero-${card.cadence_id}`} style={{ padding: 12, border: '0.5px solid #c7d2fe', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 9, minWidth: 0 }}>
                <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 8, minWidth: 0 }}>
                  <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 15, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                    {card.display_name}
                  </span>
                  <Chip value={redisDryRunValueLabel('agents', card.owner_agent)} muted />
                </div>
                <MiniBar
                  label={t('reportStatusBoard.heroLabels.reportProgress')}
                  value={card.completion_percent}
                  detail={t('reportStatusBoard.heroLabels.reportDetail', {
                    sections: card.sections_count,
                    charts: card.chart_count,
                    work: card.work_units_total,
                    live: card.live_delivery_count,
                  })}
                  tone="ok"
                />
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={card.contract_state} muted />
                  <Chip value={card.delivery_state} muted />
                </div>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#62636b', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                  {t('reportStatusBoard.heroLabels.nextGate', { gate: card.next_gate })}
                </span>
              </div>
            ))}
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1.1fr) minmax(0, 0.9fr)', gap: 10 }} className="automation-inventory-live-read-grid">
            <div style={{ padding: 12, border: '0.5px solid #dde3ff', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 9, minWidth: 0 }}>
              <SmallLabel>{t('reportStatusBoard.heroAgentTitle')}</SmallLabel>
              {reportStatusBoard.agent_status_reports.map(agent => {
                const progress = agent.work_units_total > 0 ? Math.round((agent.work_units_done / agent.work_units_total) * 100) : 0
                return (
                  <div key={`hero-agent-${agent.agent_id}`} style={{ display: 'grid', gridTemplateColumns: '104px minmax(0, 1fr)', gap: 9, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {agent.display_name}
                    </span>
                    <MiniBar
                      label={t('reportStatusBoard.heroLabels.agentWorkload')}
                      value={progress}
                      detail={t('reportStatusBoard.heroLabels.agentDetail', {
                        done: agent.work_units_done,
                        total: agent.work_units_total,
                        approval: agent.work_units_waiting_approval,
                        live: agent.live_runtime_work_units_24h,
                      })}
                      tone={progress >= 85 ? 'ok' : 'warn'}
                    />
                  </div>
                )
              })}
            </div>

            <div style={{ padding: 12, border: '0.5px solid #dde3ff', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 9, minWidth: 0 }}>
              <SmallLabel>{t('reportStatusBoard.heroChartTitle')}</SmallLabel>
              {visibleReportStatusCharts.map(chart => {
                const maxValue = Math.max(...chart.series.map(item => item.value), 1)
                return (
                  <div key={`hero-chart-${chart.chart_id}`} style={{ display: 'flex', flexDirection: 'column', gap: 6, minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {chart.display_name}
                    </span>
                    {chart.series.map(item => (
                      <div key={`hero-chart-${chart.chart_id}-${item.label}`} style={{ display: 'grid', gridTemplateColumns: '76px minmax(0, 1fr) 36px', gap: 8, alignItems: 'center', minWidth: 0 }}>
                        <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#605f59', overflowWrap: 'anywhere' }}>
                          {item.label}
                        </span>
                        <div style={{ height: 7, borderRadius: 999, background: '#e7e3d8', overflow: 'hidden' }}>
                          <div style={{ height: '100%', width: `${Math.max(4, Math.round((item.value / maxValue) * 100))}%`, borderRadius: 999, background: toneColor(item.tone) }} />
                        </div>
                        <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, fontWeight: 700, color: toneColor(item.tone), textAlign: 'right' }}>
                          {item.value}
                        </span>
                      </div>
                    ))}
                  </div>
                )
              })}
            </div>
          </div>
        </div>
      </GlassCard>

      <GlassCard variant="subtle" padding="md">
        <div style={{ display: 'flex', flexDirection: 'column', gap: 14, minWidth: 0 }}>
          <div style={{ display: 'flex', alignItems: 'flex-start', justifyContent: 'space-between', gap: 12, flexWrap: 'wrap' }}>
            <div style={{ display: 'flex', alignItems: 'flex-start', gap: 10, minWidth: 0 }}>
              <div style={{
                width: 38,
                height: 38,
                borderRadius: 8,
                border: '0.5px solid #19875440',
                background: 'rgba(25,135,84,0.08)',
                color: '#198754',
                display: 'flex',
                alignItems: 'center',
                justifyContent: 'center',
                flexShrink: 0,
              }}>
                <BellRing size={18} />
              </div>
              <div style={{ display: 'flex', flexDirection: 'column', gap: 5, minWidth: 0 }}>
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 18, fontWeight: 700, color: '#141413', lineHeight: 1.15, overflowWrap: 'anywhere' }}>
                  {t('reportDeliveryHero.title')}
                </span>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 11, color: '#5c5a55', lineHeight: 1.55, overflowWrap: 'anywhere' }}>
                  {t('reportDeliveryHero.subtitle', {
                    current: reportLiveDeliveryApprovalPackage.program_status.current_task_id,
                    next: reportLiveDeliveryApprovalPackage.program_status.next_task_id,
                  })}
                </span>
              </div>
            </div>
            <div style={{ display: 'flex', flexWrap: 'wrap', justifyContent: 'flex-end', gap: 6, minWidth: 0 }}>
              <Chip value={t('reportDeliveryHero.route', { room: 'AwoooI SRE 戰情室' })} />
              <Chip value={t('reportDeliveryHero.source', {
                generated: formatDateTime(reportLiveDeliveryApprovalPackage.generated_at),
                current: reportLiveDeliveryApprovalPackage.program_status.current_task_id,
              })} muted />
            </div>
          </div>

          <div style={{ padding: 11, border: '0.5px solid #b7d6c4', borderRadius: 7, background: '#f8fffb', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
            <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 11, color: '#375446', lineHeight: 1.55, overflowWrap: 'anywhere' }}>
              {t('reportDeliveryHero.statusLine')}
            </span>
            <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
              <Chip value={t('reportDeliveryHero.flags.scheduler', { value: String(reportLiveDeliveryApprovalPackage.delivery_approval_truth.scheduler_enabled) })} muted />
              <Chip value={t('reportDeliveryHero.flags.gateway', { value: String(reportLiveDeliveryApprovalPackage.delivery_approval_truth.gateway_queue_write_enabled) })} muted />
              <Chip value={t('reportDeliveryHero.flags.telegram', { value: String(reportLiveDeliveryApprovalPackage.delivery_approval_truth.telegram_send_enabled) })} muted />
              <Chip value={t('reportDeliveryHero.flags.botApi', { value: String(reportLiveDeliveryApprovalPackage.delivery_approval_truth.bot_api_call_enabled) })} muted />
              <Chip value={t('reportDeliveryHero.flags.receipt', { value: String(reportLiveDeliveryApprovalPackage.delivery_approval_truth.report_receipt_write_enabled) })} muted />
              <Chip value={t('reportDeliveryHero.flags.analysis', { value: String(reportLiveDeliveryApprovalPackage.delivery_approval_truth.ai_analysis_run_enabled) })} muted />
              <Chip value={t('reportDeliveryHero.flags.ownerReview', { value: String(reportLiveDeliveryApprovalPackage.delivery_approval_truth.owner_review_required_before_delivery) })} />
            </div>
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(148px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
            <MetricCard label={t('reportDeliveryHero.metrics.packets')} value={reportDeliveryPackets} tone="warn" icon={<FileText size={16} />} />
            <MetricCard label={t('reportDeliveryHero.metrics.routeGates')} value={reportDeliveryRouteGates} tone="warn" icon={<Route size={16} />} />
            <MetricCard label={t('reportDeliveryHero.metrics.receipts')} value={reportDeliveryReceipts} tone="warn" icon={<Archive size={16} />} />
            <MetricCard label={t('reportDeliveryHero.metrics.approvalRequired')} value={reportDeliveryApprovalRequired} tone="warn" icon={<Lock size={16} />} />
            <MetricCard label={t('reportDeliveryHero.metrics.telegramSends')} value={reportDeliveryTelegramSends} tone={reportDeliveryTelegramSends === 0 ? 'ok' : 'danger'} icon={<BellRing size={16} />} />
            <MetricCard label={t('reportDeliveryHero.metrics.liveWrites')} value={reportDeliveryLiveWrites} tone={reportDeliveryLiveWrites === 0 ? 'ok' : 'danger'} icon={<Database size={16} />} />
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(230px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
            {visibleReportDeliveryPackets.map(packet => (
              <div key={`delivery-hero-${packet.packet_id}`} style={{ padding: 12, border: '0.5px solid #b7d6c4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 9, minWidth: 0 }}>
                <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 8, minWidth: 0 }}>
                  <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 14, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                    {packet.display_name}
                  </span>
                  <Chip value={t(`reportLiveDeliveryApprovalPackage.cadences.${packet.cadence}` as never)} muted />
                </div>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#5c5a55', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                  {packet.operator_guidance}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={redisDryRunValueLabel('agents', packet.owner_agent)} muted />
                  <Chip value={t(`reportLiveDeliveryApprovalPackage.packetStatuses.${packet.status}` as never)} muted={packet.status === 'ready_for_owner_review'} />
                  <Chip value={t(`reportLiveDeliveryApprovalPackage.riskTiers.${packet.risk_tier}` as never)} muted={packet.risk_tier !== 'critical'} />
                  <Chip value={t('reportDeliveryHero.labels.noSendMode', { value: String(packet.no_send_mode) })} muted />
                </div>
              </div>
            ))}
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1fr) minmax(0, 1fr)', gap: 10 }} className="automation-inventory-live-read-grid">
            <div style={{ padding: 12, border: '0.5px solid #b7d6c4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 9, minWidth: 0 }}>
              <SmallLabel>{t('reportDeliveryHero.routeGateTitle')}</SmallLabel>
              {visibleReportRouteGates.slice(0, 3).map(gate => (
                <div key={`delivery-hero-gate-${gate.gate_id}`} style={{ display: 'flex', flexDirection: 'column', gap: 5, minWidth: 0 }}>
                  <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                    {gate.display_name}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t(`reportLiveDeliveryApprovalPackage.gateStatuses.${gate.status}` as never)} muted={gate.status === 'ready_for_owner_review'} />
                    <Chip value={t('reportDeliveryHero.labels.requiredEvidence', { count: gate.required_evidence.length })} muted />
                    <Chip value={t('reportDeliveryHero.labels.gateway', { value: String(gate.gateway_queue_write_enabled) })} muted />
                    <Chip value={t('reportDeliveryHero.labels.telegram', { value: String(gate.telegram_send_enabled) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ padding: 12, border: '0.5px solid #b7d6c4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 9, minWidth: 0 }}>
              <SmallLabel>{t('reportDeliveryHero.receiptTitle')}</SmallLabel>
              {visibleReportDeliveryReceipts.map(receipt => (
                <div key={`delivery-hero-receipt-${receipt.receipt_id}`} style={{ display: 'flex', flexDirection: 'column', gap: 5, minWidth: 0 }}>
                  <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                    {receipt.display_name}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t(`reportLiveDeliveryApprovalPackage.receiptStatuses.${receipt.status}` as never)} muted={receipt.status === 'ready_for_owner_review'} />
                    <Chip value={t('reportDeliveryHero.labels.requiredFields', { count: receipt.required_fields.length })} muted />
                    <Chip value={t('reportDeliveryHero.labels.liveSendCount', { count: receipt.live_send_count })} muted />
                    <Chip value={t('reportDeliveryHero.labels.receiptWrite', { value: String(receipt.receipt_write_allowed) })} muted />
                  </div>
                </div>
              ))}
            </div>
          </div>
        </div>
      </GlassCard>

      <GlassCard variant="subtle" padding="md">
        <div style={{ display: 'flex', flexDirection: 'column', gap: 13, minWidth: 0 }}>
          <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 12, flexWrap: 'wrap' }}>
            <div style={{ display: 'flex', alignItems: 'center', gap: 8, minWidth: 0 }}>
              <Layers3 size={15} style={{ color: '#d97757' }} />
              <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 14, fontWeight: 700, color: '#141413' }}>
                {t('warRoom.title')}
              </span>
            </div>
            <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, justifyContent: 'flex-end' }}>
              <Chip
                value={t('warRoom.source', {
                  generated: formatDateTime(warRoom.generated_at),
                  current: warRoom.program_status.current_task_id,
                  next: warRoom.program_status.next_task_id,
                })}
                muted
              />
              <Chip value={t('warRoom.runtime', { value: warRoom.program_status.runtime_authority })} muted />
            </div>
          </div>

          <p style={{ margin: 0, fontFamily: "'DM Mono', monospace", fontSize: 11, lineHeight: 1.55, color: '#5c5a55', overflowWrap: 'anywhere' }}>
            {warRoom.program_status.status_note}
          </p>

          <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
            <MetricCard label={t('warRoom.metrics.overall')} value={`${warRoomOverall}%`} tone="warn" icon={<Gauge size={16} />} />
            <MetricCard label={t('warRoom.metrics.reviews')} value={`${warRoomCompletedReviews}/${warRoomRoleCount}`} tone="ok" icon={<ShieldCheck size={16} />} />
            <MetricCard label={t('warRoom.metrics.batches')} value={`${warRoomBatchCount}×${warRoomBatchLimit}`} tone="neutral" icon={<Layers3 size={16} />} />
            <MetricCard label={t('warRoom.metrics.workUnits')} value={warRoomWorkUnits} tone="neutral" icon={<FileText size={16} />} />
            <MetricCard label={t('warRoom.metrics.approvals')} value={warRoomApprovals} tone="warn" icon={<ShieldAlert size={16} />} />
            <MetricCard label={t('warRoom.metrics.blockers')} value={warRoomBlockers} tone="danger" icon={<AlertTriangle size={16} />} />
            <MetricCard label={t('warRoom.metrics.market')} value={warRoomMarketCandidates} tone="warn" icon={<Target size={16} />} />
            <MetricCard label={t('warRoom.metrics.liveWrites')} value={warRoomLiveWrites} tone={warRoomLiveWrites === 0 ? 'ok' : 'danger'} icon={<BellOff size={16} />} />
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(260px, 1fr))', gap: 10 }}>
            <div style={{ padding: 10, border: '0.5px solid #d7c7a1', borderRadius: 7, background: '#fff', minWidth: 0 }}>
              <SmallLabel>{t('warRoom.coordinationTitle')}</SmallLabel>
              <p style={{ margin: '6px 0 8px', fontFamily: "'DM Mono', monospace", fontSize: 10, lineHeight: 1.5, color: '#5c5a55', overflowWrap: 'anywhere' }}>
                {warRoom.coordination_model.summary}
              </p>
              <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                <Chip value={t('warRoom.labels.arbiter', { value: warRoom.coordination_model.arbiter })} />
                <Chip value={t('warRoom.labels.memory', { value: warRoom.coordination_model.memory_owner })} muted />
                <Chip value={t('warRoom.labels.replay', { value: warRoom.coordination_model.replay_owner })} muted />
                <Chip value={t('warRoom.labels.reports', { value: String(warRoomReportCadences) })} muted />
              </div>
            </div>

            <div style={{ padding: 10, border: '0.5px solid #d7c7a1', borderRadius: 7, background: '#fff', minWidth: 0 }}>
              <SmallLabel>{t('warRoom.telegramTitle')}</SmallLabel>
              <p style={{ margin: '6px 0 8px', fontFamily: "'DM Mono', monospace", fontSize: 10, lineHeight: 1.5, color: '#5c5a55', overflowWrap: 'anywhere' }}>
                {warRoom.telegram_contract.summary}
              </p>
              <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                <Chip value={t('warRoom.labels.directSend', { value: String(warRoom.telegram_contract.direct_send_allowed) })} />
                <Chip value={t('warRoom.labels.botApi', { value: String(warRoom.telegram_contract.bot_api_call_allowed) })} muted />
                <Chip value={t('warRoom.labels.dedup', { value: String(warRoom.telegram_contract.dedup_required) })} muted />
                <Chip value={t('warRoom.labels.redaction', { value: String(warRoomRedactionLocked) })} muted />
              </div>
            </div>
          </div>

          <SmallLabel>{t('warRoom.rolesTitle')}</SmallLabel>
          <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
            {visibleWarRoomRoles.map(role => {
              const roleTone = role.risk_tier === 'critical' ? 'danger' : role.risk_tier === 'high' ? 'warn' : 'neutral'
              const roleColor = toneColor(roleTone)
              return (
                <div key={role.agent_id} style={{ padding: 10, border: `0.5px solid ${roleColor}55`, borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {role.display_name}
                    </span>
                    <Chip value={role.risk_tier} muted={role.risk_tier !== 'critical'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {role.war_room_role}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={role.primary_agent} muted />
                    <Chip value={t('warRoom.labels.workUnits', { value: String(role.work_units) })} muted />
                    <Chip value={t('warRoom.labels.approvals', { value: String(role.approval_required_count) })} muted />
                    <Chip value={t('warRoom.labels.blockers', { value: String(role.blocker_count) })} muted />
                    <Chip value={t('warRoom.labels.liveWrites', { value: String(role.live_write_count) })} muted />
                    <Chip value={t('warRoom.labels.telegramSends', { value: String(role.telegram_send_count) })} muted />
                  </div>
                </div>
              )
            })}
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }}>
            <MiniBar
              label={t('warRoom.report.daily')}
              value={warRoom.reporting_contract.daily.required ? 100 : 0}
              detail={warRoom.reporting_contract.daily.delivery_mode}
              tone="ok"
            />
            <MiniBar
              label={t('warRoom.report.weekly')}
              value={warRoom.reporting_contract.weekly.required ? 100 : 0}
              detail={warRoom.reporting_contract.weekly.delivery_mode}
              tone="ok"
            />
            <MiniBar
              label={t('warRoom.report.monthly')}
              value={warRoom.reporting_contract.monthly.required ? 100 : 0}
              detail={warRoom.reporting_contract.monthly.delivery_mode}
              tone="warn"
            />
          </div>
        </div>
      </GlassCard>

      <GlassCard variant="subtle" padding="md">
        <div style={{ display: 'flex', flexDirection: 'column', gap: 13, minWidth: 0 }}>
          <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 12, flexWrap: 'wrap' }}>
            <div style={{ display: 'flex', alignItems: 'center', gap: 8, minWidth: 0 }}>
              <Boxes size={15} style={{ color: '#176d8a' }} />
              <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 14, fontWeight: 700, color: '#141413' }}>
                {t('professionalTaskExpansion.title')}
              </span>
            </div>
            <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, justifyContent: 'flex-end' }}>
              <Chip
                value={t('professionalTaskExpansion.source', {
                  generated: formatDateTime(professionalTaskExpansion.generated_at),
                  current: professionalTaskExpansion.program_status.current_task_id,
                  next: professionalTaskExpansion.program_status.next_task_id,
                })}
                muted
              />
              <Chip value={t('professionalTaskExpansion.runtime', { value: professionalTaskExpansion.program_status.runtime_authority })} muted />
            </div>
          </div>

          <p style={{ margin: 0, fontFamily: "'DM Mono', monospace", fontSize: 11, lineHeight: 1.55, color: '#5c5a55', overflowWrap: 'anywhere' }}>
            {professionalTaskExpansion.program_status.status_note}
          </p>

          <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
            <MetricCard label={t('professionalTaskExpansion.metrics.overall')} value={`${professionalTaskOverall}%`} tone="warn" icon={<Gauge size={16} />} />
            <MetricCard label={t('professionalTaskExpansion.metrics.tasks')} value={professionalTaskTotal} tone="neutral" icon={<Boxes size={16} />} />
            <MetricCard label={t('professionalTaskExpansion.metrics.domains')} value={professionalTaskDomains} tone="neutral" icon={<Layers3 size={16} />} />
            <MetricCard label={t('professionalTaskExpansion.metrics.telegramStages')} value={professionalTaskTelegramStages} tone="warn" icon={<BellRing size={16} />} />
            <MetricCard label={t('professionalTaskExpansion.metrics.messageTypes')} value={professionalTaskMessageTypes} tone="neutral" icon={<FileText size={16} />} />
            <MetricCard label={t('professionalTaskExpansion.metrics.approvals')} value={professionalTaskApprovals} tone="warn" icon={<ShieldAlert size={16} />} />
            <MetricCard label={t('professionalTaskExpansion.metrics.highCritical')} value={professionalTaskHighCritical} tone="danger" icon={<AlertTriangle size={16} />} />
            <MetricCard label={t('professionalTaskExpansion.metrics.liveWrites')} value={professionalTaskLiveWrites} tone={professionalTaskLiveWrites === 0 ? 'ok' : 'danger'} icon={<BellOff size={16} />} />
            <MetricCard label={t('professionalTaskExpansion.metrics.noSendPreviews')} value={professionalTaskExpansion.rollups.no_send_preview_count} tone="ok" icon={<MessageSquareText size={16} />} />
            <MetricCard label={t('professionalTaskExpansion.metrics.dedupKeys')} value={professionalTaskExpansion.rollups.dedup_key_count} tone="ok" icon={<Fingerprint size={16} />} />
            <MetricCard label={t('professionalTaskExpansion.metrics.receipts')} value={professionalTaskExpansion.rollups.receipt_expectation_count} tone="warn" icon={<ClipboardCheck size={16} />} />
            <MetricCard label={t('professionalTaskExpansion.metrics.previewLiveWrites')} value={professionalTaskPreviewLiveWrites} tone={professionalTaskPreviewLiveWrites === 0 ? 'ok' : 'danger'} icon={<BellOff size={16} />} />
            <MetricCard label={t('professionalTaskExpansion.metrics.canaryPacket')} value={professionalTaskExpansion.rollups.canary_send_approval_packet_count} tone="warn" icon={<ClipboardCheck size={16} />} />
            <MetricCard label={t('professionalTaskExpansion.metrics.canaryFields')} value={professionalTaskExpansion.rollups.canary_operator_approval_field_count} tone="warn" icon={<FileText size={16} />} />
            <MetricCard label={t('professionalTaskExpansion.metrics.stopConditions')} value={professionalTaskExpansion.rollups.canary_stop_condition_count} tone="danger" icon={<ShieldAlert size={16} />} />
            <MetricCard label={t('professionalTaskExpansion.metrics.canaryApprovalGaps')} value={professionalTaskCanaryApprovalGaps} tone={professionalTaskCanaryApprovalGaps === 0 ? 'ok' : 'danger'} icon={<BellOff size={16} />} />
            <MetricCard label={t('professionalTaskExpansion.metrics.deliveryGate')} value={professionalTaskExpansion.rollups.canary_delivery_gate_count} tone="warn" icon={<Route size={16} />} />
            <MetricCard label={t('professionalTaskExpansion.metrics.deliveryFields')} value={professionalTaskExpansion.rollups.canary_delivery_required_field_count} tone="warn" icon={<ClipboardCheck size={16} />} />
            <MetricCard label={t('professionalTaskExpansion.metrics.deliveryPreflight')} value={professionalTaskExpansion.rollups.canary_delivery_preflight_check_count} tone="warn" icon={<ShieldCheck size={16} />} />
            <MetricCard label={t('professionalTaskExpansion.metrics.deliveryHoldReasons')} value={professionalTaskExpansion.rollups.canary_delivery_hold_reason_count} tone="danger" icon={<Lock size={16} />} />
            <MetricCard label={t('professionalTaskExpansion.metrics.deliveryRehearsal')} value={professionalTaskExpansion.rollups.canary_delivery_rehearsal_count} tone="ok" icon={<Route size={16} />} />
            <MetricCard label={t('professionalTaskExpansion.metrics.rehearsalChecks')} value={`${professionalTaskExpansion.rollups.canary_delivery_rehearsal_completed_check_count}/${professionalTaskExpansion.rollups.canary_delivery_rehearsal_readback_check_count}`} tone="ok" icon={<ClipboardCheck size={16} />} />
            <MetricCard label={t('professionalTaskExpansion.metrics.rehearsalStops')} value={professionalTaskExpansion.rollups.canary_delivery_rehearsal_stop_condition_count} tone="danger" icon={<ShieldAlert size={16} />} />
            <MetricCard label={t('professionalTaskExpansion.metrics.ownerReviewGate')} value={professionalTaskExpansion.rollups.canary_live_delivery_owner_review_gate_count} tone="warn" icon={<UserCheck size={16} />} />
            <MetricCard label={t('professionalTaskExpansion.metrics.ownerFields')} value={professionalTaskExpansion.rollups.canary_live_delivery_owner_review_required_field_count} tone="warn" icon={<FileText size={16} />} />
            <MetricCard label={t('professionalTaskExpansion.metrics.ownerAcceptance')} value={professionalTaskExpansion.rollups.canary_live_delivery_owner_review_acceptance_check_count} tone="warn" icon={<ShieldCheck size={16} />} />
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(260px, 1fr))', gap: 10 }}>
            <div style={{ padding: 10, border: '0.5px solid #c8d2e3', borderRadius: 7, background: '#fff', minWidth: 0 }}>
              <SmallLabel>{t('professionalTaskExpansion.telegramTitle')}</SmallLabel>
              <p style={{ margin: '6px 0 8px', fontFamily: "'DM Mono', monospace", fontSize: 10, lineHeight: 1.5, color: '#5c5a55', overflowWrap: 'anywhere' }}>
                {professionalTaskExpansion.telegram_runtime_bridge.canonical_room}
              </p>
              <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                <Chip value={t('professionalTaskExpansion.labels.gateway', { value: String(professionalTaskExpansion.telegram_runtime_bridge.gateway_required) })} />
                <Chip value={t('professionalTaskExpansion.labels.noSend', { value: String(professionalTaskExpansion.telegram_runtime_bridge.no_send_preview_ready) })} muted />
                <Chip value={t('professionalTaskExpansion.labels.queuePreview', { value: String(professionalTaskExpansion.telegram_runtime_bridge.queue_preview_readback_ready) })} muted />
                <Chip value={t('professionalTaskExpansion.labels.directBot', { value: String(professionalTaskExpansion.telegram_runtime_bridge.direct_bot_api_allowed) })} muted />
                <Chip value={t('professionalTaskExpansion.labels.send', { value: String(professionalTaskExpansion.telegram_runtime_bridge.telegram_send_enabled) })} muted />
              </div>
            </div>

            <div style={{ padding: 10, border: '0.5px solid #c8d2e3', borderRadius: 7, background: '#fff', minWidth: 0 }}>
              <SmallLabel>{t('professionalTaskExpansion.redactionTitle')}</SmallLabel>
              <p style={{ margin: '6px 0 8px', fontFamily: "'DM Mono', monospace", fontSize: 10, lineHeight: 1.5, color: '#5c5a55', overflowWrap: 'anywhere' }}>
                {redactPublicText(professionalTaskExpansion.redaction_contract.frontend_display_policy)}
              </p>
              <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                <Chip value={t('professionalTaskExpansion.labels.redaction', { value: String(professionalTaskRedactionLocked) })} />
                <Chip value={t('professionalTaskExpansion.labels.gatewayWrites', { value: String(professionalTaskExpansion.rollups.gateway_queue_write_count) })} muted />
                <Chip value={t('professionalTaskExpansion.labels.botCalls', { value: String(professionalTaskExpansion.rollups.bot_api_call_count) })} muted />
                <Chip value={t('professionalTaskExpansion.labels.productionWrites', { value: String(professionalTaskExpansion.rollups.production_write_count) })} muted />
              </div>
            </div>
          </div>

          <SmallLabel>{t('professionalTaskExpansion.previewTitle')}</SmallLabel>
          <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(245px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
            {visibleTelegramPreviews.map(preview => {
              const previewTone = preview.risk_tier === 'critical' ? 'danger' : preview.risk_tier === 'high' ? 'warn' : 'neutral'
              const previewColor = toneColor(previewTone)
              return (
                <div key={preview.preview_id} style={{ padding: 10, border: `0.5px solid ${previewColor}55`, borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {preview.title}
                    </span>
                    <Chip value={t(`professionalTaskExpansion.riskTiers.${preview.risk_tier}` as never)} muted={preview.risk_tier !== 'critical'} />
                  </div>
                  <div style={{ display: 'flex', flexDirection: 'column', gap: 4 }}>
                    {preview.sanitized_body_lines.slice(0, 3).map(line => (
                      <span key={`${preview.preview_id}-${line}`} style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#5c5a55', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                        {redactPublicText(line)}
                      </span>
                    ))}
                  </div>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={preview.owner_agent} muted />
                    <Chip value={t('professionalTaskExpansion.labels.dedup', { value: preview.dedup_key })} muted />
                    <Chip value={t('professionalTaskExpansion.labels.receipt', { value: preview.receipt_expectation_id })} muted />
                    <Chip value={t('professionalTaskExpansion.labels.previewSend', { value: String(preview.send_enabled) })} muted />
                    <Chip value={t('professionalTaskExpansion.labels.queueWrites', { value: String(preview.gateway_queue_write_enabled) })} muted />
                    <Chip value={t('professionalTaskExpansion.labels.botCalls', { value: String(preview.bot_api_call_enabled) })} muted />
                  </div>
                </div>
              )
            })}
          </div>

          <div style={{ padding: 10, border: '0.5px solid #d7c7a1', borderRadius: 7, background: '#fff', minWidth: 0 }}>
            <SmallLabel>{t('professionalTaskExpansion.canaryTitle')}</SmallLabel>
            <p style={{ margin: '6px 0 8px', fontFamily: "'DM Mono', monospace", fontSize: 10, lineHeight: 1.5, color: '#5c5a55', overflowWrap: 'anywhere' }}>
              {redactPublicText(professionalTaskCanaryPackage.package_id)} · {redactPublicText(professionalTaskCanaryPackage.status)}
            </p>
            <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, marginBottom: 8 }}>
              <Chip value={t('professionalTaskExpansion.labels.packageReady', { value: String(professionalTaskCanaryPackage.package_ready) })} />
              <Chip value={t('professionalTaskExpansion.labels.canaryApproval', { value: String(professionalTaskCanaryPackage.approval_required) })} muted />
              <Chip value={t('professionalTaskExpansion.labels.arbiter', { value: professionalTaskCanaryPackage.arbiter })} muted />
              <Chip value={t('professionalTaskExpansion.labels.owner', { value: professionalTaskCanaryPackage.owner_agent })} muted />
              <Chip value={t('professionalTaskExpansion.labels.canarySend', { value: String(professionalTaskCanaryPackage.live_send_enabled) })} muted />
              <Chip value={t('professionalTaskExpansion.labels.productionWrites', { value: String(professionalTaskCanaryPackage.production_write_enabled) })} muted />
            </div>
            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 8 }}>
              {professionalTaskCanaryPackage.approval_checklist.slice(0, 5).map(item => (
                <div key={item} style={{ padding: 8, borderRadius: 6, background: '#f8f5ed', fontFamily: "'DM Mono', monospace", fontSize: 10, lineHeight: 1.45, color: '#5c5a55', overflowWrap: 'anywhere' }}>
                  {item}
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 10, border: '0.5px solid #d7c7a1', borderRadius: 7, background: '#fff', minWidth: 0 }}>
            <SmallLabel>{t('professionalTaskExpansion.canarySendPacketTitle')}</SmallLabel>
            <p style={{ margin: '6px 0 8px', fontFamily: "'DM Mono', monospace", fontSize: 10, lineHeight: 1.5, color: '#5c5a55', overflowWrap: 'anywhere' }}>
              {redactPublicText(professionalTaskCanarySendPacket.packet_id)} · {redactPublicText(professionalTaskCanarySendPacket.status)}
            </p>
            <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, marginBottom: 8 }}>
              <Chip value={t('professionalTaskExpansion.labels.packetReady', { value: String(professionalTaskCanarySendPacket.packet_ready) })} />
              <Chip value={t('professionalTaskExpansion.labels.approvalGranted', { value: String(professionalTaskCanarySendPacket.approval_granted) })} muted />
              <Chip value={t('professionalTaskExpansion.labels.recommendedMessage', { value: professionalTaskCanarySendPacket.recommended_first_message_type })} muted />
              <Chip value={t('professionalTaskExpansion.labels.selectedMessage', { value: professionalTaskCanarySendPacket.selected_message_type })} muted />
              <Chip value={t('professionalTaskExpansion.labels.timeWindow', { value: professionalTaskCanarySendPacket.proposed_time_window })} muted />
              <Chip value={t('professionalTaskExpansion.labels.canarySend', { value: String(professionalTaskCanarySendPacket.execution_flags.canary_send_execution_enabled) })} muted />
              <Chip value={t('professionalTaskExpansion.labels.queueWrites', { value: String(professionalTaskCanarySendPacket.execution_flags.gateway_queue_write_enabled) })} muted />
              <Chip value={t('professionalTaskExpansion.labels.botCalls', { value: String(professionalTaskCanarySendPacket.execution_flags.bot_api_call_enabled) })} muted />
            </div>
            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 8 }}>
              {professionalTaskCanarySendPacket.operator_approval_fields.map(field => (
                <div key={field.field_id} style={{ padding: 8, borderRadius: 6, background: '#f8f5ed', display: 'flex', flexDirection: 'column', gap: 5, minWidth: 0 }}>
                  <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 11, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                    {field.label}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('professionalTaskExpansion.labels.required', { value: String(field.required) })} muted />
                    <Chip value={t('professionalTaskExpansion.labels.inputStatus', { value: field.current_value_status })} muted />
                    <Chip value={t('professionalTaskExpansion.labels.valueVisible', { value: String(field.value_display_allowed) })} muted />
                  </div>
                </div>
              ))}
            </div>
            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))', gap: 8, marginTop: 8 }}>
              {professionalTaskCanarySendPacket.stop_conditions.slice(0, 6).map(condition => (
                <div key={condition} style={{ padding: 8, borderRadius: 6, background: '#fff7ed', fontFamily: "'DM Mono', monospace", fontSize: 10, lineHeight: 1.45, color: '#7a4a20', overflowWrap: 'anywhere' }}>
                  {condition}
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 10, border: '0.5px solid #d7c7a1', borderRadius: 7, background: '#fff', minWidth: 0 }}>
            <SmallLabel>{t('professionalTaskExpansion.canaryDeliveryGateTitle')}</SmallLabel>
            <p style={{ margin: '6px 0 8px', fontFamily: "'DM Mono', monospace", fontSize: 10, lineHeight: 1.5, color: '#5c5a55', overflowWrap: 'anywhere' }}>
              {redactPublicText(professionalTaskCanaryDeliveryGate.gate_id)} · {redactPublicText(professionalTaskCanaryDeliveryGate.status)}
            </p>
            <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, marginBottom: 8 }}>
              <Chip value={t('professionalTaskExpansion.labels.gateReady', { value: String(professionalTaskCanaryDeliveryGate.gate_ready) })} />
              <Chip value={t('professionalTaskExpansion.labels.deliveryApproved', { value: String(professionalTaskCanaryDeliveryGate.delivery_approved) })} muted />
              <Chip value={t('professionalTaskExpansion.labels.attemptAllowed', { value: String(professionalTaskCanaryDeliveryGate.delivery_attempt_allowed) })} muted />
              <Chip value={t('professionalTaskExpansion.labels.selectedMessage', { value: professionalTaskCanaryDeliveryGate.selected_message_type })} muted />
              <Chip value={t('professionalTaskExpansion.labels.timeWindow', { value: professionalTaskCanaryDeliveryGate.proposed_time_window })} muted />
              <Chip value={t('professionalTaskExpansion.labels.targetVerified', { value: String(professionalTaskCanaryDeliveryGate.target_room_verified) })} muted />
              <Chip value={t('professionalTaskExpansion.labels.canarySend', { value: String(professionalTaskCanaryDeliveryGate.delivery_attempt_plan.live_delivery_enabled) })} muted />
              <Chip value={t('professionalTaskExpansion.labels.queueWrites', { value: String(professionalTaskCanaryDeliveryGate.delivery_attempt_plan.gateway_queue_write_enabled) })} muted />
              <Chip value={t('professionalTaskExpansion.labels.botCalls', { value: String(professionalTaskCanaryDeliveryGate.delivery_attempt_plan.bot_api_call_enabled) })} muted />
            </div>
            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 8 }}>
              {professionalTaskCanaryDeliveryGate.required_delivery_fields.map(field => (
                <div key={field.field_id} style={{ padding: 8, borderRadius: 6, background: '#f8f5ed', display: 'flex', flexDirection: 'column', gap: 5, minWidth: 0 }}>
                  <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 11, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                    {field.label}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('professionalTaskExpansion.labels.required', { value: String(field.required) })} muted />
                    <Chip value={t('professionalTaskExpansion.labels.inputStatus', { value: field.current_value_status })} muted />
                    <Chip value={t('professionalTaskExpansion.labels.valueVisible', { value: String(field.value_display_allowed) })} muted />
                  </div>
                </div>
              ))}
            </div>
            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 8, marginTop: 8 }}>
              {professionalTaskCanaryDeliveryGate.preflight_checks.slice(0, 8).map(check => (
                <div key={check} style={{ padding: 8, borderRadius: 6, background: '#eef8f4', fontFamily: "'DM Mono', monospace", fontSize: 10, lineHeight: 1.45, color: '#176d8a', overflowWrap: 'anywhere' }}>
                  {check}
                </div>
              ))}
            </div>
            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 8, marginTop: 8 }}>
              {professionalTaskCanaryDeliveryGate.hold_reasons.slice(0, 7).map(reason => (
                <div key={reason} style={{ padding: 8, borderRadius: 6, background: '#fff7ed', fontFamily: "'DM Mono', monospace", fontSize: 10, lineHeight: 1.45, color: '#7a4a20', overflowWrap: 'anywhere' }}>
                  {t('professionalTaskExpansion.labels.holdReason', { value: reason })}
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 10, border: '0.5px solid #a7d4bd', borderRadius: 7, background: '#f8fffb', minWidth: 0 }}>
            <SmallLabel>{t('professionalTaskExpansion.canaryDeliveryRehearsalTitle')}</SmallLabel>
            <p style={{ margin: '6px 0 8px', fontFamily: "'DM Mono', monospace", fontSize: 10, lineHeight: 1.5, color: '#375446', overflowWrap: 'anywhere' }}>
              {redactPublicText(professionalTaskCanaryDeliveryRehearsal.rehearsal_id)} · {redactPublicText(professionalTaskCanaryDeliveryRehearsal.status)}
            </p>
            <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, marginBottom: 8 }}>
              <Chip value={t('professionalTaskExpansion.labels.rehearsalReady', { value: String(professionalTaskCanaryDeliveryRehearsal.rehearsal_ready) })} />
              <Chip value={t('professionalTaskExpansion.labels.selectedMessage', { value: professionalTaskCanaryDeliveryRehearsal.selected_message_type })} muted />
              <Chip value={t('professionalTaskExpansion.labels.targetRoom', { value: professionalTaskCanaryDeliveryRehearsal.target_room_env })} muted />
              <Chip value={t('professionalTaskExpansion.labels.valueVisible', { value: String(professionalTaskCanaryDeliveryRehearsal.target_room_value_visible) })} muted />
              <Chip value={t('professionalTaskExpansion.labels.dedup', { value: professionalTaskCanaryDeliveryRehearsal.dedup_key })} muted />
              <Chip value={t('professionalTaskExpansion.labels.previewHash', { value: professionalTaskCanaryDeliveryRehearsal.sanitized_preview_hash })} muted />
            </div>
            <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1fr) minmax(0, 1fr)', gap: 8 }} className="automation-inventory-live-read-grid">
              <div style={{ padding: 8, borderRadius: 6, background: '#fff', border: '0.5px solid #c7e7d4', display: 'flex', flexDirection: 'column', gap: 6, minWidth: 0 }}>
                <SmallLabel>{t('professionalTaskExpansion.rehearsalEnvelopeTitle')}</SmallLabel>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('professionalTaskExpansion.labels.queueWrites', { value: String(professionalTaskCanaryDeliveryRehearsal.gateway_envelope_preview.queue_write_enabled) })} muted />
                  <Chip value={t('professionalTaskExpansion.labels.botCalls', { value: String(professionalTaskCanaryDeliveryRehearsal.gateway_envelope_preview.bot_api_call_enabled) })} muted />
                  <Chip value={t('professionalTaskExpansion.labels.send', { value: String(professionalTaskCanaryDeliveryRehearsal.gateway_envelope_preview.telegram_send_enabled) })} muted />
                  <Chip value={t('professionalTaskExpansion.labels.receiptWrite', { value: String(professionalTaskCanaryDeliveryRehearsal.gateway_envelope_preview.delivery_receipt_write_enabled) })} muted />
                </div>
              </div>
              <div style={{ padding: 8, borderRadius: 6, background: '#fff', border: '0.5px solid #c7e7d4', display: 'flex', flexDirection: 'column', gap: 6, minWidth: 0 }}>
                <SmallLabel>{t('professionalTaskExpansion.rehearsalReadbackTitle')}</SmallLabel>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('professionalTaskExpansion.labels.owner', { value: professionalTaskCanaryDeliveryRehearsal.readback_drill.owner_agent })} muted />
                  <Chip value={t('professionalTaskExpansion.labels.completedChecks', { done: professionalTaskCanaryDeliveryRehearsal.readback_drill.completed_check_count, total: professionalTaskCanaryDeliveryRehearsal.readback_drill.required_checks.length })} />
                  <Chip value={t('professionalTaskExpansion.labels.failedChecks', { count: professionalTaskCanaryDeliveryRehearsal.readback_drill.failed_check_count })} muted />
                  <Chip value={t('professionalTaskExpansion.labels.receiptWrite', { value: String(professionalTaskCanaryDeliveryRehearsal.readback_drill.production_receipt_write_enabled) })} muted />
                  <Chip value={t('professionalTaskExpansion.labels.liveReadback', { value: String(professionalTaskCanaryDeliveryRehearsal.readback_drill.live_receipt_readback_enabled) })} muted />
                </div>
              </div>
            </div>
            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 8, marginTop: 8 }}>
              {professionalTaskCanaryDeliveryRehearsal.dry_run_steps.map(step => (
                <div key={step} style={{ padding: 8, borderRadius: 6, background: '#eef8f4', fontFamily: "'DM Mono', monospace", fontSize: 10, lineHeight: 1.45, color: '#176d8a', overflowWrap: 'anywhere' }}>
                  {step}
                </div>
              ))}
            </div>
            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 8, marginTop: 8 }}>
              {professionalTaskCanaryDeliveryRehearsal.stop_conditions.slice(0, 7).map(condition => (
                <div key={condition} style={{ padding: 8, borderRadius: 6, background: '#fff7ed', fontFamily: "'DM Mono', monospace", fontSize: 10, lineHeight: 1.45, color: '#7a4a20', overflowWrap: 'anywhere' }}>
                  {t('professionalTaskExpansion.labels.stopCondition', { value: condition })}
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 10, border: '0.5px solid #d7c7a1', borderRadius: 7, background: '#fffaf0', minWidth: 0 }}>
            <SmallLabel>{t('professionalTaskExpansion.liveOwnerReviewTitle')}</SmallLabel>
            <p style={{ margin: '6px 0 8px', fontFamily: "'DM Mono', monospace", fontSize: 10, lineHeight: 1.5, color: '#684b1f', overflowWrap: 'anywhere' }}>
              {redactPublicText(professionalTaskCanaryLiveOwnerReview.gate_id)} · {redactPublicText(professionalTaskCanaryLiveOwnerReview.status)}
            </p>
            <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, marginBottom: 8 }}>
              <Chip value={t('professionalTaskExpansion.labels.gateReady', { value: String(professionalTaskCanaryLiveOwnerReview.gate_ready) })} />
              <Chip value={t('professionalTaskExpansion.labels.ownerReceived', { value: String(professionalTaskCanaryLiveOwnerReview.owner_review_received) })} muted />
              <Chip value={t('professionalTaskExpansion.labels.ownerAccepted', { value: String(professionalTaskCanaryLiveOwnerReview.owner_review_accepted) })} muted />
              <Chip value={t('professionalTaskExpansion.labels.liveApproved', { value: String(professionalTaskCanaryLiveOwnerReview.live_canary_delivery_approved) })} muted />
              <Chip value={t('professionalTaskExpansion.labels.attemptAllowed', { value: String(professionalTaskCanaryLiveOwnerReview.delivery_attempt_allowed) })} muted />
              <Chip value={t('professionalTaskExpansion.labels.selectedMessage', { value: professionalTaskCanaryLiveOwnerReview.selected_message_type })} muted />
              <Chip value={t('professionalTaskExpansion.labels.targetEnv', { value: professionalTaskCanaryLiveOwnerReview.target_room_env })} muted />
              <Chip value={t('professionalTaskExpansion.labels.previewHash', { value: professionalTaskCanaryLiveOwnerReview.sanitized_preview_hash })} muted />
            </div>
            <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1fr) minmax(0, 1fr)', gap: 8 }} className="automation-inventory-live-read-grid">
              <div style={{ padding: 8, borderRadius: 6, background: '#fff', border: '0.5px solid #ead9ae', display: 'flex', flexDirection: 'column', gap: 6, minWidth: 0 }}>
                <SmallLabel>{t('professionalTaskExpansion.liveOwnerFieldsTitle')}</SmallLabel>
                <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(190px, 1fr))', gap: 6 }}>
                  {professionalTaskCanaryLiveOwnerReview.required_owner_fields.slice(0, 9).map(field => (
                    <div key={field.field_id} style={{ padding: 7, borderRadius: 6, background: '#f8f5ed', display: 'flex', flexDirection: 'column', gap: 4, minWidth: 0 }}>
                      <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 10.5, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                        {field.label}
                      </span>
                      <div style={{ display: 'flex', flexWrap: 'wrap', gap: 5 }}>
                        <Chip value={t('professionalTaskExpansion.labels.inputStatus', { value: field.current_value_status })} muted />
                        <Chip value={t('professionalTaskExpansion.labels.valueVisible', { value: String(field.value_display_allowed) })} muted />
                      </div>
                    </div>
                  ))}
                </div>
              </div>
              <div style={{ padding: 8, borderRadius: 6, background: '#fff', border: '0.5px solid #ead9ae', display: 'flex', flexDirection: 'column', gap: 6, minWidth: 0 }}>
                <SmallLabel>{t('professionalTaskExpansion.liveOwnerReceiptTitle')}</SmallLabel>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('professionalTaskExpansion.labels.owner', { value: professionalTaskCanaryLiveOwnerReview.receipt_readback_plan.owner_agent })} muted />
                  <Chip value={t('professionalTaskExpansion.labels.completedChecks', { done: professionalTaskCanaryLiveOwnerReview.receipt_readback_plan.completed_check_count, total: professionalTaskCanaryLiveOwnerReview.receipt_readback_plan.required_checks.length })} muted />
                  <Chip value={t('professionalTaskExpansion.labels.failedChecks', { count: professionalTaskCanaryLiveOwnerReview.receipt_readback_plan.failed_check_count })} muted />
                  <Chip value={t('professionalTaskExpansion.labels.receiptWrite', { value: String(professionalTaskCanaryLiveOwnerReview.receipt_readback_plan.production_receipt_write_enabled) })} muted />
                  <Chip value={t('professionalTaskExpansion.labels.liveReadback', { value: String(professionalTaskCanaryLiveOwnerReview.receipt_readback_plan.live_receipt_readback_enabled) })} muted />
                </div>
                <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(190px, 1fr))', gap: 6 }}>
                  {professionalTaskCanaryLiveOwnerReview.acceptance_checks.slice(0, 9).map(check => (
                    <div key={check} style={{ padding: 7, borderRadius: 6, background: '#eef8f4', fontFamily: "'DM Mono', monospace", fontSize: 10, lineHeight: 1.45, color: '#176d8a', overflowWrap: 'anywhere' }}>
                      {check}
                    </div>
                  ))}
                </div>
              </div>
            </div>
            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 8, marginTop: 8 }}>
              {professionalTaskCanaryLiveOwnerReview.rejection_reasons.map(reason => (
                <div key={reason} style={{ padding: 8, borderRadius: 6, background: '#fff7ed', fontFamily: "'DM Mono', monospace", fontSize: 10, lineHeight: 1.45, color: '#7a4a20', overflowWrap: 'anywhere' }}>
                  {t('professionalTaskExpansion.labels.rejectionReason', { value: reason })}
                </div>
              ))}
            </div>
            <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, marginTop: 8 }}>
              <Chip value={t('professionalTaskExpansion.labels.queueWrites', { value: String(professionalTaskCanaryLiveOwnerReview.execution_flags.gateway_queue_write_enabled) })} muted />
              <Chip value={t('professionalTaskExpansion.labels.botCalls', { value: String(professionalTaskCanaryLiveOwnerReview.execution_flags.bot_api_call_enabled) })} muted />
              <Chip value={t('professionalTaskExpansion.labels.send', { value: String(professionalTaskCanaryLiveOwnerReview.execution_flags.telegram_send_enabled) })} muted />
              <Chip value={t('professionalTaskExpansion.labels.receiptWrite', { value: String(professionalTaskCanaryLiveOwnerReview.execution_flags.delivery_receipt_write_enabled) })} muted />
              <Chip value={t('professionalTaskExpansion.labels.nextGate', { value: professionalTaskCanaryLiveOwnerReview.next_gate })} muted />
            </div>
          </div>

          <div style={{ padding: 10, border: '0.5px solid #d7c7a1', borderRadius: 7, background: '#fffdf7', minWidth: 0 }}>
            <SmallLabel>{t('professionalTaskExpansion.canaryLiveOwnerReviewTitle')}</SmallLabel>
            <p style={{ margin: '6px 0 8px', fontFamily: "'DM Mono', monospace", fontSize: 10, lineHeight: 1.5, color: '#5c5a55', overflowWrap: 'anywhere' }}>
              {redactPublicText(professionalTaskCanaryLiveOwnerReview.gate_id)} · {redactPublicText(professionalTaskCanaryLiveOwnerReview.status)}
            </p>
            <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, marginBottom: 8 }}>
              <Chip value={t('professionalTaskExpansion.labels.gateReady', { value: String(professionalTaskCanaryLiveOwnerReview.gate_ready) })} />
              <Chip value={t('professionalTaskExpansion.labels.canaryApproval', { value: String(professionalTaskCanaryLiveOwnerReview.approval_required) })} muted />
              <Chip value={t('professionalTaskExpansion.labels.ownerReviewReceived', { value: String(professionalTaskCanaryLiveOwnerReview.owner_review_received) })} muted />
              <Chip value={t('professionalTaskExpansion.labels.ownerReviewAccepted', { value: String(professionalTaskCanaryLiveOwnerReview.owner_review_accepted) })} muted />
              <Chip value={t('professionalTaskExpansion.labels.liveDeliveryApproved', { value: String(professionalTaskCanaryLiveOwnerReview.live_canary_delivery_approved) })} muted />
              <Chip value={t('professionalTaskExpansion.labels.attemptAllowed', { value: String(professionalTaskCanaryLiveOwnerReview.delivery_attempt_allowed) })} muted />
              <Chip value={t('professionalTaskExpansion.labels.selectedMessage', { value: professionalTaskCanaryLiveOwnerReview.selected_message_type })} muted />
              <Chip value={t('professionalTaskExpansion.labels.targetRoom', { value: professionalTaskCanaryLiveOwnerReview.target_room_env })} muted />
              <Chip value={t('professionalTaskExpansion.labels.valueVisible', { value: String(professionalTaskCanaryLiveOwnerReview.target_room_value_visible) })} muted />
              <Chip value={t('professionalTaskExpansion.labels.dedup', { value: professionalTaskCanaryLiveOwnerReview.dedup_key })} muted />
              <Chip value={t('professionalTaskExpansion.labels.previewHash', { value: professionalTaskCanaryLiveOwnerReview.sanitized_preview_hash })} muted />
              <Chip value={t('professionalTaskExpansion.labels.priorReadback', { done: professionalTaskCanaryLiveOwnerReview.prior_readback_completed_check_count, failed: professionalTaskCanaryLiveOwnerReview.prior_readback_failed_check_count })} muted />
              <Chip value={t('professionalTaskExpansion.labels.receiptOwner', { value: professionalTaskCanaryLiveOwnerReview.receipt_readback_owner })} muted />
              <Chip value={t('professionalTaskExpansion.labels.reviewerCount', { count: professionalTaskCanaryLiveOwnerReview.reviewers.length })} muted />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 8 }}>
              {professionalTaskCanaryLiveOwnerReview.required_owner_fields.map(field => (
                <div key={field.field_id} style={{ padding: 8, borderRadius: 6, background: '#f8f5ed', display: 'flex', flexDirection: 'column', gap: 5, minWidth: 0 }}>
                  <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 11, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                    {field.label}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('professionalTaskExpansion.labels.required', { value: String(field.required) })} muted />
                    <Chip value={t('professionalTaskExpansion.labels.inputStatus', { value: field.current_value_status })} muted />
                    <Chip value={t('professionalTaskExpansion.labels.valueVisible', { value: String(field.value_display_allowed) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 8, marginTop: 8 }}>
              {professionalTaskCanaryLiveOwnerReview.acceptance_checks.map(check => (
                <div key={check} style={{ padding: 8, borderRadius: 6, background: '#eef8f4', fontFamily: "'DM Mono', monospace", fontSize: 10, lineHeight: 1.45, color: '#176d8a', overflowWrap: 'anywhere' }}>
                  {t('professionalTaskExpansion.labels.acceptanceCheck', { value: check })}
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 8, marginTop: 8 }}>
              {professionalTaskCanaryLiveOwnerReview.rejection_reasons.map(reason => (
                <div key={reason} style={{ padding: 8, borderRadius: 6, background: '#fff7ed', fontFamily: "'DM Mono', monospace", fontSize: 10, lineHeight: 1.45, color: '#7a4a20', overflowWrap: 'anywhere' }}>
                  {t('professionalTaskExpansion.labels.rejectionReason', { value: reason })}
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1fr) minmax(0, 1fr)', gap: 8, marginTop: 8 }} className="automation-inventory-live-read-grid">
              <div style={{ padding: 8, borderRadius: 6, background: '#fff', border: '0.5px solid #e5d7ad', display: 'flex', flexDirection: 'column', gap: 6, minWidth: 0 }}>
                <SmallLabel>{t('professionalTaskExpansion.ownerReviewerActionsTitle')}</SmallLabel>
                <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(180px, 1fr))', gap: 6 }}>
                  {professionalTaskCanaryLiveOwnerReview.reviewer_actions.map(action => (
                    <span key={action} style={{ padding: 7, borderRadius: 6, background: '#f8f5ed', fontFamily: "'DM Mono', monospace", fontSize: 10, lineHeight: 1.45, color: '#5c5a55', overflowWrap: 'anywhere' }}>
                      {t('professionalTaskExpansion.labels.reviewerAction', { value: action })}
                    </span>
                  ))}
                </div>
              </div>
              <div style={{ padding: 8, borderRadius: 6, background: '#fff', border: '0.5px solid #e5d7ad', display: 'flex', flexDirection: 'column', gap: 6, minWidth: 0 }}>
                <SmallLabel>{t('professionalTaskExpansion.ownerReceiptReadbackTitle')}</SmallLabel>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('professionalTaskExpansion.labels.owner', { value: professionalTaskCanaryLiveOwnerReview.receipt_readback_plan.owner_agent })} muted />
                  <Chip value={t('professionalTaskExpansion.labels.completedChecks', { done: professionalTaskCanaryLiveOwnerReview.receipt_readback_plan.completed_check_count, total: professionalTaskCanaryLiveOwnerReview.receipt_readback_plan.required_checks.length })} />
                  <Chip value={t('professionalTaskExpansion.labels.failedChecks', { count: professionalTaskCanaryLiveOwnerReview.receipt_readback_plan.failed_check_count })} muted />
                  <Chip value={t('professionalTaskExpansion.labels.receiptWrite', { value: String(professionalTaskCanaryLiveOwnerReview.receipt_readback_plan.production_receipt_write_enabled) })} muted />
                  <Chip value={t('professionalTaskExpansion.labels.liveReadback', { value: String(professionalTaskCanaryLiveOwnerReview.receipt_readback_plan.live_receipt_readback_enabled) })} muted />
                </div>
                <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(180px, 1fr))', gap: 6 }}>
                  {professionalTaskCanaryLiveOwnerReview.receipt_readback_plan.required_checks.map(check => (
                    <span key={check} style={{ padding: 7, borderRadius: 6, background: '#eef8f4', fontFamily: "'DM Mono', monospace", fontSize: 10, lineHeight: 1.45, color: '#176d8a', overflowWrap: 'anywhere' }}>
                      {check}
                    </span>
                  ))}
                </div>
              </div>
            </div>

            <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, marginTop: 8 }}>
              <Chip value={t('professionalTaskExpansion.labels.canarySend', { value: String(professionalTaskCanaryLiveOwnerReview.execution_flags.live_delivery_enabled) })} muted />
              <Chip value={t('professionalTaskExpansion.labels.queueWrites', { value: String(professionalTaskCanaryLiveOwnerReview.execution_flags.gateway_queue_write_enabled) })} muted />
              <Chip value={t('professionalTaskExpansion.labels.botCalls', { value: String(professionalTaskCanaryLiveOwnerReview.execution_flags.bot_api_call_enabled) })} muted />
              <Chip value={t('professionalTaskExpansion.labels.send', { value: String(professionalTaskCanaryLiveOwnerReview.execution_flags.telegram_send_enabled) })} muted />
              <Chip value={t('professionalTaskExpansion.labels.receiptWrite', { value: String(professionalTaskCanaryLiveOwnerReview.execution_flags.delivery_receipt_write_enabled) })} muted />
              <Chip value={t('professionalTaskExpansion.labels.productionWrites', { value: String(professionalTaskCanaryLiveOwnerReview.execution_flags.production_write_enabled) })} muted />
              <Chip value={t('professionalTaskExpansion.labels.nextGate', { value: professionalTaskCanaryLiveOwnerReview.next_gate })} muted />
            </div>
          </div>

          <SmallLabel>{t('professionalTaskExpansion.tasksTitle')}</SmallLabel>
          <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
            {visibleProfessionalTasks.map(task => {
              const taskTone = task.risk_tier === 'critical' ? 'danger' : task.risk_tier === 'high' ? 'warn' : 'neutral'
              const taskColor = toneColor(taskTone)
              return (
                <div key={task.task_id} style={{ padding: 10, border: `0.5px solid ${taskColor}55`, borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {task.title}
                    </span>
                    <Chip value={t(`professionalTaskExpansion.riskTiers.${task.risk_tier}` as never)} muted={task.risk_tier !== 'critical'} />
                  </div>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={task.owner_agent} muted />
                    <Chip value={t('professionalTaskExpansion.labels.approval', { value: String(task.approval_required) })} muted />
                    <Chip value={t('professionalTaskExpansion.labels.liveCount', { value: String(task.current_live_count_24h) })} muted />
                    <Chip value={task.telegram_policy} muted />
                  </div>
                </div>
              )
            })}
          </div>
        </div>
      </GlassCard>

      <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1.05fr) minmax(0, 0.95fr)', gap: 12 }} className="automation-inventory-command-grid">
        <GlassCard variant="subtle" padding="md">
          <div style={{ display: 'flex', flexDirection: 'column', gap: 13, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 12, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <Gauge size={14} style={{ color: '#d97757' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('overview.title')}
                </span>
              </div>
              <Chip value={t('overview.mode')} muted />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(2, minmax(0, 1fr))', gap: 10 }} className="automation-inventory-summary-grid">
              <SummaryTile
                label={t('overview.tiles.automation')}
                value={`${backlogProgressPercent}%`}
                detail={t('overview.details.automation', { done: backlog.progress_summary.done_items, total: backlog.progress_summary.total_items })}
                tone="ok"
                icon={<PackageCheck size={16} />}
              />
              <SummaryTile
                label={t('overview.tiles.decisionSupport')}
                value={`${decisionSupportCoverage}%`}
                detail={t('overview.details.decisionSupport', { gaps: giteaRunnerActions, live: runtimeLiveMissing })}
                tone={decisionCoverageTone}
                icon={<Target size={16} />}
              />
              <SummaryTile
                label={t('overview.tiles.runner')}
                value={`${giteaRunnerActions}/${giteaHealth.rollups.total_workflows}`}
                detail={t('overview.details.runner', { quiet: giteaQuietPolicies, notifications: giteaHealth.rollups.notification_contracts_total })}
                tone={giteaRunnerActions > 0 ? 'warn' : 'ok'}
                icon={<GitBranch size={16} />}
              />
              <SummaryTile
                label={t('overview.tiles.boundary')}
                value={`${explicitApprovalTaskCount}/${taskBoundaryCount}`}
                detail={t('overview.details.boundary', { blocked: blockedApprovals.length })}
                tone={explicitApprovalTaskCount > 0 ? 'warn' : 'ok'}
                icon={<Lock size={16} />}
              />
            </div>
          </div>
        </GlassCard>

        <GlassCard variant="subtle" padding="md">
          <div style={{ display: 'flex', flexDirection: 'column', gap: 13, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 12, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <Target size={14} style={{ color: '#d97757' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('decisionSupport.title')}
                </span>
              </div>
              <Chip value={t('decisionSupport.weightedScore')} muted />
            </div>
            <div style={{
              display: 'grid',
              gridTemplateColumns: '82px minmax(0, 1fr)',
              gap: 13,
              alignItems: 'center',
              minWidth: 0,
            }} className="automation-inventory-decision-grid">
              <div style={{
                width: 82,
                height: 82,
                borderRadius: 999,
                border: `8px solid ${toneColor(decisionCoverageTone)}33`,
                color: toneColor(decisionCoverageTone),
                display: 'flex',
                alignItems: 'center',
                justifyContent: 'center',
                fontFamily: "'DM Mono', monospace",
                fontSize: 18,
                fontWeight: 800,
              }}>
                {decisionSupportCoverage}%
              </div>
              <div style={{ display: 'grid', gridTemplateColumns: 'repeat(2, minmax(0, 1fr))', gap: 11 }} className="automation-inventory-decision-factor-grid">
                {decisionFactors.map(factor => (
                  <MiniBar
                    key={factor.key}
                    label={t(`decisionSupport.factors.${factor.key}`)}
                    value={factor.value}
                    detail={factor.detail}
                    tone={factor.tone}
                  />
                ))}
              </div>
            </div>
          </div>
        </GlassCard>
      </div>

      <div style={{
        display: 'grid',
        gridTemplateColumns: 'repeat(4, minmax(0, 1fr))',
        gap: 12,
      }} className="automation-inventory-kpi-grid">
        <MetricCard label={t('metrics.progress')} value={`${snapshot.program_status.overall_completion_percent}%`} tone="ok" icon={<ShieldCheck size={16} />} />
        <MetricCard label={t('metrics.backlogProgress')} value={`${backlogProgressPercent}%`} tone="warn" icon={<PackageCheck size={16} />} />
        <MetricCard label={t('metrics.assets')} value={snapshot.assets.length} icon={<Boxes size={16} />} />
        <MetricCard label={t('metrics.backlog')} value={backlog.rollups.total_items} tone="warn" icon={<PackageCheck size={16} />} />
        <MetricCard label={t('metrics.p1Backlog')} value={p1BacklogCount} icon={<Boxes size={16} />} />
        <MetricCard label={t('metrics.blocked')} value={blockedAssets} tone={blockedAssets > 0 ? 'warn' : 'ok'} icon={<AlertTriangle size={16} />} />
        <MetricCard label={t('metrics.critical')} value={criticalAssets} tone="danger" icon={<Lock size={16} />} />
        <MetricCard label={t('metrics.taskBoundaries')} value={taskBoundaryCount} icon={<Lock size={16} />} />
        <MetricCard label={t('metrics.explicitApprovalTasks')} value={explicitApprovalTaskCount} tone={explicitApprovalTaskCount > 0 ? 'warn' : 'ok'} icon={<ShieldCheck size={16} />} />
      </div>

      <GlassCard variant="subtle" padding="md">
        <div style={{ display: 'flex', flexDirection: 'column', gap: 13, minWidth: 0 }}>
          <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 12, flexWrap: 'wrap' }}>
            <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
              <Route size={14} style={{ color: '#d97757' }} />
              <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                {t('deploymentLayout.title')}
              </span>
            </div>
            <Chip
              value={t('deploymentLayout.source', {
                generated: formatDateTime(deploymentLayout.generated_at),
                current: deploymentLayout.program_status.current_task_id,
                next: deploymentLayout.program_status.next_task_id,
              })}
              muted
            />
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 12 }} className="automation-inventory-deployment-layout-kpi-grid">
            <MetricCard label={t('deploymentLayout.metrics.targets')} value={deploymentLayoutTargets} icon={<Boxes size={16} />} />
            <MetricCard label={t('deploymentLayout.metrics.openclaw')} value={deploymentLayoutOpenClawTargets} icon={<ShieldCheck size={16} />} />
            <MetricCard label={t('deploymentLayout.metrics.hermes')} value={deploymentLayoutHermesTargets} icon={<FileText size={16} />} />
            <MetricCard label={t('deploymentLayout.metrics.nemotron')} value={deploymentLayoutNemotronTargets} tone="warn" icon={<Target size={16} />} />
            <MetricCard label={t('deploymentLayout.metrics.approval')} value={deploymentLayoutApprovalTargets} tone={deploymentLayoutApprovalTargets > 0 ? 'warn' : 'ok'} icon={<Lock size={16} />} />
            <MetricCard label={t('deploymentLayout.metrics.blocked')} value={deploymentLayoutBlockedTargets} tone={deploymentLayoutBlockedTargets > 0 ? 'danger' : 'ok'} icon={<AlertTriangle size={16} />} />
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1.25fr) minmax(0, 0.75fr)', gap: 12 }} className="automation-inventory-deployment-layout-grid">
            <div style={{ display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
              <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10 }}>
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('deploymentLayout.targetsTitle')}
                </span>
                <Chip value={t('deploymentLayout.targetsShown', { count: visibleDeploymentTargets.length, total: deploymentLayoutTargets })} muted />
              </div>
              <div style={{ display: 'grid', gridTemplateColumns: 'repeat(2, minmax(0, 1fr))', gap: 10 }} className="automation-inventory-deployment-layout-target-grid">
                {visibleDeploymentTargets.map(target => (
                  <div key={target.target_id} style={{ padding: 11, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                    <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 8, minWidth: 0 }}>
                      <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 11, fontWeight: 700, color: '#141413' }}>
                        {target.target_id}
                      </span>
                      <Chip value={deploymentLayoutValueLabel('deploymentStates', target.deployment_state)} muted={target.deployment_state === 'active_governed'} />
                    </div>
                    <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, minWidth: 0 }}>
                      <Chip value={`${t('deploymentLayout.labels.domain')}: ${deploymentLayoutValueLabel('domains', target.domain_id)}`} muted />
                      <Chip value={`${t('deploymentLayout.labels.primary')}: ${deploymentLayoutValueLabel('agents', target.primary_agent)}`} />
                      <Chip value={`${t('deploymentLayout.labels.telegram')}: ${deploymentLayoutValueLabel('telegramPolicies', target.telegram_policy)}`} muted={target.telegram_policy !== 'approval_required'} />
                      <Chip value={`${t('deploymentLayout.labels.automation')}: ${deploymentLayoutValueLabel('automationLevels', target.automation_level)}`} muted={target.automation_level === 'observe_only'} />
                    </div>
                    <div style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                      {target.next_action}
                    </div>
                    <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, minWidth: 0 }}>
                      {target.supporting_agents.length > 0 ? (
                        <Chip value={`${t('deploymentLayout.labels.support')}: ${target.supporting_agents.map(agent => deploymentLayoutValueLabel('agents', agent)).join(' / ')}`} muted />
                      ) : null}
                      <Chip value={`${t('deploymentLayout.labels.evidence')}: ${target.evidence_refs.length}`} muted />
                    </div>
                  </div>
                ))}
              </div>
            </div>

            <div style={{ display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
              <div style={{ padding: 12, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 9, minWidth: 0 }}>
                <SmallLabel>{t('deploymentLayout.agentContractTitle')}</SmallLabel>
                {deploymentLayout.agent_contracts.map(contract => (
                  <div key={contract.agent_id} style={{ display: 'flex', flexDirection: 'column', gap: 5, paddingBottom: 7, borderBottom: '0.5px solid #eee9dd' }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413' }}>
                      {deploymentLayoutValueLabel('agents', contract.agent_id)}
                    </span>
                    <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45 }}>
                      {contract.primary_specialty}
                    </span>
                    <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                      {contract.allowed_autonomy.slice(0, 2).map(item => (
                        <Chip key={`${contract.agent_id}-${item}`} value={item} muted />
                      ))}
                    </div>
                  </div>
                ))}
              </div>

              <div style={{ padding: 12, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('deploymentLayout.telegramTitle')}</SmallLabel>
                <div style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {t('deploymentLayout.telegramDetail', {
                    gateway: deploymentLayout.telegram_contract.primary_gateway,
                    classes: deploymentLayout.telegram_contract.notification_classes.length,
                  })}
                </div>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('deploymentLayout.redactionLocked')} />
                  <Chip value={t('deploymentLayout.directSendBlocked')} muted />
                </div>
              </div>

              <div style={{ padding: 12, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('deploymentLayout.learningTitle')}</SmallLabel>
                <div style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {t('deploymentLayout.learningDetail', {
                    sources: deploymentLayout.learning_contract.event_sources.length,
                    loops: deploymentLayout.learning_contract.feedback_loops.length,
                    metrics: deploymentLayout.learning_contract.growth_metrics.length,
                  })}
                </div>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={`${t('deploymentLayout.labels.bus')}: ${deploymentLayout.collaboration_contract.message_bus}`} muted />
                  <Chip value={t('deploymentLayout.frontendSafe')} />
                </div>
              </div>
            </div>
          </div>
        </div>
      </GlassCard>

      <GlassCard variant="subtle" padding="md">
        <div style={{ display: 'flex', flexDirection: 'column', gap: 13, minWidth: 0 }}>
          <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 12, flexWrap: 'wrap' }}>
            <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
              <Layers3 size={14} style={{ color: '#d97757' }} />
              <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                {t('interactionProof.title')}
              </span>
            </div>
            <Chip
              value={t('interactionProof.source', {
                generated: formatDateTime(interactionLearningProof.generated_at),
                current: interactionLearningProof.program_status.current_task_id,
                next: interactionLearningProof.program_status.next_task_id,
              })}
              muted
            />
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 12 }} className="automation-inventory-proof-kpi-grid">
            <MetricCard label={t('interactionProof.metrics.overall')} value={`${proofOverall}%`} tone="warn" icon={<Gauge size={16} />} />
            <MetricCard label={t('interactionProof.metrics.contractReady')} value={proofContractReadyLevels} tone="ok" icon={<ShieldCheck size={16} />} />
            <MetricCard label={t('interactionProof.metrics.liveSessions')} value={proofLiveSessions} tone={proofLiveSessions > 0 ? 'ok' : 'warn'} icon={<Route size={16} />} />
            <MetricCard label={t('interactionProof.metrics.learningWrites')} value={proofLearningWrites} tone={proofLearningWrites > 0 ? 'ok' : 'warn'} icon={<Database size={16} />} />
            <MetricCard label={t('interactionProof.metrics.telegramReceipts')} value={proofTelegramReceipts} tone={proofTelegramReceipts > 0 ? 'ok' : 'warn'} icon={<BellRing size={16} />} />
            <MetricCard label={t('interactionProof.metrics.blockedGates')} value={proofBlockedGates} tone={proofBlockedGates > 0 ? 'danger' : 'ok'} icon={<Lock size={16} />} />
          </div>

          <div style={{
            padding: 12,
            border: '0.5px solid #f0c58d',
            borderRadius: 7,
            background: 'rgba(245,158,11,0.08)',
            display: 'grid',
            gridTemplateColumns: 'minmax(0, 1fr) auto',
            gap: 12,
            alignItems: 'center',
          }} className="automation-inventory-proof-truth-grid">
            <div style={{ display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
              <SmallLabel>{t('interactionProof.truthTitle')}</SmallLabel>
              <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#5f5a4f', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                {interactionLearningProof.live_truth.truth_note}
              </span>
            </div>
            <div style={{ display: 'flex', flexWrap: 'wrap', justifyContent: 'flex-end', gap: 6, minWidth: 0 }}>
              <Chip value={t('interactionProof.truthFlags.runtime', { value: String(interactionLearningProof.live_truth.runtime_loop_enabled) })} />
              <Chip value={t('interactionProof.truthFlags.readback', { value: String(interactionLearningProof.live_truth.live_agent_session_readback_enabled) })} />
              <Chip value={t('interactionProof.truthFlags.telegram', { value: String(interactionLearningProof.live_truth.telegram_send_enabled) })} />
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #cdd9c4', borderRadius: 7, background: '#fbfdf8', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <FileText size={14} style={{ color: '#16a34a' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('reportAutomationReview.title')}
                </span>
              </div>
              <Chip
                value={t('reportAutomationReview.source', {
                  generated: formatDateTime(reportAutomationReview.generated_at),
                  current: reportAutomationReview.program_status.current_task_id,
                  next: reportAutomationReview.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('reportAutomationReview.metrics.overall')} value={`${reportAutomationOverall}%`} tone="ok" icon={<Gauge size={16} />} />
              <MetricCard label={t('reportAutomationReview.metrics.cadences')} value={reportCadenceCount} tone="ok" icon={<RefreshCw size={16} />} />
              <MetricCard label={t('reportAutomationReview.metrics.agents')} value={reportAgentCount} tone="ok" icon={<Boxes size={16} />} />
              <MetricCard label={t('reportAutomationReview.metrics.workload')} value={reportWorkloadTotal} tone="warn" icon={<Layers3 size={16} />} />
              <MetricCard label={t('reportAutomationReview.metrics.done')} value={reportWorkloadDone} tone="ok" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('reportAutomationReview.metrics.waitingApproval')} value={reportWorkloadWaitingApproval} tone={reportWorkloadWaitingApproval > 0 ? 'danger' : 'ok'} icon={<Lock size={16} />} />
              <MetricCard label={t('reportAutomationReview.metrics.recommendations')} value={reportRecommendations} tone="warn" icon={<Target size={16} />} />
              <MetricCard label={t('reportAutomationReview.metrics.approval')} value={reportApprovalRecommendations} tone={reportApprovalRecommendations > 0 ? 'danger' : 'ok'} icon={<Lock size={16} />} />
              <MetricCard label={t('reportAutomationReview.metrics.autoEnabled')} value={reportAutoEnabled} tone={reportAutoEnabled === 0 ? 'warn' : 'ok'} icon={<Database size={16} />} />
              <MetricCard label={t('reportAutomationReview.metrics.liveDelivery')} value={reportLiveDelivery} tone={reportLiveDelivery === 0 ? 'warn' : 'ok'} icon={<BellRing size={16} />} />
              <MetricCard label={t('reportAutomationReview.metrics.liveOptimization')} value={reportLiveOptimization} tone={reportLiveOptimization === 0 ? 'warn' : 'ok'} icon={<PackageCheck size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1fr) minmax(0, 1fr)', gap: 12 }} className="automation-inventory-live-read-grid">
              <div style={{ display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
                <div style={{ padding: 11, border: '0.5px solid #e4eadf', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                  <SmallLabel>{t('reportAutomationReview.truthTitle')}</SmallLabel>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                    {reportAutomationReview.report_truth.truth_note}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('reportAutomationReview.flags.daily', { value: String(reportAutomationReview.report_truth.daily_report_ready) })} />
                    <Chip value={t('reportAutomationReview.flags.weekly', { value: String(reportAutomationReview.report_truth.weekly_report_ready) })} />
                    <Chip value={t('reportAutomationReview.flags.monthly', { value: String(reportAutomationReview.report_truth.monthly_report_ready) })} />
                    <Chip value={t('reportAutomationReview.flags.delivery', { value: reportLiveDelivery })} muted />
                    <Chip value={t('reportAutomationReview.flags.optimization', { value: reportLiveOptimization })} muted />
                  </div>
                </div>

                <div style={{ padding: 11, border: '0.5px solid #e4eadf', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                  <SmallLabel>{t('reportAutomationReview.policyTitle')}</SmallLabel>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                    {reportAutomationReview.risk_tier_policy.policy_summary}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('reportAutomationReview.flags.highApproval', { value: String(reportAutomationReview.report_truth.low_medium_high_controlled_auto_execution_enabled) })} />
                    <Chip value={t('reportAutomationReview.flags.mediumLowPolicy', { value: String(reportAutomationReview.report_truth.medium_low_auto_policy_defined) })} muted />
                    <Chip value={t('reportAutomationReview.flags.mediumLowExecution', { value: String(reportAutomationReview.report_truth.medium_low_auto_execution_enabled) })} muted />
                  </div>
                </div>

                <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(170px, 1fr))', gap: 10 }}>
                  {reportAutomationReview.report_cadences.map(cadence => (
                    <div key={cadence.cadence_id} style={{ padding: 10, border: '0.5px solid #e4eadf', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                      <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center' }}>
                        <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413' }}>
                          {cadence.display_name}
                        </span>
                        <Chip value={redisDryRunValueLabel('agents', cadence.owner_agent)} muted />
                      </div>
                      <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                        {cadence.schedule}
                      </span>
                      <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                        <Chip value={t('reportAutomationReview.labels.sections', { count: cadence.sections.length })} />
                        <Chip value={t('reportAutomationReview.labels.liveDelivery', { count: cadence.live_delivery_count })} muted />
                      </div>
                    </div>
                  ))}
                </div>
              </div>

              <div style={{ display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
                <SmallLabel>{t('reportAutomationReview.workloadTitle')}</SmallLabel>
                {reportAutomationReview.agent_workload_metrics.map(agent => {
                  const progress = agent.work_units_total > 0 ? Math.round((agent.work_units_done / agent.work_units_total) * 100) : 0
                  return (
                    <div key={agent.agent_id} style={{ padding: 10, border: '0.5px solid #e4eadf', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                      <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                        <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413' }}>
                          {agent.display_name}
                        </span>
                        <Chip value={t('reportAutomationReview.labels.workUnits', { count: agent.work_units_total })} />
                      </div>
                      <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#5f5a4f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                        {agent.primary_role}
                      </span>
                      <MiniBar
                        label={t('reportAutomationReview.labels.doneRatio')}
                        value={progress}
                        detail={t('reportAutomationReview.labels.doneDetail', {
                          done: agent.work_units_done,
                          total: agent.work_units_total,
                          approval: agent.work_units_waiting_approval,
                        })}
                        tone={progress >= 85 ? 'ok' : 'warn'}
                      />
                      <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                        <Chip value={t('reportAutomationReview.labels.targets', { count: agent.deployment_targets })} muted />
                        <Chip value={t('reportAutomationReview.labels.capabilities', { count: agent.delegable_capabilities })} muted />
                        <Chip value={t('reportAutomationReview.labels.reportSections', { count: agent.report_owned_sections })} muted />
                        <Chip value={t('reportAutomationReview.labels.ownedRecommendations', { count: agent.analysis_owned_recommendations })} muted />
                        <Chip value={t('reportAutomationReview.labels.waitingApproval', { count: agent.work_units_waiting_approval })} muted />
                        <Chip value={t('reportAutomationReview.labels.liveRuntime', { count: agent.live_runtime_work_units_24h })} muted />
                      </div>
                      <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                        {agent.workload_note}
                      </span>
                    </div>
                  )
                })}
              </div>
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {visibleReportCharts.map(chart => {
                const maxValue = Math.max(...chart.series.map(item => item.value), 1)
                return (
                  <div key={chart.chart_id} style={{ padding: 10, border: '0.5px solid #e4eadf', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                    <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center' }}>
                      <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413' }}>
                        {chart.display_name}
                      </span>
                      <Chip value={chart.chart_type} muted />
                    </div>
                    <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {chart.operator_question}
                    </span>
                    <div style={{ display: 'flex', flexDirection: 'column', gap: 7 }}>
                      {chart.series.map(item => (
                        <div key={`${chart.chart_id}-${item.label}`} style={{ display: 'grid', gridTemplateColumns: '88px minmax(0, 1fr) 36px', gap: 8, alignItems: 'center', minWidth: 0 }}>
                          <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#605f59', overflowWrap: 'anywhere' }}>
                            {item.label}
                          </span>
                          <div style={{ height: 7, borderRadius: 999, background: '#e7e3d8', overflow: 'hidden' }}>
                            <div style={{ height: '100%', width: `${Math.max(4, Math.round((item.value / maxValue) * 100))}%`, borderRadius: 999, background: toneColor(item.tone) }} />
                          </div>
                          <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, fontWeight: 700, color: toneColor(item.tone), textAlign: 'right' }}>
                            {item.value}
                          </span>
                        </div>
                      ))}
                    </div>
                  </div>
                )
              })}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {visibleReportRecommendations.map(recommendation => {
                const tone = recommendation.risk_tier === 'high' || recommendation.risk_tier === 'critical' ? 'danger' : recommendation.risk_tier === 'medium' ? 'warn' : 'ok'
                return (
                  <div key={recommendation.recommendation_id} style={{ padding: 10, border: '0.5px solid #e4eadf', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                    <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                      <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                        {recommendation.display_name}
                      </span>
                      <Chip value={redisDryRunValueLabel('agents', recommendation.owner_agent)} muted />
                    </div>
                    <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                      <Chip value={t(`reportAutomationReview.riskTiers.${recommendation.risk_tier}` as never)} muted={tone !== 'danger'} />
                      <Chip value={t('reportAutomationReview.labels.approvalRequired', { value: String(recommendation.approval_required) })} muted={!recommendation.approval_required} />
                    </div>
                    <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {recommendation.proposed_solution}
                    </span>
                    <Chip value={recommendation.blocked_runtime_action} muted />
                  </div>
                )
              })}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #c7d2fe', borderRadius: 7, background: '#f8faff', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <ShieldCheck size={14} style={{ color: '#4f46e5' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('reportStatusBoard.title')}
                </span>
              </div>
              <Chip
                value={t('reportStatusBoard.source', {
                  generated: formatDateTime(reportStatusBoard.generated_at),
                  current: reportStatusBoard.program_status.current_task_id,
                  next: reportStatusBoard.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('reportStatusBoard.metrics.overall')} value={`${reportStatusOverall}%`} tone="ok" icon={<Gauge size={16} />} />
              <MetricCard label={t('reportStatusBoard.metrics.reports')} value={reportStatusCards} tone="ok" icon={<FileText size={16} />} />
              <MetricCard label={t('reportStatusBoard.metrics.agents')} value={reportStatusAgents} tone="ok" icon={<Boxes size={16} />} />
              <MetricCard label={t('reportStatusBoard.metrics.charts')} value={reportStatusCharts} tone="ok" icon={<Layers3 size={16} />} />
              <MetricCard label={t('reportStatusBoard.metrics.workload')} value={reportStatusWorkload} tone="warn" icon={<Target size={16} />} />
              <MetricCard label={t('reportStatusBoard.metrics.done')} value={reportStatusDone} tone="ok" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('reportStatusBoard.metrics.waitingApproval')} value={reportStatusWaitingApproval} tone={reportStatusWaitingApproval > 0 ? 'danger' : 'ok'} icon={<Lock size={16} />} />
              <MetricCard label={t('reportStatusBoard.metrics.liveDelivery')} value={reportStatusLiveDelivery} tone={reportStatusLiveDelivery === 0 ? 'warn' : 'ok'} icon={<BellRing size={16} />} />
              <MetricCard label={t('reportStatusBoard.metrics.liveOptimization')} value={reportStatusLiveOptimization} tone={reportStatusLiveOptimization === 0 ? 'warn' : 'ok'} icon={<PackageCheck size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1fr) minmax(0, 1fr)', gap: 12 }} className="automation-inventory-live-read-grid">
              <div style={{ padding: 11, border: '0.5px solid #dde3ff', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('reportStatusBoard.truthTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#62636b', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {reportStatusBoard.report_completion_truth.truth_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('reportStatusBoard.flags.daily', { value: String(reportStatusBoard.report_completion_truth.daily_report_visible) })} />
                  <Chip value={t('reportStatusBoard.flags.weekly', { value: String(reportStatusBoard.report_completion_truth.weekly_report_visible) })} />
                  <Chip value={t('reportStatusBoard.flags.monthly', { value: String(reportStatusBoard.report_completion_truth.monthly_report_visible) })} />
                  <Chip value={t('reportStatusBoard.flags.perAgent', { value: String(reportStatusBoard.report_completion_truth.per_agent_status_visible) })} />
                  <Chip value={t('reportStatusBoard.flags.telegram', { value: String(reportStatusBoard.report_completion_truth.telegram_digest_draft_visible) })} muted />
                </div>
              </div>

              <div style={{ padding: 11, border: '0.5px solid #dde3ff', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('reportStatusBoard.boundaryTitle')}</SmallLabel>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('reportStatusBoard.flags.scheduler', { value: String(reportStatusBoard.activation_boundaries.scheduler_enabled) })} muted />
                  <Chip value={t('reportStatusBoard.flags.queue', { value: String(reportStatusBoard.activation_boundaries.gateway_queue_write_enabled) })} muted />
                  <Chip value={t('reportStatusBoard.flags.send', { value: String(reportStatusBoard.activation_boundaries.telegram_send_enabled) })} muted />
                  <Chip value={t('reportStatusBoard.flags.analysis', { value: String(reportStatusBoard.activation_boundaries.ai_analysis_run_enabled) })} muted />
                  <Chip value={t('reportStatusBoard.flags.optimization', { value: String(reportStatusBoard.activation_boundaries.production_optimization_write_enabled) })} muted />
                  <Chip value={t('reportStatusBoard.flags.highApproval', { value: String(reportStatusBoard.activation_boundaries.high_risk_auto_execution_enabled) })} />
                </div>
              </div>
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(210px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {reportStatusBoard.report_status_cards.map(card => (
                <div key={card.cadence_id} style={{ padding: 10, border: '0.5px solid #dde3ff', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {card.display_name}
                    </span>
                    <Chip value={redisDryRunValueLabel('agents', card.owner_agent)} muted />
                  </div>
                  <MiniBar
                    label={t('reportStatusBoard.labels.completion')}
                    value={card.completion_percent}
                    detail={t('reportStatusBoard.labels.reportDetail', {
                      sections: card.sections_count,
                      charts: card.chart_count,
                      work: card.work_units_total,
                      live: card.live_delivery_count,
                    })}
                    tone="ok"
                  />
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#62636b', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {card.next_gate}
                  </span>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {reportStatusBoard.agent_status_reports.map(agent => {
                const progress = agent.work_units_total > 0 ? Math.round((agent.work_units_done / agent.work_units_total) * 100) : 0
                return (
                  <div key={agent.agent_id} style={{ padding: 10, border: '0.5px solid #dde3ff', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                    <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                      <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                        {agent.display_name}
                      </span>
                      <Chip value={agent.current_state} muted />
                    </div>
                    <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#4f5565', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {agent.primary_role}
                    </span>
                    <MiniBar
                      label={t('reportStatusBoard.labels.workDone')}
                      value={progress}
                      detail={t('reportStatusBoard.labels.agentDetail', {
                        done: agent.work_units_done,
                        total: agent.work_units_total,
                        approval: agent.work_units_waiting_approval,
                        live: agent.live_runtime_work_units_24h,
                      })}
                      tone={progress >= 85 ? 'ok' : 'warn'}
                    />
                    <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                      <Chip value={t('reportStatusBoard.labels.sections', { count: agent.report_sections_owned })} muted />
                      <Chip value={t('reportStatusBoard.labels.recommendations', { count: agent.analysis_recommendations_owned })} muted />
                      <Chip value={agent.communication_state} muted />
                      <Chip value={agent.learning_state} muted />
                      <Chip value={agent.telegram_policy} muted />
                    </div>
                    <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#62636b', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {agent.status_note}
                    </span>
                  </div>
                )
              })}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {visibleReportStatusCharts.map(chart => {
                const maxValue = Math.max(...chart.series.map(item => item.value), 1)
                return (
                  <div key={chart.chart_id} style={{ padding: 10, border: '0.5px solid #dde3ff', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                    <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center' }}>
                      <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413' }}>
                        {chart.display_name}
                      </span>
                      <Chip value={chart.chart_type} muted />
                    </div>
                    <div style={{ display: 'flex', flexDirection: 'column', gap: 7 }}>
                      {chart.series.map(item => (
                        <div key={`${chart.chart_id}-${item.label}`} style={{ display: 'grid', gridTemplateColumns: '88px minmax(0, 1fr) 36px', gap: 8, alignItems: 'center', minWidth: 0 }}>
                          <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#605f59', overflowWrap: 'anywhere' }}>
                            {item.label}
                          </span>
                          <div style={{ height: 7, borderRadius: 999, background: '#e7e3d8', overflow: 'hidden' }}>
                            <div style={{ height: '100%', width: `${Math.max(4, Math.round((item.value / maxValue) * 100))}%`, borderRadius: 999, background: toneColor(item.tone) }} />
                          </div>
                          <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, fontWeight: 700, color: toneColor(item.tone), textAlign: 'right' }}>
                            {item.value}
                          </span>
                        </div>
                      ))}
                    </div>
                  </div>
                )
              })}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {reportStatusBoard.operator_answer_cards.map(answer => (
                <div key={answer.answer_id} style={{ padding: 10, border: '0.5px solid #dde3ff', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {answer.question}
                    </span>
                    <Chip value={t(`reportStatusBoard.answerStatuses.${answer.status}` as never)} muted={answer.status !== 'complete'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#62636b', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {answer.answer}
                  </span>
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #b9d0dd', borderRadius: 7, background: '#f8fcff', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <Route size={14} style={{ color: '#0284c7' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('reportRuntimeReadiness.title')}
                </span>
              </div>
              <Chip
                value={t('reportRuntimeReadiness.source', {
                  generated: formatDateTime(reportRuntimeReadiness.generated_at),
                  current: reportRuntimeReadiness.program_status.current_task_id,
                  next: reportRuntimeReadiness.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('reportRuntimeReadiness.metrics.overall')} value={`${reportRuntimeOverall}%`} tone="warn" icon={<Gauge size={16} />} />
              <MetricCard label={t('reportRuntimeReadiness.metrics.lanes')} value={reportRuntimeLanes} tone="warn" icon={<Route size={16} />} />
              <MetricCard label={t('reportRuntimeReadiness.metrics.ready')} value={reportRuntimeReady} tone="ok" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('reportRuntimeReadiness.metrics.blocked')} value={reportRuntimeBlocked} tone={reportRuntimeBlocked > 0 ? 'danger' : 'ok'} icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('reportRuntimeReadiness.metrics.approvals')} value={reportRuntimeApprovals} tone={reportRuntimeApprovals > 0 ? 'danger' : 'ok'} icon={<Lock size={16} />} />
              <MetricCard label={t('reportRuntimeReadiness.metrics.enabled')} value={reportRuntimeEnabled} tone={reportRuntimeEnabled === 0 ? 'warn' : 'ok'} icon={<Database size={16} />} />
              <MetricCard label={t('reportRuntimeReadiness.metrics.delivery')} value={reportRuntimeLiveDelivery} tone={reportRuntimeLiveDelivery === 0 ? 'warn' : 'ok'} icon={<BellRing size={16} />} />
              <MetricCard label={t('reportRuntimeReadiness.metrics.mediumLow')} value={reportRuntimeMediumLowRuns} tone={reportRuntimeMediumLowRuns === 0 ? 'warn' : 'ok'} icon={<Target size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1fr) minmax(0, 1fr)', gap: 12 }} className="automation-inventory-live-read-grid">
              <div style={{ padding: 11, border: '0.5px solid #d8e8f1', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('reportRuntimeReadiness.truthTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {reportRuntimeReadiness.activation_truth.truth_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('reportRuntimeReadiness.flags.scheduler', { value: String(reportRuntimeReadiness.activation_truth.report_scheduler_contract_ready) })} />
                  <Chip value={t('reportRuntimeReadiness.flags.queue', { value: reportRuntimeQueueWrites })} muted />
                  <Chip value={t('reportRuntimeReadiness.flags.aiRuns', { value: reportRuntimeAiRuns })} muted />
                  <Chip value={t('reportRuntimeReadiness.flags.mediumLow', { value: reportRuntimeMediumLowRuns })} muted />
                </div>
              </div>

              <div style={{ padding: 11, border: '0.5px solid #d8e8f1', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('reportRuntimeReadiness.telegramTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {t('reportRuntimeReadiness.telegramSummary', {
                    room: reportRuntimeReadiness.telegram_route_readiness.canonical_room,
                    secret: reportRuntimeReadiness.telegram_route_readiness.secret_ref,
                    blocked: reportRuntimeReadiness.telegram_route_readiness.blocked_route_count,
                  })}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('reportRuntimeReadiness.flags.gateway', { value: String(reportRuntimeReadiness.telegram_route_readiness.gateway_required) })} />
                  <Chip value={t('reportRuntimeReadiness.flags.directApi', { value: String(reportRuntimeReadiness.telegram_route_readiness.direct_bot_api_allowed) })} muted />
                  <Chip value={t('reportRuntimeReadiness.flags.deliveryVerified', { value: String(reportRuntimeReadiness.telegram_route_readiness.e2e_delivery_verified) })} muted />
                </div>
              </div>
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {visibleReportRuntimeLanes.map(lane => {
                const tone = lane.contract_status === 'blocked_by_runtime_gate' ? 'danger' : lane.risk_tier === 'high' || lane.risk_tier === 'critical' ? 'warn' : 'ok'
                return (
                  <div key={lane.lane_id} style={{ padding: 10, border: '0.5px solid #d8e8f1', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                    <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                      <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                        {lane.display_name}
                      </span>
                      <Chip value={redisDryRunValueLabel('agents', lane.owner_agent)} muted />
                    </div>
                    <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                      <Chip value={t(`reportRuntimeReadiness.statuses.${lane.contract_status}` as never)} muted={tone !== 'danger'} />
                      <Chip value={t(`reportRuntimeReadiness.riskTiers.${lane.risk_tier}` as never)} muted={tone === 'ok'} />
                      <Chip value={t('reportRuntimeReadiness.labels.liveCount', { count: lane.current_live_count_24h })} muted />
                    </div>
                    <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {lane.enablement_required.slice(0, 2).join(' / ')}
                    </span>
                    <Chip value={lane.target_runtime} muted />
                  </div>
                )
              })}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {reportRuntimeReadiness.automation_policies.map(policy => (
                <div key={policy.risk_id} style={{ padding: 10, border: '0.5px solid #d8e8f1', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center' }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413' }}>
                      {policy.display_name}
                    </span>
                    <Chip value={t('reportRuntimeReadiness.labels.enabled', { value: String(policy.current_execution_enabled) })} muted />
                  </div>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('reportRuntimeReadiness.labels.autoAfterGuard', { value: String(policy.auto_allowed_after_guard) })} muted={!policy.auto_allowed_after_guard} />
                    <Chip value={t('reportRuntimeReadiness.labels.approvalRequired', { value: String(policy.approval_required) })} muted={!policy.approval_required} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {policy.reporting_rule}
                  </span>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {visibleReportRuntimeDecisions.map(decision => (
                <div key={decision.decision_id} style={{ padding: 10, border: '0.5px solid #d8e8f1', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {decision.display_name}
                    </span>
                    <Chip value={redisDryRunValueLabel('agents', decision.owner_agent)} muted />
                  </div>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t(`reportRuntimeReadiness.statuses.${decision.status}` as never)} />
                    <Chip value={t('reportRuntimeReadiness.labels.approvalRequired', { value: String(decision.approval_required) })} muted={!decision.approval_required} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {decision.next_safe_step}
                  </span>
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #c7d7bd', borderRadius: 7, background: '#fbfff8', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <FileText size={14} style={{ color: '#4d7c0f' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('reportRuntimeDryRun.title')}
                </span>
              </div>
              <Chip
                value={t('reportRuntimeDryRun.source', {
                  generated: formatDateTime(reportRuntimeDryRun.generated_at),
                  current: reportRuntimeDryRun.program_status.current_task_id,
                  next: reportRuntimeDryRun.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('reportRuntimeDryRun.metrics.overall')} value={`${reportDryRunOverall}%`} tone="warn" icon={<Gauge size={16} />} />
              <MetricCard label={t('reportRuntimeDryRun.metrics.artifacts')} value={reportDryRunArtifacts} tone="ok" icon={<PackageCheck size={16} />} />
              <MetricCard label={t('reportRuntimeDryRun.metrics.queueDrafts')} value={reportDryRunQueueDrafts} tone="warn" icon={<BellOff size={16} />} />
              <MetricCard label={t('reportRuntimeDryRun.metrics.verifierCases')} value={reportDryRunVerifierCases} tone="warn" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('reportRuntimeDryRun.metrics.approvals')} value={reportDryRunApprovals} tone={reportDryRunApprovals > 0 ? 'danger' : 'ok'} icon={<Lock size={16} />} />
              <MetricCard label={t('reportRuntimeDryRun.metrics.delivery')} value={reportDryRunDelivery} tone={reportDryRunDelivery === 0 ? 'warn' : 'danger'} icon={<BellRing size={16} />} />
              <MetricCard label={t('reportRuntimeDryRun.metrics.queueWrites')} value={reportDryRunQueueWrites} tone={reportDryRunQueueWrites === 0 ? 'warn' : 'danger'} icon={<Database size={16} />} />
              <MetricCard label={t('reportRuntimeDryRun.metrics.botCalls')} value={reportDryRunBotCalls} tone={reportDryRunBotCalls === 0 ? 'warn' : 'danger'} icon={<Route size={16} />} />
              <MetricCard label={t('reportRuntimeDryRun.metrics.aiRuns')} value={reportDryRunAiRuns} tone={reportDryRunAiRuns === 0 ? 'warn' : 'danger'} icon={<Target size={16} />} />
              <MetricCard label={t('reportRuntimeDryRun.metrics.verifierLive')} value={reportDryRunVerifierLive} tone={reportDryRunVerifierLive === 0 ? 'warn' : 'danger'} icon={<ShieldAlert size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1fr) minmax(0, 1fr)', gap: 12 }} className="automation-inventory-live-read-grid">
              <div style={{ padding: 11, border: '0.5px solid #dfead9', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('reportRuntimeDryRun.truthTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {reportRuntimeDryRun.dry_run_truth.truth_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('reportRuntimeDryRun.flags.noWrite', { value: String(reportRuntimeDryRun.dry_run_truth.no_write_dry_run_package_ready) })} />
                  <Chip value={t('reportRuntimeDryRun.flags.queueDraft', { value: String(reportRuntimeDryRun.dry_run_truth.telegram_gateway_queue_draft_ready) })} />
                  <Chip value={t('reportRuntimeDryRun.flags.receipt', { value: String(reportRuntimeDryRun.dry_run_truth.delivery_receipt_write_enabled) })} muted />
                  <Chip value={t('reportRuntimeDryRun.flags.verifier', { value: String(reportRuntimeDryRun.dry_run_truth.post_action_verifier_live_readback_enabled) })} muted />
                </div>
              </div>

              <div style={{ padding: 11, border: '0.5px solid #dfead9', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('reportRuntimeDryRun.queueTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {t('reportRuntimeDryRun.queueSummary', {
                    room: reportDryRunPrimaryDraft?.recipient_room ?? 'AwoooI SRE 戰情室',
                    secret: reportDryRunPrimaryDraft?.secret_ref ?? 'SRE_GROUP_CHAT_ID',
                    queue: reportDryRunQueueWrites,
                    bot: reportDryRunBotCalls,
                    send: reportDryRunDelivery,
                  })}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('reportRuntimeDryRun.flags.queueDraft', { value: String(reportRuntimeDryRun.dry_run_truth.telegram_gateway_queue_draft_ready) })} />
                  <Chip value={t('reportRuntimeDryRun.flags.send', { value: String(reportRuntimeDryRun.dry_run_truth.production_delivery_enabled) })} muted />
                  <Chip value={t('reportRuntimeDryRun.flags.directApi', { value: String(reportRuntimeDryRun.dry_run_truth.telegram_bot_api_call_enabled) })} muted />
                  <Chip value={t('reportRuntimeDryRun.flags.secret', { value: String(reportRuntimeDryRun.dry_run_truth.secret_value_read_enabled) })} muted />
                </div>
              </div>
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {visibleReportRuntimeDryRunArtifacts.map(artifact => (
                <div key={artifact.artifact_id} style={{ padding: 10, border: '0.5px solid #dfead9', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {artifact.display_name}
                    </span>
                    <Chip value={redisDryRunValueLabel('agents', artifact.owner_agent)} muted />
                  </div>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t(`reportRuntimeDryRun.statuses.${artifact.status}` as never)} muted={artifact.status !== 'blocked_by_runtime_gate'} />
                    <Chip value={t('reportRuntimeDryRun.labels.mode', { value: artifact.mode })} muted />
                    <Chip value={t('reportRuntimeDryRun.labels.blockedUntil', { value: artifact.blocked_until })} muted />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {artifact.evidence_ref}
                  </span>
                  <Chip value={artifact.hash_strategy} muted />
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {visibleReportRuntimeQueueDrafts.map(draft => (
                <div key={draft.draft_id} style={{ padding: 10, border: '0.5px solid #dfead9', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {draft.display_name}
                    </span>
                    <Chip value={draft.cadence} muted />
                  </div>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={draft.recipient_room} />
                    <Chip value={draft.secret_ref} muted />
                    <Chip value={t('reportRuntimeDryRun.flags.queueWrite', { value: String(draft.gateway_queue_write_enabled) })} muted />
                    <Chip value={t('reportRuntimeDryRun.flags.send', { value: String(draft.telegram_send_enabled) })} muted />
                    <Chip value={t('reportRuntimeDryRun.flags.directApi', { value: String(draft.direct_bot_api_allowed) })} muted />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {draft.noise_budget}
                  </span>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {reportRuntimeDryRun.agent_dry_run_roles.map(role => (
                <div key={role.agent_id} style={{ padding: 10, border: '0.5px solid #dfead9', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {role.display_name}
                    </span>
                    <Chip value={t('reportRuntimeDryRun.labels.liveCount', { count: role.live_action_count_24h })} muted />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {role.dry_run_responsibility}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    {role.allowed_now.slice(0, 2).map(item => (
                      <Chip key={item} value={item} />
                    ))}
                    {role.blocked_now.slice(0, 2).map(item => (
                      <Chip key={item} value={item} muted />
                    ))}
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {visibleReportRuntimeVerifierCases.map(verifierCase => (
                <div key={verifierCase.case_id} style={{ padding: 10, border: '0.5px solid #dfead9', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {verifierCase.display_name}
                    </span>
                    <Chip value={redisDryRunValueLabel('agents', verifierCase.owner_agent)} muted />
                  </div>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('reportRuntimeDryRun.flags.verifier', { value: String(verifierCase.live_readback_enabled) })} muted />
                    <Chip value={t('reportRuntimeDryRun.flags.receipt', { value: String(verifierCase.writes_result) })} muted />
                    <Chip value={t('reportRuntimeDryRun.flags.secret', { value: String(verifierCase.requires_secret_value) })} muted />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {verifierCase.expected_signal}
                  </span>
                  <Chip value={verifierCase.readback_surface} muted />
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {visibleReportRuntimeCheckpoints.map(checkpoint => (
                <div key={checkpoint.checkpoint_id} style={{ padding: 10, border: '0.5px solid #dfead9', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {checkpoint.display_name}
                    </span>
                    <Chip value={redisDryRunValueLabel('agents', checkpoint.owner_agent)} muted />
                  </div>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t(`reportRuntimeDryRun.statuses.${checkpoint.status}` as never)} />
                    <Chip value={t(`reportRuntimeDryRun.riskTiers.${checkpoint.risk_tier}` as never)} muted={checkpoint.risk_tier === 'low'} />
                    <Chip value={t('reportRuntimeDryRun.labels.approvalRequired', { value: String(checkpoint.approval_required) })} muted={!checkpoint.approval_required} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {checkpoint.next_safe_step}
                  </span>
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #c7d7bd', borderRadius: 7, background: '#f8fff7', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <ShieldCheck size={14} style={{ color: '#4d7c0f' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('reportRuntimeFixtureReadback.title')}
                </span>
              </div>
              <Chip
                value={t('reportRuntimeFixtureReadback.source', {
                  generated: formatDateTime(reportRuntimeFixtureReadback.generated_at),
                  current: reportRuntimeFixtureReadback.program_status.current_task_id,
                  next: reportRuntimeFixtureReadback.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('reportRuntimeFixtureReadback.metrics.overall')} value={`${reportFixtureOverall}%`} tone="warn" icon={<Gauge size={16} />} />
              <MetricCard label={t('reportRuntimeFixtureReadback.metrics.smoke')} value={reportFixtureSmokeCount} tone="ok" icon={<PackageCheck size={16} />} />
              <MetricCard label={t('reportRuntimeFixtureReadback.metrics.passed')} value={reportFixturePassedCount} tone="ok" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('reportRuntimeFixtureReadback.metrics.queueReadbacks')} value={reportFixtureQueueReadbacks} tone="warn" icon={<Database size={16} />} />
              <MetricCard label={t('reportRuntimeFixtureReadback.metrics.verifierCases')} value={reportFixtureVerifierCases} tone="warn" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('reportRuntimeFixtureReadback.metrics.approvals')} value={reportFixtureApprovals} tone={reportFixtureApprovals > 0 ? 'danger' : 'ok'} icon={<Lock size={16} />} />
              <MetricCard label={t('reportRuntimeFixtureReadback.metrics.queueWrites')} value={reportFixtureQueueWrites} tone={reportFixtureQueueWrites === 0 ? 'warn' : 'danger'} icon={<Database size={16} />} />
              <MetricCard label={t('reportRuntimeFixtureReadback.metrics.sends')} value={reportFixtureSends} tone={reportFixtureSends === 0 ? 'warn' : 'danger'} icon={<BellRing size={16} />} />
              <MetricCard label={t('reportRuntimeFixtureReadback.metrics.botCalls')} value={reportFixtureBotCalls} tone={reportFixtureBotCalls === 0 ? 'warn' : 'danger'} icon={<Route size={16} />} />
              <MetricCard label={t('reportRuntimeFixtureReadback.metrics.workerRuns')} value={reportFixtureWorkerRuns} tone={reportFixtureWorkerRuns === 0 ? 'warn' : 'danger'} icon={<Target size={16} />} />
              <MetricCard label={t('reportRuntimeFixtureReadback.metrics.verifierLive')} value={reportFixtureVerifierLive} tone={reportFixtureVerifierLive === 0 ? 'warn' : 'danger'} icon={<ShieldAlert size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1fr) minmax(0, 1fr)', gap: 12 }} className="automation-inventory-live-read-grid">
              <div style={{ padding: 11, border: '0.5px solid #dfead9', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('reportRuntimeFixtureReadback.truthTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {reportRuntimeFixtureReadback.fixture_readback_truth.truth_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('reportRuntimeFixtureReadback.flags.fixtureReady', { value: String(reportRuntimeFixtureReadback.fixture_readback_truth.fixture_smoke_package_ready) })} />
                  <Chip value={t('reportRuntimeFixtureReadback.flags.queueReadback', { value: String(reportRuntimeFixtureReadback.fixture_readback_truth.telegram_queue_preview_readback_ready) })} />
                  <Chip value={t('reportRuntimeFixtureReadback.flags.redaction', { value: String(reportRuntimeFixtureReadback.fixture_readback_truth.redaction_assertions_ready) })} />
                  <Chip value={t('reportRuntimeFixtureReadback.flags.operatorReview', { value: String(reportRuntimeFixtureReadback.fixture_readback_truth.operator_review_packet_ready) })} />
                </div>
              </div>

              <div style={{ padding: 11, border: '0.5px solid #dfead9', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('reportRuntimeFixtureReadback.queueTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {t('reportRuntimeFixtureReadback.queueSummary', {
                    room: reportFixturePrimaryReadback?.recipient_room ?? '--',
                    secret: reportFixturePrimaryReadback?.secret_ref ?? '--',
                    queue: reportFixtureQueueWrites,
                    bot: reportFixtureBotCalls,
                    send: reportFixtureSends,
                  })}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('reportRuntimeFixtureReadback.flags.queueWrite', { value: String(reportRuntimeFixtureReadback.fixture_readback_truth.telegram_gateway_queue_write_enabled) })} muted />
                  <Chip value={t('reportRuntimeFixtureReadback.flags.send', { value: String(reportRuntimeFixtureReadback.fixture_readback_truth.telegram_send_enabled) })} muted />
                  <Chip value={t('reportRuntimeFixtureReadback.flags.directApi', { value: String(reportRuntimeFixtureReadback.fixture_readback_truth.telegram_bot_api_call_enabled) })} muted />
                  <Chip value={t('reportRuntimeFixtureReadback.flags.secret', { value: String(reportRuntimeFixtureReadback.fixture_readback_truth.secret_value_read_enabled) })} muted />
                </div>
              </div>
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {visibleReportRuntimeFixtureResults.map(fixture => (
                <div key={fixture.fixture_id} style={{ padding: 10, border: '0.5px solid #dfead9', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {fixture.display_name}
                    </span>
                    <Chip value={redisDryRunValueLabel('agents', fixture.owner_agent)} muted />
                  </div>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t(`reportRuntimeFixtureReadback.statuses.${fixture.smoke_status}` as never)} muted={fixture.smoke_status !== 'blocked_by_runtime_gate'} />
                    <Chip value={t('reportRuntimeFixtureReadback.labels.sourceArtifact', { value: fixture.source_artifact_id })} muted />
                    <Chip value={t('reportRuntimeFixtureReadback.labels.liveCount', { count: fixture.live_execution_count_24h })} muted />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {fixture.evidence_ref}
                  </span>
                  <Chip value={t('reportRuntimeFixtureReadback.labels.outputHash', { value: fixture.output_hash })} muted />
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {visibleReportRuntimeQueueReadbacks.map(readback => (
                <div key={readback.readback_id} style={{ padding: 10, border: '0.5px solid #dfead9', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {readback.display_name}
                    </span>
                    <Chip value={readback.cadence} muted />
                  </div>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t(`reportRuntimeFixtureReadback.statuses.${readback.readback_status}` as never)} />
                    <Chip value={readback.recipient_room} />
                    <Chip value={readback.secret_ref} muted />
                    <Chip value={t('reportRuntimeFixtureReadback.flags.queueWrite', { value: String(readback.gateway_queue_write_enabled) })} muted />
                    <Chip value={t('reportRuntimeFixtureReadback.flags.send', { value: String(readback.telegram_send_enabled) })} muted />
                    <Chip value={t('reportRuntimeFixtureReadback.flags.directApi', { value: String(readback.direct_bot_api_allowed) })} muted />
                  </div>
                  <Chip value={t('reportRuntimeFixtureReadback.labels.previewHash', { value: readback.preview_hash })} muted />
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {reportRuntimeFixtureReadback.agent_fixture_roles.map(role => (
                <div key={role.agent_id} style={{ padding: 10, border: '0.5px solid #dfead9', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {role.display_name}
                    </span>
                    <Chip value={t('reportRuntimeFixtureReadback.labels.liveCount', { count: role.live_action_count_24h })} muted />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {role.fixture_responsibility}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    {role.observed_work.slice(0, 2).map(item => (
                      <Chip key={item} value={item} />
                    ))}
                    {role.blocked_now.slice(0, 2).map(item => (
                      <Chip key={item} value={item} muted />
                    ))}
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {visibleReportRuntimeVerifierDryRuns.map(verifierCase => (
                <div key={verifierCase.case_id} style={{ padding: 10, border: '0.5px solid #dfead9', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {verifierCase.display_name}
                    </span>
                    <Chip value={redisDryRunValueLabel('agents', verifierCase.owner_agent)} muted />
                  </div>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t(`reportRuntimeFixtureReadback.statuses.${verifierCase.dry_run_status}` as never)} muted={verifierCase.dry_run_status !== 'blocked_by_runtime_gate'} />
                    <Chip value={t('reportRuntimeFixtureReadback.flags.verifier', { value: String(verifierCase.live_readback_enabled) })} muted />
                    <Chip value={t('reportRuntimeFixtureReadback.flags.resultWrite', { value: String(verifierCase.writes_result) })} muted />
                    <Chip value={t('reportRuntimeFixtureReadback.flags.secret', { value: String(verifierCase.requires_secret_value) })} muted />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {verifierCase.observed_signal}
                  </span>
                  <Chip value={t('reportRuntimeFixtureReadback.labels.evidenceHash', { value: verifierCase.evidence_hash })} muted />
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {visibleReportRuntimeFixtureCheckpoints.map(checkpoint => (
                <div key={checkpoint.checkpoint_id} style={{ padding: 10, border: '0.5px solid #dfead9', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {checkpoint.display_name}
                    </span>
                    <Chip value={redisDryRunValueLabel('agents', checkpoint.owner_agent)} muted />
                  </div>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t(`reportRuntimeFixtureReadback.statuses.${checkpoint.status}` as never)} />
                    <Chip value={t(`reportRuntimeFixtureReadback.riskTiers.${checkpoint.risk_tier}` as never)} muted={checkpoint.risk_tier === 'low'} />
                    <Chip value={t('reportRuntimeFixtureReadback.labels.approvalRequired', { value: String(checkpoint.approval_required) })} muted={!checkpoint.approval_required} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {checkpoint.next_safe_step}
                  </span>
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #c7d7e8', borderRadius: 7, background: '#f7fbff', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <Target size={14} style={{ color: '#2563eb' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('runtimeWorkerShadowGate.title')}
                </span>
              </div>
              <Chip
                value={t('runtimeWorkerShadowGate.source', {
                  generated: formatDateTime(runtimeWorkerShadowGate.generated_at),
                  current: runtimeWorkerShadowGate.program_status.current_task_id,
                  next: runtimeWorkerShadowGate.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('runtimeWorkerShadowGate.metrics.overall')} value={`${runtimeShadowOverall}%`} tone="warn" icon={<Gauge size={16} />} />
              <MetricCard label={t('runtimeWorkerShadowGate.metrics.candidates')} value={runtimeShadowCandidates} tone="ok" icon={<Target size={16} />} />
              <MetricCard label={t('runtimeWorkerShadowGate.metrics.passed')} value={runtimeShadowPassed} tone="ok" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('runtimeWorkerShadowGate.metrics.blocked')} value={runtimeShadowBlocked} tone={runtimeShadowBlocked > 0 ? 'danger' : 'ok'} icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('runtimeWorkerShadowGate.metrics.review')} value={runtimeShadowNeedsReview} tone={runtimeShadowNeedsReview > 0 ? 'warn' : 'ok'} icon={<Lock size={16} />} />
              <MetricCard label={t('runtimeWorkerShadowGate.metrics.replays')} value={runtimeShadowReplays} tone="warn" icon={<RefreshCw size={16} />} />
              <MetricCard label={t('runtimeWorkerShadowGate.metrics.verifierCases')} value={runtimeShadowVerifierCases} tone="warn" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('runtimeWorkerShadowGate.metrics.approvals')} value={runtimeShadowApprovals} tone={runtimeShadowApprovals > 0 ? 'danger' : 'ok'} icon={<Lock size={16} />} />
              <MetricCard label={t('runtimeWorkerShadowGate.metrics.liveRuns')} value={runtimeShadowLiveRuns} tone={runtimeShadowLiveRuns === 0 ? 'warn' : 'danger'} icon={<Target size={16} />} />
              <MetricCard label={t('runtimeWorkerShadowGate.metrics.queueWrites')} value={runtimeShadowQueueWrites} tone={runtimeShadowQueueWrites === 0 ? 'warn' : 'danger'} icon={<Database size={16} />} />
              <MetricCard label={t('runtimeWorkerShadowGate.metrics.sends')} value={runtimeShadowSends} tone={runtimeShadowSends === 0 ? 'warn' : 'danger'} icon={<BellRing size={16} />} />
              <MetricCard label={t('runtimeWorkerShadowGate.metrics.productionWrites')} value={runtimeShadowProductionWrites} tone={runtimeShadowProductionWrites === 0 ? 'warn' : 'danger'} icon={<HardDrive size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1fr) minmax(0, 1fr)', gap: 12 }} className="automation-inventory-live-read-grid">
              <div style={{ padding: 11, border: '0.5px solid #d9e7f7', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('runtimeWorkerShadowGate.truthTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {runtimeWorkerShadowGate.shadow_gate_truth.truth_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('runtimeWorkerShadowGate.flags.shadowReady', { value: String(runtimeWorkerShadowGate.shadow_gate_truth.shadow_worker_evidence_gate_ready) })} />
                  <Chip value={t('runtimeWorkerShadowGate.flags.promotionReady', { value: String(runtimeWorkerShadowGate.shadow_gate_truth.promotion_from_fixture_readback_ready) })} />
                  <Chip value={t('runtimeWorkerShadowGate.flags.replayReady', { value: String(runtimeWorkerShadowGate.shadow_gate_truth.no_write_replay_plan_ready) })} />
                  <Chip value={t('runtimeWorkerShadowGate.flags.operatorReview', { value: String(runtimeWorkerShadowGate.shadow_gate_truth.operator_review_packet_ready) })} />
                </div>
              </div>

              <div style={{ padding: 11, border: '0.5px solid #d9e7f7', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('runtimeWorkerShadowGate.boundaryTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {t('runtimeWorkerShadowGate.boundarySummary', {
                    live: runtimeShadowLiveRuns,
                    queue: runtimeShadowQueueWrites,
                    send: runtimeShadowSends,
                    write: runtimeShadowProductionWrites,
                  })}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('runtimeWorkerShadowGate.flags.shadowLive', { value: String(runtimeWorkerShadowGate.shadow_gate_truth.shadow_worker_live_enabled) })} muted />
                  <Chip value={t('runtimeWorkerShadowGate.flags.queueWrite', { value: String(runtimeWorkerShadowGate.shadow_gate_truth.gateway_queue_write_enabled) })} muted />
                  <Chip value={t('runtimeWorkerShadowGate.flags.send', { value: String(runtimeWorkerShadowGate.shadow_gate_truth.telegram_send_enabled) })} muted />
                  <Chip value={t('runtimeWorkerShadowGate.flags.productionWrite', { value: String(runtimeWorkerShadowGate.shadow_gate_truth.production_write_enabled) })} muted />
                  <Chip value={t('runtimeWorkerShadowGate.flags.secret', { value: String(runtimeWorkerShadowGate.shadow_gate_truth.secret_value_read_enabled) })} muted />
                </div>
              </div>
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {visibleRuntimeWorkerShadowCandidates.map(candidate => (
                <div key={candidate.candidate_id} style={{ padding: 10, border: '0.5px solid #d9e7f7', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {candidate.display_name}
                    </span>
                    <Chip value={redisDryRunValueLabel('agents', candidate.owner_agent)} muted />
                  </div>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t(`runtimeWorkerShadowGate.statuses.${candidate.shadow_status}` as never)} muted={candidate.shadow_status !== 'blocked_by_runtime_gate'} />
                    <Chip value={candidate.target_surface} muted />
                    <Chip value={t('runtimeWorkerShadowGate.labels.liveCount', { count: candidate.live_shadow_run_count_24h })} muted />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {candidate.blocked_reason}
                  </span>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#2563eb', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {candidate.next_no_write_step}
                  </span>
                  <Chip value={t('runtimeWorkerShadowGate.labels.promotionHash', { value: candidate.promotion_hash })} muted />
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {visibleRuntimeWorkerShadowReplays.map(replay => (
                <div key={replay.replay_id} style={{ padding: 10, border: '0.5px solid #d9e7f7', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {replay.display_name}
                    </span>
                    <Chip value={redisDryRunValueLabel('agents', replay.owner_agent)} muted />
                  </div>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t(`runtimeWorkerShadowGate.statuses.${replay.replay_status}` as never)} muted={replay.replay_status !== 'blocked_by_runtime_gate'} />
                    <Chip value={replay.expected_action} muted />
                    <Chip value={t('runtimeWorkerShadowGate.flags.resultWrite', { value: String(replay.writes_result) })} muted />
                    <Chip value={t('runtimeWorkerShadowGate.labels.sideEffect', { count: replay.production_side_effect_count })} muted />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {replay.simulated_outcome}
                  </span>
                  <Chip value={t('runtimeWorkerShadowGate.labels.evidenceHash', { value: replay.evidence_hash })} muted />
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {runtimeWorkerShadowGate.agent_shadow_roles.map(role => (
                <div key={role.agent_id} style={{ padding: 10, border: '0.5px solid #d9e7f7', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {role.display_name}
                    </span>
                    <Chip value={t('runtimeWorkerShadowGate.labels.liveCount', { count: role.live_action_count_24h })} muted />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {role.shadow_responsibility}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    {role.observed_work.slice(0, 2).map(item => (
                      <Chip key={item} value={item} />
                    ))}
                    {role.blocked_now.slice(0, 2).map(item => (
                      <Chip key={item} value={item} muted />
                    ))}
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {runtimeWorkerShadowGate.verifier_shadow_cases.map(verifierCase => (
                <div key={verifierCase.case_id} style={{ padding: 10, border: '0.5px solid #d9e7f7', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {verifierCase.display_name}
                    </span>
                    <Chip value={redisDryRunValueLabel('agents', verifierCase.owner_agent)} muted />
                  </div>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('runtimeWorkerShadowGate.flags.verifier', { value: String(verifierCase.live_readback_enabled) })} muted />
                    <Chip value={t('runtimeWorkerShadowGate.flags.resultWrite', { value: String(verifierCase.writes_result) })} muted />
                    <Chip value={t('runtimeWorkerShadowGate.flags.secret', { value: String(verifierCase.requires_secret_value) })} muted />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {verifierCase.observed_signal}
                  </span>
                  <Chip value={t('runtimeWorkerShadowGate.labels.evidenceHash', { value: verifierCase.evidence_hash })} muted />
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {visibleRuntimeWorkerShadowCheckpoints.map(checkpoint => (
                <div key={checkpoint.checkpoint_id} style={{ padding: 10, border: '0.5px solid #d9e7f7', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {checkpoint.display_name}
                    </span>
                    <Chip value={redisDryRunValueLabel('agents', checkpoint.owner_agent)} muted />
                  </div>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t(`runtimeWorkerShadowGate.statuses.${checkpoint.status}` as never)} />
                    <Chip value={t(`runtimeWorkerShadowGate.riskTiers.${checkpoint.risk_tier}` as never)} muted={checkpoint.risk_tier === 'low'} />
                    <Chip value={t('runtimeWorkerShadowGate.labels.approvalRequired', { value: String(checkpoint.approval_required) })} muted={!checkpoint.approval_required} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {checkpoint.next_safe_step}
                  </span>
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #bedbd0', borderRadius: 7, background: '#f7fffb', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <ShieldCheck size={14} style={{ color: '#0f766e' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('operationPermissionModel.title')}
                </span>
              </div>
              <Chip
                value={t('operationPermissionModel.source', {
                  generated: formatDateTime(operationPermissionModel.generated_at),
                  current: operationPermissionModel.program_status.current_task_id,
                  next: operationPermissionModel.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('operationPermissionModel.metrics.overall')} value={`${operationPermissionOverall}%`} tone="warn" icon={<Gauge size={16} />} />
              <MetricCard label={t('operationPermissionModel.metrics.categories')} value={operationPermissionCategories} tone="ok" icon={<Boxes size={16} />} />
              <MetricCard label={t('operationPermissionModel.metrics.observeOnly')} value={operationPermissionObserveOnly} tone="ok" icon={<Target size={16} />} />
              <MetricCard label={t('operationPermissionModel.metrics.noWrite')} value={operationPermissionNoWrite} tone="warn" icon={<RefreshCw size={16} />} />
              <MetricCard label={t('operationPermissionModel.metrics.proposals')} value={operationPermissionProposalOnly} tone="warn" icon={<FileText size={16} />} />
              <MetricCard label={t('operationPermissionModel.metrics.humanApproval')} value={operationPermissionHumanApproval} tone={operationPermissionHumanApproval > 0 ? 'danger' : 'ok'} icon={<Lock size={16} />} />
              <MetricCard label={t('operationPermissionModel.metrics.blocked')} value={operationPermissionBlocked} tone={operationPermissionBlocked > 0 ? 'danger' : 'ok'} icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('operationPermissionModel.metrics.gates')} value={operationPermissionGates} tone="warn" icon={<Route size={16} />} />
              <MetricCard label={t('operationPermissionModel.metrics.runtimeRuns')} value={operationPermissionRuntimeRuns} tone={operationPermissionRuntimeRuns === 0 ? 'warn' : 'danger'} icon={<Target size={16} />} />
              <MetricCard label={t('operationPermissionModel.metrics.queueWrites')} value={operationPermissionQueueWrites} tone={operationPermissionQueueWrites === 0 ? 'warn' : 'danger'} icon={<Database size={16} />} />
              <MetricCard label={t('operationPermissionModel.metrics.telegramSends')} value={operationPermissionSends} tone={operationPermissionSends === 0 ? 'warn' : 'danger'} icon={<BellRing size={16} />} />
              <MetricCard label={t('operationPermissionModel.metrics.productionWrites')} value={operationPermissionProductionWrites} tone={operationPermissionProductionWrites === 0 ? 'warn' : 'danger'} icon={<HardDrive size={16} />} />
              <MetricCard label={t('operationPermissionModel.metrics.secretReads')} value={operationPermissionSecretReads} tone={operationPermissionSecretReads === 0 ? 'warn' : 'danger'} icon={<Lock size={16} />} />
              <MetricCard label={t('operationPermissionModel.metrics.destructive')} value={operationPermissionDestructive} tone={operationPermissionDestructive === 0 ? 'warn' : 'danger'} icon={<ShieldAlert size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1fr) minmax(0, 1fr)', gap: 12 }} className="automation-inventory-live-read-grid">
              <div style={{ padding: 11, border: '0.5px solid #cce5dc', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('operationPermissionModel.truthTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {operationPermissionModel.operation_permission_truth.truth_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('operationPermissionModel.flags.modelReady', { value: String(operationPermissionModel.operation_permission_truth.permission_model_ready) })} />
                  <Chip value={t('operationPermissionModel.flags.matrixReady', { value: String(operationPermissionModel.operation_permission_truth.operation_category_matrix_ready) })} />
                  <Chip value={t('operationPermissionModel.flags.agentMap', { value: String(operationPermissionModel.operation_permission_truth.agent_responsibility_mapping_ready) })} />
                  <Chip value={t('operationPermissionModel.flags.p2Handoff', { value: String(operationPermissionModel.operation_permission_truth.p2_404_shadow_gate_handoff_ready) })} />
                </div>
              </div>

              <div style={{ padding: 11, border: '0.5px solid #cce5dc', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('operationPermissionModel.boundaryTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {t('operationPermissionModel.boundarySummary', {
                    runtime: operationPermissionRuntimeRuns,
                    queue: operationPermissionQueueWrites,
                    send: operationPermissionSends,
                    write: operationPermissionProductionWrites,
                    secret: operationPermissionSecretReads,
                  })}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('operationPermissionModel.flags.runtime', { value: String(operationPermissionModel.operation_permission_truth.runtime_execution_enabled) })} muted />
                  <Chip value={t('operationPermissionModel.flags.queueWrite', { value: String(operationPermissionModel.operation_permission_truth.gateway_queue_write_enabled) })} muted />
                  <Chip value={t('operationPermissionModel.flags.send', { value: String(operationPermissionModel.operation_permission_truth.telegram_send_enabled) })} muted />
                  <Chip value={t('operationPermissionModel.flags.productionWrite', { value: String(operationPermissionModel.operation_permission_truth.production_write_enabled) })} muted />
                  <Chip value={t('operationPermissionModel.flags.secret', { value: String(operationPermissionModel.operation_permission_truth.secret_value_read_enabled) })} muted />
                  <Chip value={t('operationPermissionModel.flags.destructive', { value: String(operationPermissionModel.operation_permission_truth.destructive_operation_enabled) })} muted />
                </div>
              </div>
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(210px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {operationPermissionModel.permission_lanes.map(lane => (
                <div key={lane.lane_id} style={{ padding: 10, border: '0.5px solid #cce5dc', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {lane.display_name}
                    </span>
                    <Chip value={t(`operationPermissionModel.lanes.${lane.lane_id}` as never)} muted />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {lane.summary}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    {lane.allowed_outputs.slice(0, 3).map(item => (
                      <Chip key={item} value={item} />
                    ))}
                  </div>
                  <Chip value={t('operationPermissionModel.labels.nextGate', { value: lane.required_gate_before_promotion })} muted />
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(230px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {visibleOperationPermissionCategories.map(category => (
                <div key={category.category_id} style={{ padding: 10, border: '0.5px solid #cce5dc', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {category.display_name}
                    </span>
                    <Chip value={redisDryRunValueLabel('agents', category.primary_agent)} muted />
                  </div>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t(`operationPermissionModel.lanes.${category.permission_lane}` as never)} muted={category.permission_lane !== 'explicitly_blocked'} />
                    <Chip value={t(`operationPermissionModel.riskTiers.${category.risk_tier}` as never)} muted={category.risk_tier === 'low'} />
                    <Chip value={t('operationPermissionModel.flags.liveExecution', { value: String(category.live_execution_allowed) })} muted />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {t('operationPermissionModel.labels.requiredEvidence', { value: category.required_evidence.slice(0, 3).join(' / ') })}
                  </span>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#b45309', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {t('operationPermissionModel.labels.blockedActions', { value: category.blocked_actions.slice(0, 3).join(' / ') })}
                  </span>
                  <Chip value={t('operationPermissionModel.labels.nextGate', { value: category.next_gate })} muted />
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {operationPermissionModel.agent_permission_roles.map(role => (
                <div key={role.agent_id} style={{ padding: 10, border: '0.5px solid #cce5dc', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {role.display_name}
                    </span>
                    <Chip value={t('operationPermissionModel.labels.liveCount', { count: role.live_action_count_24h })} muted />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {role.permission_responsibility}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    {role.allowed_lanes.slice(0, 3).map(item => (
                      <Chip key={item} value={t(`operationPermissionModel.lanes.${item}` as never)} />
                    ))}
                    {role.blocked_now.slice(0, 2).map(item => (
                      <Chip key={item} value={item} muted />
                    ))}
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {visibleOperationPermissionGates.map(gate => (
                <div key={gate.gate_id} style={{ padding: 10, border: '0.5px solid #cce5dc', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {gate.display_name}
                    </span>
                    <Chip value={t(`operationPermissionModel.statuses.${gate.current_status}` as never)} muted={gate.current_status !== 'blocked_by_policy'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {gate.required_before}
                  </span>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#2563eb', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {gate.next_safe_step}
                  </span>
                  <Chip value={t('operationPermissionModel.flags.opensLive', { value: String(gate.opens_live_execution) })} muted />
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {operationPermissionModel.operator_decision_templates.map(template => (
                <div key={template.template_id} style={{ padding: 10, border: '0.5px solid #cce5dc', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {template.display_name}
                    </span>
                    <Chip value={t('operationPermissionModel.labels.reviewRequired', { value: String(template.requires_human_review) })} muted />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {template.when_to_use}
                  </span>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#2563eb', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {template.human_instruction}
                  </span>
                  <Chip value={t('operationPermissionModel.flags.runtimeAction', { value: String(template.creates_runtime_action) })} muted />
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #bedbd0', borderRadius: 7, background: '#f7fffb', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <PackageCheck size={14} style={{ color: '#0f766e' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('candidateOperationDryRunEvidence.title')}
                </span>
              </div>
              <Chip
                value={t('candidateOperationDryRunEvidence.source', {
                  generated: formatDateTime(candidateOperationDryRunEvidence.generated_at),
                  current: candidateOperationDryRunEvidence.program_status.current_task_id,
                  next: candidateOperationDryRunEvidence.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('candidateOperationDryRunEvidence.metrics.overall')} value={`${candidateDryRunOverall}%`} tone="warn" icon={<Gauge size={16} />} />
              <MetricCard label={t('candidateOperationDryRunEvidence.metrics.candidates')} value={candidateDryRunCount} tone="ok" icon={<Boxes size={16} />} />
              <MetricCard label={t('candidateOperationDryRunEvidence.metrics.evidence')} value={candidateDryRunEvidenceCount} tone="ok" icon={<PackageCheck size={16} />} />
              <MetricCard label={t('candidateOperationDryRunEvidence.metrics.passed')} value={candidateDryRunPassed} tone="ok" icon={<Target size={16} />} />
              <MetricCard label={t('candidateOperationDryRunEvidence.metrics.needsReview')} value={candidateDryRunNeedsReview} tone="warn" icon={<FileText size={16} />} />
              <MetricCard label={t('candidateOperationDryRunEvidence.metrics.allowlistBlocked')} value={candidateDryRunAllowlistBlocked} tone="danger" icon={<Lock size={16} />} />
              <MetricCard label={t('candidateOperationDryRunEvidence.metrics.policyBlocked')} value={candidateDryRunPolicyBlocked} tone="danger" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('candidateOperationDryRunEvidence.metrics.verifierPlans')} value={candidateDryRunVerifierPlans} tone="warn" icon={<Route size={16} />} />
              <MetricCard label={t('candidateOperationDryRunEvidence.metrics.sideEffects')} value={candidateDryRunSideEffects} tone={candidateDryRunSideEffects === 0 ? 'warn' : 'danger'} icon={<RefreshCw size={16} />} />
              <MetricCard label={t('candidateOperationDryRunEvidence.metrics.queueWrites')} value={candidateDryRunQueueWrites} tone={candidateDryRunQueueWrites === 0 ? 'warn' : 'danger'} icon={<Database size={16} />} />
              <MetricCard label={t('candidateOperationDryRunEvidence.metrics.telegramSends')} value={candidateDryRunSends} tone={candidateDryRunSends === 0 ? 'warn' : 'danger'} icon={<BellRing size={16} />} />
              <MetricCard label={t('candidateOperationDryRunEvidence.metrics.productionWrites')} value={candidateDryRunProductionWrites} tone={candidateDryRunProductionWrites === 0 ? 'warn' : 'danger'} icon={<HardDrive size={16} />} />
              <MetricCard label={t('candidateOperationDryRunEvidence.metrics.secretReads')} value={candidateDryRunSecretReads} tone={candidateDryRunSecretReads === 0 ? 'warn' : 'danger'} icon={<Lock size={16} />} />
              <MetricCard label={t('candidateOperationDryRunEvidence.metrics.destructive')} value={candidateDryRunDestructive} tone={candidateDryRunDestructive === 0 ? 'warn' : 'danger'} icon={<ShieldAlert size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1fr) minmax(0, 1fr)', gap: 12 }} className="automation-inventory-live-read-grid">
              <div style={{ padding: 11, border: '0.5px solid #cce5dc', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('candidateOperationDryRunEvidence.truthTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {candidateOperationDryRunEvidence.dry_run_truth.truth_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('candidateOperationDryRunEvidence.flags.modelLoaded', { value: String(candidateOperationDryRunEvidence.dry_run_truth.p2_101_permission_model_loaded) })} />
                  <Chip value={t('candidateOperationDryRunEvidence.flags.gateReady', { value: String(candidateOperationDryRunEvidence.dry_run_truth.dry_run_evidence_gate_ready) })} />
                  <Chip value={t('candidateOperationDryRunEvidence.flags.allHaveEvidence', { value: String(candidateOperationDryRunEvidence.dry_run_truth.all_candidate_operations_have_dry_run_evidence) })} />
                  <Chip value={t('candidateOperationDryRunEvidence.flags.verifierReady', { value: String(candidateOperationDryRunEvidence.dry_run_truth.verifier_plan_ready) })} />
                </div>
              </div>

              <div style={{ padding: 11, border: '0.5px solid #cce5dc', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('candidateOperationDryRunEvidence.boundaryTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {t('candidateOperationDryRunEvidence.boundarySummary', {
                    sideEffects: candidateDryRunSideEffects,
                    queue: candidateDryRunQueueWrites,
                    send: candidateDryRunSends,
                    write: candidateDryRunProductionWrites,
                    secret: candidateDryRunSecretReads,
                  })}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('candidateOperationDryRunEvidence.flags.runtime', { value: String(candidateOperationDryRunEvidence.dry_run_truth.runtime_execution_enabled) })} muted />
                  <Chip value={t('candidateOperationDryRunEvidence.flags.queueWrite', { value: String(candidateOperationDryRunEvidence.dry_run_truth.gateway_queue_write_enabled) })} muted />
                  <Chip value={t('candidateOperationDryRunEvidence.flags.send', { value: String(candidateOperationDryRunEvidence.dry_run_truth.telegram_send_enabled) })} muted />
                  <Chip value={t('candidateOperationDryRunEvidence.flags.productionWrite', { value: String(candidateOperationDryRunEvidence.dry_run_truth.production_write_enabled) })} muted />
                  <Chip value={t('candidateOperationDryRunEvidence.flags.secret', { value: String(candidateOperationDryRunEvidence.dry_run_truth.secret_value_read_enabled) })} muted />
                  <Chip value={t('candidateOperationDryRunEvidence.flags.destructive', { value: String(candidateOperationDryRunEvidence.dry_run_truth.destructive_operation_enabled) })} muted />
                </div>
              </div>
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {visibleCandidateOperationDryRuns.map(candidate => (
                <div key={candidate.candidate_id} style={{ padding: 10, border: '0.5px solid #cce5dc', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {candidate.display_name}
                    </span>
                    <Chip value={redisDryRunValueLabel('agents', candidate.owner_agent)} muted />
                  </div>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t(`candidateOperationDryRunEvidence.statuses.${candidate.dry_run_status}` as never)} muted={candidate.dry_run_status !== 'blocked_by_policy'} />
                    <Chip value={t(`candidateOperationDryRunEvidence.riskTiers.${candidate.risk_tier}` as never)} muted={candidate.risk_tier === 'low'} />
                    <Chip value={t(`operationPermissionModel.lanes.${candidate.permission_lane}` as never)} muted={candidate.permission_lane !== 'explicitly_blocked'} />
                    <Chip value={t('candidateOperationDryRunEvidence.labels.sideEffect', { count: candidate.side_effect_count })} muted />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {candidate.dry_run_scope}
                  </span>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#b45309', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {t('candidateOperationDryRunEvidence.labels.humanDecision', { value: candidate.required_human_decision })}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('candidateOperationDryRunEvidence.labels.outputHash', { value: candidate.output_evidence_hash })} muted />
                    <Chip value={t('candidateOperationDryRunEvidence.labels.verifier', { value: candidate.verifier_plan_id })} muted />
                    <Chip value={t('candidateOperationDryRunEvidence.labels.nextGate', { value: candidate.next_gate })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {visibleCandidateVerifierPlans.map(plan => (
                <div key={plan.plan_id} style={{ padding: 10, border: '0.5px solid #cce5dc', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {plan.display_name}
                    </span>
                    <Chip value={redisDryRunValueLabel('agents', plan.owner_agent)} muted />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {plan.expected_signal}
                  </span>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#b45309', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {plan.failure_lane}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('candidateOperationDryRunEvidence.flags.liveReadback', { value: String(plan.live_readback_enabled) })} muted />
                    <Chip value={t('candidateOperationDryRunEvidence.flags.resultWrite', { value: String(plan.writes_result) })} muted />
                    <Chip value={t('candidateOperationDryRunEvidence.flags.secret', { value: String(plan.requires_secret_value) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {visibleCandidateOperatorHandoffs.map(handoff => (
                <div key={handoff.handoff_id} style={{ padding: 10, border: '0.5px solid #cce5dc', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {handoff.display_name}
                    </span>
                    <Chip value={redisDryRunValueLabel('agents', handoff.owner_agent)} muted />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#2563eb', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {handoff.human_instruction}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('candidateOperationDryRunEvidence.flags.runtimeAction', { value: String(handoff.creates_runtime_action) })} muted />
                    <Chip value={t('candidateOperationDryRunEvidence.labels.reviewRequired', { value: String(handoff.requires_human_review) })} muted />
                  </div>
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #d7d1ff', borderRadius: 7, background: '#fbfaff', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <Archive size={14} style={{ color: '#4f46e5' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('taskResultAuditTrail.title')}
                </span>
              </div>
              <Chip
                value={t('taskResultAuditTrail.source', {
                  generated: formatDateTime(taskResultAuditTrail.generated_at),
                  current: taskResultAuditTrail.program_status.current_task_id,
                  next: taskResultAuditTrail.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('taskResultAuditTrail.metrics.overall')} value={`${taskResultOverall}%`} tone="warn" icon={<Gauge size={16} />} />
              <MetricCard label={t('taskResultAuditTrail.metrics.routes')} value={taskResultRoutes} tone="ok" icon={<Route size={16} />} />
              <MetricCard label={t('taskResultAuditTrail.metrics.nextActions')} value={taskResultNextActions} tone="ok" icon={<Target size={16} />} />
              <MetricCard label={t('taskResultAuditTrail.metrics.ownerReview')} value={taskResultOwnerReview} tone="warn" icon={<FileText size={16} />} />
              <MetricCard label={t('taskResultAuditTrail.metrics.kmDrafts')} value={taskResultKmDrafts} tone="ok" icon={<Archive size={16} />} />
              <MetricCard label={t('taskResultAuditTrail.metrics.blocked')} value={taskResultBlocked} tone="danger" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('taskResultAuditTrail.metrics.writebacks')} value={taskResultWritebacks} tone="warn" icon={<Database size={16} />} />
              <MetricCard label={t('taskResultAuditTrail.metrics.checkpoints')} value={taskResultCheckpoints} tone="ok" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('taskResultAuditTrail.metrics.kmWrites')} value={taskResultKmWrites} tone={taskResultKmWrites === 0 ? 'warn' : 'danger'} icon={<Archive size={16} />} />
              <MetricCard label={t('taskResultAuditTrail.metrics.logbookWrites')} value={taskResultLogbookWrites} tone={taskResultLogbookWrites === 0 ? 'warn' : 'danger'} icon={<FileText size={16} />} />
              <MetricCard label={t('taskResultAuditTrail.metrics.auditWrites')} value={taskResultAuditWrites} tone={taskResultAuditWrites === 0 ? 'warn' : 'danger'} icon={<Database size={16} />} />
              <MetricCard label={t('taskResultAuditTrail.metrics.timelineWrites')} value={taskResultTimelineWrites} tone={taskResultTimelineWrites === 0 ? 'warn' : 'danger'} icon={<GitBranch size={16} />} />
              <MetricCard label={t('taskResultAuditTrail.metrics.queueWrites')} value={taskResultQueueWrites} tone={taskResultQueueWrites === 0 ? 'warn' : 'danger'} icon={<Database size={16} />} />
              <MetricCard label={t('taskResultAuditTrail.metrics.telegramSends')} value={taskResultTelegramSends} tone={taskResultTelegramSends === 0 ? 'warn' : 'danger'} icon={<BellRing size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1fr) minmax(0, 1fr)', gap: 12 }} className="automation-inventory-live-read-grid">
              <div style={{ padding: 11, border: '0.5px solid #d7d1ff', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('taskResultAuditTrail.truthTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {taskResultAuditTrail.result_audit_truth.truth_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('taskResultAuditTrail.flags.p2Loaded', { value: String(taskResultAuditTrail.result_audit_truth.p2_102_candidate_dry_run_loaded) })} />
                  <Chip value={t('taskResultAuditTrail.flags.routeReady', { value: String(taskResultAuditTrail.result_audit_truth.task_result_route_matrix_ready) })} />
                  <Chip value={t('taskResultAuditTrail.flags.kmReady', { value: String(taskResultAuditTrail.result_audit_truth.km_draft_contract_ready) })} />
                  <Chip value={t('taskResultAuditTrail.flags.auditReady', { value: String(taskResultAuditTrail.result_audit_truth.audit_trail_contract_ready) })} />
                </div>
              </div>

              <div style={{ padding: 11, border: '0.5px solid #d7d1ff', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('taskResultAuditTrail.boundaryTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {t('taskResultAuditTrail.boundarySummary', {
                    km: taskResultKmWrites,
                    logbook: taskResultLogbookWrites,
                    audit: taskResultAuditWrites,
                    timeline: taskResultTimelineWrites,
                    queue: taskResultQueueWrites,
                    send: taskResultTelegramSends,
                  })}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('taskResultAuditTrail.flags.runtime', { value: String(taskResultAuditTrail.result_audit_truth.runtime_execution_enabled) })} muted />
                  <Chip value={t('taskResultAuditTrail.flags.kmWrite', { value: String(taskResultAuditTrail.result_audit_truth.km_write_enabled) })} muted />
                  <Chip value={t('taskResultAuditTrail.flags.logbookWrite', { value: String(taskResultAuditTrail.result_audit_truth.logbook_runtime_write_enabled) })} muted />
                  <Chip value={t('taskResultAuditTrail.flags.auditWrite', { value: String(taskResultAuditTrail.result_audit_truth.audit_db_write_enabled) })} muted />
                  <Chip value={t('taskResultAuditTrail.flags.timelineWrite', { value: String(taskResultAuditTrail.result_audit_truth.timeline_write_enabled) })} muted />
                  <Chip value={t('taskResultAuditTrail.flags.send', { value: String(taskResultAuditTrail.result_audit_truth.telegram_send_enabled) })} muted />
                </div>
              </div>
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(260px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {visibleTaskResultRoutes.map(route => (
                <div key={route.route_id} style={{ padding: 10, border: '0.5px solid #d7d1ff', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {route.display_name}
                    </span>
                    <Chip value={redisDryRunValueLabel('agents', route.owner_agent)} muted />
                  </div>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t(`taskResultAuditTrail.resultStates.${route.result_state}` as never)} muted={route.result_state !== 'execution_failed'} />
                    <Chip value={t('taskResultAuditTrail.labels.owner', { value: route.primary_owner })} muted />
                    <Chip value={t('taskResultAuditTrail.labels.ownerReview', { value: String(route.requires_owner_review) })} muted />
                    <Chip value={t('taskResultAuditTrail.labels.liveWrite', { value: String(route.writes_live_state) })} muted />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {route.operator_next_action}
                  </span>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#b45309', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {t('taskResultAuditTrail.labels.blockedReason', { value: route.blocked_reason })}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('taskResultAuditTrail.labels.kmTarget', { value: route.km_target })} muted />
                    <Chip value={t('taskResultAuditTrail.labels.auditTarget', { value: route.audit_target })} muted />
                    <Chip value={t('taskResultAuditTrail.labels.evidenceHash', { value: route.evidence_hash })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(230px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {visibleTaskWritebackContracts.map(contract => (
                <div key={contract.contract_id} style={{ padding: 10, border: '0.5px solid #d7d1ff', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {contract.display_name}
                    </span>
                    <Chip value={t(`taskResultAuditTrail.allowedModes.${contract.allowed_mode}` as never)} muted />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {contract.purpose}
                  </span>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#b45309', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {contract.blocker_summary}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('taskResultAuditTrail.labels.targetSystem', { value: contract.target_system })} muted />
                    <Chip value={t('taskResultAuditTrail.labels.writeEnabled', { value: String(contract.write_enabled) })} muted />
                    <Chip value={t('taskResultAuditTrail.labels.runtimeWriter', { value: String(contract.runtime_writer_enabled) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {visibleTaskAuditCheckpoints.map(checkpoint => (
                <div key={checkpoint.checkpoint_id} style={{ padding: 10, border: '0.5px solid #d7d1ff', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {checkpoint.display_name}
                    </span>
                    <Chip value={t(`taskResultAuditTrail.checkpointStatuses.${checkpoint.status}` as never)} muted={checkpoint.status === 'ready'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {checkpoint.required_for}
                  </span>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#b45309', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {checkpoint.failure_if_missing}
                  </span>
                  <Chip value={t('taskResultAuditTrail.labels.runtimeAction', { value: String(checkpoint.creates_runtime_action) })} muted />
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #bbdec8', borderRadius: 7, background: '#f8fffb', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <PackageCheck size={14} style={{ color: '#15803d' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('matchedPlaybookLearningGap.title')}
                </span>
              </div>
              <Chip
                value={t('matchedPlaybookLearningGap.source', {
                  generated: formatDateTime(matchedPlaybookLearningGap.generated_at),
                  current: matchedPlaybookLearningGap.program_status.current_task_id,
                  next: matchedPlaybookLearningGap.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('matchedPlaybookLearningGap.metrics.overall')} value={`${matchedPlaybookOverall}%`} tone="ok" icon={<Gauge size={16} />} />
              <MetricCard label={t('matchedPlaybookLearningGap.metrics.approvals')} value={matchedPlaybookApprovalTotal} tone="neutral" icon={<FileText size={16} />} />
              <MetricCard label={t('matchedPlaybookLearningGap.metrics.matched')} value={matchedPlaybookApprovalMatched} tone="ok" icon={<PackageCheck size={16} />} />
              <MetricCard label={t('matchedPlaybookLearningGap.metrics.matchedRate')} value={`${matchedPlaybookMatchedRate}%`} tone="ok" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('matchedPlaybookLearningGap.metrics.approvedGap')} value={matchedPlaybookApprovedGap} tone="danger" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('matchedPlaybookLearningGap.metrics.pending')} value={matchedPlaybookPending} tone="warn" icon={<Lock size={16} />} />
              <MetricCard label={t('matchedPlaybookLearningGap.metrics.failed')} value={matchedPlaybookFailed} tone="danger" icon={<AlertTriangle size={16} />} />
              <MetricCard label={t('matchedPlaybookLearningGap.metrics.playbookUpdated')} value={matchedPlaybookUpdated} tone="danger" icon={<Database size={16} />} />
              <MetricCard label={t('matchedPlaybookLearningGap.metrics.gates')} value={matchedPlaybookGates} tone="warn" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('matchedPlaybookLearningGap.metrics.candidates')} value={matchedPlaybookCandidates} tone="warn" icon={<Route size={16} />} />
              <MetricCard label={t('matchedPlaybookLearningGap.metrics.learningWrites')} value={matchedPlaybookLearningWrites} tone={matchedPlaybookLearningWrites === 0 ? 'warn' : 'danger'} icon={<Database size={16} />} />
              <MetricCard label={t('matchedPlaybookLearningGap.metrics.trustWrites')} value={matchedPlaybookTrustWrites} tone={matchedPlaybookTrustWrites === 0 ? 'warn' : 'danger'} icon={<Database size={16} />} />
              <MetricCard label={t('matchedPlaybookLearningGap.metrics.queueWrites')} value={matchedPlaybookQueueWrites} tone={matchedPlaybookQueueWrites === 0 ? 'warn' : 'danger'} icon={<Database size={16} />} />
              <MetricCard label={t('matchedPlaybookLearningGap.metrics.telegramSends')} value={matchedPlaybookTelegramSends} tone={matchedPlaybookTelegramSends === 0 ? 'warn' : 'danger'} icon={<BellRing size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1fr) minmax(0, 1fr)', gap: 12 }} className="automation-inventory-live-read-grid">
              <div style={{ padding: 11, border: '0.5px solid #bbdec8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('matchedPlaybookLearningGap.truthTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {matchedPlaybookLearningGap.learning_gap_truth.truth_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('matchedPlaybookLearningGap.flags.rls', { value: String(matchedPlaybookLearningGap.production_readback.rls_fail_closed_verified) })} />
                  <Chip value={t('matchedPlaybookLearningGap.flags.matchedResolved', { value: String(matchedPlaybookLearningGap.learning_gap_truth.matched_playbook_id_gap_resolved) })} />
                  <Chip value={t('matchedPlaybookLearningGap.flags.executionGap', { value: String(matchedPlaybookLearningGap.learning_gap_truth.execution_learning_gap_detected) })} />
                  <Chip value={t('matchedPlaybookLearningGap.flags.trustGap', { value: String(matchedPlaybookLearningGap.learning_gap_truth.playbook_trust_update_gap_detected) })} />
                </div>
              </div>

              <div style={{ padding: 11, border: '0.5px solid #bbdec8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('matchedPlaybookLearningGap.boundaryTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {t('matchedPlaybookLearningGap.boundarySummary', {
                    learning: matchedPlaybookLearningWrites,
                    trust: matchedPlaybookTrustWrites,
                    queue: matchedPlaybookQueueWrites,
                    send: matchedPlaybookTelegramSends,
                    updated: matchedPlaybookUpdated,
                  })}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('matchedPlaybookLearningGap.flags.learningWrite', { value: String(matchedPlaybookLearningGap.learning_gap_truth.runtime_learning_write_enabled) })} muted />
                  <Chip value={t('matchedPlaybookLearningGap.flags.trustWrite', { value: String(matchedPlaybookLearningGap.learning_gap_truth.playbook_trust_write_enabled) })} muted />
                  <Chip value={t('matchedPlaybookLearningGap.flags.autoExecute', { value: String(matchedPlaybookLearningGap.learning_gap_truth.approval_auto_execute_enabled) })} muted />
                  <Chip value={t('matchedPlaybookLearningGap.flags.send', { value: String(matchedPlaybookLearningGap.learning_gap_truth.telegram_send_enabled) })} muted />
                </div>
              </div>
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(210px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {matchedPlaybookLearningGap.recent_status_breakdown.map(item => (
                <div key={item.status} style={{ padding: 10, border: '0.5px solid #bbdec8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {t(`matchedPlaybookLearningGap.statuses.${item.status}` as never)}
                    </span>
                    <Chip value={t('matchedPlaybookLearningGap.labels.matchedRatio', { matched: item.matched, total: item.total })} muted />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {item.readback_note}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('matchedPlaybookLearningGap.labels.executionKind', { value: item.execution_kind_present })} muted />
                    <Chip value={t('matchedPlaybookLearningGap.labels.attempted', { value: item.repair_attempted_true })} muted />
                    <Chip value={t('matchedPlaybookLearningGap.labels.candidates', { value: item.learning_candidate_count })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {visibleMatchedPlaybookGapLanes.map(lane => (
                <div key={lane.lane_id} style={{ padding: 10, border: '0.5px solid #bbdec8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {lane.display_name}
                    </span>
                    <Chip value={redisDryRunValueLabel('agents', lane.owner_agent)} muted />
                  </div>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t(`matchedPlaybookLearningGap.laneStatuses.${lane.status}` as never)} muted={lane.status === 'passed'} />
                    <Chip value={t(`matchedPlaybookLearningGap.riskTiers.${lane.risk_tier}` as never)} muted />
                    <Chip value={t('matchedPlaybookLearningGap.labels.count24h', { value: lane.count_24h })} muted />
                    <Chip value={t('matchedPlaybookLearningGap.labels.liveWrite', { value: String(lane.live_write_enabled) })} muted />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {lane.evidence}
                  </span>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#15803d', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {lane.next_gate}
                  </span>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(230px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {visibleMatchedPlaybookLearningGates.map(gate => (
                <div key={gate.gate_id} style={{ padding: 10, border: '0.5px solid #bbdec8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {gate.display_name}
                    </span>
                    <Chip value={t(`matchedPlaybookLearningGap.gateStatuses.${gate.status}` as never)} muted={gate.status === 'ready'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {gate.required_before}
                  </span>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#b45309', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {gate.failure_if_missing}
                  </span>
                  <Chip value={t('matchedPlaybookLearningGap.labels.runtimeWrite', { value: String(gate.creates_runtime_write) })} muted />
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(230px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {visibleMatchedPlaybookWritebackCandidates.map(candidate => (
                <div key={candidate.candidate_id} style={{ padding: 10, border: '0.5px solid #bbdec8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {candidate.display_name}
                    </span>
                    <Chip value={t(`matchedPlaybookLearningGap.allowedModes.${candidate.allowed_mode}` as never)} muted />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {candidate.target_system}
                  </span>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#b45309', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {candidate.blocker_summary}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('matchedPlaybookLearningGap.labels.writeEnabled', { value: String(candidate.write_enabled) })} muted />
                    <Chip value={t('matchedPlaybookLearningGap.labels.runtimeWriter', { value: String(candidate.runtime_writer_enabled) })} muted />
                    <Chip value={t('matchedPlaybookLearningGap.labels.evidenceHash', { value: candidate.evidence_hash })} muted />
                  </div>
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #c8d5f2', borderRadius: 7, background: '#f8fbff', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <ShieldAlert size={14} style={{ color: '#2563eb' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('criticReviewerResultCapture.title')}
                </span>
              </div>
              <Chip
                value={t('criticReviewerResultCapture.source', {
                  generated: formatDateTime(criticReviewerResultCapture.generated_at),
                  current: criticReviewerResultCapture.program_status.current_task_id,
                  next: criticReviewerResultCapture.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('criticReviewerResultCapture.metrics.overall')} value={`${criticReviewerOverall}%`} tone="ok" icon={<Gauge size={16} />} />
              <MetricCard label={t('criticReviewerResultCapture.metrics.scorecards')} value={criticReviewerScorecards} tone="warn" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('criticReviewerResultCapture.metrics.captureContracts')} value={criticReviewerCaptureContracts} tone="warn" icon={<FileText size={16} />} />
              <MetricCard label={t('criticReviewerResultCapture.metrics.promotionGates')} value={criticReviewerPromotionGates} tone="warn" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('criticReviewerResultCapture.metrics.candidateRoutes')} value={criticReviewerCandidateRoutes} tone="warn" icon={<Route size={16} />} />
              <MetricCard label={t('criticReviewerResultCapture.metrics.approvedGap')} value={criticReviewerApprovedGap} tone="danger" icon={<AlertTriangle size={16} />} />
              <MetricCard label={t('criticReviewerResultCapture.metrics.failedCandidates')} value={criticReviewerFailedCandidates} tone="danger" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('criticReviewerResultCapture.metrics.blockedGates')} value={criticReviewerBlockedGates} tone="danger" icon={<Lock size={16} />} />
              <MetricCard label={t('criticReviewerResultCapture.metrics.ownerReviewGates')} value={criticReviewerOwnerReviewGates} tone="warn" icon={<Target size={16} />} />
              <MetricCard label={t('criticReviewerResultCapture.metrics.criticScores')} value={criticReviewerRuntimeCriticScores} tone={criticReviewerRuntimeCriticScores === 0 ? 'warn' : 'danger'} icon={<Database size={16} />} />
              <MetricCard label={t('criticReviewerResultCapture.metrics.reviewerScores')} value={criticReviewerRuntimeReviewerScores} tone={criticReviewerRuntimeReviewerScores === 0 ? 'warn' : 'danger'} icon={<Database size={16} />} />
              <MetricCard label={t('criticReviewerResultCapture.metrics.captureWrites')} value={criticReviewerRuntimeCaptureWrites} tone={criticReviewerRuntimeCaptureWrites === 0 ? 'warn' : 'danger'} icon={<Database size={16} />} />
              <MetricCard label={t('criticReviewerResultCapture.metrics.learningWrites')} value={criticReviewerLearningWrites} tone={criticReviewerLearningWrites === 0 ? 'warn' : 'danger'} icon={<Database size={16} />} />
              <MetricCard label={t('criticReviewerResultCapture.metrics.trustWrites')} value={criticReviewerTrustWrites} tone={criticReviewerTrustWrites === 0 ? 'warn' : 'danger'} icon={<Database size={16} />} />
              <MetricCard label={t('criticReviewerResultCapture.metrics.telegramSends')} value={criticReviewerTelegramSends} tone={criticReviewerTelegramSends === 0 ? 'warn' : 'danger'} icon={<BellRing size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1fr) minmax(0, 1fr)', gap: 12 }} className="automation-inventory-live-read-grid">
              <div style={{ padding: 11, border: '0.5px solid #c8d5f2', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('criticReviewerResultCapture.truthTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {criticReviewerResultCapture.score_truth.truth_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('criticReviewerResultCapture.flags.p2Loaded', { value: String(criticReviewerResultCapture.score_truth.p2_104_gap_loaded) })} />
                  <Chip value={t('criticReviewerResultCapture.flags.scoreRequired', { value: String(criticReviewerResultCapture.score_truth.critic_reviewer_score_required) })} />
                  <Chip value={t('criticReviewerResultCapture.flags.captureRequired', { value: String(criticReviewerResultCapture.score_truth.result_capture_required) })} />
                  <Chip value={t('criticReviewerResultCapture.flags.ownerReview', { value: String(criticReviewerResultCapture.score_truth.owner_review_required_before_write) })} />
                  <Chip value={t('criticReviewerResultCapture.flags.verifier', { value: String(criticReviewerResultCapture.score_truth.post_write_verifier_required) })} />
                </div>
              </div>

              <div style={{ padding: 11, border: '0.5px solid #c8d5f2', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('criticReviewerResultCapture.boundaryTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {t('criticReviewerResultCapture.boundarySummary', {
                    critic: criticReviewerRuntimeCriticScores,
                    reviewer: criticReviewerRuntimeReviewerScores,
                    capture: criticReviewerRuntimeCaptureWrites,
                    learning: criticReviewerLearningWrites,
                    trust: criticReviewerTrustWrites,
                    send: criticReviewerTelegramSends,
                  })}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('criticReviewerResultCapture.flags.criticRuntime', { value: String(criticReviewerResultCapture.score_truth.runtime_critic_score_enabled) })} muted />
                  <Chip value={t('criticReviewerResultCapture.flags.reviewerRuntime', { value: String(criticReviewerResultCapture.score_truth.runtime_reviewer_score_enabled) })} muted />
                  <Chip value={t('criticReviewerResultCapture.flags.captureRuntime', { value: String(criticReviewerResultCapture.score_truth.runtime_result_capture_enabled) })} muted />
                  <Chip value={t('criticReviewerResultCapture.flags.learningWrite', { value: String(criticReviewerResultCapture.score_truth.runtime_learning_write_enabled) })} muted />
                  <Chip value={t('criticReviewerResultCapture.flags.trustWrite', { value: String(criticReviewerResultCapture.score_truth.playbook_trust_write_enabled) })} muted />
                  <Chip value={t('criticReviewerResultCapture.flags.send', { value: String(criticReviewerResultCapture.score_truth.telegram_send_enabled) })} muted />
                </div>
              </div>
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {visibleCriticReviewerScorecards.map(scorecard => (
                <div key={scorecard.scorecard_id} style={{ padding: 10, border: '0.5px solid #c8d5f2', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {scorecard.display_name}
                    </span>
                    <Chip value={redisDryRunValueLabel('agents', scorecard.owner_agent)} muted />
                  </div>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t(`criticReviewerResultCapture.roles.${scorecard.role}` as never)} />
                    <Chip value={t(`criticReviewerResultCapture.statuses.${scorecard.status}` as never)} muted={scorecard.status !== 'blocked_by_policy'} />
                    <Chip value={t(`criticReviewerResultCapture.riskTiers.${scorecard.risk_tier}` as never)} muted={scorecard.risk_tier !== 'critical'} />
                    <Chip value={t('criticReviewerResultCapture.labels.minimumScore', { value: scorecard.minimum_score })} muted />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {scorecard.failure_if_missing}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('criticReviewerResultCapture.labels.requiredFields', { count: scorecard.required_fields.length })} muted />
                    <Chip value={t('criticReviewerResultCapture.labels.runtimeScore', { value: String(scorecard.runtime_score_enabled) })} muted />
                    <Chip value={t('criticReviewerResultCapture.labels.evidenceHash', { value: scorecard.evidence_hash })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {visibleResultCaptureContracts.map(contract => (
                <div key={contract.contract_id} style={{ padding: 10, border: '0.5px solid #c8d5f2', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {contract.display_name}
                    </span>
                    <Chip value={redisDryRunValueLabel('agents', contract.owner_agent)} muted />
                  </div>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={contract.result_state} muted />
                    <Chip value={t(`criticReviewerResultCapture.captureStatuses.${contract.status}` as never)} muted={contract.status === 'ready'} />
                    <Chip value={t('criticReviewerResultCapture.labels.count24h', { value: contract.count_24h })} muted />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {contract.blocker_summary}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('criticReviewerResultCapture.labels.requiredFields', { count: contract.required_fields.length })} muted />
                    <Chip value={t('criticReviewerResultCapture.labels.writeEnabled', { value: String(contract.write_enabled) })} muted />
                    <Chip value={t('criticReviewerResultCapture.labels.runtimeWriter', { value: String(contract.runtime_writer_enabled) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {visibleCriticReviewerPromotionGates.map(gate => (
                <div key={gate.gate_id} style={{ padding: 10, border: '0.5px solid #c8d5f2', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {gate.display_name}
                    </span>
                    <Chip value={t(`criticReviewerResultCapture.captureStatuses.${gate.status}` as never)} muted={gate.status === 'ready'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {gate.required_before}
                  </span>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#b45309', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {gate.failure_if_missing}
                  </span>
                  <Chip value={t('criticReviewerResultCapture.labels.runtimeWrite', { value: String(gate.creates_runtime_write) })} muted />
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(230px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {visibleCriticReviewerCandidateRoutes.map(route => (
                <div key={route.route_id} style={{ padding: 10, border: '0.5px solid #c8d5f2', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {route.display_name}
                    </span>
                    <Chip value={redisDryRunValueLabel('agents', route.owner_agent)} muted />
                  </div>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t(`criticReviewerResultCapture.statuses.${route.status}` as never)} muted={route.status !== 'blocked_by_policy'} />
                    <Chip value={t(`criticReviewerResultCapture.riskTiers.${route.risk_tier}` as never)} muted={route.risk_tier !== 'critical'} />
                    <Chip value={t('criticReviewerResultCapture.labels.count24h', { value: route.candidate_count_24h })} muted />
                    <Chip value={t('criticReviewerResultCapture.labels.writeEnabled', { value: String(route.write_enabled) })} muted />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#15803d', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {route.next_gate}
                  </span>
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #bbdec8', borderRadius: 7, background: '#f7fcf8', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <PackageCheck size={14} style={{ color: '#15803d' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('ownerApprovedResultCaptureDryRun.title')}
                </span>
              </div>
              <Chip
                value={t('ownerApprovedResultCaptureDryRun.source', {
                  generated: formatDateTime(ownerApprovedResultCaptureDryRun.generated_at),
                  current: ownerApprovedResultCaptureDryRun.program_status.current_task_id,
                  next: ownerApprovedResultCaptureDryRun.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('ownerApprovedResultCaptureDryRun.metrics.overall')} value={`${ownerResultDryRunOverall}%`} tone="ok" icon={<Gauge size={16} />} />
              <MetricCard label={t('ownerApprovedResultCaptureDryRun.metrics.templates')} value={ownerResultDryRunTemplates} tone="warn" icon={<FileText size={16} />} />
              <MetricCard label={t('ownerApprovedResultCaptureDryRun.metrics.scoreFixtures')} value={ownerResultDryRunScoreFixtures} tone="warn" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('ownerApprovedResultCaptureDryRun.metrics.gates')} value={ownerResultDryRunGates} tone="warn" icon={<Lock size={16} />} />
              <MetricCard label={t('ownerApprovedResultCaptureDryRun.metrics.actions')} value={ownerResultDryRunActions} tone="warn" icon={<Target size={16} />} />
              <MetricCard label={t('ownerApprovedResultCaptureDryRun.metrics.approvals')} value={ownerResultDryRunApprovals} tone="warn" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('ownerApprovedResultCaptureDryRun.metrics.blocked')} value={ownerResultDryRunBlocked} tone="danger" icon={<AlertTriangle size={16} />} />
              <MetricCard label={t('ownerApprovedResultCaptureDryRun.metrics.approvedGap')} value={ownerResultDryRunApprovedGap} tone="danger" icon={<AlertTriangle size={16} />} />
              <MetricCard label={t('ownerApprovedResultCaptureDryRun.metrics.failedCandidates')} value={ownerResultDryRunFailedCandidates} tone="danger" icon={<Route size={16} />} />
              <MetricCard label={t('ownerApprovedResultCaptureDryRun.metrics.ownerApprovals')} value={ownerResultDryRunOwnerApprovals} tone="warn" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('ownerApprovedResultCaptureDryRun.metrics.previewGenerated')} value={ownerResultDryRunPreviewGenerated} tone="warn" icon={<FileText size={16} />} />
              <MetricCard label={t('ownerApprovedResultCaptureDryRun.metrics.liveWrites')} value={ownerResultDryRunWrites} tone={ownerResultDryRunWrites === 0 ? 'ok' : 'danger'} icon={<Database size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1fr) minmax(0, 1fr)', gap: 12 }} className="automation-inventory-live-read-grid">
              <div style={{ padding: 11, border: '0.5px solid #bbdec8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('ownerApprovedResultCaptureDryRun.packetTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {ownerApprovedResultCaptureDryRun.approval_packet.operator_meaning}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={ownerApprovedResultCaptureDryRun.approval_packet.packet_id} />
                  <Chip value={t('ownerApprovedResultCaptureDryRun.labels.ownerFields', { count: ownerApprovedResultCaptureDryRun.approval_packet.required_owner_fields.length })} muted />
                  <Chip value={t('ownerApprovedResultCaptureDryRun.labels.forbiddenInputs', { count: ownerApprovedResultCaptureDryRun.approval_packet.forbidden_inputs.length })} muted />
                  <Chip value={t('ownerApprovedResultCaptureDryRun.labels.fingerprint', { value: ownerApprovedResultCaptureDryRun.approval_packet.dry_run_plan_fingerprint })} muted />
                </div>
              </div>

              <div style={{ padding: 11, border: '0.5px solid #bbdec8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('ownerApprovedResultCaptureDryRun.truthTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {ownerApprovedResultCaptureDryRun.dry_run_truth.truth_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('ownerApprovedResultCaptureDryRun.flags.contractLoaded', { value: String(ownerApprovedResultCaptureDryRun.dry_run_truth.p2_105_contract_loaded) })} />
                  <Chip value={t('ownerApprovedResultCaptureDryRun.flags.ownerApproval', { value: String(ownerApprovedResultCaptureDryRun.dry_run_truth.owner_approval_required) })} />
                  <Chip value={t('ownerApprovedResultCaptureDryRun.flags.previewAllowed', { value: String(ownerApprovedResultCaptureDryRun.dry_run_truth.dry_run_preview_allowed) })} />
                  <Chip value={t('ownerApprovedResultCaptureDryRun.flags.resultWrite', { value: String(ownerApprovedResultCaptureDryRun.dry_run_truth.runtime_result_capture_write_enabled) })} muted />
                  <Chip value={t('ownerApprovedResultCaptureDryRun.flags.scoreWrite', { value: String(ownerApprovedResultCaptureDryRun.dry_run_truth.runtime_score_write_enabled) })} muted />
                  <Chip value={t('ownerApprovedResultCaptureDryRun.flags.learningWrite', { value: String(ownerApprovedResultCaptureDryRun.dry_run_truth.runtime_learning_write_enabled) })} muted />
                  <Chip value={t('ownerApprovedResultCaptureDryRun.flags.telegramSend', { value: String(ownerApprovedResultCaptureDryRun.dry_run_truth.telegram_send_enabled) })} muted />
                  <Chip value={t('ownerApprovedResultCaptureDryRun.flags.secretRead', { value: String(ownerApprovedResultCaptureDryRun.dry_run_truth.secret_read_enabled) })} muted />
                </div>
              </div>
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {visibleOwnerResultDryRunTemplates.map(template => (
                <div key={template.template_id} style={{ padding: 10, border: '0.5px solid #bbdec8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {template.display_name}
                    </span>
                    <Chip value={redisDryRunValueLabel('agents', template.owner_agent)} muted />
                  </div>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={template.result_state} muted />
                    <Chip value={t(`ownerApprovedResultCaptureDryRun.statuses.${template.status}` as never)} muted={template.status === 'ready_for_dry_run'} />
                    <Chip value={t('ownerApprovedResultCaptureDryRun.labels.candidateCount', { value: template.candidate_count_24h })} muted />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {template.blocked_write_action}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('ownerApprovedResultCaptureDryRun.labels.requiredInputs', { count: template.required_inputs.length })} muted />
                    <Chip value={t('ownerApprovedResultCaptureDryRun.labels.previewOutputs', { count: template.preview_outputs.length })} muted />
                    <Chip value={t('ownerApprovedResultCaptureDryRun.labels.writeEnabled', { value: String(template.write_enabled) })} muted />
                    <Chip value={t('ownerApprovedResultCaptureDryRun.labels.runtimeWriter', { value: String(template.runtime_writer_enabled) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {visibleOwnerResultDryRunScoreFixtures.map(fixture => (
                <div key={fixture.fixture_id} style={{ padding: 10, border: '0.5px solid #bbdec8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {fixture.fixture_id}
                    </span>
                    <Chip value={redisDryRunValueLabel('agents', fixture.owner_agent)} muted />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {fixture.failure_if_missing}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('ownerApprovedResultCaptureDryRun.labels.minimumScore', { value: fixture.minimum_score })} />
                    <Chip value={t('ownerApprovedResultCaptureDryRun.labels.fixtureOnly', { value: String(fixture.fixture_only) })} muted />
                    <Chip value={t('ownerApprovedResultCaptureDryRun.labels.runtimeScoreWrite', { value: String(fixture.runtime_score_write_enabled) })} muted />
                    <Chip value={t('ownerApprovedResultCaptureDryRun.labels.requiredInputs', { count: fixture.required_inputs.length })} muted />
                    <Chip value={t('ownerApprovedResultCaptureDryRun.labels.evidenceHash', { value: fixture.evidence_hash })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {visibleOwnerResultDryRunGates.map(gate => (
                <div key={gate.gate_id} style={{ padding: 10, border: '0.5px solid #bbdec8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {gate.display_name}
                    </span>
                    <Chip value={t(`ownerApprovedResultCaptureDryRun.gateStatuses.${gate.status}` as never)} muted={gate.status === 'ready'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {gate.required_evidence}
                  </span>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#b45309', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {gate.blocked_write_action}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', gate.owner_agent)} muted />
                    <Chip value={t('ownerApprovedResultCaptureDryRun.labels.runtimeWrite', { value: String(gate.creates_runtime_write) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {visibleOwnerResultDryRunActions.map(action => (
                <div key={action.action_id} style={{ padding: 10, border: '0.5px solid #bbdec8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {action.display_name}
                    </span>
                    <Chip value={redisDryRunValueLabel('agents', action.owner_agent)} muted />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {action.operator_instruction}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t(`ownerApprovedResultCaptureDryRun.actionTypes.${action.action_type}` as never)} />
                    <Chip value={t('ownerApprovedResultCaptureDryRun.labels.runtimeWrite', { value: String(action.runtime_write_allowed) })} muted />
                  </div>
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #bbdec8', borderRadius: 7, background: '#f8fffb', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <PackageCheck size={14} style={{ color: '#15803d' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('ownerApprovedResultCaptureReadback.title')}
                </span>
              </div>
              <Chip
                value={t('ownerApprovedResultCaptureReadback.source', {
                  generated: formatDateTime(ownerApprovedResultCaptureReadback.generated_at),
                  current: ownerApprovedResultCaptureReadback.program_status.current_task_id,
                  next: ownerApprovedResultCaptureReadback.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('ownerApprovedResultCaptureReadback.metrics.overall')} value={`${ownerResultReadbackOverall}%`} tone="ok" icon={<Gauge size={16} />} />
              <MetricCard label={t('ownerApprovedResultCaptureReadback.metrics.digests')} value={ownerResultReadbackDigests} tone="warn" icon={<FileText size={16} />} />
              <MetricCard label={t('ownerApprovedResultCaptureReadback.metrics.promotionReviews')} value={ownerResultReadbackPromotionReviews} tone="warn" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('ownerApprovedResultCaptureReadback.metrics.failureLanes')} value={ownerResultReadbackFailureLanes} tone="danger" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('ownerApprovedResultCaptureReadback.metrics.queuePreview')} value={ownerResultReadbackQueuePreview} tone="warn" icon={<Route size={16} />} />
              <MetricCard label={t('ownerApprovedResultCaptureReadback.metrics.actions')} value={ownerResultReadbackActions} tone="warn" icon={<Target size={16} />} />
              <MetricCard label={t('ownerApprovedResultCaptureReadback.metrics.approvalRequired')} value={ownerResultReadbackApprovalRequired} tone="warn" icon={<Lock size={16} />} />
              <MetricCard label={t('ownerApprovedResultCaptureReadback.metrics.blocked')} value={ownerResultReadbackBlocked} tone="danger" icon={<AlertTriangle size={16} />} />
              <MetricCard label={t('ownerApprovedResultCaptureReadback.metrics.ownerApprovals')} value={ownerResultReadbackOwnerApprovals} tone="warn" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('ownerApprovedResultCaptureReadback.metrics.generated')} value={ownerResultReadbackGenerated} tone="warn" icon={<FileText size={16} />} />
              <MetricCard label={t('ownerApprovedResultCaptureReadback.metrics.promotionApproved')} value={ownerResultReadbackPromotionApproved} tone={ownerResultReadbackPromotionApproved === 0 ? 'ok' : 'danger'} icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('ownerApprovedResultCaptureReadback.metrics.queueWrites')} value={ownerResultReadbackQueueWrites} tone={ownerResultReadbackQueueWrites === 0 ? 'ok' : 'danger'} icon={<Database size={16} />} />
              <MetricCard label={t('ownerApprovedResultCaptureReadback.metrics.liveWrites')} value={ownerResultReadbackWrites} tone={ownerResultReadbackWrites === 0 ? 'ok' : 'danger'} icon={<Database size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1fr) minmax(0, 1fr)', gap: 12 }} className="automation-inventory-live-read-grid">
              <div style={{ padding: 11, border: '0.5px solid #bbdec8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('ownerApprovedResultCaptureReadback.priorTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {ownerApprovedResultCaptureReadback.prior_dry_run_readback.readback_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={ownerApprovedResultCaptureReadback.prior_dry_run_readback.source_schema_version} />
                  <Chip value={t('ownerApprovedResultCaptureDryRun.metrics.templates') + ` ${ownerApprovedResultCaptureReadback.prior_dry_run_readback.result_capture_template_count}`} muted />
                  <Chip value={t('ownerApprovedResultCaptureDryRun.metrics.gates') + ` ${ownerApprovedResultCaptureReadback.prior_dry_run_readback.dry_run_gate_count}`} muted />
                  <Chip value={t('ownerApprovedResultCaptureDryRun.metrics.liveWrites') + ` ${ownerApprovedResultCaptureReadback.prior_dry_run_readback.result_capture_write_count}`} muted />
                </div>
              </div>

              <div style={{ padding: 11, border: '0.5px solid #bbdec8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('ownerApprovedResultCaptureReadback.truthTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {ownerApprovedResultCaptureReadback.readback_truth.truth_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('ownerApprovedResultCaptureReadback.flags.dryRunLoaded', { value: String(ownerApprovedResultCaptureReadback.readback_truth.p2_106_dry_run_loaded) })} />
                  <Chip value={t('ownerApprovedResultCaptureReadback.flags.fixtureReadback', { value: String(ownerApprovedResultCaptureReadback.readback_truth.fixture_readback_allowed) })} />
                  <Chip value={t('ownerApprovedResultCaptureReadback.flags.digestReady', { value: String(ownerApprovedResultCaptureReadback.readback_truth.readback_digest_ready) })} />
                  <Chip value={t('ownerApprovedResultCaptureReadback.flags.promotionReady', { value: String(ownerApprovedResultCaptureReadback.readback_truth.promotion_readiness_review_ready) })} />
                  <Chip value={t('ownerApprovedResultCaptureReadback.flags.ownerReview', { value: String(ownerApprovedResultCaptureReadback.readback_truth.owner_review_required_before_promotion) })} />
                  <Chip value={t('ownerApprovedResultCaptureReadback.flags.canonicalRead', { value: String(ownerApprovedResultCaptureReadback.readback_truth.canonical_runtime_readback_enabled) })} muted />
                  <Chip value={t('ownerApprovedResultCaptureReadback.flags.resultWrite', { value: String(ownerApprovedResultCaptureReadback.readback_truth.runtime_result_capture_write_enabled) })} muted />
                  <Chip value={t('ownerApprovedResultCaptureReadback.flags.scoreWrite', { value: String(ownerApprovedResultCaptureReadback.readback_truth.runtime_score_write_enabled) })} muted />
                  <Chip value={t('ownerApprovedResultCaptureReadback.flags.queueWrite', { value: String(ownerApprovedResultCaptureReadback.readback_truth.reviewer_queue_write_enabled) })} muted />
                  <Chip value={t('ownerApprovedResultCaptureReadback.flags.telegramSend', { value: String(ownerApprovedResultCaptureReadback.readback_truth.telegram_send_enabled) })} muted />
                  <Chip value={t('ownerApprovedResultCaptureReadback.flags.secretRead', { value: String(ownerApprovedResultCaptureReadback.readback_truth.secret_read_enabled) })} muted />
                </div>
              </div>
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {visibleOwnerResultReadbackDigests.map(digest => (
                <div key={digest.digest_id} style={{ padding: 10, border: '0.5px solid #bbdec8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {digest.display_name}
                    </span>
                    <Chip value={redisDryRunValueLabel('agents', digest.owner_agent)} muted />
                  </div>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t(`ownerApprovedResultCaptureReadback.statuses.${digest.status}` as never)} muted={digest.status === 'ready_for_owner_review'} />
                    <Chip value={t('ownerApprovedResultCaptureReadback.labels.candidateCount', { value: digest.candidate_count_24h })} muted />
                    <Chip value={t('ownerApprovedResultCaptureReadback.labels.fixtureOnly', { value: String(digest.fixture_only) })} muted />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {digest.promotion_blocker}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('ownerApprovedResultCaptureReadback.labels.readbackFields', { count: digest.readback_fields.length })} muted />
                    <Chip value={t('ownerApprovedResultCaptureReadback.labels.verifierChecks', { count: digest.verifier_checks.length })} muted />
                    <Chip value={t('ownerApprovedResultCaptureReadback.labels.runtimeRead', { value: String(digest.runtime_read_enabled) })} muted />
                    <Chip value={t('ownerApprovedResultCaptureReadback.labels.writeEnabled', { value: String(digest.write_enabled) })} muted />
                    <Chip value={t('ownerApprovedResultCaptureReadback.labels.evidenceHash', { value: digest.evidence_hash })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {visibleOwnerResultReadbackPromotionReviews.map(review => (
                <div key={review.review_id} style={{ padding: 10, border: '0.5px solid #bbdec8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {review.display_name}
                    </span>
                    <Chip value={t(`ownerApprovedResultCaptureReadback.readinessStates.${review.readiness_state}` as never)} muted={review.readiness_state === 'ready_for_owner_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {review.failure_if_missing}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', review.owner_agent)} muted />
                    <Chip value={t(`ownerApprovedResultCaptureReadback.riskTiers.${review.risk_tier}` as never)} muted={review.risk_tier !== 'critical'} />
                    <Chip value={t('ownerApprovedResultCaptureReadback.labels.requiredBefore', { count: review.required_before_promotion.length })} muted />
                    <Chip value={t('ownerApprovedResultCaptureReadback.labels.promotionAllowed', { value: String(review.promotion_allowed) })} muted />
                    <Chip value={t('ownerApprovedResultCaptureReadback.labels.runtimeWrite', { value: String(review.creates_runtime_write) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {visibleOwnerResultReadbackFailureLanes.map(lane => (
                <div key={lane.lane_id} style={{ padding: 10, border: '0.5px solid #bbdec8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {lane.display_name}
                    </span>
                    <Chip value={t(`ownerApprovedResultCaptureReadback.failureStatuses.${lane.status}` as never)} muted={lane.status === 'ready_for_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {lane.trigger_condition}
                  </span>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#b45309', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {lane.required_response}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', lane.owner_agent)} muted />
                    <Chip value={t('ownerApprovedResultCaptureReadback.labels.abortsPromotion', { value: String(lane.aborts_promotion) })} muted />
                    <Chip value={t('ownerApprovedResultCaptureReadback.labels.runtimeWrite', { value: String(lane.creates_runtime_write) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {visibleOwnerResultReadbackQueuePreview.map(item => (
                <div key={item.queue_id} style={{ padding: 10, border: '0.5px solid #bbdec8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {item.display_name}
                    </span>
                    <Chip value={t(`ownerApprovedResultCaptureReadback.queueStatuses.${item.status}` as never)} muted={item.status === 'queued_for_owner_review'} />
                  </div>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', item.owner_agent)} muted />
                    <Chip value={t(`ownerApprovedResultCaptureReadback.reviewerRoles.${item.reviewer_role}` as never)} muted />
                    <Chip value={t('ownerApprovedResultCaptureReadback.labels.requiredInputs', { count: item.required_inputs.length })} muted />
                    <Chip value={t('ownerApprovedResultCaptureReadback.labels.queueWrite', { value: String(item.queue_write_enabled) })} muted />
                    <Chip value={t('ownerApprovedResultCaptureReadback.labels.telegramSend', { value: String(item.telegram_send_enabled) })} muted />
                    <Chip value={t('ownerApprovedResultCaptureReadback.labels.evidenceHash', { value: item.evidence_hash })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {ownerApprovedResultCaptureReadback.operator_actions.map(action => (
                <div key={action.action_id} style={{ padding: 10, border: '0.5px solid #bbdec8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {action.display_name}
                    </span>
                    <Chip value={redisDryRunValueLabel('agents', action.owner_agent)} muted />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {action.operator_instruction}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t(`ownerApprovedResultCaptureReadback.actionTypes.${action.action_type}` as never)} />
                    <Chip value={t('ownerApprovedResultCaptureReadback.labels.runtimeWrite', { value: String(action.runtime_write_allowed) })} muted />
                  </div>
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #bbdec8', borderRadius: 7, background: '#f8fffb', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <ShieldCheck size={14} style={{ color: '#15803d' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('runtimeReadbackApprovalPackage.title')}
                </span>
              </div>
              <Chip
                value={t('runtimeReadbackApprovalPackage.source', {
                  generated: formatDateTime(runtimeReadbackApprovalPackage.generated_at),
                  current: runtimeReadbackApprovalPackage.program_status.current_task_id,
                  next: runtimeReadbackApprovalPackage.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('runtimeReadbackApprovalPackage.metrics.overall')} value={`${runtimeReadbackPackageOverall}%`} tone="ok" icon={<Gauge size={16} />} />
              <MetricCard label={t('runtimeReadbackApprovalPackage.metrics.packets')} value={runtimeReadbackPackets} tone="warn" icon={<FileText size={16} />} />
              <MetricCard label={t('runtimeReadbackApprovalPackage.metrics.plans')} value={runtimeReadbackPlans} tone="warn" icon={<Database size={16} />} />
              <MetricCard label={t('runtimeReadbackApprovalPackage.metrics.rollback')} value={runtimeReadbackRollbackLanes} tone="danger" icon={<Route size={16} />} />
              <MetricCard label={t('runtimeReadbackApprovalPackage.metrics.telegramGates')} value={runtimeReadbackTelegramGates} tone="warn" icon={<BellOff size={16} />} />
              <MetricCard label={t('runtimeReadbackApprovalPackage.metrics.actions')} value={runtimeReadbackActions} tone="warn" icon={<Target size={16} />} />
              <MetricCard label={t('runtimeReadbackApprovalPackage.metrics.approvalRequired')} value={runtimeReadbackApprovalRequired} tone="warn" icon={<Lock size={16} />} />
              <MetricCard label={t('runtimeReadbackApprovalPackage.metrics.blocked')} value={runtimeReadbackBlocked} tone="danger" icon={<AlertTriangle size={16} />} />
              <MetricCard label={t('runtimeReadbackApprovalPackage.metrics.ownerApprovals')} value={runtimeReadbackOwnerApprovals} tone="warn" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('runtimeReadbackApprovalPackage.metrics.executions')} value={runtimeReadbackExecutions} tone={runtimeReadbackExecutions === 0 ? 'ok' : 'danger'} icon={<Gauge size={16} />} />
              <MetricCard label={t('runtimeReadbackApprovalPackage.metrics.telegramSends')} value={runtimeReadbackTelegramSends} tone={runtimeReadbackTelegramSends === 0 ? 'ok' : 'danger'} icon={<BellRing size={16} />} />
              <MetricCard label={t('runtimeReadbackApprovalPackage.metrics.rollbackWrites')} value={runtimeReadbackRollbackWrites} tone={runtimeReadbackRollbackWrites === 0 ? 'ok' : 'danger'} icon={<Database size={16} />} />
              <MetricCard label={t('runtimeReadbackApprovalPackage.metrics.liveWrites')} value={runtimeReadbackLiveWrites} tone={runtimeReadbackLiveWrites === 0 ? 'ok' : 'danger'} icon={<Database size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1fr) minmax(0, 1fr)', gap: 12 }} className="automation-inventory-live-read-grid">
              <div style={{ padding: 11, border: '0.5px solid #bbdec8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('runtimeReadbackApprovalPackage.priorTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {runtimeReadbackApprovalPackage.prior_readback_readiness.readiness_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={runtimeReadbackApprovalPackage.prior_readback_readiness.source_schema_version} />
                  <Chip value={t('ownerApprovedResultCaptureReadback.metrics.digests') + ` ${runtimeReadbackApprovalPackage.prior_readback_readiness.readback_digest_count}`} muted />
                  <Chip value={t('ownerApprovedResultCaptureReadback.metrics.promotionReviews') + ` ${runtimeReadbackApprovalPackage.prior_readback_readiness.promotion_review_count}`} muted />
                  <Chip value={t('ownerApprovedResultCaptureReadback.metrics.liveWrites') + ` ${runtimeReadbackApprovalPackage.prior_readback_readiness.result_capture_write_count}`} muted />
                </div>
              </div>

              <div style={{ padding: 11, border: '0.5px solid #bbdec8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('runtimeReadbackApprovalPackage.truthTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {runtimeReadbackApprovalPackage.approval_package_truth.truth_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('runtimeReadbackApprovalPackage.flags.readbackLoaded', { value: String(runtimeReadbackApprovalPackage.approval_package_truth.p2_107_readback_loaded) })} />
                  <Chip value={t('runtimeReadbackApprovalPackage.flags.packageReady', { value: String(runtimeReadbackApprovalPackage.approval_package_truth.approval_package_ready) })} />
                  <Chip value={t('runtimeReadbackApprovalPackage.flags.canonicalPlan', { value: String(runtimeReadbackApprovalPackage.approval_package_truth.canonical_readback_plan_ready) })} />
                  <Chip value={t('runtimeReadbackApprovalPackage.flags.rollbackDrill', { value: String(runtimeReadbackApprovalPackage.approval_package_truth.rollback_drill_ready) })} />
                  <Chip value={t('runtimeReadbackApprovalPackage.flags.failureReceipt', { value: String(runtimeReadbackApprovalPackage.approval_package_truth.telegram_failure_receipt_gate_ready) })} />
                  <Chip value={t('runtimeReadbackApprovalPackage.flags.canonicalRead', { value: String(runtimeReadbackApprovalPackage.approval_package_truth.canonical_runtime_readback_enabled) })} muted />
                  <Chip value={t('runtimeReadbackApprovalPackage.flags.resultWrite', { value: String(runtimeReadbackApprovalPackage.approval_package_truth.runtime_result_capture_write_enabled) })} muted />
                  <Chip value={t('runtimeReadbackApprovalPackage.flags.queueWrite', { value: String(runtimeReadbackApprovalPackage.approval_package_truth.reviewer_queue_write_enabled) })} muted />
                  <Chip value={t('runtimeReadbackApprovalPackage.flags.telegramSend', { value: String(runtimeReadbackApprovalPackage.approval_package_truth.telegram_failure_receipt_send_enabled) })} muted />
                  <Chip value={t('runtimeReadbackApprovalPackage.flags.botApi', { value: String(runtimeReadbackApprovalPackage.approval_package_truth.bot_api_call_enabled) })} muted />
                  <Chip value={t('runtimeReadbackApprovalPackage.flags.rollbackWrite', { value: String(runtimeReadbackApprovalPackage.approval_package_truth.rollback_work_item_write_enabled) })} muted />
                </div>
              </div>
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {visibleRuntimeReadbackPackets.map(packet => (
                <div key={packet.packet_id} style={{ padding: 10, border: '0.5px solid #bbdec8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {packet.display_name}
                    </span>
                    <Chip value={t(`runtimeReadbackApprovalPackage.packetStatuses.${packet.status}` as never)} muted={packet.status === 'ready_for_owner_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {packet.operator_guidance}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', packet.owner_agent)} muted />
                    <Chip value={t(`runtimeReadbackApprovalPackage.riskTiers.${packet.risk_tier}` as never)} muted={packet.risk_tier !== 'critical'} />
                    <Chip value={t('runtimeReadbackApprovalPackage.labels.approvalFields', { count: packet.required_approval_fields.length })} muted />
                    <Chip value={t('runtimeReadbackApprovalPackage.labels.blockedActions', { count: packet.blocked_runtime_actions.length })} muted />
                    <Chip value={t('runtimeReadbackApprovalPackage.labels.runtimeWrite', { value: String(packet.runtime_write_allowed) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {visibleRuntimeReadbackPlans.map(plan => (
                <div key={plan.plan_id} style={{ padding: 10, border: '0.5px solid #bbdec8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {plan.display_name}
                    </span>
                    <Chip value={t(`runtimeReadbackApprovalPackage.planStatuses.${plan.status}` as never)} muted={plan.status === 'planned_no_runtime_read'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {plan.query_scope}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', plan.owner_agent)} muted />
                    <Chip value={t('runtimeReadbackApprovalPackage.labels.requiredFields', { count: plan.required_fields.length })} muted />
                    <Chip value={t('runtimeReadbackApprovalPackage.labels.redactionChecks', { count: plan.redaction_checks.length })} muted />
                    <Chip value={t('runtimeReadbackApprovalPackage.labels.liveQuery', { value: String(plan.live_query_enabled) })} muted />
                    <Chip value={t('runtimeReadbackApprovalPackage.labels.runtimeWrite', { value: String(plan.runtime_write_allowed) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {visibleRuntimeReadbackRollbackLanes.map(lane => (
                <div key={lane.lane_id} style={{ padding: 10, border: '0.5px solid #bbdec8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {lane.display_name}
                    </span>
                    <Chip value={t(`runtimeReadbackApprovalPackage.rollbackStatuses.${lane.status}` as never)} muted={lane.status === 'planned_no_write'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {lane.failure_if_missing}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', lane.owner_agent)} muted />
                    <Chip value={t('runtimeReadbackApprovalPackage.labels.rollbackOwner', { value: lane.rollback_owner })} muted />
                    <Chip value={t('runtimeReadbackApprovalPackage.labels.requiredSteps', { count: lane.required_steps.length })} muted />
                    <Chip value={t('runtimeReadbackApprovalPackage.labels.rollbackWrite', { value: String(lane.rollback_write_enabled) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {visibleRuntimeReadbackTelegramGates.map(gate => (
                <div key={gate.gate_id} style={{ padding: 10, border: '0.5px solid #bbdec8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {gate.display_name}
                    </span>
                    <Chip value={t(`runtimeReadbackApprovalPackage.telegramStatuses.${gate.status}` as never)} muted={gate.status === 'ready_for_owner_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {gate.failure_if_missing}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', gate.owner_agent)} muted />
                    <Chip value={t('runtimeReadbackApprovalPackage.labels.requiredEvidence', { count: gate.required_evidence.length })} muted />
                    <Chip value={t('runtimeReadbackApprovalPackage.labels.queueWrite', { value: String(gate.queue_write_enabled) })} muted />
                    <Chip value={t('runtimeReadbackApprovalPackage.labels.telegramSend', { value: String(gate.telegram_send_enabled) })} muted />
                    <Chip value={t('runtimeReadbackApprovalPackage.labels.botApi', { value: String(gate.bot_api_call_enabled) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {runtimeReadbackApprovalPackage.operator_actions.map(action => (
                <div key={action.action_id} style={{ padding: 10, border: '0.5px solid #bbdec8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {action.display_name}
                    </span>
                    <Chip value={redisDryRunValueLabel('agents', action.owner_agent)} muted />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {action.operator_instruction}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t(`runtimeReadbackApprovalPackage.actionTypes.${action.action_type}` as never)} />
                    <Chip value={t('runtimeReadbackApprovalPackage.labels.runtimeWrite', { value: String(action.runtime_write_allowed) })} muted />
                  </div>
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #bfd4e8', borderRadius: 7, background: '#f8fbff', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <ShieldCheck size={14} style={{ color: '#2563eb' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('runtimeReadbackImplementationReview.title')}
                </span>
              </div>
              <Chip
                value={t('runtimeReadbackImplementationReview.source', {
                  generated: formatDateTime(runtimeReadbackImplementationReview.generated_at),
                  current: runtimeReadbackImplementationReview.program_status.current_task_id,
                  next: runtimeReadbackImplementationReview.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('runtimeReadbackImplementationReview.metrics.overall')} value={`${runtimeImplementationOverall}%`} tone="ok" icon={<Gauge size={16} />} />
              <MetricCard label={t('runtimeReadbackImplementationReview.metrics.cards')} value={runtimeImplementationCards} tone="warn" icon={<FileText size={16} />} />
              <MetricCard label={t('runtimeReadbackImplementationReview.metrics.checks')} value={runtimeImplementationChecks} tone="warn" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('runtimeReadbackImplementationReview.metrics.blockers')} value={runtimeImplementationBlockers} tone="danger" icon={<AlertTriangle size={16} />} />
              <MetricCard label={t('runtimeReadbackImplementationReview.metrics.actions')} value={runtimeImplementationActions} tone="warn" icon={<Target size={16} />} />
              <MetricCard label={t('runtimeReadbackImplementationReview.metrics.approvalRequired')} value={runtimeImplementationApprovalRequired} tone="warn" icon={<Lock size={16} />} />
              <MetricCard label={t('runtimeReadbackImplementationReview.metrics.blocked')} value={runtimeImplementationBlocked} tone="danger" icon={<AlertTriangle size={16} />} />
              <MetricCard label={t('runtimeReadbackImplementationReview.metrics.criticalBlockers')} value={runtimeImplementationCriticalBlockers} tone="danger" icon={<AlertTriangle size={16} />} />
              <MetricCard label={t('runtimeReadbackImplementationReview.metrics.ownerApprovals')} value={runtimeImplementationOwnerApprovals} tone="warn" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('runtimeReadbackImplementationReview.metrics.executions')} value={runtimeImplementationExecutions} tone={runtimeImplementationExecutions === 0 ? 'ok' : 'danger'} icon={<Gauge size={16} />} />
              <MetricCard label={t('runtimeReadbackImplementationReview.metrics.liveQueries')} value={runtimeImplementationLiveQueries} tone={runtimeImplementationLiveQueries === 0 ? 'ok' : 'danger'} icon={<Database size={16} />} />
              <MetricCard label={t('runtimeReadbackImplementationReview.metrics.telegramSends')} value={runtimeImplementationTelegramSends} tone={runtimeImplementationTelegramSends === 0 ? 'ok' : 'danger'} icon={<BellRing size={16} />} />
              <MetricCard label={t('runtimeReadbackImplementationReview.metrics.rollbackWrites')} value={runtimeImplementationRollbackWrites} tone={runtimeImplementationRollbackWrites === 0 ? 'ok' : 'danger'} icon={<Route size={16} />} />
              <MetricCard label={t('runtimeReadbackImplementationReview.metrics.liveWrites')} value={runtimeImplementationLiveWrites} tone={runtimeImplementationLiveWrites === 0 ? 'ok' : 'danger'} icon={<Database size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1fr) minmax(0, 1fr)', gap: 12 }} className="automation-inventory-live-read-grid">
              <div style={{ padding: 11, border: '0.5px solid #bfd4e8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('runtimeReadbackImplementationReview.priorTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {runtimeReadbackImplementationReview.prior_approval_package.readiness_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={runtimeReadbackImplementationReview.prior_approval_package.source_schema_version} />
                  <Chip value={t('runtimeReadbackApprovalPackage.metrics.packets') + ` ${runtimeReadbackImplementationReview.prior_approval_package.approval_packet_count}`} muted />
                  <Chip value={t('runtimeReadbackApprovalPackage.metrics.plans') + ` ${runtimeReadbackImplementationReview.prior_approval_package.canonical_readback_plan_count}`} muted />
                  <Chip value={t('runtimeReadbackImplementationReview.metrics.liveWrites') + ` ${runtimeReadbackImplementationReview.prior_approval_package.production_write_count}`} muted />
                </div>
              </div>

              <div style={{ padding: 11, border: '0.5px solid #bfd4e8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('runtimeReadbackImplementationReview.truthTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {runtimeReadbackImplementationReview.implementation_review_truth.truth_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('runtimeReadbackImplementationReview.flags.packageLoaded', { value: String(runtimeReadbackImplementationReview.implementation_review_truth.p2_109_approval_package_loaded) })} />
                  <Chip value={t('runtimeReadbackImplementationReview.flags.reviewReady', { value: String(runtimeReadbackImplementationReview.implementation_review_truth.implementation_review_ready) })} />
                  <Chip value={t('runtimeReadbackImplementationReview.flags.adapterReady', { value: String(runtimeReadbackImplementationReview.implementation_review_truth.adapter_contract_ready) })} />
                  <Chip value={t('runtimeReadbackImplementationReview.flags.verifierReady', { value: String(runtimeReadbackImplementationReview.implementation_review_truth.verifier_contract_ready) })} />
                  <Chip value={t('runtimeReadbackImplementationReview.flags.receiptReady', { value: String(runtimeReadbackImplementationReview.implementation_review_truth.telemetry_receipt_contract_ready) })} />
                  <Chip value={t('runtimeReadbackImplementationReview.flags.liveQuery', { value: String(runtimeReadbackImplementationReview.implementation_review_truth.live_query_enabled) })} muted />
                  <Chip value={t('runtimeReadbackImplementationReview.flags.canonicalRead', { value: String(runtimeReadbackImplementationReview.implementation_review_truth.canonical_runtime_readback_enabled) })} muted />
                  <Chip value={t('runtimeReadbackImplementationReview.flags.resultWrite', { value: String(runtimeReadbackImplementationReview.implementation_review_truth.runtime_result_capture_write_enabled) })} muted />
                  <Chip value={t('runtimeReadbackImplementationReview.flags.queueWrite', { value: String(runtimeReadbackImplementationReview.implementation_review_truth.reviewer_queue_write_enabled) })} muted />
                  <Chip value={t('runtimeReadbackImplementationReview.flags.telegramSend', { value: String(runtimeReadbackImplementationReview.implementation_review_truth.telegram_failure_receipt_send_enabled) })} muted />
                  <Chip value={t('runtimeReadbackImplementationReview.flags.rollbackWrite', { value: String(runtimeReadbackImplementationReview.implementation_review_truth.rollback_work_item_write_enabled) })} muted />
                </div>
              </div>
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {visibleRuntimeImplementationCards.map(card => (
                <div key={card.card_id} style={{ padding: 10, border: '0.5px solid #bfd4e8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {card.display_name}
                    </span>
                    <Chip value={t(`runtimeReadbackImplementationReview.cardStatuses.${card.status}` as never)} muted={card.status === 'ready_for_owner_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {card.review_guidance}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', card.owner_agent)} muted />
                    <Chip value={t(`runtimeReadbackImplementationReview.riskTiers.${card.risk_tier}` as never)} muted={card.risk_tier !== 'critical'} />
                    <Chip value={card.implementation_surface} muted />
                    <Chip value={t('runtimeReadbackImplementationReview.labels.interfaces', { count: card.required_interfaces.length })} muted />
                    <Chip value={t('runtimeReadbackImplementationReview.labels.blockedActions', { count: card.blocked_runtime_actions.length })} muted />
                    <Chip value={t('runtimeReadbackImplementationReview.labels.noWriteMode', { value: String(card.no_write_mode) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {visibleRuntimeImplementationChecks.map(check => (
                <div key={check.check_id} style={{ padding: 10, border: '0.5px solid #bfd4e8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {check.display_name}
                    </span>
                    <Chip value={t(`runtimeReadbackImplementationReview.checkStatuses.${check.status}` as never)} muted={check.status === 'ready'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {check.failure_if_missing}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', check.owner_agent)} muted />
                    <Chip value={check.check_scope} muted />
                    <Chip value={t('runtimeReadbackImplementationReview.labels.requiredEvidence', { count: check.required_evidence.length })} muted />
                    <Chip value={t('runtimeReadbackImplementationReview.labels.liveQuery', { value: String(check.live_query_enabled) })} muted />
                    <Chip value={t('runtimeReadbackImplementationReview.labels.runtimeWrite', { value: String(check.runtime_write_allowed) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {visibleRuntimeImplementationBlockers.map(blocker => (
                <div key={blocker.blocker_id} style={{ padding: 10, border: '0.5px solid #e8bfbf', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {blocker.display_name}
                    </span>
                    <Chip value={t(`runtimeReadbackImplementationReview.severities.${blocker.severity}` as never)} muted={blocker.severity !== 'critical'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {blocker.required_resolution}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', blocker.owner_agent)} muted />
                    <Chip value={t(`runtimeReadbackImplementationReview.blockerStatuses.${blocker.status}` as never)} muted />
                    <Chip value={t('runtimeReadbackImplementationReview.labels.blockedAction', { value: blocker.blocked_action })} muted />
                    <Chip value={t('runtimeReadbackImplementationReview.labels.blockedUntil', { value: blocker.blocked_until })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {runtimeReadbackImplementationReview.operator_actions.map(action => (
                <div key={action.action_id} style={{ padding: 10, border: '0.5px solid #bfd4e8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {action.display_name}
                    </span>
                    <Chip value={redisDryRunValueLabel('agents', action.owner_agent)} muted />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {action.operator_instruction}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t(`runtimeReadbackImplementationReview.actionTypes.${action.action_type}` as never)} />
                    <Chip value={t('runtimeReadbackImplementationReview.labels.runtimeWrite', { value: String(action.runtime_write_allowed) })} muted />
                  </div>
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #b7d6c4', borderRadius: 7, background: '#f8fffb', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <BellRing size={14} style={{ color: '#198754' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('reportLiveDeliveryApprovalPackage.title')}
                </span>
              </div>
              <Chip
                value={t('reportLiveDeliveryApprovalPackage.source', {
                  generated: formatDateTime(reportLiveDeliveryApprovalPackage.generated_at),
                  current: reportLiveDeliveryApprovalPackage.program_status.current_task_id,
                  next: reportLiveDeliveryApprovalPackage.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('reportLiveDeliveryApprovalPackage.metrics.overall')} value={`${reportDeliveryOverall}%`} tone="ok" icon={<Gauge size={16} />} />
              <MetricCard label={t('reportLiveDeliveryApprovalPackage.metrics.packets')} value={reportDeliveryPackets} tone="warn" icon={<FileText size={16} />} />
              <MetricCard label={t('reportLiveDeliveryApprovalPackage.metrics.routeGates')} value={reportDeliveryRouteGates} tone="warn" icon={<Route size={16} />} />
              <MetricCard label={t('reportLiveDeliveryApprovalPackage.metrics.redactionChecks')} value={reportDeliveryRedactionChecks} tone="ok" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('reportLiveDeliveryApprovalPackage.metrics.receipts')} value={reportDeliveryReceipts} tone="warn" icon={<Archive size={16} />} />
              <MetricCard label={t('reportLiveDeliveryApprovalPackage.metrics.actions')} value={reportDeliveryActions} tone="warn" icon={<Target size={16} />} />
              <MetricCard label={t('reportLiveDeliveryApprovalPackage.metrics.approvalRequired')} value={reportDeliveryApprovalRequired} tone="warn" icon={<Lock size={16} />} />
              <MetricCard label={t('reportLiveDeliveryApprovalPackage.metrics.blocked')} value={reportDeliveryBlocked} tone="danger" icon={<AlertTriangle size={16} />} />
              <MetricCard label={t('reportLiveDeliveryApprovalPackage.metrics.ownerApprovals')} value={reportDeliveryOwnerApprovals} tone="warn" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('reportLiveDeliveryApprovalPackage.metrics.scheduled')} value={reportDeliveryScheduled} tone={reportDeliveryScheduled === 0 ? 'ok' : 'danger'} icon={<Gauge size={16} />} />
              <MetricCard label={t('reportLiveDeliveryApprovalPackage.metrics.gatewayWrites')} value={reportDeliveryGatewayWrites} tone={reportDeliveryGatewayWrites === 0 ? 'ok' : 'danger'} icon={<Database size={16} />} />
              <MetricCard label={t('reportLiveDeliveryApprovalPackage.metrics.telegramSends')} value={reportDeliveryTelegramSends} tone={reportDeliveryTelegramSends === 0 ? 'ok' : 'danger'} icon={<BellRing size={16} />} />
              <MetricCard label={t('reportLiveDeliveryApprovalPackage.metrics.botCalls')} value={reportDeliveryBotCalls} tone={reportDeliveryBotCalls === 0 ? 'ok' : 'danger'} icon={<Route size={16} />} />
              <MetricCard label={t('reportLiveDeliveryApprovalPackage.metrics.receiptWrites')} value={reportDeliveryReceiptWrites} tone={reportDeliveryReceiptWrites === 0 ? 'ok' : 'danger'} icon={<Archive size={16} />} />
              <MetricCard label={t('reportLiveDeliveryApprovalPackage.metrics.aiAnalysisRuns')} value={reportDeliveryAiAnalysisRuns} tone={reportDeliveryAiAnalysisRuns === 0 ? 'ok' : 'danger'} icon={<Gauge size={16} />} />
              <MetricCard label={t('reportLiveDeliveryApprovalPackage.metrics.autoOptimizations')} value={reportDeliveryAutoOptimizations} tone={reportDeliveryAutoOptimizations === 0 ? 'ok' : 'danger'} icon={<Target size={16} />} />
              <MetricCard label={t('reportLiveDeliveryApprovalPackage.metrics.liveWrites')} value={reportDeliveryLiveWrites} tone={reportDeliveryLiveWrites === 0 ? 'ok' : 'danger'} icon={<Database size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1fr) minmax(0, 1fr)', gap: 12 }} className="automation-inventory-live-read-grid">
              <div style={{ padding: 11, border: '0.5px solid #b7d6c4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('reportLiveDeliveryApprovalPackage.priorReportTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {reportLiveDeliveryApprovalPackage.prior_report_status_board.readiness_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={reportLiveDeliveryApprovalPackage.prior_report_status_board.source_schema_version} />
                  <Chip value={t('reportLiveDeliveryApprovalPackage.metrics.packets') + ` ${reportLiveDeliveryApprovalPackage.prior_report_status_board.report_card_count}`} muted />
                  <Chip value={t('reportStatusBoard.metrics.workload') + ` ${reportLiveDeliveryApprovalPackage.prior_report_status_board.work_units_total}`} muted />
                  <Chip value={t('reportLiveDeliveryApprovalPackage.metrics.telegramSends') + ` ${reportLiveDeliveryApprovalPackage.prior_report_status_board.live_telegram_send_count_24h}`} muted />
                </div>
              </div>

              <div style={{ padding: 11, border: '0.5px solid #b7d6c4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('reportLiveDeliveryApprovalPackage.truthTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {reportLiveDeliveryApprovalPackage.delivery_approval_truth.truth_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('reportLiveDeliveryApprovalPackage.flags.packageReady', { value: String(reportLiveDeliveryApprovalPackage.delivery_approval_truth.delivery_approval_package_ready) })} />
                  <Chip value={t('reportLiveDeliveryApprovalPackage.flags.routeLocked', { value: String(reportLiveDeliveryApprovalPackage.delivery_approval_truth.sre_war_room_route_locked) })} />
                  <Chip value={t('reportLiveDeliveryApprovalPackage.flags.redactionReady', { value: String(reportLiveDeliveryApprovalPackage.delivery_approval_truth.payload_redaction_ready) })} />
                  <Chip value={t('reportLiveDeliveryApprovalPackage.flags.dryRunReceipt', { value: String(reportLiveDeliveryApprovalPackage.delivery_approval_truth.dry_run_receipt_ready) })} />
                  <Chip value={t('reportLiveDeliveryApprovalPackage.flags.scheduler', { value: String(reportLiveDeliveryApprovalPackage.delivery_approval_truth.scheduler_enabled) })} muted />
                  <Chip value={t('reportLiveDeliveryApprovalPackage.flags.gatewayWrite', { value: String(reportLiveDeliveryApprovalPackage.delivery_approval_truth.gateway_queue_write_enabled) })} muted />
                  <Chip value={t('reportLiveDeliveryApprovalPackage.flags.telegramSend', { value: String(reportLiveDeliveryApprovalPackage.delivery_approval_truth.telegram_send_enabled) })} muted />
                  <Chip value={t('reportLiveDeliveryApprovalPackage.flags.botApi', { value: String(reportLiveDeliveryApprovalPackage.delivery_approval_truth.bot_api_call_enabled) })} muted />
                  <Chip value={t('reportLiveDeliveryApprovalPackage.flags.receiptWrite', { value: String(reportLiveDeliveryApprovalPackage.delivery_approval_truth.report_receipt_write_enabled) })} muted />
                  <Chip value={t('reportLiveDeliveryApprovalPackage.flags.aiAnalysis', { value: String(reportLiveDeliveryApprovalPackage.delivery_approval_truth.ai_analysis_run_enabled) })} muted />
                </div>
              </div>
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {visibleReportDeliveryPackets.map(packet => (
                <div key={packet.packet_id} style={{ padding: 10, border: '0.5px solid #b7d6c4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {packet.display_name}
                    </span>
                    <Chip value={t(`reportLiveDeliveryApprovalPackage.packetStatuses.${packet.status}` as never)} muted={packet.status === 'ready_for_owner_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {packet.operator_guidance}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', packet.owner_agent)} muted />
                    <Chip value={t(`reportLiveDeliveryApprovalPackage.cadences.${packet.cadence}` as never)} muted />
                    <Chip value={t(`reportLiveDeliveryApprovalPackage.riskTiers.${packet.risk_tier}` as never)} muted={packet.risk_tier !== 'critical'} />
                    <Chip value={t('reportLiveDeliveryApprovalPackage.labels.approvalFields', { count: packet.required_approval_fields.length })} muted />
                    <Chip value={t('reportLiveDeliveryApprovalPackage.labels.blockedActions', { count: packet.blocked_runtime_actions.length })} muted />
                    <Chip value={t('reportLiveDeliveryApprovalPackage.labels.noSendMode', { value: String(packet.no_send_mode) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {visibleReportRouteGates.map(gate => (
                <div key={gate.gate_id} style={{ padding: 10, border: '0.5px solid #b7d6c4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {gate.display_name}
                    </span>
                    <Chip value={t(`reportLiveDeliveryApprovalPackage.gateStatuses.${gate.status}` as never)} muted={gate.status === 'ready_for_owner_review'} />
                  </div>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('reportLiveDeliveryApprovalPackage.labels.requiredEvidence', { count: gate.required_evidence.length })} muted />
                    <Chip value={t('reportLiveDeliveryApprovalPackage.labels.blockedRoutes', { count: gate.blocked_routes.length })} muted />
                    <Chip value={t('reportLiveDeliveryApprovalPackage.labels.telegramSend', { value: String(gate.telegram_send_enabled) })} muted />
                    <Chip value={t('reportLiveDeliveryApprovalPackage.labels.botApi', { value: String(gate.bot_api_call_enabled) })} muted />
                    <Chip value={t('reportLiveDeliveryApprovalPackage.labels.gatewayWrite', { value: String(gate.gateway_queue_write_enabled) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {reportLiveDeliveryApprovalPackage.payload_redaction_checks.map(check => (
                <div key={check.check_id} style={{ padding: 10, border: '0.5px solid #b7d6c4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {check.display_name}
                    </span>
                    <Chip value={t(`reportLiveDeliveryApprovalPackage.checkStatuses.${check.status}` as never)} muted={check.status === 'ready'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {check.failure_if_missing}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={check.required_rule} muted />
                    <Chip value={t('reportLiveDeliveryApprovalPackage.labels.displayAllowed', { value: String(check.display_allowed) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {visibleReportDeliveryReceipts.map(receipt => (
                <div key={receipt.receipt_id} style={{ padding: 10, border: '0.5px solid #b7d6c4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {receipt.display_name}
                    </span>
                    <Chip value={t(`reportLiveDeliveryApprovalPackage.receiptStatuses.${receipt.status}` as never)} muted={receipt.status === 'ready_for_owner_review'} />
                  </div>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t(`reportLiveDeliveryApprovalPackage.cadences.${receipt.cadence}` as never)} muted />
                    <Chip value={t('reportLiveDeliveryApprovalPackage.labels.requiredFields', { count: receipt.required_fields.length })} muted />
                    <Chip value={t('reportLiveDeliveryApprovalPackage.labels.liveSendCount', { count: receipt.live_send_count })} muted />
                    <Chip value={t('reportLiveDeliveryApprovalPackage.labels.receiptWrite', { value: String(receipt.receipt_write_allowed) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {reportLiveDeliveryApprovalPackage.operator_actions.map(action => (
                <div key={action.action_id} style={{ padding: 10, border: '0.5px solid #b7d6c4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {action.display_name}
                    </span>
                    <Chip value={redisDryRunValueLabel('agents', action.owner_agent)} muted />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {action.operator_instruction}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t(`reportLiveDeliveryApprovalPackage.actionTypes.${action.action_type}` as never)} />
                    <Chip value={t('reportLiveDeliveryApprovalPackage.labels.liveSendAllowed', { value: String(action.live_send_allowed) })} muted />
                  </div>
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #c8d2e3', borderRadius: 7, background: '#f8fbff', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <ShieldCheck size={14} style={{ color: '#2563eb' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('runtimeReadbackFixtureApproval.title')}
                </span>
              </div>
              <Chip
                value={t('runtimeReadbackFixtureApproval.source', {
                  generated: formatDateTime(runtimeReadbackFixtureApproval.generated_at),
                  current: runtimeReadbackFixtureApproval.program_status.current_task_id,
                  next: runtimeReadbackFixtureApproval.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('runtimeReadbackFixtureApproval.metrics.overall')} value={`${fixtureApprovalOverall}%`} tone="ok" icon={<Gauge size={16} />} />
              <MetricCard label={t('runtimeReadbackFixtureApproval.metrics.cards')} value={fixtureApprovalCards} tone="warn" icon={<FileText size={16} />} />
              <MetricCard label={t('runtimeReadbackFixtureApproval.metrics.contracts')} value={fixtureApprovalContracts} tone="warn" icon={<Route size={16} />} />
              <MetricCard label={t('runtimeReadbackFixtureApproval.metrics.checks')} value={fixtureApprovalChecks} tone="warn" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('runtimeReadbackFixtureApproval.metrics.blockers')} value={fixtureApprovalBlockers} tone="danger" icon={<AlertTriangle size={16} />} />
              <MetricCard label={t('runtimeReadbackFixtureApproval.metrics.actions')} value={fixtureApprovalActions} tone="warn" icon={<Target size={16} />} />
              <MetricCard label={t('runtimeReadbackFixtureApproval.metrics.approvalRequired')} value={fixtureApprovalRequired} tone="warn" icon={<Lock size={16} />} />
              <MetricCard label={t('runtimeReadbackFixtureApproval.metrics.blocked')} value={fixtureApprovalBlocked} tone="danger" icon={<AlertTriangle size={16} />} />
              <MetricCard label={t('runtimeReadbackFixtureApproval.metrics.ownerApprovals')} value={fixtureApprovalOwnerApprovals} tone="warn" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('runtimeReadbackFixtureApproval.metrics.executions')} value={fixtureApprovalExecutions} tone={fixtureApprovalExecutions === 0 ? 'ok' : 'danger'} icon={<Gauge size={16} />} />
              <MetricCard label={t('runtimeReadbackFixtureApproval.metrics.canonicalReads')} value={fixtureApprovalCanonicalReads} tone={fixtureApprovalCanonicalReads === 0 ? 'ok' : 'danger'} icon={<Database size={16} />} />
              <MetricCard label={t('runtimeReadbackFixtureApproval.metrics.liveQueries')} value={fixtureApprovalLiveQueries} tone={fixtureApprovalLiveQueries === 0 ? 'ok' : 'danger'} icon={<Route size={16} />} />
              <MetricCard label={t('runtimeReadbackFixtureApproval.metrics.gatewayWrites')} value={fixtureApprovalGatewayWrites} tone={fixtureApprovalGatewayWrites === 0 ? 'ok' : 'danger'} icon={<Database size={16} />} />
              <MetricCard label={t('runtimeReadbackFixtureApproval.metrics.telegramSends')} value={fixtureApprovalTelegramSends} tone={fixtureApprovalTelegramSends === 0 ? 'ok' : 'danger'} icon={<BellRing size={16} />} />
              <MetricCard label={t('runtimeReadbackFixtureApproval.metrics.botCalls')} value={fixtureApprovalBotCalls} tone={fixtureApprovalBotCalls === 0 ? 'ok' : 'danger'} icon={<Route size={16} />} />
              <MetricCard label={t('runtimeReadbackFixtureApproval.metrics.receiptWrites')} value={fixtureApprovalReceiptWrites} tone={fixtureApprovalReceiptWrites === 0 ? 'ok' : 'danger'} icon={<Archive size={16} />} />
              <MetricCard label={t('runtimeReadbackFixtureApproval.metrics.resultWrites')} value={fixtureApprovalResultWrites} tone={fixtureApprovalResultWrites === 0 ? 'ok' : 'danger'} icon={<Database size={16} />} />
              <MetricCard label={t('runtimeReadbackFixtureApproval.metrics.liveWrites')} value={fixtureApprovalLiveWrites} tone={fixtureApprovalLiveWrites === 0 ? 'ok' : 'danger'} icon={<Database size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))', gap: 12 }} className="automation-inventory-live-read-grid">
              <div style={{ padding: 11, border: '0.5px solid #c8d2e3', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('runtimeReadbackFixtureApproval.priorRuntimeTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {runtimeReadbackFixtureApproval.prior_runtime_review.readiness_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={runtimeReadbackFixtureApproval.prior_runtime_review.implementation_review_schema_version} />
                  <Chip value={t('runtimeReadbackFixtureApproval.metrics.cards') + ` ${runtimeReadbackFixtureApproval.prior_runtime_review.implementation_review_card_count}`} muted />
                  <Chip value={t('runtimeReadbackFixtureApproval.metrics.checks') + ` ${runtimeReadbackFixtureApproval.prior_runtime_review.no_write_verifier_check_count}`} muted />
                  <Chip value={t('runtimeReadbackFixtureApproval.metrics.liveQueries') + ` ${runtimeReadbackFixtureApproval.prior_runtime_review.live_query_count}`} muted />
                </div>
              </div>

              <div style={{ padding: 11, border: '0.5px solid #c8d2e3', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('runtimeReadbackFixtureApproval.priorDeliveryTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {runtimeReadbackFixtureApproval.prior_delivery_approval.readiness_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={runtimeReadbackFixtureApproval.prior_delivery_approval.delivery_approval_schema_version} />
                  <Chip value={t('runtimeReadbackFixtureApproval.metrics.cards') + ` ${runtimeReadbackFixtureApproval.prior_delivery_approval.delivery_approval_packet_count}`} muted />
                  <Chip value={t('runtimeReadbackFixtureApproval.metrics.telegramSends') + ` ${runtimeReadbackFixtureApproval.prior_delivery_approval.telegram_send_count}`} muted />
                  <Chip value={t('runtimeReadbackFixtureApproval.metrics.gatewayWrites') + ` ${runtimeReadbackFixtureApproval.prior_delivery_approval.gateway_queue_write_count}`} muted />
                </div>
              </div>

              <div style={{ padding: 11, border: '0.5px solid #c8d2e3', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('runtimeReadbackFixtureApproval.truthTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {runtimeReadbackFixtureApproval.fixture_approval_truth.truth_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('runtimeReadbackFixtureApproval.flags.packageReady', { value: String(runtimeReadbackFixtureApproval.fixture_approval_truth.fixture_approval_package_ready) })} />
                  <Chip value={t('runtimeReadbackFixtureApproval.flags.adapterReady', { value: String(runtimeReadbackFixtureApproval.fixture_approval_truth.adapter_contract_ready) })} />
                  <Chip value={t('runtimeReadbackFixtureApproval.flags.verifierReady', { value: String(runtimeReadbackFixtureApproval.fixture_approval_truth.verifier_fixture_ready) })} />
                  <Chip value={t('runtimeReadbackFixtureApproval.flags.canonicalRead', { value: String(runtimeReadbackFixtureApproval.fixture_approval_truth.canonical_runtime_target_read_enabled) })} muted />
                  <Chip value={t('runtimeReadbackFixtureApproval.flags.liveQuery', { value: String(runtimeReadbackFixtureApproval.fixture_approval_truth.live_query_enabled) })} muted />
                  <Chip value={t('runtimeReadbackFixtureApproval.flags.runtimeExecution', { value: String(runtimeReadbackFixtureApproval.fixture_approval_truth.runtime_readback_execution_enabled) })} muted />
                </div>
              </div>
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {runtimeReadbackFixtureApproval.fixture_approval_cards.map(card => (
                <div key={card.card_id} style={{ padding: 10, border: '0.5px solid #c8d2e3', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {card.display_name}
                    </span>
                    <Chip value={t(`runtimeReadbackFixtureApproval.cardStatuses.${card.status}` as never)} muted={card.status === 'ready_for_owner_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {card.operator_guidance}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', card.owner_agent)} muted />
                    <Chip value={card.source_task_id} muted />
                    <Chip value={t(`runtimeReadbackFixtureApproval.riskTiers.${card.risk_tier}` as never)} muted={card.risk_tier !== 'critical'} />
                    <Chip value={t('runtimeReadbackFixtureApproval.labels.fixtureFields', { count: card.required_fixture_fields.length })} muted />
                    <Chip value={t('runtimeReadbackFixtureApproval.labels.blockedActions', { count: card.blocked_runtime_actions.length })} muted />
                    <Chip value={t('runtimeReadbackFixtureApproval.labels.fixtureOnly', { value: String(card.fixture_only) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {runtimeReadbackFixtureApproval.adapter_contracts.map(contract => (
                <div key={contract.contract_id} style={{ padding: 10, border: '0.5px solid #c8d2e3', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {contract.display_name}
                    </span>
                    <Chip value={t(`runtimeReadbackFixtureApproval.contractStatuses.${contract.status}` as never)} muted={contract.status === 'ready'} />
                  </div>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={contract.input_schema} muted />
                    <Chip value={contract.output_schema} muted />
                    <Chip value={t('runtimeReadbackFixtureApproval.labels.requiredEvidence', { count: contract.required_evidence.length })} muted />
                    <Chip value={t('runtimeReadbackFixtureApproval.labels.canonicalRead', { value: String(contract.canonical_target_read_enabled) })} muted />
                    <Chip value={t('runtimeReadbackFixtureApproval.labels.liveQuery', { value: String(contract.live_query_enabled) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {runtimeReadbackFixtureApproval.verifier_fixture_checks.map(check => (
                <div key={check.check_id} style={{ padding: 10, border: '0.5px solid #c8d2e3', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {check.display_name}
                    </span>
                    <Chip value={t(`runtimeReadbackFixtureApproval.checkStatuses.${check.status}` as never)} muted={check.status === 'ready'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {check.failure_if_missing}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={check.required_fixture} muted />
                    <Chip value={t('runtimeReadbackFixtureApproval.labels.liveVerifier', { value: String(check.live_verifier_enabled) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {runtimeReadbackFixtureApproval.blocker_mappings.map(blocker => (
                <div key={blocker.blocker_id} style={{ padding: 10, border: '0.5px solid #c8d2e3', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {blocker.display_name}
                    </span>
                    <Chip value={t(`runtimeReadbackFixtureApproval.severities.${blocker.severity}` as never)} muted={blocker.severity !== 'critical'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {blocker.source_blocker}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t(`runtimeReadbackFixtureApproval.blockerStatuses.${blocker.status}` as never)} muted />
                    <Chip value={t('runtimeReadbackFixtureApproval.labels.blockedAction', { value: blocker.blocked_action })} muted />
                    <Chip value={t('runtimeReadbackFixtureApproval.labels.blockedUntil', { value: blocker.blocked_until })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {runtimeReadbackFixtureApproval.operator_actions.map(action => (
                <div key={action.action_id} style={{ padding: 10, border: '0.5px solid #c8d2e3', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {action.display_name}
                    </span>
                    <Chip value={redisDryRunValueLabel('agents', action.owner_agent)} muted />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {action.operator_instruction}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t(`runtimeReadbackFixtureApproval.actionTypes.${action.action_type}` as never)} />
                    <Chip value={t('runtimeReadbackFixtureApproval.labels.runtimeReadbackAllowed', { value: String(action.runtime_readback_allowed) })} muted />
                  </div>
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #c8d2e3', borderRadius: 7, background: '#f8fbff', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <Route size={14} style={{ color: '#2563eb' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('runtimeReadbackPromotionGate.title')}
                </span>
              </div>
              <Chip
                value={t('runtimeReadbackPromotionGate.source', {
                  generated: formatDateTime(runtimeReadbackPromotionGate.generated_at),
                  current: runtimeReadbackPromotionGate.program_status.current_task_id,
                  next: runtimeReadbackPromotionGate.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('runtimeReadbackPromotionGate.metrics.overall')} value={`${promotionGateOverall}%`} tone="ok" icon={<Gauge size={16} />} />
              <MetricCard label={t('runtimeReadbackPromotionGate.metrics.lanes')} value={promotionGateLanes} tone="warn" icon={<Route size={16} />} />
              <MetricCard label={t('runtimeReadbackPromotionGate.metrics.contracts')} value={promotionGateContracts} tone="warn" icon={<FileText size={16} />} />
              <MetricCard label={t('runtimeReadbackPromotionGate.metrics.reviewerPreviews')} value={promotionGateReviewerPreviews} tone="warn" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('runtimeReadbackPromotionGate.metrics.resultPreviews')} value={promotionGateResultPreviews} tone="warn" icon={<Archive size={16} />} />
              <MetricCard label={t('runtimeReadbackPromotionGate.metrics.checks')} value={promotionGateChecks} tone="warn" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('runtimeReadbackPromotionGate.metrics.blockers')} value={promotionGateBlockers} tone="danger" icon={<AlertTriangle size={16} />} />
              <MetricCard label={t('runtimeReadbackPromotionGate.metrics.actions')} value={promotionGateActions} tone="warn" icon={<Target size={16} />} />
              <MetricCard label={t('runtimeReadbackPromotionGate.metrics.approvalRequired')} value={promotionGateApprovalRequired} tone="warn" icon={<Lock size={16} />} />
              <MetricCard label={t('runtimeReadbackPromotionGate.metrics.blocked')} value={promotionGateBlocked} tone="danger" icon={<AlertTriangle size={16} />} />
              <MetricCard label={t('runtimeReadbackPromotionGate.metrics.ownerApprovals')} value={promotionGateOwnerApprovals} tone="warn" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('runtimeReadbackPromotionGate.metrics.executions')} value={promotionGateExecutions} tone={promotionGateExecutions === 0 ? 'ok' : 'danger'} icon={<Gauge size={16} />} />
              <MetricCard label={t('runtimeReadbackPromotionGate.metrics.canonicalReads')} value={promotionGateCanonicalReads} tone={promotionGateCanonicalReads === 0 ? 'ok' : 'danger'} icon={<Database size={16} />} />
              <MetricCard label={t('runtimeReadbackPromotionGate.metrics.liveQueries')} value={promotionGateLiveQueries} tone={promotionGateLiveQueries === 0 ? 'ok' : 'danger'} icon={<Route size={16} />} />
              <MetricCard label={t('runtimeReadbackPromotionGate.metrics.failureReceiptSends')} value={promotionGateFailureReceiptSends} tone={promotionGateFailureReceiptSends === 0 ? 'ok' : 'danger'} icon={<BellRing size={16} />} />
              <MetricCard label={t('runtimeReadbackPromotionGate.metrics.reviewerQueueWrites')} value={promotionGateReviewerQueueWrites} tone={promotionGateReviewerQueueWrites === 0 ? 'ok' : 'danger'} icon={<Database size={16} />} />
              <MetricCard label={t('runtimeReadbackPromotionGate.metrics.gatewayWrites')} value={promotionGateGatewayWrites} tone={promotionGateGatewayWrites === 0 ? 'ok' : 'danger'} icon={<Database size={16} />} />
              <MetricCard label={t('runtimeReadbackPromotionGate.metrics.telegramSends')} value={promotionGateTelegramSends} tone={promotionGateTelegramSends === 0 ? 'ok' : 'danger'} icon={<BellRing size={16} />} />
              <MetricCard label={t('runtimeReadbackPromotionGate.metrics.botCalls')} value={promotionGateBotCalls} tone={promotionGateBotCalls === 0 ? 'ok' : 'danger'} icon={<Route size={16} />} />
              <MetricCard label={t('runtimeReadbackPromotionGate.metrics.receiptWrites')} value={promotionGateReceiptWrites} tone={promotionGateReceiptWrites === 0 ? 'ok' : 'danger'} icon={<Archive size={16} />} />
              <MetricCard label={t('runtimeReadbackPromotionGate.metrics.resultWrites')} value={promotionGateResultWrites} tone={promotionGateResultWrites === 0 ? 'ok' : 'danger'} icon={<Database size={16} />} />
              <MetricCard label={t('runtimeReadbackPromotionGate.metrics.learningWrites')} value={promotionGateLearningWrites} tone={promotionGateLearningWrites === 0 ? 'ok' : 'danger'} icon={<Archive size={16} />} />
              <MetricCard label={t('runtimeReadbackPromotionGate.metrics.trustWrites')} value={promotionGateTrustWrites} tone={promotionGateTrustWrites === 0 ? 'ok' : 'danger'} icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('runtimeReadbackPromotionGate.metrics.liveWrites')} value={promotionGateLiveWrites} tone={promotionGateLiveWrites === 0 ? 'ok' : 'danger'} icon={<Database size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))', gap: 12 }} className="automation-inventory-live-read-grid">
              <div style={{ padding: 11, border: '0.5px solid #c8d2e3', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('runtimeReadbackPromotionGate.priorFixtureTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {runtimeReadbackPromotionGate.prior_fixture_approval.readiness_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={runtimeReadbackPromotionGate.prior_fixture_approval.fixture_approval_schema_version} />
                  <Chip value={t('runtimeReadbackPromotionGate.metrics.lanes') + ` ${runtimeReadbackPromotionGate.prior_fixture_approval.fixture_approval_card_count}`} muted />
                  <Chip value={t('runtimeReadbackPromotionGate.metrics.checks') + ` ${runtimeReadbackPromotionGate.prior_fixture_approval.verifier_fixture_check_count}`} muted />
                  <Chip value={t('runtimeReadbackPromotionGate.metrics.liveQueries') + ` ${runtimeReadbackPromotionGate.prior_fixture_approval.live_query_count}`} muted />
                </div>
              </div>

              <div style={{ padding: 11, border: '0.5px solid #c8d2e3', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('runtimeReadbackPromotionGate.truthTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {runtimeReadbackPromotionGate.promotion_truth.truth_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('runtimeReadbackPromotionGate.flags.fixtureLoaded', { value: String(runtimeReadbackPromotionGate.promotion_truth.p2_112_fixture_approval_loaded) })} />
                  <Chip value={t('runtimeReadbackPromotionGate.flags.gateReady', { value: String(runtimeReadbackPromotionGate.promotion_truth.promotion_gate_ready) })} />
                  <Chip value={t('runtimeReadbackPromotionGate.flags.failureReceiptReady', { value: String(runtimeReadbackPromotionGate.promotion_truth.failure_receipt_fixture_ready) })} />
                  <Chip value={t('runtimeReadbackPromotionGate.flags.reviewerReady', { value: String(runtimeReadbackPromotionGate.promotion_truth.reviewer_queue_preview_ready) })} />
                  <Chip value={t('runtimeReadbackPromotionGate.flags.resultReady', { value: String(runtimeReadbackPromotionGate.promotion_truth.result_capture_preview_ready) })} />
                  <Chip value={t('runtimeReadbackPromotionGate.flags.telegramSend', { value: String(runtimeReadbackPromotionGate.promotion_truth.telegram_send_enabled) })} muted />
                  <Chip value={t('runtimeReadbackPromotionGate.flags.queueWrite', { value: String(runtimeReadbackPromotionGate.promotion_truth.reviewer_queue_write_enabled) })} muted />
                  <Chip value={t('runtimeReadbackPromotionGate.flags.resultWrite', { value: String(runtimeReadbackPromotionGate.promotion_truth.result_capture_write_enabled) })} muted />
                </div>
              </div>

              <div style={{ padding: 11, border: '0.5px solid #c8d2e3', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('runtimeReadbackPromotionGate.redactionTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {redactPublicText(runtimeReadbackPromotionGate.display_redaction_contract.frontend_display_policy)}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('runtimeReadbackPromotionGate.flags.redactionRequired', { value: String(runtimeReadbackPromotionGate.display_redaction_contract.redaction_required) })} />
                  <Chip value={t('runtimeReadbackPromotionGate.flags.promptDisplay', { value: String(runtimeReadbackPromotionGate.display_redaction_contract.raw_prompt_display_allowed) })} muted />
                  <Chip value={t('runtimeReadbackPromotionGate.flags.secretDisplay', { value: String(runtimeReadbackPromotionGate.display_redaction_contract.secret_value_display_allowed) })} muted />
                  <Chip value={t('runtimeReadbackPromotionGate.flags.runtimePayloadDisplay', { value: String(runtimeReadbackPromotionGate.display_redaction_contract.raw_runtime_payload_display_allowed) })} muted />
                </div>
              </div>
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {runtimeReadbackPromotionGate.promotion_lanes.map(lane => (
                <div key={lane.lane_id} style={{ padding: 10, border: '0.5px solid #c8d2e3', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {lane.display_name}
                    </span>
                    <Chip value={t(`runtimeReadbackPromotionGate.laneStatuses.${lane.status}` as never)} muted={lane.status === 'ready_for_owner_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {lane.operator_guidance}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', lane.owner_agent)} muted />
                    <Chip value={lane.source_task_id} muted />
                    <Chip value={t(`runtimeReadbackPromotionGate.riskTiers.${lane.risk_tier}` as never)} muted={lane.risk_tier !== 'critical'} />
                    <Chip value={t('runtimeReadbackPromotionGate.labels.allowedArtifact', { value: lane.allowed_artifact })} muted />
                    <Chip value={t('runtimeReadbackPromotionGate.labels.blockedActions', { count: lane.blocked_runtime_actions.length })} muted />
                    <Chip value={t('runtimeReadbackPromotionGate.labels.promotionOnly', { value: String(lane.promotion_only) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {runtimeReadbackPromotionGate.receipt_contracts.map(contract => (
                <div key={contract.contract_id} style={{ padding: 10, border: '0.5px solid #c8d2e3', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {contract.display_name}
                    </span>
                    <Chip value={t(`runtimeReadbackPromotionGate.contractStatuses.${contract.status}` as never)} muted={contract.status === 'ready'} />
                  </div>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={contract.output_artifact} muted />
                    <Chip value={t('runtimeReadbackPromotionGate.labels.requiredEvidence', { count: contract.required_evidence.length })} muted />
                    <Chip value={t('runtimeReadbackPromotionGate.labels.liveSend', { value: String(contract.live_send_enabled) })} muted />
                    <Chip value={t('runtimeReadbackPromotionGate.labels.receiptWrite', { value: String(contract.receipt_write_enabled) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {runtimeReadbackPromotionGate.reviewer_queue_previews.map(preview => (
                <div key={preview.preview_id} style={{ padding: 10, border: '0.5px solid #c8d2e3', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {preview.display_name}
                    </span>
                    <Chip value={t(`runtimeReadbackPromotionGate.previewStatuses.${preview.status}` as never)} muted={preview.status === 'ready'} />
                  </div>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('runtimeReadbackPromotionGate.labels.requiredFields', { count: preview.required_fields.length })} muted />
                    <Chip value={t('runtimeReadbackPromotionGate.labels.queueWrite', { value: String(preview.queue_write_enabled) })} muted />
                    <Chip value={t('runtimeReadbackPromotionGate.labels.auditWrite', { value: String(preview.audit_write_enabled) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {runtimeReadbackPromotionGate.result_capture_previews.map(preview => (
                <div key={preview.preview_id} style={{ padding: 10, border: '0.5px solid #c8d2e3', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {preview.display_name}
                    </span>
                    <Chip value={t(`runtimeReadbackPromotionGate.previewStatuses.${preview.status}` as never)} muted={preview.status === 'ready'} />
                  </div>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('runtimeReadbackPromotionGate.labels.requiredFields', { count: preview.required_fields.length })} muted />
                    <Chip value={t('runtimeReadbackPromotionGate.labels.resultWrite', { value: String(preview.result_capture_write_enabled) })} muted />
                    <Chip value={t('runtimeReadbackPromotionGate.labels.learningWrite', { value: String(preview.learning_write_enabled) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {runtimeReadbackPromotionGate.no_write_verifier_checks.map(check => (
                <div key={check.check_id} style={{ padding: 10, border: '0.5px solid #c8d2e3', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {check.display_name}
                    </span>
                    <Chip value={t(`runtimeReadbackPromotionGate.checkStatuses.${check.status}` as never)} muted={check.status === 'ready'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {check.failure_if_missing}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={check.required_fixture} muted />
                    <Chip value={t('runtimeReadbackPromotionGate.labels.liveVerifier', { value: String(check.live_verifier_enabled) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {runtimeReadbackPromotionGate.blocker_mappings.map(blocker => (
                <div key={blocker.blocker_id} style={{ padding: 10, border: '0.5px solid #c8d2e3', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {blocker.display_name}
                    </span>
                    <Chip value={t(`runtimeReadbackPromotionGate.severities.${blocker.severity}` as never)} muted={blocker.severity !== 'critical'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {blocker.source_blocker}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t(`runtimeReadbackPromotionGate.blockerStatuses.${blocker.status}` as never)} muted />
                    <Chip value={t('runtimeReadbackPromotionGate.labels.blockedAction', { value: blocker.blocked_action })} muted />
                    <Chip value={t('runtimeReadbackPromotionGate.labels.blockedUntil', { value: blocker.blocked_until })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {runtimeReadbackPromotionGate.operator_actions.map(action => (
                <div key={action.action_id} style={{ padding: 10, border: '0.5px solid #c8d2e3', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {action.display_name}
                    </span>
                    <Chip value={redisDryRunValueLabel('agents', action.owner_agent)} muted />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {action.operator_instruction}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t(`runtimeReadbackPromotionGate.actionTypes.${action.action_type}` as never)} />
                    <Chip value={t('runtimeReadbackPromotionGate.labels.runtimePromotionAllowed', { value: String(action.runtime_promotion_allowed) })} muted />
                  </div>
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #c8d2e3', borderRadius: 7, background: '#f8fff9', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <ShieldCheck size={14} style={{ color: '#178a54' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('ownerApprovedFixturePromotionGate.title')}
                </span>
              </div>
              <Chip
                value={t('ownerApprovedFixturePromotionGate.source', {
                  generated: formatDateTime(ownerApprovedFixturePromotionGate.generated_at),
                  current: ownerApprovedFixturePromotionGate.program_status.current_task_id,
                  next: ownerApprovedFixturePromotionGate.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('ownerApprovedFixturePromotionGate.metrics.overall')} value={`${ownerPromotionOverall}%`} tone="ok" icon={<Gauge size={16} />} />
              <MetricCard label={t('ownerApprovedFixturePromotionGate.metrics.packets')} value={ownerPromotionPackets} tone="warn" icon={<FileText size={16} />} />
              <MetricCard label={t('ownerApprovedFixturePromotionGate.metrics.templates')} value={ownerPromotionTemplates} tone="warn" icon={<Archive size={16} />} />
              <MetricCard label={t('ownerApprovedFixturePromotionGate.metrics.reviews')} value={ownerPromotionReviews} tone="warn" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('ownerApprovedFixturePromotionGate.metrics.verifiers')} value={ownerPromotionVerifiers} tone="warn" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('ownerApprovedFixturePromotionGate.metrics.blockers')} value={ownerPromotionBlockers} tone="danger" icon={<AlertTriangle size={16} />} />
              <MetricCard label={t('ownerApprovedFixturePromotionGate.metrics.actions')} value={ownerPromotionActions} tone="warn" icon={<Target size={16} />} />
              <MetricCard label={t('ownerApprovedFixturePromotionGate.metrics.approvalRequired')} value={ownerPromotionApprovalRequired} tone="warn" icon={<Lock size={16} />} />
              <MetricCard label={t('ownerApprovedFixturePromotionGate.metrics.blocked')} value={ownerPromotionBlocked} tone="danger" icon={<AlertTriangle size={16} />} />
              <MetricCard label={t('ownerApprovedFixturePromotionGate.metrics.critical')} value={ownerPromotionCritical} tone="danger" icon={<AlertTriangle size={16} />} />
              <MetricCard label={t('ownerApprovedFixturePromotionGate.metrics.ownerApprovals')} value={ownerPromotionOwnerApprovals} tone="warn" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('ownerApprovedFixturePromotionGate.metrics.acceptanceWrites')} value={ownerPromotionAcceptanceWrites} tone={ownerPromotionAcceptanceWrites === 0 ? 'ok' : 'danger'} icon={<Database size={16} />} />
              <MetricCard label={t('ownerApprovedFixturePromotionGate.metrics.executions')} value={ownerPromotionExecutions} tone={ownerPromotionExecutions === 0 ? 'ok' : 'danger'} icon={<Gauge size={16} />} />
              <MetricCard label={t('ownerApprovedFixturePromotionGate.metrics.canonicalReads')} value={ownerPromotionCanonicalReads} tone={ownerPromotionCanonicalReads === 0 ? 'ok' : 'danger'} icon={<Database size={16} />} />
              <MetricCard label={t('ownerApprovedFixturePromotionGate.metrics.liveQueries')} value={ownerPromotionLiveQueries} tone={ownerPromotionLiveQueries === 0 ? 'ok' : 'danger'} icon={<Route size={16} />} />
              <MetricCard label={t('ownerApprovedFixturePromotionGate.metrics.failureReceiptSends')} value={ownerPromotionFailureReceiptSends} tone={ownerPromotionFailureReceiptSends === 0 ? 'ok' : 'danger'} icon={<BellRing size={16} />} />
              <MetricCard label={t('ownerApprovedFixturePromotionGate.metrics.reviewerQueueWrites')} value={ownerPromotionReviewerQueueWrites} tone={ownerPromotionReviewerQueueWrites === 0 ? 'ok' : 'danger'} icon={<Database size={16} />} />
              <MetricCard label={t('ownerApprovedFixturePromotionGate.metrics.gatewayWrites')} value={ownerPromotionGatewayWrites} tone={ownerPromotionGatewayWrites === 0 ? 'ok' : 'danger'} icon={<Database size={16} />} />
              <MetricCard label={t('ownerApprovedFixturePromotionGate.metrics.telegramSends')} value={ownerPromotionTelegramSends} tone={ownerPromotionTelegramSends === 0 ? 'ok' : 'danger'} icon={<BellRing size={16} />} />
              <MetricCard label={t('ownerApprovedFixturePromotionGate.metrics.botCalls')} value={ownerPromotionBotCalls} tone={ownerPromotionBotCalls === 0 ? 'ok' : 'danger'} icon={<Route size={16} />} />
              <MetricCard label={t('ownerApprovedFixturePromotionGate.metrics.receiptWrites')} value={ownerPromotionReceiptWrites} tone={ownerPromotionReceiptWrites === 0 ? 'ok' : 'danger'} icon={<Archive size={16} />} />
              <MetricCard label={t('ownerApprovedFixturePromotionGate.metrics.resultWrites')} value={ownerPromotionResultWrites} tone={ownerPromotionResultWrites === 0 ? 'ok' : 'danger'} icon={<Database size={16} />} />
              <MetricCard label={t('ownerApprovedFixturePromotionGate.metrics.learningWrites')} value={ownerPromotionLearningWrites} tone={ownerPromotionLearningWrites === 0 ? 'ok' : 'danger'} icon={<Archive size={16} />} />
              <MetricCard label={t('ownerApprovedFixturePromotionGate.metrics.trustWrites')} value={ownerPromotionTrustWrites} tone={ownerPromotionTrustWrites === 0 ? 'ok' : 'danger'} icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('ownerApprovedFixturePromotionGate.metrics.productionWrites')} value={ownerPromotionProductionWrites} tone={ownerPromotionProductionWrites === 0 ? 'ok' : 'danger'} icon={<Database size={16} />} />
              <MetricCard label={t('ownerApprovedFixturePromotionGate.metrics.liveWrites')} value={ownerPromotionLiveWrites} tone={ownerPromotionLiveWrites === 0 ? 'ok' : 'danger'} icon={<Database size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))', gap: 12 }} className="automation-inventory-live-read-grid">
              <div style={{ padding: 11, border: '0.5px solid #c8d2e3', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('ownerApprovedFixturePromotionGate.priorGateTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {ownerApprovedFixturePromotionGate.prior_promotion_gate.readiness_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={ownerApprovedFixturePromotionGate.prior_promotion_gate.schema_version} />
                  <Chip value={t('ownerApprovedFixturePromotionGate.metrics.packets') + ` ${ownerApprovedFixturePromotionGate.prior_promotion_gate.promotion_lane_count}`} muted />
                  <Chip value={t('ownerApprovedFixturePromotionGate.metrics.verifiers') + ` ${ownerApprovedFixturePromotionGate.prior_promotion_gate.no_write_verifier_check_count}`} muted />
                  <Chip value={t('ownerApprovedFixturePromotionGate.metrics.liveQueries') + ` ${ownerApprovedFixturePromotionGate.prior_promotion_gate.live_query_count}`} muted />
                </div>
              </div>

              <div style={{ padding: 11, border: '0.5px solid #c8d2e3', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('ownerApprovedFixturePromotionGate.truthTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {ownerApprovedFixturePromotionGate.owner_gate_truth.truth_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('ownerApprovedFixturePromotionGate.flags.promotionGateLoaded', { value: String(ownerApprovedFixturePromotionGate.owner_gate_truth.p2_113_promotion_gate_loaded) })} />
                  <Chip value={t('ownerApprovedFixturePromotionGate.flags.packageReady', { value: String(ownerApprovedFixturePromotionGate.owner_gate_truth.owner_promotion_package_ready) })} />
                  <Chip value={t('ownerApprovedFixturePromotionGate.flags.acceptanceReady', { value: String(ownerApprovedFixturePromotionGate.owner_gate_truth.acceptance_record_template_ready) })} />
                  <Chip value={t('ownerApprovedFixturePromotionGate.flags.ownerApproval', { value: String(ownerApprovedFixturePromotionGate.owner_gate_truth.owner_approval_received) })} muted />
                  <Chip value={t('ownerApprovedFixturePromotionGate.flags.telegramSend', { value: String(ownerApprovedFixturePromotionGate.owner_gate_truth.telegram_send_enabled) })} muted />
                  <Chip value={t('ownerApprovedFixturePromotionGate.flags.resultWrite', { value: String(ownerApprovedFixturePromotionGate.owner_gate_truth.result_capture_write_enabled) })} muted />
                </div>
              </div>

              <div style={{ padding: 11, border: '0.5px solid #c8d2e3', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('ownerApprovedFixturePromotionGate.redactionTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {redactPublicText(ownerApprovedFixturePromotionGate.display_redaction_contract.frontend_display_policy)}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('ownerApprovedFixturePromotionGate.flags.redactionRequired', { value: String(ownerApprovedFixturePromotionGate.display_redaction_contract.redaction_required) })} />
                  <Chip value={t('ownerApprovedFixturePromotionGate.flags.promptDisplay', { value: String(ownerApprovedFixturePromotionGate.display_redaction_contract.raw_prompt_display_allowed) })} muted />
                  <Chip value={t('ownerApprovedFixturePromotionGate.flags.secretDisplay', { value: String(ownerApprovedFixturePromotionGate.display_redaction_contract.secret_value_display_allowed) })} muted />
                  <Chip value={t('ownerApprovedFixturePromotionGate.flags.runtimePayloadDisplay', { value: String(ownerApprovedFixturePromotionGate.display_redaction_contract.raw_runtime_payload_display_allowed) })} muted />
                </div>
              </div>
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {ownerApprovedFixturePromotionGate.owner_approval_packets.map(packet => (
                <div key={packet.packet_id} style={{ padding: 10, border: '0.5px solid #c8d2e3', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {packet.display_name}
                    </span>
                    <Chip value={t(`ownerApprovedFixturePromotionGate.packetStatuses.${packet.status}` as never)} muted={packet.status === 'ready_for_owner_review'} />
                  </div>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', packet.owner_agent)} muted />
                    <Chip value={t(`ownerApprovedFixturePromotionGate.riskTiers.${packet.risk_tier}` as never)} muted={packet.risk_tier !== 'critical'} />
                    <Chip value={t('ownerApprovedFixturePromotionGate.labels.ownerFields', { count: packet.required_owner_fields.length })} muted />
                    <Chip value={t('ownerApprovedFixturePromotionGate.labels.allowedFixture', { value: packet.allowed_fixture })} muted />
                    <Chip value={t('ownerApprovedFixturePromotionGate.labels.blockedActions', { count: packet.blocked_runtime_actions.length })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {ownerApprovedFixturePromotionGate.acceptance_record_templates.map(template => (
                <div key={template.template_id} style={{ padding: 10, border: '0.5px solid #c8d2e3', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {template.display_name}
                    </span>
                    <Chip value={t(`ownerApprovedFixturePromotionGate.templateStatuses.${template.status}` as never)} muted={template.status === 'ready'} />
                  </div>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('ownerApprovedFixturePromotionGate.labels.requiredFields', { count: template.required_fields.length })} muted />
                    <Chip value={t('ownerApprovedFixturePromotionGate.labels.accepted', { value: String(template.accepted) })} muted />
                    <Chip value={t('ownerApprovedFixturePromotionGate.labels.recordWrite', { value: String(template.record_write_enabled) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {ownerApprovedFixturePromotionGate.fixture_promotion_reviews.map(review => (
                <div key={review.review_id} style={{ padding: 10, border: '0.5px solid #c8d2e3', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {review.display_name}
                    </span>
                    <Chip value={t(`ownerApprovedFixturePromotionGate.reviewStatuses.${review.status}` as never)} muted={review.status === 'ready'} />
                  </div>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={review.source_packet_id} muted />
                    <Chip value={t('ownerApprovedFixturePromotionGate.labels.reviewOutcome', { value: review.review_outcome })} muted />
                    <Chip value={t('ownerApprovedFixturePromotionGate.labels.runtimeWrite', { value: String(review.runtime_write_enabled) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {ownerApprovedFixturePromotionGate.no_write_verifier_plans.map(plan => (
                <div key={plan.plan_id} style={{ padding: 10, border: '0.5px solid #c8d2e3', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {plan.display_name}
                    </span>
                    <Chip value={t(`ownerApprovedFixturePromotionGate.verifierStatuses.${plan.status}` as never)} muted={plan.status === 'ready'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {plan.failure_if_missing}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={plan.required_fixture} muted />
                    <Chip value={t('ownerApprovedFixturePromotionGate.labels.liveVerifier', { value: String(plan.live_verifier_enabled) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {ownerApprovedFixturePromotionGate.blocked_promotions.map(blocker => (
                <div key={blocker.blocker_id} style={{ padding: 10, border: '0.5px solid #c8d2e3', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {blocker.display_name}
                    </span>
                    <Chip value={t(`ownerApprovedFixturePromotionGate.severities.${blocker.severity}` as never)} muted={blocker.severity !== 'critical'} />
                  </div>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t(`ownerApprovedFixturePromotionGate.blockerStatuses.${blocker.status}` as never)} muted />
                    <Chip value={t('ownerApprovedFixturePromotionGate.labels.blockedAction', { value: blocker.blocked_action })} muted />
                    <Chip value={t('ownerApprovedFixturePromotionGate.labels.blockedUntil', { value: blocker.blocked_until })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {ownerApprovedFixturePromotionGate.operator_actions.map(action => (
                <div key={action.action_id} style={{ padding: 10, border: '0.5px solid #c8d2e3', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {action.display_name}
                    </span>
                    <Chip value={redisDryRunValueLabel('agents', action.owner_agent)} muted />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {action.operator_instruction}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t(`ownerApprovedFixturePromotionGate.actionTypes.${action.action_type}` as never)} />
                    <Chip value={t('ownerApprovedFixturePromotionGate.labels.runtimePromotionAllowed', { value: String(action.runtime_promotion_allowed) })} muted />
                  </div>
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #c8d2e3', borderRadius: 7, background: '#f7fbff', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <ShieldCheck size={14} style={{ color: '#176d8a' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('canonicalRuntimeReadbackOwnerAcceptance.title')}
                </span>
              </div>
              <Chip
                value={t('canonicalRuntimeReadbackOwnerAcceptance.source', {
                  generated: formatDateTime(canonicalRuntimeReadbackOwnerAcceptance.generated_at),
                  current: canonicalRuntimeReadbackOwnerAcceptance.program_status.current_task_id,
                  next: canonicalRuntimeReadbackOwnerAcceptance.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('ownerApprovedFixturePromotionGate.metrics.overall')} value={`${canonicalAcceptanceOverall}%`} tone="ok" icon={<Gauge size={16} />} />
              <MetricCard label={t('ownerApprovedFixturePromotionGate.metrics.packets')} value={canonicalAcceptancePackets} tone="warn" icon={<FileText size={16} />} />
              <MetricCard label={t('ownerApprovedFixturePromotionGate.metrics.templates')} value={canonicalAcceptanceTemplates} tone="warn" icon={<Archive size={16} />} />
              <MetricCard label={t('ownerApprovedFixturePromotionGate.metrics.reviews')} value={canonicalAcceptanceReviews} tone="warn" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('ownerApprovedFixturePromotionGate.metrics.verifiers')} value={canonicalAcceptanceVerifiers} tone="warn" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('ownerApprovedFixturePromotionGate.metrics.blockers')} value={canonicalAcceptanceBlockers} tone="danger" icon={<AlertTriangle size={16} />} />
              <MetricCard label={t('ownerApprovedFixturePromotionGate.metrics.actions')} value={canonicalAcceptanceActions} tone="warn" icon={<Target size={16} />} />
              <MetricCard label={t('ownerApprovedFixturePromotionGate.metrics.approvalRequired')} value={canonicalAcceptanceApprovalRequired} tone="warn" icon={<Lock size={16} />} />
              <MetricCard label={t('ownerApprovedFixturePromotionGate.metrics.blocked')} value={canonicalAcceptanceBlocked} tone="danger" icon={<AlertTriangle size={16} />} />
              <MetricCard label={t('ownerApprovedFixturePromotionGate.metrics.liveWrites')} value={canonicalAcceptanceLiveWrites} tone={canonicalAcceptanceLiveWrites === 0 ? 'ok' : 'danger'} icon={<Database size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))', gap: 12 }} className="automation-inventory-live-read-grid">
              <div style={{ padding: 11, border: '0.5px solid #c8d2e3', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('canonicalRuntimeReadbackOwnerAcceptance.priorGateTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {canonicalRuntimeReadbackOwnerAcceptance.prior_promotion_gate.readiness_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={canonicalRuntimeReadbackOwnerAcceptance.prior_promotion_gate.schema_version} />
                  <Chip value={t('ownerApprovedFixturePromotionGate.metrics.packets') + ` ${canonicalRuntimeReadbackOwnerAcceptance.prior_promotion_gate.promotion_lane_count}`} muted />
                  <Chip value={t('ownerApprovedFixturePromotionGate.metrics.liveQueries') + ` ${canonicalRuntimeReadbackOwnerAcceptance.prior_promotion_gate.live_query_count}`} muted />
                </div>
              </div>

              <div style={{ padding: 11, border: '0.5px solid #c8d2e3', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('canonicalRuntimeReadbackOwnerAcceptance.truthTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {canonicalRuntimeReadbackOwnerAcceptance.owner_gate_truth.truth_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('ownerApprovedFixturePromotionGate.flags.packageReady', { value: String(canonicalRuntimeReadbackOwnerAcceptance.owner_gate_truth.owner_promotion_package_ready) })} />
                  <Chip value={t('ownerApprovedFixturePromotionGate.flags.ownerApproval', { value: String(canonicalRuntimeReadbackOwnerAcceptance.owner_gate_truth.owner_approval_received) })} muted />
                  <Chip value={t('ownerApprovedFixturePromotionGate.metrics.canonicalReads') + ` ${canonicalRuntimeReadbackOwnerAcceptance.rollups.canonical_runtime_target_read_count}`} muted />
                  <Chip value={t('ownerApprovedFixturePromotionGate.metrics.liveQueries') + ` ${canonicalRuntimeReadbackOwnerAcceptance.rollups.live_query_count}`} muted />
                  <Chip value={t('ownerApprovedFixturePromotionGate.metrics.resultWrites') + ` ${canonicalRuntimeReadbackOwnerAcceptance.rollups.result_capture_write_count}`} muted />
                </div>
              </div>
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {canonicalRuntimeReadbackOwnerAcceptance.owner_approval_packets.slice(0, 3).map(packet => (
                <div key={packet.packet_id} style={{ padding: 10, border: '0.5px solid #c8d2e3', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {packet.display_name}
                    </span>
                    <Chip value={t(`ownerApprovedFixturePromotionGate.packetStatuses.${packet.status}` as never)} muted={packet.status === 'ready_for_owner_review'} />
                  </div>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', packet.owner_agent)} muted />
                    <Chip value={t(`ownerApprovedFixturePromotionGate.riskTiers.${packet.risk_tier}` as never)} muted={packet.risk_tier !== 'critical'} />
                    <Chip value={t('ownerApprovedFixturePromotionGate.labels.allowedFixture', { value: packet.allowed_fixture })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {canonicalRuntimeReadbackOwnerAcceptance.blocked_promotions.slice(0, 3).map(blocker => (
                <div key={blocker.blocker_id} style={{ padding: 10, border: '0.5px solid #c8d2e3', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {blocker.display_name}
                    </span>
                    <Chip value={t(`ownerApprovedFixturePromotionGate.severities.${blocker.severity}` as never)} muted={blocker.severity !== 'critical'} />
                  </div>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t(`ownerApprovedFixturePromotionGate.blockerStatuses.${blocker.status}` as never)} muted />
                    <Chip value={t('ownerApprovedFixturePromotionGate.labels.blockedAction', { value: blocker.blocked_action })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {canonicalRuntimeReadbackOwnerAcceptance.operator_actions.slice(0, 3).map(action => (
                <div key={action.action_id} style={{ padding: 10, border: '0.5px solid #c8d2e3', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {action.display_name}
                    </span>
                    <Chip value={redisDryRunValueLabel('agents', action.owner_agent)} muted />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {action.operator_instruction}
                  </span>
                  <Chip value={t('ownerApprovedFixturePromotionGate.labels.runtimePromotionAllowed', { value: String(action.runtime_promotion_allowed) })} muted />
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #b9d9cf', borderRadius: 7, background: '#f7fff9', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <BellOff size={14} style={{ color: '#148f6a' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('failureReceiptNoSendReplay.title')}
                </span>
              </div>
              <Chip
                value={t('failureReceiptNoSendReplay.source', {
                  generated: formatDateTime(failureReceiptNoSendReplay.generated_at),
                  current: failureReceiptNoSendReplay.program_status.current_task_id,
                  next: failureReceiptNoSendReplay.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('failureReceiptNoSendReplay.metrics.overall')} value={`${failureReplayOverall}%`} tone="ok" icon={<Gauge size={16} />} />
              <MetricCard label={t('failureReceiptNoSendReplay.metrics.fixtures')} value={failureReplayFixtures} tone="warn" icon={<FileText size={16} />} />
              <MetricCard label={t('failureReceiptNoSendReplay.metrics.routes')} value={failureReplayRoutes} tone="ok" icon={<Route size={16} />} />
              <MetricCard label={t('failureReceiptNoSendReplay.metrics.verifiers')} value={failureReplayVerifiers} tone="warn" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('failureReceiptNoSendReplay.metrics.blockers')} value={failureReplayBlockers} tone="danger" icon={<AlertTriangle size={16} />} />
              <MetricCard label={t('failureReceiptNoSendReplay.metrics.actions')} value={failureReplayActions} tone="warn" icon={<Target size={16} />} />
              <MetricCard label={t('failureReceiptNoSendReplay.metrics.approvalRequired')} value={failureReplayApprovalRequired} tone="warn" icon={<Lock size={16} />} />
              <MetricCard label={t('failureReceiptNoSendReplay.metrics.blocked')} value={failureReplayBlocked} tone="danger" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('failureReceiptNoSendReplay.metrics.liveSends')} value={failureReplayLiveWrites} tone={failureReplayLiveWrites === 0 ? 'ok' : 'danger'} icon={<BellOff size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))', gap: 12 }} className="automation-inventory-live-read-grid">
              <div style={{ padding: 11, border: '0.5px solid #b9d9cf', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('failureReceiptNoSendReplay.priorTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {failureReceiptNoSendReplay.prior_owner_acceptance.readiness_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={failureReceiptNoSendReplay.prior_owner_acceptance.schema_version} />
                  <Chip value={t('failureReceiptNoSendReplay.metrics.fixtures') + ` ${failureReceiptNoSendReplay.prior_owner_acceptance.owner_approval_packet_count}`} muted />
                  <Chip value={t('failureReceiptNoSendReplay.metrics.liveSends') + ` ${failureReceiptNoSendReplay.prior_owner_acceptance.failure_receipt_send_count}`} muted />
                </div>
              </div>

              <div style={{ padding: 11, border: '0.5px solid #b9d9cf', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('failureReceiptNoSendReplay.truthTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {failureReceiptNoSendReplay.replay_truth.truth_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('failureReceiptNoSendReplay.flags.packageReady', { value: String(failureReceiptNoSendReplay.replay_truth.no_send_replay_package_ready) })} />
                  <Chip value={t('failureReceiptNoSendReplay.flags.routeLock', { value: String(failureReceiptNoSendReplay.replay_truth.route_lock_fixture_ready) })} />
                  <Chip value={t('failureReceiptNoSendReplay.labels.targetRoute', { value: 'AwoooI SRE 戰情室' })} muted />
                  <Chip value={t('failureReceiptNoSendReplay.labels.sends', { value: String(failureReceiptNoSendReplay.rollups.failure_receipt_send_count) })} muted />
                  <Chip value={t('failureReceiptNoSendReplay.labels.queueWrites', { value: String(failureReceiptNoSendReplay.rollups.gateway_queue_write_count) })} muted />
                  <Chip value={t('failureReceiptNoSendReplay.labels.botCalls', { value: String(failureReceiptNoSendReplay.rollups.bot_api_call_count) })} muted />
                </div>
              </div>
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {failureReceiptNoSendReplay.no_send_replay_fixtures.slice(0, 3).map(fixture => (
                <div key={fixture.fixture_id} style={{ padding: 10, border: '0.5px solid #b9d9cf', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {fixture.display_name}
                    </span>
                    <Chip value={t(`ownerApprovedFixturePromotionGate.packetStatuses.${fixture.status}` as never)} muted={fixture.status === 'ready_for_owner_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {fixture.incident_stage}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', fixture.owner_agent)} muted />
                    <Chip value={t('failureReceiptNoSendReplay.labels.targetRoute', { value: 'AwoooI SRE 戰情室' })} muted />
                    <Chip value={t('failureReceiptNoSendReplay.labels.sendEnabled', { value: String(fixture.send_enabled) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {failureReceiptNoSendReplay.route_lock_checks.slice(0, 4).map(check => (
                <div key={check.check_id} style={{ padding: 10, border: '0.5px solid #b9d9cf', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {check.display_name}
                    </span>
                    <Chip value={t(`ownerApprovedFixturePromotionGate.templateStatuses.${check.status}` as never)} muted={check.status === 'ready'} />
                  </div>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('failureReceiptNoSendReplay.labels.targetRoute', { value: 'AwoooI SRE 戰情室' })} />
                    <Chip value={t('failureReceiptNoSendReplay.labels.deprecatedRoutes', { value: String(check.deprecated_route_count) })} muted />
                    <Chip value={t('failureReceiptNoSendReplay.labels.queueWriteEnabled', { value: String(check.queue_write_enabled) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {failureReceiptNoSendReplay.blocked_sends.slice(0, 3).map(blocker => (
                <div key={blocker.blocker_id} style={{ padding: 10, border: '0.5px solid #b9d9cf', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {blocker.display_name}
                    </span>
                    <Chip value={t(`ownerApprovedFixturePromotionGate.severities.${blocker.severity}` as never)} muted={blocker.severity !== 'critical'} />
                  </div>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t(`ownerApprovedFixturePromotionGate.blockerStatuses.${blocker.status}` as never)} muted />
                    <Chip value={t('failureReceiptNoSendReplay.labels.blockedAction', { value: blocker.blocked_action })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {failureReceiptNoSendReplay.operator_actions.slice(0, 3).map(action => (
                <div key={action.action_id} style={{ padding: 10, border: '0.5px solid #b9d9cf', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {action.display_name}
                    </span>
                    <Chip value={redisDryRunValueLabel('agents', action.owner_agent)} muted />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {action.operator_instruction}
                  </span>
                  <Chip value={t('failureReceiptNoSendReplay.labels.runtimeSendAllowed', { value: String(action.runtime_send_allowed) })} muted />
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #c6d6ef', borderRadius: 7, background: '#f8fbff', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <Archive size={14} style={{ color: '#2563eb' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('reviewerQueueNoWriteReadback.title')}
                </span>
              </div>
              <Chip
                value={t('reviewerQueueNoWriteReadback.source', {
                  generated: formatDateTime(reviewerQueueNoWriteReadback.generated_at),
                  current: reviewerQueueNoWriteReadback.program_status.current_task_id,
                  next: reviewerQueueNoWriteReadback.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('reviewerQueueNoWriteReadback.metrics.overall')} value={`${reviewerQueueOverall}%`} tone="ok" icon={<Gauge size={16} />} />
              <MetricCard label={t('reviewerQueueNoWriteReadback.metrics.fixtures')} value={reviewerQueueFixtures} tone="warn" icon={<FileText size={16} />} />
              <MetricCard label={t('reviewerQueueNoWriteReadback.metrics.mappings')} value={reviewerQueueMappings} tone="ok" icon={<Layers3 size={16} />} />
              <MetricCard label={t('reviewerQueueNoWriteReadback.metrics.verifiers')} value={reviewerQueueVerifiers} tone="warn" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('reviewerQueueNoWriteReadback.metrics.blockers')} value={reviewerQueueBlockers} tone="danger" icon={<AlertTriangle size={16} />} />
              <MetricCard label={t('reviewerQueueNoWriteReadback.metrics.actions')} value={reviewerQueueActions} tone="warn" icon={<Target size={16} />} />
              <MetricCard label={t('reviewerQueueNoWriteReadback.metrics.approvalRequired')} value={reviewerQueueApprovalRequired} tone="warn" icon={<Lock size={16} />} />
              <MetricCard label={t('reviewerQueueNoWriteReadback.metrics.blocked')} value={reviewerQueueBlocked} tone="danger" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('reviewerQueueNoWriteReadback.metrics.liveWrites')} value={reviewerQueueLiveWrites} tone={reviewerQueueLiveWrites === 0 ? 'ok' : 'danger'} icon={<BellOff size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))', gap: 12 }} className="automation-inventory-live-read-grid">
              <div style={{ padding: 11, border: '0.5px solid #c6d6ef', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('reviewerQueueNoWriteReadback.priorTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {reviewerQueueNoWriteReadback.prior_failure_receipt_replay.readiness_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={reviewerQueueNoWriteReadback.prior_failure_receipt_replay.schema_version} />
                  <Chip value={t('reviewerQueueNoWriteReadback.metrics.fixtures') + ` ${reviewerQueueNoWriteReadback.prior_failure_receipt_replay.no_send_replay_fixture_count}`} muted />
                  <Chip value={t('reviewerQueueNoWriteReadback.metrics.liveWrites') + ` ${reviewerQueueNoWriteReadback.prior_failure_receipt_replay.reviewer_queue_write_count}`} muted />
                </div>
              </div>

              <div style={{ padding: 11, border: '0.5px solid #c6d6ef', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('reviewerQueueNoWriteReadback.truthTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {reviewerQueueNoWriteReadback.readback_truth.truth_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('reviewerQueueNoWriteReadback.flags.packageReady', { value: String(reviewerQueueNoWriteReadback.readback_truth.reviewer_queue_readback_package_ready) })} />
                  <Chip value={t('reviewerQueueNoWriteReadback.flags.mappingReady', { value: String(reviewerQueueNoWriteReadback.readback_truth.queue_item_mapping_ready) })} />
                  <Chip value={t('reviewerQueueNoWriteReadback.labels.targetQueue', { value: 'reviewer_queue_preview' })} muted />
                  <Chip value={t('reviewerQueueNoWriteReadback.labels.reviewerWrites', { value: String(reviewerQueueNoWriteReadback.rollups.reviewer_queue_write_count) })} muted />
                  <Chip value={t('reviewerQueueNoWriteReadback.labels.queueWrites', { value: String(reviewerQueueNoWriteReadback.rollups.gateway_queue_write_count) })} muted />
                  <Chip value={t('reviewerQueueNoWriteReadback.labels.resultWrites', { value: String(reviewerQueueNoWriteReadback.rollups.result_capture_write_count) })} muted />
                </div>
              </div>
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {reviewerQueueNoWriteReadback.reviewer_queue_readback_fixtures.slice(0, 3).map(fixture => (
                <div key={fixture.fixture_id} style={{ padding: 10, border: '0.5px solid #c6d6ef', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {fixture.display_name}
                    </span>
                    <Chip value={t(`ownerApprovedFixturePromotionGate.packetStatuses.${fixture.status}` as never)} muted={fixture.status === 'ready_for_owner_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {fixture.next_manual_action}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', fixture.owner_agent)} muted />
                    <Chip value={t('reviewerQueueNoWriteReadback.labels.queueLane', { value: fixture.queue_lane })} muted />
                    <Chip value={t('reviewerQueueNoWriteReadback.labels.queueWriteEnabled', { value: String(fixture.reviewer_queue_write_enabled) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {reviewerQueueNoWriteReadback.queue_item_mappings.slice(0, 5).map(mapping => (
                <div key={mapping.mapping_id} style={{ padding: 10, border: '0.5px solid #c6d6ef', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {mapping.display_name}
                    </span>
                    <Chip value={t(`ownerApprovedFixturePromotionGate.templateStatuses.${mapping.status}` as never)} muted={mapping.status === 'ready'} />
                  </div>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('reviewerQueueNoWriteReadback.labels.targetQueue', { value: mapping.target_queue })} />
                    <Chip value={t('reviewerQueueNoWriteReadback.labels.requiredReviewer', { value: mapping.required_reviewer })} muted />
                    <Chip value={t('reviewerQueueNoWriteReadback.labels.queueWriteEnabled', { value: String(mapping.queue_write_enabled) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {reviewerQueueNoWriteReadback.blocked_queue_writes.slice(0, 3).map(blocker => (
                <div key={blocker.blocker_id} style={{ padding: 10, border: '0.5px solid #c6d6ef', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {blocker.display_name}
                    </span>
                    <Chip value={t(`ownerApprovedFixturePromotionGate.severities.${blocker.severity}` as never)} muted={blocker.severity !== 'critical'} />
                  </div>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t(`ownerApprovedFixturePromotionGate.blockerStatuses.${blocker.status}` as never)} muted />
                    <Chip value={t('reviewerQueueNoWriteReadback.labels.blockedAction', { value: blocker.blocked_action })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {reviewerQueueNoWriteReadback.operator_actions.slice(0, 3).map(action => (
                <div key={action.action_id} style={{ padding: 10, border: '0.5px solid #c6d6ef', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {action.display_name}
                    </span>
                    <Chip value={redisDryRunValueLabel('agents', action.owner_agent)} muted />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {action.operator_instruction}
                  </span>
                  <Chip value={t('reviewerQueueNoWriteReadback.labels.runtimeQueueWriteAllowed', { value: String(action.runtime_queue_write_allowed) })} muted />
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#f7fbff', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <ShieldCheck size={14} style={{ color: '#275e9c' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('resultCaptureWriterImplementationReview.title')}
                </span>
              </div>
              <Chip
                value={t('resultCaptureWriterImplementationReview.source', {
                  generated: formatDateTime(resultCaptureWriterImplementationReview.generated_at),
                  current: resultCaptureWriterImplementationReview.program_status.current_task_id,
                  next: resultCaptureWriterImplementationReview.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('resultCaptureWriterImplementationReview.metrics.overall')} value={`${resultCaptureWriterImplementationOverall}%`} tone="ok" icon={<Gauge size={16} />} />
              <MetricCard label={t('resultCaptureWriterImplementationReview.metrics.reviews')} value={resultCaptureWriterImplementationReviews} tone="warn" icon={<Layers3 size={16} />} />
              <MetricCard label={t('resultCaptureWriterImplementationReview.metrics.gates')} value={resultCaptureWriterImplementationGates} tone="warn" icon={<Lock size={16} />} />
              <MetricCard label={t('resultCaptureWriterImplementationReview.metrics.verifiers')} value={resultCaptureWriterImplementationVerifiers} tone="warn" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('resultCaptureWriterImplementationReview.metrics.blockers')} value={resultCaptureWriterImplementationBlockers} tone="danger" icon={<AlertTriangle size={16} />} />
              <MetricCard label={t('resultCaptureWriterImplementationReview.metrics.actions')} value={resultCaptureWriterImplementationActions} tone="warn" icon={<Target size={16} />} />
              <MetricCard label={t('resultCaptureWriterImplementationReview.metrics.approvalRequired')} value={resultCaptureWriterImplementationApprovalRequired} tone="warn" icon={<PackageCheck size={16} />} />
              <MetricCard label={t('resultCaptureWriterImplementationReview.metrics.blocked')} value={resultCaptureWriterImplementationBlocked} tone="danger" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('resultCaptureWriterImplementationReview.metrics.applied')} value={resultCaptureWriterImplementationReview.rollups.implementation_applied_count} tone="warn" icon={<Archive size={16} />} />
              <MetricCard label={t('resultCaptureWriterImplementationReview.metrics.liveWrites')} value={resultCaptureWriterImplementationLiveWrites} tone={resultCaptureWriterImplementationLiveWrites === 0 ? 'ok' : 'danger'} icon={<BellOff size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))', gap: 12 }} className="automation-inventory-live-read-grid">
              <div style={{ padding: 11, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('resultCaptureWriterImplementationReview.priorTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {resultCaptureWriterImplementationReview.prior_result_capture_write_gate_review.readiness_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={resultCaptureWriterImplementationReview.prior_result_capture_write_gate_review.schema_version} />
                  <Chip value={t('resultCaptureWriterImplementationReview.metrics.reviews') + ` ${resultCaptureWriterImplementationReview.prior_result_capture_write_gate_review.write_gate_review_count}`} muted />
                  <Chip value={t('resultCaptureWriterImplementationReview.metrics.liveWrites') + ` ${resultCaptureWriterImplementationReview.prior_result_capture_write_gate_review.result_capture_write_count}`} muted />
                </div>
              </div>

              <div style={{ padding: 11, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('resultCaptureWriterImplementationReview.truthTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {resultCaptureWriterImplementationReview.implementation_truth.truth_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('resultCaptureWriterImplementationReview.flags.writeGateLoaded', { value: String(resultCaptureWriterImplementationReview.implementation_truth.p2_121_write_gate_loaded) })} />
                  <Chip value={t('resultCaptureWriterImplementationReview.flags.idempotency', { value: String(resultCaptureWriterImplementationReview.implementation_truth.idempotency_key_required) })} />
                  <Chip value={t('resultCaptureWriterImplementationReview.flags.transaction', { value: String(resultCaptureWriterImplementationReview.implementation_truth.transaction_boundary_required) })} />
                  <Chip value={t('resultCaptureWriterImplementationReview.labels.targetGate', { value: 'result_capture_writer_implementation_review' })} muted />
                  <Chip value={t('resultCaptureWriterImplementationReview.labels.writerApply', { value: String(resultCaptureWriterImplementationReview.rollups.writer_apply_count) })} muted />
                  <Chip value={t('resultCaptureWriterImplementationReview.labels.resultWrites', { value: String(resultCaptureWriterImplementationReview.rollups.result_capture_write_count) })} muted />
                  <Chip value={t('resultCaptureWriterImplementationReview.labels.learningWrites', { value: String(resultCaptureWriterImplementationReview.rollups.learning_write_count) })} muted />
                  <Chip value={t('resultCaptureWriterImplementationReview.labels.trustWrites', { value: String(resultCaptureWriterImplementationReview.rollups.playbook_trust_write_count) })} muted />
                </div>
              </div>
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureWriterImplementationReview.writer_implementation_reviews.slice(0, 5).map(review => (
                <div key={review.gate_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {review.display_name}
                    </span>
                    <Chip value={review.status} muted={review.status === 'ready_for_owner_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {review.required_before_write}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', review.owner_agent)} muted />
                    <Chip value={t('resultCaptureWriterImplementationReview.labels.writer', { value: review.target_writer })} />
                    <Chip value={t('resultCaptureWriterImplementationReview.labels.runtimeWriteEnabled', { value: String(review.runtime_write_enabled) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureWriterImplementationReview.implementation_gates.slice(0, 5).map(gate => (
                <div key={gate.gate_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {gate.display_name}
                    </span>
                    <Chip value={gate.status} muted={gate.status === 'ready'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {gate.required_evidence}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', gate.owner_agent)} muted />
                    <Chip value={t('resultCaptureWriterImplementationReview.labels.blockedAction', { value: gate.blocked_runtime_action })} muted />
                    <Chip value={t('resultCaptureWriterImplementationReview.labels.runtimeWriteAllowed', { value: String(gate.runtime_write_allowed) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureWriterImplementationReview.blocked_runtime_changes.slice(0, 3).map(blocker => (
                <div key={blocker.blocker_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {blocker.display_name}
                    </span>
                    <Chip value={t(`ownerApprovedFixturePromotionGate.severities.${blocker.severity}` as never)} muted={blocker.severity !== 'critical'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {blocker.blocked_until}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t(`ownerApprovedFixturePromotionGate.blockerStatuses.${blocker.status}` as never)} muted />
                    <Chip value={t('resultCaptureWriterImplementationReview.labels.blockedAction', { value: blocker.blocked_action })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureWriterImplementationReview.operator_actions.slice(0, 3).map(action => (
                <div key={action.action_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {action.display_name}
                    </span>
                    <Chip value={redisDryRunValueLabel('agents', action.owner_agent)} muted />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {action.operator_instruction}
                  </span>
                  <Chip value={t('resultCaptureWriterImplementationReview.labels.runtimeWriteAllowed', { value: String(action.runtime_write_allowed) })} muted />
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#f7fbff', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <PackageCheck size={14} style={{ color: '#275e9c' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('resultCaptureWriterDryRunFixture.title')}
                </span>
              </div>
              <Chip
                value={t('resultCaptureWriterDryRunFixture.source', {
                  generated: formatDateTime(resultCaptureWriterDryRunFixture.generated_at),
                  current: resultCaptureWriterDryRunFixture.program_status.current_task_id,
                  next: resultCaptureWriterDryRunFixture.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('resultCaptureWriterDryRunFixture.metrics.overall')} value={`${resultCaptureWriterDryRunOverall}%`} tone="ok" icon={<Gauge size={16} />} />
              <MetricCard label={t('resultCaptureWriterDryRunFixture.metrics.fixtures')} value={resultCaptureWriterDryRunFixtures} tone="warn" icon={<Layers3 size={16} />} />
              <MetricCard label={t('resultCaptureWriterDryRunFixture.metrics.receipts')} value={resultCaptureWriterDryRunReceipts} tone="warn" icon={<Archive size={16} />} />
              <MetricCard label={t('resultCaptureWriterDryRunFixture.metrics.replays')} value={resultCaptureWriterDryRunReplays} tone="warn" icon={<RefreshCw size={16} />} />
              <MetricCard label={t('resultCaptureWriterDryRunFixture.metrics.rollbacks')} value={resultCaptureWriterDryRunRollbacks} tone="warn" icon={<Undo2 size={16} />} />
              <MetricCard label={t('resultCaptureWriterDryRunFixture.metrics.blockers')} value={resultCaptureWriterDryRunBlockers} tone="danger" icon={<AlertTriangle size={16} />} />
              <MetricCard label={t('resultCaptureWriterDryRunFixture.metrics.actions')} value={resultCaptureWriterDryRunActions} tone="warn" icon={<Target size={16} />} />
              <MetricCard label={t('resultCaptureWriterDryRunFixture.metrics.approvalRequired')} value={resultCaptureWriterDryRunApprovalRequired} tone="warn" icon={<Lock size={16} />} />
              <MetricCard label={t('resultCaptureWriterDryRunFixture.metrics.blocked')} value={resultCaptureWriterDryRunBlocked} tone="danger" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('resultCaptureWriterDryRunFixture.metrics.liveWrites')} value={resultCaptureWriterDryRunLiveWrites} tone={resultCaptureWriterDryRunLiveWrites === 0 ? 'ok' : 'danger'} icon={<BellOff size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))', gap: 12 }} className="automation-inventory-live-read-grid">
              <div style={{ padding: 11, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('resultCaptureWriterDryRunFixture.priorTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {resultCaptureWriterDryRunFixture.prior_result_capture_writer_implementation_review.readiness_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={resultCaptureWriterDryRunFixture.prior_result_capture_writer_implementation_review.schema_version} />
                  <Chip value={t('resultCaptureWriterDryRunFixture.metrics.fixtures') + ` ${resultCaptureWriterDryRunFixture.rollups.writer_dry_run_fixture_count}`} muted />
                  <Chip value={t('resultCaptureWriterDryRunFixture.metrics.liveWrites') + ` ${resultCaptureWriterDryRunFixture.prior_result_capture_writer_implementation_review.result_capture_write_count}`} muted />
                </div>
              </div>

              <div style={{ padding: 11, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('resultCaptureWriterDryRunFixture.truthTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {resultCaptureWriterDryRunFixture.dry_run_truth.truth_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('resultCaptureWriterDryRunFixture.flags.implementationLoaded', { value: String(resultCaptureWriterDryRunFixture.dry_run_truth.p2_122_implementation_review_loaded) })} />
                  <Chip value={t('resultCaptureWriterDryRunFixture.flags.fixtureOnly', { value: String(resultCaptureWriterDryRunFixture.dry_run_truth.fixture_only_mode) })} />
                  <Chip value={t('resultCaptureWriterDryRunFixture.flags.rollback', { value: String(resultCaptureWriterDryRunFixture.dry_run_truth.rollback_required) })} />
                  <Chip value={t('resultCaptureWriterDryRunFixture.labels.targetDryRun', { value: 'result_capture_writer_dry_run_fixture' })} muted />
                  <Chip value={t('resultCaptureWriterDryRunFixture.labels.writerApply', { value: String(resultCaptureWriterDryRunFixture.rollups.writer_apply_count) })} muted />
                  <Chip value={t('resultCaptureWriterDryRunFixture.labels.dryRunExecution', { value: String(resultCaptureWriterDryRunFixture.rollups.dry_run_execution_count) })} muted />
                  <Chip value={t('resultCaptureWriterDryRunFixture.labels.resultWrites', { value: String(resultCaptureWriterDryRunFixture.rollups.result_capture_write_count) })} muted />
                  <Chip value={t('resultCaptureWriterDryRunFixture.labels.gatewayWrites', { value: String(resultCaptureWriterDryRunFixture.rollups.gateway_queue_write_count) })} muted />
                </div>
              </div>
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureWriterDryRunFixture.writer_dry_run_fixtures.slice(0, 5).map(fixture => (
                <div key={fixture.fixture_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {fixture.display_name}
                    </span>
                    <Chip value={fixture.status} muted={fixture.status === 'ready_for_owner_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {fixture.input_fixture} → {fixture.expected_receipt_preview}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', fixture.owner_agent)} muted />
                    <Chip value={t('resultCaptureWriterDryRunFixture.labels.writer', { value: fixture.target_writer })} />
                    <Chip value={t('resultCaptureWriterDryRunFixture.labels.fixtureOnly', { value: String(fixture.fixture_only) })} muted />
                    <Chip value={t('resultCaptureWriterDryRunFixture.labels.runtimeWriteEnabled', { value: String(fixture.runtime_write_enabled) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureWriterDryRunFixture.receipt_previews.slice(0, 5).map(receipt => (
                <div key={receipt.receipt_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {receipt.display_name}
                    </span>
                    <Chip value={receipt.status} muted={receipt.status === 'ready'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {receipt.preview_payload}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', receipt.owner_agent)} muted />
                    <Chip value={t('resultCaptureWriterDryRunFixture.labels.liveReceiptEnabled', { value: String(receipt.live_receipt_enabled) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureWriterDryRunFixture.idempotency_replay_checks.slice(0, 3).map(check => (
                <div key={check.check_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {check.display_name}
                    </span>
                    <Chip value={check.status} muted={check.status === 'ready'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {check.expected_outcome}
                  </span>
                  <Chip value={t('resultCaptureWriterDryRunFixture.labels.liveExecutionEnabled', { value: String(check.live_execution_enabled) })} muted />
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #e0b4a3', borderRadius: 7, background: '#fff8f5', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <ShieldAlert size={14} style={{ color: '#b4532f' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.title')}
                </span>
              </div>
              <Chip
                value={t('resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.source', {
                  generated: formatDateTime(resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.generated_at),
                  current: resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.program_status.current_task_id,
                  next: resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.metrics.overall')} value={`${resultCaptureReleaseDecisionOwnerResponseAcceptanceGateOverall}%`} tone="ok" icon={<Gauge size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.metrics.lanes')} value={resultCaptureReleaseDecisionOwnerResponseAcceptanceGateLanes} tone="warn" icon={<Route size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.metrics.requiredFields')} value={resultCaptureReleaseDecisionOwnerResponseAcceptanceGateFields} tone="danger" icon={<FileText size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.metrics.validationChecks')} value={resultCaptureReleaseDecisionOwnerResponseAcceptanceGateChecks} tone="warn" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.metrics.rejectionGuards')} value={resultCaptureReleaseDecisionOwnerResponseAcceptanceGateGuards} tone="danger" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.metrics.actions')} value={resultCaptureReleaseDecisionOwnerResponseAcceptanceGateActions} tone="warn" icon={<Target size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.metrics.blockedNoResponse')} value={resultCaptureReleaseDecisionOwnerResponseAcceptanceGateBlocked} tone="warn" icon={<Lock size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.metrics.noAcceptable')} value={resultCaptureReleaseDecisionOwnerResponseAcceptanceGateNoAcceptable} tone="warn" icon={<Archive size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.metrics.accepted')} value={resultCaptureReleaseDecisionOwnerResponseAcceptanceGateAccepted} tone={resultCaptureReleaseDecisionOwnerResponseAcceptanceGateAccepted === 0 ? 'ok' : 'danger'} icon={<Archive size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.metrics.liveWrites')} value={resultCaptureReleaseDecisionOwnerResponseAcceptanceGateLiveWrites} tone={resultCaptureReleaseDecisionOwnerResponseAcceptanceGateLiveWrites === 0 ? 'ok' : 'danger'} icon={<BellOff size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(260px, 1fr))', gap: 10 }}>
              <div style={{ padding: 10, border: '0.5px solid #d7c7a1', borderRadius: 7, background: '#fff', minWidth: 0 }}>
                <SmallLabel>{t('resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.priorTitle')}</SmallLabel>
                <p style={{ margin: '6px 0 8px', fontFamily: "'DM Mono', monospace", fontSize: 10, lineHeight: 1.5, color: '#5c5a55', overflowWrap: 'anywhere' }}>
                  {resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.prior_owner_response_readback.readiness_note}
                </p>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.prior_owner_response_readback.schema_version} />
                  <Chip value={t('resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.labels.priorCurrent', { value: resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.prior_owner_response_readback.current_task_id })} muted />
                  <Chip value={t('resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.labels.priorNext', { value: resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.prior_owner_response_readback.next_task_id })} muted />
                  <Chip value={t('resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.metrics.requiredFields') + ` ${resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.prior_owner_response_readback.required_owner_field_count}`} muted />
                </div>
              </div>

              <div style={{ padding: 10, border: '0.5px solid #d7c7a1', borderRadius: 7, background: '#fff', minWidth: 0 }}>
                <SmallLabel>{t('resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.truthTitle')}</SmallLabel>
                <p style={{ margin: '6px 0 8px', fontFamily: "'DM Mono', monospace", fontSize: 10, lineHeight: 1.5, color: '#5c5a55', overflowWrap: 'anywhere' }}>
                  {resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.owner_response_acceptance_truth.truth_note}
                </p>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.flags.p2Loaded', { value: String(resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.owner_response_acceptance_truth.p2_144_readback_loaded) })} />
                  <Chip value={t('resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.flags.acceptanceGateOnly', { value: String(resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.owner_response_acceptance_truth.acceptance_gate_only_mode) })} />
                  <Chip value={t('resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.flags.noAcceptableResponse', { value: String(resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.owner_response_acceptance_truth.no_acceptable_external_response) })} />
                  <Chip value={t('resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.labels.ownerReceived', { value: String(resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.rollups.owner_response_received_count) })} muted />
                  <Chip value={t('resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.labels.redactedPayload', { value: String(resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.rollups.redacted_payload_ingested_count) })} muted />
                  <Chip value={t('resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.labels.gatewayWrites', { value: String(resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.rollups.gateway_queue_write_count) })} muted />
                  <Chip value={t('resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.labels.telegramSends', { value: String(resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.rollups.telegram_send_count) })} muted />
                  <Chip value={t('resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.labels.productionWrites', { value: String(resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.rollups.production_write_count) })} muted />
                </div>
              </div>
            </div>

            <SmallLabel>{t('resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.laneTitle')}</SmallLabel>
            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.acceptance_gate_lanes.slice(0, 5).map(gate => (
                <div key={gate.gate_id} style={{ padding: 10, border: '0.5px solid #e0b4a3', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {gate.display_name}
                    </span>
                    <Chip value={gate.target_next_task_id} muted />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {gate.acceptance_summary}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', gate.owner_agent)} muted />
                    <Chip value={gate.acceptance_status} muted />
                    <Chip value={gate.acceptance_decision} muted />
                    <Chip value={t('resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.labels.requiredFields', { value: String(gate.required_fields.length) })} muted />
                    <Chip value={t('resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.labels.responseReceived', { value: String(gate.response_received) })} muted />
                    <Chip value={t('resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.labels.acceptancePassed', { value: String(gate.acceptance_passed) })} muted />
                    <Chip value={t('resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.labels.runtimeWriteAllowed', { value: String(gate.runtime_write_allowed) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.acceptance_rejection_guards.slice(0, 6).map(guard => (
                <div key={guard.guard_id} style={{ padding: 10, border: '0.5px solid #e0b4a3', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <SmallLabel>{t('resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.guardTitle')}</SmallLabel>
                  <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                    {guard.guard_id}
                  </span>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {guard.reason}
                  </span>
                  <Chip value={t('resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.labels.runtimeWriteAllowed', { value: String(guard.runtime_write_allowed) })} muted />
                </div>
              ))}
            </div>

            <SmallLabel>{t('resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.actionTitle')}</SmallLabel>
            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.operator_actions.slice(0, 5).map(action => (
                <div key={action.action_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {action.action_id}
                    </span>
                    <Chip value={action.status} muted={action.status === 'ready_for_operator_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {action.operator_instruction}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', action.owner_agent)} muted />
                    <Chip value={t('resultCaptureReleaseDecisionOwnerResponseAcceptanceGate.labels.runtimeWriteAllowed', { value: String(action.runtime_write_allowed) })} muted />
                  </div>
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#f8fbff', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <ShieldCheck size={14} style={{ color: '#275e9c' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('resultCaptureReleaseDecisionOwnerResponseReadback.title')}
                </span>
              </div>
              <Chip
                value={t('resultCaptureReleaseDecisionOwnerResponseReadback.source', {
                  generated: formatDateTime(resultCaptureReleaseDecisionOwnerResponseReadback.generated_at),
                  current: resultCaptureReleaseDecisionOwnerResponseReadback.program_status.current_task_id,
                  next: resultCaptureReleaseDecisionOwnerResponseReadback.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('resultCaptureReleaseDecisionOwnerResponseReadback.metrics.overall')} value={`${resultCaptureReleaseDecisionOwnerResponseReadbackOverall}%`} tone="ok" icon={<Gauge size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionOwnerResponseReadback.metrics.lanes')} value={resultCaptureReleaseDecisionOwnerResponseReadbackLanes} tone="warn" icon={<Route size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionOwnerResponseReadback.metrics.requiredFields')} value={resultCaptureReleaseDecisionOwnerResponseReadbackFields} tone="danger" icon={<FileText size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionOwnerResponseReadback.metrics.validationChecks')} value={resultCaptureReleaseDecisionOwnerResponseReadbackChecks} tone="warn" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionOwnerResponseReadback.metrics.rejectionGuards')} value={resultCaptureReleaseDecisionOwnerResponseReadbackGuards} tone="danger" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionOwnerResponseReadback.metrics.actions')} value={resultCaptureReleaseDecisionOwnerResponseReadbackActions} tone="warn" icon={<Target size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionOwnerResponseReadback.metrics.waiting')} value={resultCaptureReleaseDecisionOwnerResponseReadbackWaiting} tone="warn" icon={<Lock size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionOwnerResponseReadback.metrics.noResponse')} value={resultCaptureReleaseDecisionOwnerResponseReadbackNoResponse} tone="warn" icon={<Archive size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionOwnerResponseReadback.metrics.received')} value={resultCaptureReleaseDecisionOwnerResponseReadbackReceived} tone={resultCaptureReleaseDecisionOwnerResponseReadbackReceived === 0 ? 'ok' : 'danger'} icon={<Archive size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionOwnerResponseReadback.metrics.liveWrites')} value={resultCaptureReleaseDecisionOwnerResponseReadbackLiveWrites} tone={resultCaptureReleaseDecisionOwnerResponseReadbackLiveWrites === 0 ? 'ok' : 'danger'} icon={<BellOff size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(260px, 1fr))', gap: 10 }}>
              <div style={{ padding: 10, border: '0.5px solid #d7c7a1', borderRadius: 7, background: '#fff', minWidth: 0 }}>
                <SmallLabel>{t('resultCaptureReleaseDecisionOwnerResponseReadback.priorTitle')}</SmallLabel>
                <p style={{ margin: '6px 0 8px', fontFamily: "'DM Mono', monospace", fontSize: 10, lineHeight: 1.5, color: '#5c5a55', overflowWrap: 'anywhere' }}>
                  {resultCaptureReleaseDecisionOwnerResponseReadback.prior_owner_response_preflight.readiness_note}
                </p>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={resultCaptureReleaseDecisionOwnerResponseReadback.prior_owner_response_preflight.schema_version} />
                  <Chip value={t('resultCaptureReleaseDecisionOwnerResponseReadback.labels.priorCurrent', { value: resultCaptureReleaseDecisionOwnerResponseReadback.prior_owner_response_preflight.current_task_id })} muted />
                  <Chip value={t('resultCaptureReleaseDecisionOwnerResponseReadback.labels.priorNext', { value: resultCaptureReleaseDecisionOwnerResponseReadback.prior_owner_response_preflight.next_task_id })} muted />
                  <Chip value={t('resultCaptureReleaseDecisionOwnerResponseReadback.metrics.requiredFields') + ` ${resultCaptureReleaseDecisionOwnerResponseReadback.prior_owner_response_preflight.required_owner_field_count}`} muted />
                </div>
              </div>

              <div style={{ padding: 10, border: '0.5px solid #d7c7a1', borderRadius: 7, background: '#fff', minWidth: 0 }}>
                <SmallLabel>{t('resultCaptureReleaseDecisionOwnerResponseReadback.truthTitle')}</SmallLabel>
                <p style={{ margin: '6px 0 8px', fontFamily: "'DM Mono', monospace", fontSize: 10, lineHeight: 1.5, color: '#5c5a55', overflowWrap: 'anywhere' }}>
                  {resultCaptureReleaseDecisionOwnerResponseReadback.owner_response_readback_truth.truth_note}
                </p>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('resultCaptureReleaseDecisionOwnerResponseReadback.flags.p2Loaded', { value: String(resultCaptureReleaseDecisionOwnerResponseReadback.owner_response_readback_truth.p2_143_preflight_loaded) })} />
                  <Chip value={t('resultCaptureReleaseDecisionOwnerResponseReadback.flags.readbackOnly', { value: String(resultCaptureReleaseDecisionOwnerResponseReadback.owner_response_readback_truth.readback_only_mode) })} />
                  <Chip value={t('resultCaptureReleaseDecisionOwnerResponseReadback.flags.noExternalResponse', { value: String(resultCaptureReleaseDecisionOwnerResponseReadback.owner_response_readback_truth.no_external_response_received) })} />
                  <Chip value={t('resultCaptureReleaseDecisionOwnerResponseReadback.labels.ownerReceived', { value: String(resultCaptureReleaseDecisionOwnerResponseReadback.rollups.owner_response_received_count) })} muted />
                  <Chip value={t('resultCaptureReleaseDecisionOwnerResponseReadback.labels.redactedPayload', { value: String(resultCaptureReleaseDecisionOwnerResponseReadback.rollups.redacted_payload_ingested_count) })} muted />
                  <Chip value={t('resultCaptureReleaseDecisionOwnerResponseReadback.labels.gatewayWrites', { value: String(resultCaptureReleaseDecisionOwnerResponseReadback.rollups.gateway_queue_write_count) })} muted />
                  <Chip value={t('resultCaptureReleaseDecisionOwnerResponseReadback.labels.telegramSends', { value: String(resultCaptureReleaseDecisionOwnerResponseReadback.rollups.telegram_send_count) })} muted />
                  <Chip value={t('resultCaptureReleaseDecisionOwnerResponseReadback.labels.productionWrites', { value: String(resultCaptureReleaseDecisionOwnerResponseReadback.rollups.production_write_count) })} muted />
                </div>
              </div>
            </div>

            <SmallLabel>{t('resultCaptureReleaseDecisionOwnerResponseReadback.laneTitle')}</SmallLabel>
            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureReleaseDecisionOwnerResponseReadback.response_readback_lanes.slice(0, 5).map(lane => (
                <div key={lane.readback_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {lane.display_name}
                    </span>
                    <Chip value={lane.target_next_task_id} muted />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {lane.readback_summary}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', lane.owner_agent)} muted />
                    <Chip value={lane.readback_status} muted />
                    <Chip value={t('resultCaptureReleaseDecisionOwnerResponseReadback.labels.requiredFields', { value: String(lane.required_fields.length) })} muted />
                    <Chip value={t('resultCaptureReleaseDecisionOwnerResponseReadback.labels.received', { value: String(lane.response_received) })} muted />
                    <Chip value={t('resultCaptureReleaseDecisionOwnerResponseReadback.labels.accepted', { value: String(lane.response_accepted) })} muted />
                    <Chip value={t('resultCaptureReleaseDecisionOwnerResponseReadback.labels.runtimeWriteAllowed', { value: String(lane.runtime_write_allowed) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureReleaseDecisionOwnerResponseReadback.readback_rejection_guards.slice(0, 6).map(guard => (
                <div key={guard.guard_id} style={{ padding: 10, border: '0.5px solid #e0b4a3', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <SmallLabel>{t('resultCaptureReleaseDecisionOwnerResponseReadback.guardTitle')}</SmallLabel>
                  <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                    {guard.guard_id}
                  </span>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {guard.reason}
                  </span>
                  <Chip value={t('resultCaptureReleaseDecisionOwnerResponseReadback.labels.runtimeWriteAllowed', { value: String(guard.runtime_write_allowed) })} muted />
                </div>
              ))}
            </div>

            <SmallLabel>{t('resultCaptureReleaseDecisionOwnerResponseReadback.actionTitle')}</SmallLabel>
            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureReleaseDecisionOwnerResponseReadback.operator_actions.slice(0, 5).map(action => (
                <div key={action.action_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {action.action_id}
                    </span>
                    <Chip value={action.status} muted={action.status === 'ready_for_operator_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {action.operator_instruction}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', action.owner_agent)} muted />
                    <Chip value={t('resultCaptureReleaseDecisionOwnerResponseReadback.labels.runtimeWriteAllowed', { value: String(action.runtime_write_allowed) })} muted />
                  </div>
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#f8fbff', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <ShieldCheck size={14} style={{ color: '#275e9c' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('resultCaptureReleaseDecisionOwnerResponsePreflight.title')}
                </span>
              </div>
              <Chip
                value={t('resultCaptureReleaseDecisionOwnerResponsePreflight.source', {
                  generated: formatDateTime(resultCaptureReleaseDecisionOwnerResponsePreflight.generated_at),
                  current: resultCaptureReleaseDecisionOwnerResponsePreflight.program_status.current_task_id,
                  next: resultCaptureReleaseDecisionOwnerResponsePreflight.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('resultCaptureReleaseDecisionOwnerResponsePreflight.metrics.overall')} value={`${resultCaptureReleaseDecisionOwnerResponsePreflightOverall}%`} tone="ok" icon={<Gauge size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionOwnerResponsePreflight.metrics.lanes')} value={resultCaptureReleaseDecisionOwnerResponseLanes} tone="warn" icon={<Route size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionOwnerResponsePreflight.metrics.requiredFields')} value={resultCaptureReleaseDecisionOwnerResponseFields} tone="danger" icon={<FileText size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionOwnerResponsePreflight.metrics.validationChecks')} value={resultCaptureReleaseDecisionOwnerResponseChecks} tone="warn" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionOwnerResponsePreflight.metrics.rejectionGuards')} value={resultCaptureReleaseDecisionOwnerResponseGuards} tone="danger" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionOwnerResponsePreflight.metrics.actions')} value={resultCaptureReleaseDecisionOwnerResponseActions} tone="warn" icon={<Target size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionOwnerResponsePreflight.metrics.waiting')} value={resultCaptureReleaseDecisionOwnerResponseWaiting} tone="warn" icon={<Lock size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionOwnerResponsePreflight.metrics.received')} value={resultCaptureReleaseDecisionOwnerResponseReceived} tone={resultCaptureReleaseDecisionOwnerResponseReceived === 0 ? 'ok' : 'danger'} icon={<Archive size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionOwnerResponsePreflight.metrics.liveWrites')} value={resultCaptureReleaseDecisionOwnerResponseLiveWrites} tone={resultCaptureReleaseDecisionOwnerResponseLiveWrites === 0 ? 'ok' : 'danger'} icon={<BellOff size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(260px, 1fr))', gap: 10 }}>
              <div style={{ padding: 10, border: '0.5px solid #d7c7a1', borderRadius: 7, background: '#fff', minWidth: 0 }}>
                <SmallLabel>{t('resultCaptureReleaseDecisionOwnerResponsePreflight.priorTitle')}</SmallLabel>
                <p style={{ margin: '6px 0 8px', fontFamily: "'DM Mono', monospace", fontSize: 10, lineHeight: 1.5, color: '#5c5a55', overflowWrap: 'anywhere' }}>
                  {resultCaptureReleaseDecisionOwnerResponsePreflight.prior_decision_input_prep.readiness_note}
                </p>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={resultCaptureReleaseDecisionOwnerResponsePreflight.prior_decision_input_prep.schema_version} />
                  <Chip value={t('resultCaptureReleaseDecisionOwnerResponsePreflight.labels.priorCurrent', { value: resultCaptureReleaseDecisionOwnerResponsePreflight.prior_decision_input_prep.current_task_id })} muted />
                  <Chip value={t('resultCaptureReleaseDecisionOwnerResponsePreflight.labels.priorNext', { value: resultCaptureReleaseDecisionOwnerResponsePreflight.prior_decision_input_prep.next_task_id })} muted />
                  <Chip value={t('resultCaptureReleaseDecisionOwnerResponsePreflight.metrics.requiredFields') + ` ${resultCaptureReleaseDecisionOwnerResponsePreflight.prior_decision_input_prep.missing_input_field_count}`} muted />
                </div>
              </div>

              <div style={{ padding: 10, border: '0.5px solid #d7c7a1', borderRadius: 7, background: '#fff', minWidth: 0 }}>
                <SmallLabel>{t('resultCaptureReleaseDecisionOwnerResponsePreflight.truthTitle')}</SmallLabel>
                <p style={{ margin: '6px 0 8px', fontFamily: "'DM Mono', monospace", fontSize: 10, lineHeight: 1.5, color: '#5c5a55', overflowWrap: 'anywhere' }}>
                  {resultCaptureReleaseDecisionOwnerResponsePreflight.owner_response_preflight_truth.truth_note}
                </p>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('resultCaptureReleaseDecisionOwnerResponsePreflight.flags.p2Loaded', { value: String(resultCaptureReleaseDecisionOwnerResponsePreflight.owner_response_preflight_truth.p2_141_input_prep_loaded) })} />
                  <Chip value={t('resultCaptureReleaseDecisionOwnerResponsePreflight.flags.preflightOnly', { value: String(resultCaptureReleaseDecisionOwnerResponsePreflight.owner_response_preflight_truth.preflight_only_mode) })} />
                  <Chip value={t('resultCaptureReleaseDecisionOwnerResponsePreflight.flags.rejectionPolicy', { value: String(resultCaptureReleaseDecisionOwnerResponsePreflight.owner_response_preflight_truth.rejection_policy_active) })} />
                  <Chip value={t('resultCaptureReleaseDecisionOwnerResponsePreflight.labels.ownerReceived', { value: String(resultCaptureReleaseDecisionOwnerResponsePreflight.rollups.owner_response_received_count) })} muted />
                  <Chip value={t('resultCaptureReleaseDecisionOwnerResponsePreflight.labels.redactedPayload', { value: String(resultCaptureReleaseDecisionOwnerResponsePreflight.rollups.redacted_payload_ingested_count) })} muted />
                  <Chip value={t('resultCaptureReleaseDecisionOwnerResponsePreflight.labels.gatewayWrites', { value: String(resultCaptureReleaseDecisionOwnerResponsePreflight.rollups.gateway_queue_write_count) })} muted />
                  <Chip value={t('resultCaptureReleaseDecisionOwnerResponsePreflight.labels.telegramSends', { value: String(resultCaptureReleaseDecisionOwnerResponsePreflight.rollups.telegram_send_count) })} muted />
                  <Chip value={t('resultCaptureReleaseDecisionOwnerResponsePreflight.labels.productionWrites', { value: String(resultCaptureReleaseDecisionOwnerResponsePreflight.rollups.production_write_count) })} muted />
                </div>
              </div>
            </div>

            <SmallLabel>{t('resultCaptureReleaseDecisionOwnerResponsePreflight.laneTitle')}</SmallLabel>
            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureReleaseDecisionOwnerResponsePreflight.response_intake_lanes.slice(0, 5).map(lane => (
                <div key={lane.lane_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {lane.display_name}
                    </span>
                    <Chip value={lane.target_next_task_id} muted />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {lane.preflight_summary}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', lane.owner_agent)} muted />
                    <Chip value={lane.intake_status} muted />
                    <Chip value={t('resultCaptureReleaseDecisionOwnerResponsePreflight.labels.requiredFields', { value: String(lane.required_fields.length) })} muted />
                    <Chip value={t('resultCaptureReleaseDecisionOwnerResponsePreflight.labels.accepted', { value: String(lane.accepted) })} muted />
                    <Chip value={t('resultCaptureReleaseDecisionOwnerResponsePreflight.labels.runtimeWriteAllowed', { value: String(lane.runtime_write_allowed) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureReleaseDecisionOwnerResponsePreflight.rejection_guards.slice(0, 6).map(guard => (
                <div key={guard.guard_id} style={{ padding: 10, border: '0.5px solid #e0b4a3', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <SmallLabel>{t('resultCaptureReleaseDecisionOwnerResponsePreflight.guardTitle')}</SmallLabel>
                  <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                    {guard.guard_id}
                  </span>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {guard.reason}
                  </span>
                  <Chip value={t('resultCaptureReleaseDecisionOwnerResponsePreflight.labels.runtimeWriteAllowed', { value: String(guard.runtime_write_allowed) })} muted />
                </div>
              ))}
            </div>

            <SmallLabel>{t('resultCaptureReleaseDecisionOwnerResponsePreflight.actionTitle')}</SmallLabel>
            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureReleaseDecisionOwnerResponsePreflight.operator_actions.slice(0, 5).map(action => (
                <div key={action.action_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {action.action_id}
                    </span>
                    <Chip value={action.status} muted={action.status === 'ready_for_operator_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {action.operator_instruction}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', action.owner_agent)} muted />
                    <Chip value={t('resultCaptureReleaseDecisionOwnerResponsePreflight.labels.runtimeWriteAllowed', { value: String(action.runtime_write_allowed) })} muted />
                  </div>
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#f8fbff', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <ShieldCheck size={14} style={{ color: '#275e9c' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('resultCaptureReleaseDecisionInputPrep.title')}
                </span>
              </div>
              <Chip
                value={t('resultCaptureReleaseDecisionInputPrep.source', {
                  generated: formatDateTime(resultCaptureReleaseDecisionInputPrep.generated_at),
                  current: resultCaptureReleaseDecisionInputPrep.program_status.current_task_id,
                  next: resultCaptureReleaseDecisionInputPrep.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('resultCaptureReleaseDecisionInputPrep.metrics.overall')} value={`${resultCaptureReleaseDecisionInputPrepOverall}%`} tone="ok" icon={<Gauge size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionInputPrep.metrics.inputPackets')} value={resultCaptureReleaseDecisionInputPackets} tone="warn" icon={<FileText size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionInputPrep.metrics.missingFields')} value={resultCaptureReleaseDecisionMissingFields} tone="danger" icon={<AlertTriangle size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionInputPrep.metrics.blockers')} value={resultCaptureReleaseDecisionInputBlockers} tone="danger" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionInputPrep.metrics.actions')} value={resultCaptureReleaseDecisionInputActions} tone="warn" icon={<Target size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionInputPrep.metrics.approvalRequired')} value={resultCaptureReleaseDecisionInputApprovalRequired} tone="warn" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionInputPrep.metrics.blocked')} value={resultCaptureReleaseDecisionInputBlocked} tone="danger" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionInputPrep.metrics.liveWrites')} value={resultCaptureReleaseDecisionInputLiveWrites} tone={resultCaptureReleaseDecisionInputLiveWrites === 0 ? 'ok' : 'danger'} icon={<BellOff size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(260px, 1fr))', gap: 10 }}>
              <div style={{ padding: 10, border: '0.5px solid #d7c7a1', borderRadius: 7, background: '#fff', minWidth: 0 }}>
                <SmallLabel>{t('resultCaptureReleaseDecisionInputPrep.priorTitle')}</SmallLabel>
                <p style={{ margin: '6px 0 8px', fontFamily: "'DM Mono', monospace", fontSize: 10, lineHeight: 1.5, color: '#5c5a55', overflowWrap: 'anywhere' }}>
                  {resultCaptureReleaseDecisionInputPrep.prior_next_handoff.readiness_note}
                </p>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={resultCaptureReleaseDecisionInputPrep.prior_next_handoff.schema_version} />
                  <Chip value={t('resultCaptureReleaseDecisionInputPrep.labels.priorCurrent', { value: resultCaptureReleaseDecisionInputPrep.prior_next_handoff.current_task_id })} muted />
                  <Chip value={t('resultCaptureReleaseDecisionInputPrep.labels.priorNext', { value: resultCaptureReleaseDecisionInputPrep.prior_next_handoff.next_task_id })} muted />
                  <Chip value={t('resultCaptureReleaseDecisionInputPrep.metrics.nextHandoffs') + ` ${resultCaptureReleaseDecisionInputPrep.prior_next_handoff.next_gate_handoff_count}`} muted />
                </div>
              </div>

              <div style={{ padding: 10, border: '0.5px solid #d7c7a1', borderRadius: 7, background: '#fff', minWidth: 0 }}>
                <SmallLabel>{t('resultCaptureReleaseDecisionInputPrep.truthTitle')}</SmallLabel>
                <p style={{ margin: '6px 0 8px', fontFamily: "'DM Mono', monospace", fontSize: 10, lineHeight: 1.5, color: '#5c5a55', overflowWrap: 'anywhere' }}>
                  {resultCaptureReleaseDecisionInputPrep.decision_input_truth.truth_note}
                </p>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('resultCaptureReleaseDecisionInputPrep.flags.p2Loaded', { value: String(resultCaptureReleaseDecisionInputPrep.decision_input_truth.p2_140_next_handoff_loaded) })} />
                  <Chip value={t('resultCaptureReleaseDecisionInputPrep.flags.inputPrepOnly', { value: String(resultCaptureReleaseDecisionInputPrep.decision_input_truth.p2_141_input_prep_only) })} />
                  <Chip value={t('resultCaptureReleaseDecisionInputPrep.flags.ownerRequired', { value: String(resultCaptureReleaseDecisionInputPrep.decision_input_truth.owner_input_packet_required) })} />
                  <Chip value={t('resultCaptureReleaseDecisionInputPrep.labels.gatewayWrites', { value: String(resultCaptureReleaseDecisionInputPrep.rollups.gateway_queue_write_count) })} muted />
                  <Chip value={t('resultCaptureReleaseDecisionInputPrep.labels.telegramSends', { value: String(resultCaptureReleaseDecisionInputPrep.rollups.telegram_send_count) })} muted />
                  <Chip value={t('resultCaptureReleaseDecisionInputPrep.labels.productionWrites', { value: String(resultCaptureReleaseDecisionInputPrep.rollups.production_write_count) })} muted />
                </div>
              </div>
            </div>

            <SmallLabel>{t('resultCaptureReleaseDecisionInputPrep.packetTitle')}</SmallLabel>
            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureReleaseDecisionInputPrep.decision_input_packets.slice(0, 5).map(packet => (
                <div key={packet.packet_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {packet.display_name}
                    </span>
                    <Chip value={packet.target_next_task_id} muted />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {packet.input_summary}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', packet.owner_agent)} muted />
                    <Chip value={packet.input_status} muted />
                    <Chip value={t('resultCaptureReleaseDecisionInputPrep.labels.missingFields', { value: String(packet.missing_fields.length) })} muted />
                    <Chip value={t('resultCaptureReleaseDecisionInputPrep.labels.runtimeWriteAllowed', { value: String(packet.runtime_write_allowed) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureReleaseDecisionInputPrep.blocked_input_transitions.slice(0, 6).map(transition => (
                <div key={transition.transition_id} style={{ padding: 10, border: '0.5px solid #e0b4a3', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <SmallLabel>{t('resultCaptureReleaseDecisionInputPrep.blockerTitle')}</SmallLabel>
                  <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                    {transition.transition_id}
                  </span>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {transition.reason}
                  </span>
                  <Chip value={t('resultCaptureReleaseDecisionInputPrep.labels.runtimeWriteAllowed', { value: String(transition.runtime_write_allowed) })} muted />
                </div>
              ))}
            </div>

            <SmallLabel>{t('resultCaptureReleaseDecisionInputPrep.actionTitle')}</SmallLabel>
            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureReleaseDecisionInputPrep.operator_actions.slice(0, 5).map(action => (
                <div key={action.action_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {action.action_id}
                    </span>
                    <Chip value={action.status} muted={action.status === 'ready_for_operator_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {action.operator_instruction}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', action.owner_agent)} muted />
                    <Chip value={t('resultCaptureReleaseDecisionInputPrep.labels.runtimeWriteAllowed', { value: String(action.runtime_write_allowed) })} muted />
                  </div>
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#f8fbff', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <ShieldAlert size={14} style={{ color: '#b7791f' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('resultCaptureReleaseDecisionHold.title')}
                </span>
              </div>
              <Chip
                value={t('resultCaptureReleaseDecisionHold.source', {
                  generated: formatDateTime(resultCaptureReleaseDecisionHold.generated_at),
                  current: resultCaptureReleaseDecisionHold.program_status.current_task_id,
                  next: resultCaptureReleaseDecisionHold.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('resultCaptureReleaseDecisionHold.metrics.overall')} value={`${resultCaptureReleaseDecisionHoldOverall}%`} tone="ok" icon={<Gauge size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionHold.metrics.releaseHolds')} value={resultCaptureReleaseDecisionHolds} tone="warn" icon={<Lock size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionHold.metrics.ownerHolds')} value={resultCaptureReleaseOwnerDecisionHolds} tone="warn" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionHold.metrics.verifierHolds')} value={resultCaptureReleaseVerifierDecisionHolds} tone="warn" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionHold.metrics.rollbackHolds')} value={resultCaptureReleaseRollbackDecisionHolds} tone="warn" icon={<Undo2 size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionHold.metrics.maintenanceHolds')} value={resultCaptureReleaseMaintenanceDecisionHolds} tone="warn" icon={<CalendarClock size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionHold.metrics.liveApplyHolds')} value={resultCaptureReleaseLiveApplyDecisionHolds} tone="warn" icon={<Lock size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionHold.metrics.blockers')} value={resultCaptureReleaseDecisionBlockedTransitions} tone="danger" icon={<AlertTriangle size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionHold.metrics.actions')} value={resultCaptureReleaseDecisionActions} tone="warn" icon={<Target size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionHold.metrics.approvalRequired')} value={resultCaptureReleaseDecisionApprovalRequired} tone="warn" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionHold.metrics.blocked')} value={resultCaptureReleaseDecisionBlocked} tone="danger" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionHold.metrics.liveWrites')} value={resultCaptureReleaseDecisionLiveWrites} tone={resultCaptureReleaseDecisionLiveWrites === 0 ? 'ok' : 'danger'} icon={<BellOff size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(260px, 1fr))', gap: 10 }}>
              <div style={{ padding: 10, border: '0.5px solid #d7c7a1', borderRadius: 7, background: '#fff', minWidth: 0 }}>
                <SmallLabel>{t('resultCaptureReleaseDecisionHold.priorTitle')}</SmallLabel>
                <p style={{ margin: '6px 0 8px', fontFamily: "'DM Mono', monospace", fontSize: 10, lineHeight: 1.5, color: '#5c5a55', overflowWrap: 'anywhere' }}>
                  {resultCaptureReleaseDecisionHold.prior_release_verifier_owner_review_packet.readiness_note}
                </p>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={resultCaptureReleaseDecisionHold.prior_release_verifier_owner_review_packet.schema_version} />
                  <Chip value={t('resultCaptureReleaseDecisionHold.metrics.releaseHolds') + ` ${resultCaptureReleaseDecisionHolds}`} muted />
                  <Chip value={t('resultCaptureReleaseDecisionHold.metrics.liveWrites') + ` ${resultCaptureReleaseDecisionHold.prior_release_verifier_owner_review_packet.result_capture_write_count}`} muted />
                </div>
              </div>

              <div style={{ padding: 10, border: '0.5px solid #d7c7a1', borderRadius: 7, background: '#fff', minWidth: 0 }}>
                <SmallLabel>{t('resultCaptureReleaseDecisionHold.truthTitle')}</SmallLabel>
                <p style={{ margin: '6px 0 8px', fontFamily: "'DM Mono', monospace", fontSize: 10, lineHeight: 1.5, color: '#5c5a55', overflowWrap: 'anywhere' }}>
                  {resultCaptureReleaseDecisionHold.release_decision_hold_truth.truth_note}
                </p>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('resultCaptureReleaseDecisionHold.flags.p2Loaded', { value: String(resultCaptureReleaseDecisionHold.release_decision_hold_truth.p2_137_owner_review_packet_loaded) })} />
                  <Chip value={t('resultCaptureReleaseDecisionHold.flags.decisionHoldReady', { value: String(resultCaptureReleaseDecisionHold.release_decision_hold_truth.release_decision_hold_ready) })} />
                  <Chip value={t('resultCaptureReleaseDecisionHold.flags.maintenanceDecisionRequired', { value: String(resultCaptureReleaseDecisionHold.release_decision_hold_truth.maintenance_window_decision_required) })} />
                  <Chip value={t('resultCaptureReleaseDecisionHold.flags.liveApplyDecisionRequired', { value: String(resultCaptureReleaseDecisionHold.release_decision_hold_truth.live_apply_decision_required) })} />
                  <Chip value={t('resultCaptureReleaseDecisionHold.labels.ownerReleaseAuthorized', { value: String(resultCaptureReleaseDecisionHold.rollups.owner_release_authorized_count) })} muted />
                  <Chip value={t('resultCaptureReleaseDecisionHold.labels.decisionPassed', { value: String(resultCaptureReleaseDecisionHold.rollups.release_decision_pass_count) })} muted />
                  <Chip value={t('resultCaptureReleaseDecisionHold.labels.gatewayWrites', { value: String(resultCaptureReleaseDecisionHold.rollups.gateway_queue_write_count) })} muted />
                  <Chip value={t('resultCaptureReleaseDecisionHold.labels.telegramSends', { value: String(resultCaptureReleaseDecisionHold.rollups.telegram_send_count) })} muted />
                  <Chip value={t('resultCaptureReleaseDecisionHold.labels.botApiCalls', { value: String(resultCaptureReleaseDecisionHold.rollups.bot_api_call_count) })} muted />
                  <Chip value={t('resultCaptureReleaseDecisionHold.labels.productionWrites', { value: String(resultCaptureReleaseDecisionHold.rollups.production_write_count) })} muted />
                </div>
              </div>
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureReleaseDecisionHold.release_decision_holds.slice(0, 5).map(hold => (
                <div key={hold.hold_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {hold.display_name}
                    </span>
                    <Chip value={hold.status} muted={hold.status === 'ready_for_decision_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {hold.decision_summary}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', hold.owner_agent)} muted />
                    <Chip value={hold.hold_mode} muted />
                    <Chip value={t('resultCaptureReleaseDecisionHold.labels.decisionApproved', { value: String(hold.decision_approved) })} muted />
                    <Chip value={t('resultCaptureReleaseDecisionHold.labels.authorizationGranted', { value: String(hold.release_authorization_granted) })} muted />
                    <Chip value={t('resultCaptureReleaseDecisionHold.labels.decisionPassed', { value: String(hold.release_decision_passed) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureReleaseDecisionHold.owner_decision_holds.slice(0, 5).map(hold => (
                <div key={hold.hold_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {hold.display_name}
                    </span>
                    <Chip value={hold.status} muted={hold.status === 'ready_for_decision_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {hold.decision_summary}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', hold.owner_agent)} muted />
                    <Chip value={hold.hold_mode} muted />
                    <Chip value={t('resultCaptureReleaseDecisionHold.labels.ownerReleaseAuthorized', { value: String(hold.owner_release_authorized) })} muted />
                    <Chip value={t('resultCaptureReleaseDecisionHold.labels.ownerDecisionApproved', { value: String(hold.owner_decision_approved) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureReleaseDecisionHold.maintenance_window_decision_holds.slice(0, 5).map(hold => (
                <div key={hold.hold_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {hold.display_name}
                    </span>
                    <Chip value={hold.status} muted={hold.status === 'ready_for_decision_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {hold.maintenance_summary}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', hold.owner_agent)} muted />
                    <Chip value={hold.hold_mode} muted />
                    <Chip value={t('resultCaptureReleaseDecisionHold.labels.maintenanceRequired', { value: String(hold.maintenance_window_required) })} muted />
                    <Chip value={t('resultCaptureReleaseDecisionHold.labels.maintenanceApproved', { value: String(hold.maintenance_window_approved) })} muted />
                    <Chip value={t('resultCaptureReleaseDecisionHold.labels.liveApplyPassed', { value: String(hold.live_apply_release_passed) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureReleaseDecisionHold.blocked_decision_transitions.slice(0, 6).map(transition => (
                <div key={transition.transition_id} style={{ padding: 10, border: '0.5px solid #e0b4a3', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {transition.transition_id}
                    </span>
                    <Chip value={transition.status} muted />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {transition.reason}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('resultCaptureReleaseDecisionHold.labels.runtimeWriteAllowed', { value: String(transition.runtime_write_allowed) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureReleaseDecisionHold.operator_actions.slice(0, 5).map(action => (
                <div key={action.action_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {action.action_id}
                    </span>
                    <Chip value={action.status} muted={action.status === 'ready_for_operator_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {action.operator_instruction}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', action.owner_agent)} muted />
                    <Chip value={t('resultCaptureReleaseDecisionHold.labels.runtimeWriteAllowed', { value: String(action.runtime_write_allowed) })} muted />
                  </div>
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#f8fbff', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <BookOpenCheck size={14} style={{ color: '#275e9c' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('resultCaptureReleaseDecisionNextHandoff.title')}
                </span>
              </div>
              <Chip
                value={t('resultCaptureReleaseDecisionNextHandoff.source', {
                  generated: formatDateTime(resultCaptureReleaseDecisionNextHandoff.generated_at),
                  current: resultCaptureReleaseDecisionNextHandoff.program_status.current_task_id,
                  next: resultCaptureReleaseDecisionNextHandoff.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('resultCaptureReleaseDecisionNextHandoff.metrics.overall')} value={`${resultCaptureReleaseDecisionNextHandoffOverall}%`} tone="ok" icon={<Gauge size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionNextHandoff.metrics.nextHandoffs')} value={resultCaptureReleaseDecisionNextGateHandoffs} tone="warn" icon={<BookOpenCheck size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionNextHandoff.metrics.staleActions')} value={resultCaptureReleaseDecisionStaleActions} tone="danger" icon={<AlertTriangle size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionNextHandoff.metrics.blockers')} value={resultCaptureReleaseDecisionNextBlockedTransitions} tone="danger" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionNextHandoff.metrics.actions')} value={resultCaptureReleaseDecisionNextActions} tone="warn" icon={<Target size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionNextHandoff.metrics.approvalRequired')} value={resultCaptureReleaseDecisionNextApprovalRequired} tone="warn" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionNextHandoff.metrics.blocked')} value={resultCaptureReleaseDecisionNextBlocked} tone="danger" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionNextHandoff.metrics.liveWrites')} value={resultCaptureReleaseDecisionNextLiveWrites} tone={resultCaptureReleaseDecisionNextLiveWrites === 0 ? 'ok' : 'danger'} icon={<BellOff size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(260px, 1fr))', gap: 10 }}>
              <div style={{ padding: 10, border: '0.5px solid #d7c7a1', borderRadius: 7, background: '#fff', minWidth: 0 }}>
                <SmallLabel>{t('resultCaptureReleaseDecisionNextHandoff.priorTitle')}</SmallLabel>
                <p style={{ margin: '6px 0 8px', fontFamily: "'DM Mono', monospace", fontSize: 10, lineHeight: 1.5, color: '#5c5a55', overflowWrap: 'anywhere' }}>
                  {resultCaptureReleaseDecisionNextHandoff.prior_release_decision_readback.readiness_note}
                </p>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={resultCaptureReleaseDecisionNextHandoff.prior_release_decision_readback.schema_version} />
                  <Chip value={t('resultCaptureReleaseDecisionNextHandoff.labels.priorCurrent', { value: resultCaptureReleaseDecisionNextHandoff.prior_release_decision_readback.current_task_id })} muted />
                  <Chip value={t('resultCaptureReleaseDecisionNextHandoff.labels.priorNext', { value: resultCaptureReleaseDecisionNextHandoff.prior_release_decision_readback.next_task_id })} muted />
                  <Chip value={t('resultCaptureReleaseDecisionNextHandoff.metrics.staleActions') + ` ${resultCaptureReleaseDecisionNextHandoff.prior_release_decision_readback.stale_self_loop_action_count}`} muted />
                </div>
              </div>

              <div style={{ padding: 10, border: '0.5px solid #d7c7a1', borderRadius: 7, background: '#fff', minWidth: 0 }}>
                <SmallLabel>{t('resultCaptureReleaseDecisionNextHandoff.truthTitle')}</SmallLabel>
                <p style={{ margin: '6px 0 8px', fontFamily: "'DM Mono', monospace", fontSize: 10, lineHeight: 1.5, color: '#5c5a55', overflowWrap: 'anywhere' }}>
                  {resultCaptureReleaseDecisionNextHandoff.next_handoff_truth.truth_note}
                </p>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('resultCaptureReleaseDecisionNextHandoff.flags.p2Loaded', { value: String(resultCaptureReleaseDecisionNextHandoff.next_handoff_truth.p2_139_release_decision_readback_loaded) })} />
                  <Chip value={t('resultCaptureReleaseDecisionNextHandoff.flags.selfLoopContained', { value: String(resultCaptureReleaseDecisionNextHandoff.next_handoff_truth.stale_self_loop_contained) })} />
                  <Chip value={t('resultCaptureReleaseDecisionNextHandoff.flags.requiresP2141', { value: String(resultCaptureReleaseDecisionNextHandoff.next_handoff_truth.operator_instruction_requires_p2_141) })} />
                  <Chip value={t('resultCaptureReleaseDecisionNextHandoff.labels.gatewayWrites', { value: String(resultCaptureReleaseDecisionNextHandoff.rollups.gateway_queue_write_count) })} muted />
                  <Chip value={t('resultCaptureReleaseDecisionNextHandoff.labels.telegramSends', { value: String(resultCaptureReleaseDecisionNextHandoff.rollups.telegram_send_count) })} muted />
                  <Chip value={t('resultCaptureReleaseDecisionNextHandoff.labels.productionWrites', { value: String(resultCaptureReleaseDecisionNextHandoff.rollups.production_write_count) })} muted />
                </div>
              </div>
            </div>

            <SmallLabel>{t('resultCaptureReleaseDecisionNextHandoff.handoffTitle')}</SmallLabel>
            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureReleaseDecisionNextHandoff.next_gate_handoffs.slice(0, 5).map(handoff => (
                <div key={handoff.handoff_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {handoff.display_name}
                    </span>
                    <Chip value={handoff.target_next_task_id} muted />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {handoff.handoff_summary}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', handoff.owner_agent)} muted />
                    <Chip value={handoff.handoff_status} muted={handoff.handoff_status === 'ready_for_operator_review'} />
                    <Chip value={t('resultCaptureReleaseDecisionNextHandoff.labels.runtimeWriteAllowed', { value: String(handoff.runtime_write_allowed) })} muted />
                    <Chip value={t('resultCaptureReleaseDecisionNextHandoff.labels.telegramSendAllowed', { value: String(handoff.telegram_send_allowed) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureReleaseDecisionNextHandoff.stale_operator_action_containments.map(containment => (
                <div key={containment.containment_id} style={{ padding: 10, border: '0.5px solid #e0b4a3', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <SmallLabel>{t('resultCaptureReleaseDecisionNextHandoff.containmentTitle')}</SmallLabel>
                  <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                    {containment.source_action_id}
                  </span>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {containment.containment_summary}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={containment.containment_status} muted />
                    <Chip value={t('resultCaptureReleaseDecisionNextHandoff.labels.expectedCurrent', { value: containment.expected_current_task_id })} muted />
                    <Chip value={t('resultCaptureReleaseDecisionNextHandoff.labels.expectedNext', { value: containment.expected_next_task_id })} muted />
                  </div>
                </div>
              ))}

              {resultCaptureReleaseDecisionNextHandoff.blocked_handoff_transitions.slice(0, 6).map(transition => (
                <div key={transition.transition_id} style={{ padding: 10, border: '0.5px solid #e0b4a3', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <SmallLabel>{t('resultCaptureReleaseDecisionNextHandoff.blockerTitle')}</SmallLabel>
                  <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                    {transition.transition_id}
                  </span>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {transition.reason}
                  </span>
                  <Chip value={t('resultCaptureReleaseDecisionNextHandoff.labels.runtimeWriteAllowed', { value: String(transition.runtime_write_allowed) })} muted />
                </div>
              ))}
            </div>

            <SmallLabel>{t('resultCaptureReleaseDecisionNextHandoff.actionTitle')}</SmallLabel>
            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureReleaseDecisionNextHandoff.operator_actions.slice(0, 5).map(action => (
                <div key={action.action_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {action.action_id}
                    </span>
                    <Chip value={action.status} muted={action.status === 'ready_for_operator_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {action.operator_instruction}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', action.owner_agent)} muted />
                    <Chip value={t('resultCaptureReleaseDecisionNextHandoff.labels.runtimeWriteAllowed', { value: String(action.runtime_write_allowed) })} muted />
                  </div>
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#f8fbff', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <BookOpenCheck size={14} style={{ color: '#275e9c' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('resultCaptureReleaseDecisionReadback.title')}
                </span>
              </div>
              <Chip
                value={t('resultCaptureReleaseDecisionReadback.source', {
                  generated: formatDateTime(resultCaptureReleaseDecisionReadback.generated_at),
                  current: resultCaptureReleaseDecisionReadback.program_status.current_task_id,
                  next: resultCaptureReleaseDecisionReadback.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('resultCaptureReleaseDecisionReadback.metrics.overall')} value={`${resultCaptureReleaseDecisionReadbackOverall}%`} tone="ok" icon={<Gauge size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionReadback.metrics.releaseReadbacks')} value={resultCaptureReleaseDecisionReadbacks} tone="warn" icon={<BookOpenCheck size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionReadback.metrics.ownerReadbacks')} value={resultCaptureReleaseOwnerDecisionReadbacks} tone="warn" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionReadback.metrics.verifierReadbacks')} value={resultCaptureReleaseVerifierDecisionReadbacks} tone="warn" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionReadback.metrics.rollbackReadbacks')} value={resultCaptureReleaseRollbackDecisionReadbacks} tone="warn" icon={<Undo2 size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionReadback.metrics.maintenanceReadbacks')} value={resultCaptureReleaseMaintenanceDecisionReadbacks} tone="warn" icon={<CalendarClock size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionReadback.metrics.liveApplyReadbacks')} value={resultCaptureReleaseLiveApplyDecisionReadbacks} tone="warn" icon={<Lock size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionReadback.metrics.blockers')} value={resultCaptureReleaseDecisionReadbackBlockedTransitions} tone="danger" icon={<AlertTriangle size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionReadback.metrics.actions')} value={resultCaptureReleaseDecisionReadbackActions} tone="warn" icon={<Target size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionReadback.metrics.approvalRequired')} value={resultCaptureReleaseDecisionReadbackApprovalRequired} tone="warn" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionReadback.metrics.blocked')} value={resultCaptureReleaseDecisionReadbackBlocked} tone="danger" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('resultCaptureReleaseDecisionReadback.metrics.liveWrites')} value={resultCaptureReleaseDecisionReadbackLiveWrites} tone={resultCaptureReleaseDecisionReadbackLiveWrites === 0 ? 'ok' : 'danger'} icon={<BellOff size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(260px, 1fr))', gap: 10 }}>
              <div style={{ padding: 10, border: '0.5px solid #d7c7a1', borderRadius: 7, background: '#fff', minWidth: 0 }}>
                <SmallLabel>{t('resultCaptureReleaseDecisionReadback.priorTitle')}</SmallLabel>
                <p style={{ margin: '6px 0 8px', fontFamily: "'DM Mono', monospace", fontSize: 10, lineHeight: 1.5, color: '#5c5a55', overflowWrap: 'anywhere' }}>
                  {resultCaptureReleaseDecisionReadback.prior_release_decision_hold.readiness_note}
                </p>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={resultCaptureReleaseDecisionReadback.prior_release_decision_hold.schema_version} />
                  <Chip value={t('resultCaptureReleaseDecisionReadback.metrics.releaseReadbacks') + ` ${resultCaptureReleaseDecisionReadbacks}`} muted />
                  <Chip value={t('resultCaptureReleaseDecisionReadback.metrics.liveWrites') + ` ${resultCaptureReleaseDecisionReadback.prior_release_decision_hold.result_capture_write_count}`} muted />
                </div>
              </div>

              <div style={{ padding: 10, border: '0.5px solid #d7c7a1', borderRadius: 7, background: '#fff', minWidth: 0 }}>
                <SmallLabel>{t('resultCaptureReleaseDecisionReadback.truthTitle')}</SmallLabel>
                <p style={{ margin: '6px 0 8px', fontFamily: "'DM Mono', monospace", fontSize: 10, lineHeight: 1.5, color: '#5c5a55', overflowWrap: 'anywhere' }}>
                  {resultCaptureReleaseDecisionReadback.release_decision_readback_truth.truth_note}
                </p>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('resultCaptureReleaseDecisionReadback.flags.p2Loaded', { value: String(resultCaptureReleaseDecisionReadback.release_decision_readback_truth.p2_138_release_decision_hold_loaded) })} />
                  <Chip value={t('resultCaptureReleaseDecisionReadback.flags.readbackReady', { value: String(resultCaptureReleaseDecisionReadback.release_decision_readback_truth.release_decision_readback_ready) })} />
                  <Chip value={t('resultCaptureReleaseDecisionReadback.flags.maintenanceStillRequired', { value: String(resultCaptureReleaseDecisionReadback.release_decision_readback_truth.maintenance_window_decision_still_required) })} />
                  <Chip value={t('resultCaptureReleaseDecisionReadback.flags.liveApplyStillRequired', { value: String(resultCaptureReleaseDecisionReadback.release_decision_readback_truth.live_apply_decision_still_required) })} />
                  <Chip value={t('resultCaptureReleaseDecisionReadback.labels.ownerReleaseAuthorized', { value: String(resultCaptureReleaseDecisionReadback.rollups.owner_release_authorized_count) })} muted />
                  <Chip value={t('resultCaptureReleaseDecisionReadback.labels.decisionPassed', { value: String(resultCaptureReleaseDecisionReadback.rollups.release_decision_pass_count) })} muted />
                  <Chip value={t('resultCaptureReleaseDecisionReadback.labels.gatewayWrites', { value: String(resultCaptureReleaseDecisionReadback.rollups.gateway_queue_write_count) })} muted />
                  <Chip value={t('resultCaptureReleaseDecisionReadback.labels.telegramSends', { value: String(resultCaptureReleaseDecisionReadback.rollups.telegram_send_count) })} muted />
                  <Chip value={t('resultCaptureReleaseDecisionReadback.labels.productionWrites', { value: String(resultCaptureReleaseDecisionReadback.rollups.production_write_count) })} muted />
                </div>
              </div>
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureReleaseDecisionReadback.release_decision_readbacks.slice(0, 5).map(readback => (
                <div key={readback.readback_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {readback.display_name}
                    </span>
                    <Chip value={readback.readback_status} muted={readback.readback_status === 'readback_complete'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {readback.readback_summary}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', readback.owner_agent)} muted />
                    <Chip value={readback.readback_mode} muted />
                    <Chip value={t('resultCaptureReleaseDecisionReadback.labels.decisionPassed', { value: String(readback.release_decision_passed) })} muted />
                    <Chip value={t('resultCaptureReleaseDecisionReadback.labels.authorizationGranted', { value: String(readback.release_authorization_granted) })} muted />
                    <Chip value={t('resultCaptureReleaseDecisionReadback.labels.telegramSendAllowed', { value: String(readback.telegram_send_allowed) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {[
                ...resultCaptureReleaseDecisionReadback.owner_decision_readbacks.slice(0, 2),
                ...resultCaptureReleaseDecisionReadback.verifier_decision_readbacks.slice(0, 2),
                ...resultCaptureReleaseDecisionReadback.rollback_decision_readbacks.slice(0, 2),
                ...resultCaptureReleaseDecisionReadback.maintenance_window_decision_readbacks.slice(0, 2),
                ...resultCaptureReleaseDecisionReadback.live_apply_decision_readbacks.slice(0, 2),
              ].map(readback => (
                <div key={readback.readback_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {readback.display_name}
                    </span>
                    <Chip value={readback.readback_status} muted={readback.readback_status === 'readback_complete'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {readback.readback_summary}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', readback.owner_agent)} muted />
                    <Chip value={readback.readback_mode} muted />
                    <Chip value={t('resultCaptureReleaseDecisionReadback.labels.runtimeWriteAllowed', { value: String(readback.runtime_write_allowed) })} muted />
                    <Chip value={t('resultCaptureReleaseDecisionReadback.labels.telegramSendAllowed', { value: String(readback.telegram_send_allowed) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureReleaseDecisionReadback.blocked_readback_transitions.slice(0, 6).map(transition => (
                <div key={transition.transition_id} style={{ padding: 10, border: '0.5px solid #e0b4a3', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {transition.transition_id}
                    </span>
                    <Chip value={transition.status} muted />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {transition.reason}
                  </span>
                  <Chip value={t('resultCaptureReleaseDecisionReadback.labels.runtimeWriteAllowed', { value: String(transition.runtime_write_allowed) })} muted />
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureReleaseDecisionReadback.operator_actions.slice(0, 5).map(action => (
                <div key={action.action_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {action.action_id}
                    </span>
                    <Chip value={action.status} muted={action.status === 'ready_for_operator_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {action.operator_instruction}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', action.owner_agent)} muted />
                    <Chip value={t('resultCaptureReleaseDecisionReadback.labels.runtimeWriteAllowed', { value: String(action.runtime_write_allowed) })} muted />
                  </div>
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#f8fbff', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <ShieldCheck size={14} style={{ color: '#275e9c' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('resultCaptureReleaseVerifierOwnerReviewPacket.title')}
                </span>
              </div>
              <Chip
                value={t('resultCaptureReleaseVerifierOwnerReviewPacket.source', {
                  generated: formatDateTime(resultCaptureReleaseVerifierOwnerReviewPacket.generated_at),
                  current: resultCaptureReleaseVerifierOwnerReviewPacket.program_status.current_task_id,
                  next: resultCaptureReleaseVerifierOwnerReviewPacket.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('resultCaptureReleaseVerifierOwnerReviewPacket.metrics.overall')} value={`${resultCaptureReleaseVerifierOwnerReviewOverall}%`} tone="ok" icon={<Gauge size={16} />} />
              <MetricCard label={t('resultCaptureReleaseVerifierOwnerReviewPacket.metrics.ownerPackets')} value={resultCaptureReleaseVerifierOwnerPackets} tone="warn" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('resultCaptureReleaseVerifierOwnerReviewPacket.metrics.verifierPackets')} value={resultCaptureReleaseVerifierReviewPackets} tone="warn" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('resultCaptureReleaseVerifierOwnerReviewPacket.metrics.rollbackPackets')} value={resultCaptureReleaseVerifierRollbackPackets} tone="warn" icon={<Undo2 size={16} />} />
              <MetricCard label={t('resultCaptureReleaseVerifierOwnerReviewPacket.metrics.maintenanceHolds')} value={resultCaptureReleaseVerifierOwnerMaintenanceHolds} tone="warn" icon={<Lock size={16} />} />
              <MetricCard label={t('resultCaptureReleaseVerifierOwnerReviewPacket.metrics.liveApplyHolds')} value={resultCaptureReleaseVerifierOwnerLiveApplyHolds} tone="warn" icon={<Lock size={16} />} />
              <MetricCard label={t('resultCaptureReleaseVerifierOwnerReviewPacket.metrics.blockers')} value={resultCaptureReleaseVerifierOwnerBlockedTransitions} tone="danger" icon={<AlertTriangle size={16} />} />
              <MetricCard label={t('resultCaptureReleaseVerifierOwnerReviewPacket.metrics.actions')} value={resultCaptureReleaseVerifierOwnerActions} tone="warn" icon={<Target size={16} />} />
              <MetricCard label={t('resultCaptureReleaseVerifierOwnerReviewPacket.metrics.approvalRequired')} value={resultCaptureReleaseVerifierOwnerApprovalRequired} tone="warn" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('resultCaptureReleaseVerifierOwnerReviewPacket.metrics.blocked')} value={resultCaptureReleaseVerifierOwnerBlocked} tone="danger" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('resultCaptureReleaseVerifierOwnerReviewPacket.metrics.liveWrites')} value={resultCaptureReleaseVerifierOwnerLiveWrites} tone={resultCaptureReleaseVerifierOwnerLiveWrites === 0 ? 'ok' : 'danger'} icon={<BellOff size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(260px, 1fr))', gap: 10 }}>
              <div style={{ padding: 10, border: '0.5px solid #d7c7a1', borderRadius: 7, background: '#fff', minWidth: 0 }}>
                <SmallLabel>{t('resultCaptureReleaseVerifierOwnerReviewPacket.priorTitle')}</SmallLabel>
                <p style={{ margin: '6px 0 8px', fontFamily: "'DM Mono', monospace", fontSize: 10, lineHeight: 1.5, color: '#5c5a55', overflowWrap: 'anywhere' }}>
                  {resultCaptureReleaseVerifierOwnerReviewPacket.prior_release_verifier_preflight_gate.readiness_note}
                </p>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={resultCaptureReleaseVerifierOwnerReviewPacket.prior_release_verifier_preflight_gate.schema_version} />
                  <Chip value={t('resultCaptureReleaseVerifierOwnerReviewPacket.metrics.ownerPackets') + ` ${resultCaptureReleaseVerifierOwnerPackets}`} muted />
                  <Chip value={t('resultCaptureReleaseVerifierOwnerReviewPacket.metrics.liveWrites') + ` ${resultCaptureReleaseVerifierOwnerReviewPacket.prior_release_verifier_preflight_gate.result_capture_write_count}`} muted />
                </div>
              </div>

              <div style={{ padding: 10, border: '0.5px solid #d7c7a1', borderRadius: 7, background: '#fff', minWidth: 0 }}>
                <SmallLabel>{t('resultCaptureReleaseVerifierOwnerReviewPacket.truthTitle')}</SmallLabel>
                <p style={{ margin: '6px 0 8px', fontFamily: "'DM Mono', monospace", fontSize: 10, lineHeight: 1.5, color: '#5c5a55', overflowWrap: 'anywhere' }}>
                  {resultCaptureReleaseVerifierOwnerReviewPacket.release_verifier_owner_review_truth.truth_note}
                </p>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('resultCaptureReleaseVerifierOwnerReviewPacket.flags.p2Loaded', { value: String(resultCaptureReleaseVerifierOwnerReviewPacket.release_verifier_owner_review_truth.p2_136_release_verifier_preflight_gate_loaded) })} />
                  <Chip value={t('resultCaptureReleaseVerifierOwnerReviewPacket.flags.ownerPacketReady', { value: String(resultCaptureReleaseVerifierOwnerReviewPacket.release_verifier_owner_review_truth.owner_review_packet_ready) })} />
                  <Chip value={t('resultCaptureReleaseVerifierOwnerReviewPacket.flags.liveApplyReviewRequired', { value: String(resultCaptureReleaseVerifierOwnerReviewPacket.release_verifier_owner_review_truth.live_apply_review_required) })} />
                  <Chip value={t('resultCaptureReleaseVerifierOwnerReviewPacket.labels.ownerReleaseAuthorized', { value: String(resultCaptureReleaseVerifierOwnerReviewPacket.rollups.owner_release_authorized_count) })} muted />
                  <Chip value={t('resultCaptureReleaseVerifierOwnerReviewPacket.labels.authorizationPassed', { value: String(resultCaptureReleaseVerifierOwnerReviewPacket.rollups.release_authorization_pass_count) })} muted />
                  <Chip value={t('resultCaptureReleaseVerifierOwnerReviewPacket.labels.gatewayWrites', { value: String(resultCaptureReleaseVerifierOwnerReviewPacket.rollups.gateway_queue_write_count) })} muted />
                </div>
              </div>
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureReleaseVerifierOwnerReviewPacket.owner_review_packets.slice(0, 5).map(packet => (
                <div key={packet.packet_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {packet.display_name}
                    </span>
                    <Chip value={packet.status} muted={packet.status === 'ready_for_owner_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {packet.review_summary}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', packet.owner_agent)} muted />
                    <Chip value={packet.packet_mode} muted />
                    <Chip value={t('resultCaptureReleaseVerifierOwnerReviewPacket.labels.ownerReleaseAuthorized', { value: String(packet.owner_release_authorized) })} muted />
                    <Chip value={t('resultCaptureReleaseVerifierOwnerReviewPacket.labels.ownerReviewApproved', { value: String(packet.owner_review_approved) })} muted />
                    <Chip value={t('resultCaptureReleaseVerifierOwnerReviewPacket.labels.authorizationGranted', { value: String(packet.release_authorization_granted) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureReleaseVerifierOwnerReviewPacket.verifier_review_packets.slice(0, 5).map(packet => (
                <div key={packet.packet_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {packet.display_name}
                    </span>
                    <Chip value={packet.status} muted={packet.status === 'ready_for_owner_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {packet.verifier_summary}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', packet.owner_agent)} muted />
                    <Chip value={packet.packet_mode} muted />
                    <Chip value={t('resultCaptureReleaseVerifierOwnerReviewPacket.labels.postReleaseVerifierReady', { value: String(packet.post_release_verifier_ready) })} muted />
                    <Chip value={t('resultCaptureReleaseVerifierOwnerReviewPacket.labels.authorizationPassed', { value: String(packet.release_authorization_passed) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureReleaseVerifierOwnerReviewPacket.blocked_owner_review_transitions.slice(0, 6).map(transition => (
                <div key={transition.transition_id} style={{ padding: 10, border: '0.5px solid #e0b4a3', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {transition.transition_id}
                    </span>
                    <Chip value={transition.status} muted />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {transition.reason}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('resultCaptureReleaseVerifierOwnerReviewPacket.labels.runtimeWriteAllowed', { value: String(transition.runtime_write_allowed) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureReleaseVerifierOwnerReviewPacket.operator_actions.slice(0, 5).map(action => (
                <div key={action.action_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {action.action_id}
                    </span>
                    <Chip value={action.status} muted={action.status === 'ready_for_operator_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {action.operator_instruction}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', action.owner_agent)} muted />
                    <Chip value={t('resultCaptureReleaseVerifierOwnerReviewPacket.labels.runtimeWriteAllowed', { value: String(action.runtime_write_allowed) })} muted />
                  </div>
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#f8fbff', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <ShieldCheck size={14} style={{ color: '#275e9c' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('resultCaptureFinalReleaseCandidateReadback.title')}
                </span>
              </div>
              <Chip
                value={t('resultCaptureFinalReleaseCandidateReadback.source', {
                  generated: formatDateTime(resultCaptureFinalReleaseCandidateReadback.generated_at),
                  current: resultCaptureFinalReleaseCandidateReadback.program_status.current_task_id,
                  next: resultCaptureFinalReleaseCandidateReadback.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('resultCaptureFinalReleaseCandidateReadback.metrics.overall')} value={`${resultCaptureFinalCandidateOverall}%`} tone="ok" icon={<Gauge size={16} />} />
              <MetricCard label={t('resultCaptureFinalReleaseCandidateReadback.metrics.candidates')} value={resultCaptureFinalCandidateReadbacks} tone="warn" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('resultCaptureFinalReleaseCandidateReadback.metrics.rollbackReadbacks')} value={resultCaptureFinalCandidateRollbackReadbacks} tone="warn" icon={<Undo2 size={16} />} />
              <MetricCard label={t('resultCaptureFinalReleaseCandidateReadback.metrics.acceptanceHolds')} value={resultCaptureFinalCandidateAcceptanceHolds} tone="warn" icon={<Lock size={16} />} />
              <MetricCard label={t('resultCaptureFinalReleaseCandidateReadback.metrics.liveApplyHolds')} value={resultCaptureFinalCandidateLiveApplyHolds} tone="warn" icon={<Lock size={16} />} />
              <MetricCard label={t('resultCaptureFinalReleaseCandidateReadback.metrics.blockers')} value={resultCaptureFinalCandidateBlockedTransitions} tone="danger" icon={<AlertTriangle size={16} />} />
              <MetricCard label={t('resultCaptureFinalReleaseCandidateReadback.metrics.actions')} value={resultCaptureFinalCandidateActions} tone="warn" icon={<Target size={16} />} />
              <MetricCard label={t('resultCaptureFinalReleaseCandidateReadback.metrics.approvalRequired')} value={resultCaptureFinalCandidateApprovalRequired} tone="warn" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('resultCaptureFinalReleaseCandidateReadback.metrics.blocked')} value={resultCaptureFinalCandidateBlocked} tone="danger" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('resultCaptureFinalReleaseCandidateReadback.metrics.liveWrites')} value={resultCaptureFinalCandidateLiveWrites} tone={resultCaptureFinalCandidateLiveWrites === 0 ? 'ok' : 'danger'} icon={<BellOff size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(260px, 1fr))', gap: 10 }}>
              <div style={{ padding: 10, border: '0.5px solid #d7c7a1', borderRadius: 7, background: '#fff', minWidth: 0 }}>
                <SmallLabel>{t('resultCaptureFinalReleaseCandidateReadback.priorTitle')}</SmallLabel>
                <p style={{ margin: '6px 0 8px', fontFamily: "'DM Mono', monospace", fontSize: 10, lineHeight: 1.5, color: '#5c5a55', overflowWrap: 'anywhere' }}>
                  {resultCaptureFinalReleaseCandidateReadback.prior_post_release_verifier_rollback_gate.readiness_note}
                </p>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={resultCaptureFinalReleaseCandidateReadback.prior_post_release_verifier_rollback_gate.schema_version} />
                  <Chip value={t('resultCaptureFinalReleaseCandidateReadback.metrics.candidates') + ` ${resultCaptureFinalCandidateReadbacks}`} muted />
                  <Chip value={t('resultCaptureFinalReleaseCandidateReadback.metrics.liveWrites') + ` ${resultCaptureFinalReleaseCandidateReadback.prior_post_release_verifier_rollback_gate.result_capture_write_count}`} muted />
                </div>
              </div>

              <div style={{ padding: 10, border: '0.5px solid #d7c7a1', borderRadius: 7, background: '#fff', minWidth: 0 }}>
                <SmallLabel>{t('resultCaptureFinalReleaseCandidateReadback.truthTitle')}</SmallLabel>
                <p style={{ margin: '6px 0 8px', fontFamily: "'DM Mono', monospace", fontSize: 10, lineHeight: 1.5, color: '#5c5a55', overflowWrap: 'anywhere' }}>
                  {resultCaptureFinalReleaseCandidateReadback.final_release_candidate_truth.truth_note}
                </p>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('resultCaptureFinalReleaseCandidateReadback.flags.p2Loaded', { value: String(resultCaptureFinalReleaseCandidateReadback.final_release_candidate_truth.p2_132_post_release_gate_loaded) })} />
                  <Chip value={t('resultCaptureFinalReleaseCandidateReadback.flags.candidateReadbackReady', { value: String(resultCaptureFinalReleaseCandidateReadback.final_release_candidate_truth.final_release_candidate_readback_ready) })} />
                  <Chip value={t('resultCaptureFinalReleaseCandidateReadback.flags.liveApplyHoldActive', { value: String(resultCaptureFinalReleaseCandidateReadback.final_release_candidate_truth.live_apply_candidate_hold_active) })} />
                  <Chip value={t('resultCaptureFinalReleaseCandidateReadback.labels.ownerReleaseApproved', { value: String(resultCaptureFinalReleaseCandidateReadback.rollups.owner_release_approved_count) })} muted />
                  <Chip value={t('resultCaptureFinalReleaseCandidateReadback.labels.candidatePassed', { value: String(resultCaptureFinalReleaseCandidateReadback.rollups.final_release_candidate_pass_count) })} muted />
                  <Chip value={t('resultCaptureFinalReleaseCandidateReadback.labels.gatewayWrites', { value: String(resultCaptureFinalReleaseCandidateReadback.rollups.gateway_queue_write_count) })} muted />
                </div>
              </div>
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureFinalReleaseCandidateReadback.final_release_candidate_readbacks.slice(0, 5).map(readback => (
                <div key={readback.readback_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {readback.display_name}
                    </span>
                    <Chip value={readback.status} muted={readback.status === 'ready_for_owner_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {readback.candidate_summary}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', readback.owner_agent)} muted />
                    <Chip value={readback.readback_mode} muted />
                    <Chip value={t('resultCaptureFinalReleaseCandidateReadback.labels.candidateApproved', { value: String(readback.final_release_candidate_approved) })} muted />
                    <Chip value={t('resultCaptureFinalReleaseCandidateReadback.labels.candidatePassed', { value: String(readback.final_release_candidate_passed) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureFinalReleaseCandidateReadback.rollback_candidate_readbacks.slice(0, 5).map(readback => (
                <div key={readback.readback_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {readback.display_name}
                    </span>
                    <Chip value={readback.status} muted={readback.status === 'ready_for_owner_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {readback.rollback_summary}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('resultCaptureFinalReleaseCandidateReadback.labels.rollbackRequired', { value: String(readback.rollback_owner_required) })} />
                    <Chip value={t('resultCaptureFinalReleaseCandidateReadback.labels.rollbackConfirmed', { value: String(readback.rollback_owner_confirmed) })} muted />
                    <Chip value={t('resultCaptureFinalReleaseCandidateReadback.labels.rollbackEnabled', { value: String(readback.rollback_release_enabled) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureFinalReleaseCandidateReadback.candidate_acceptance_holds.slice(0, 5).map(hold => (
                <div key={hold.hold_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {hold.display_name}
                    </span>
                    <Chip value={hold.status} muted={hold.status === 'ready_for_owner_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {hold.hold_reason}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('resultCaptureFinalReleaseCandidateReadback.labels.ownerReleaseApproved', { value: String(hold.owner_release_approved) })} muted />
                    <Chip value={t('resultCaptureFinalReleaseCandidateReadback.labels.maintenanceApproved', { value: String(hold.maintenance_window_approved) })} muted />
                    <Chip value={t('resultCaptureFinalReleaseCandidateReadback.labels.candidatePassed', { value: String(hold.final_release_candidate_passed) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureFinalReleaseCandidateReadback.live_apply_candidate_holds.slice(0, 5).map(hold => (
                <div key={hold.hold_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {hold.display_name}
                    </span>
                    <Chip value={hold.status} muted={hold.status === 'ready_for_owner_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {hold.release_condition}
                  </span>
                  <Chip value={t('resultCaptureFinalReleaseCandidateReadback.labels.liveApplyReleaseEnabled', { value: String(hold.live_apply_release_enabled) })} muted />
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureFinalReleaseCandidateReadback.operator_actions.slice(0, 5).map(action => (
                <div key={action.action_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {action.action_id}
                    </span>
                    <Chip value={action.status} muted={action.status === 'ready_for_operator_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {action.operator_instruction}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', action.owner_agent)} muted />
                    <Chip value={t('resultCaptureFinalReleaseCandidateReadback.labels.runtimeWriteAllowed', { value: String(action.runtime_write_allowed) })} muted />
                  </div>
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#f8fbff', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <ShieldCheck size={14} style={{ color: '#275e9c' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('resultCaptureReleaseVerifierPreflightGate.title')}
                </span>
              </div>
              <Chip
                value={t('resultCaptureReleaseVerifierPreflightGate.source', {
                  generated: formatDateTime(resultCaptureReleaseVerifierPreflightGate.generated_at),
                  current: resultCaptureReleaseVerifierPreflightGate.program_status.current_task_id,
                  next: resultCaptureReleaseVerifierPreflightGate.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('resultCaptureReleaseVerifierPreflightGate.metrics.overall')} value={`${resultCaptureReleaseVerifierPreflightOverall}%`} tone="ok" icon={<Gauge size={16} />} />
              <MetricCard label={t('resultCaptureReleaseVerifierPreflightGate.metrics.preflights')} value={resultCaptureReleaseVerifierPreflights} tone="warn" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('resultCaptureReleaseVerifierPreflightGate.metrics.rollbackPreflights')} value={resultCaptureReleaseVerifierRollbacks} tone="warn" icon={<Undo2 size={16} />} />
              <MetricCard label={t('resultCaptureReleaseVerifierPreflightGate.metrics.maintenanceHolds')} value={resultCaptureReleaseVerifierMaintenanceHolds} tone="warn" icon={<Lock size={16} />} />
              <MetricCard label={t('resultCaptureReleaseVerifierPreflightGate.metrics.liveApplyHolds')} value={resultCaptureReleaseVerifierLiveApplyHolds} tone="warn" icon={<Lock size={16} />} />
              <MetricCard label={t('resultCaptureReleaseVerifierPreflightGate.metrics.blockers')} value={resultCaptureReleaseVerifierBlockedTransitions} tone="danger" icon={<AlertTriangle size={16} />} />
              <MetricCard label={t('resultCaptureReleaseVerifierPreflightGate.metrics.actions')} value={resultCaptureReleaseVerifierActions} tone="warn" icon={<Target size={16} />} />
              <MetricCard label={t('resultCaptureReleaseVerifierPreflightGate.metrics.approvalRequired')} value={resultCaptureReleaseVerifierApprovalRequired} tone="warn" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('resultCaptureReleaseVerifierPreflightGate.metrics.blocked')} value={resultCaptureReleaseVerifierBlocked} tone="danger" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('resultCaptureReleaseVerifierPreflightGate.metrics.liveWrites')} value={resultCaptureReleaseVerifierLiveWrites} tone={resultCaptureReleaseVerifierLiveWrites === 0 ? 'ok' : 'danger'} icon={<BellOff size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(260px, 1fr))', gap: 10 }}>
              <div style={{ padding: 10, border: '0.5px solid #d7c7a1', borderRadius: 7, background: '#fff', minWidth: 0 }}>
                <SmallLabel>{t('resultCaptureReleaseVerifierPreflightGate.priorTitle')}</SmallLabel>
                <p style={{ margin: '6px 0 8px', fontFamily: "'DM Mono', monospace", fontSize: 10, lineHeight: 1.5, color: '#5c5a55', overflowWrap: 'anywhere' }}>
                  {resultCaptureReleaseVerifierPreflightGate.prior_release_authorization_readback_gate.readiness_note}
                </p>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={resultCaptureReleaseVerifierPreflightGate.prior_release_authorization_readback_gate.schema_version} />
                  <Chip value={t('resultCaptureReleaseVerifierPreflightGate.metrics.preflights') + ` ${resultCaptureReleaseVerifierPreflights}`} muted />
                  <Chip value={t('resultCaptureReleaseVerifierPreflightGate.metrics.liveWrites') + ` ${resultCaptureReleaseVerifierPreflightGate.prior_release_authorization_readback_gate.result_capture_write_count}`} muted />
                </div>
              </div>

              <div style={{ padding: 10, border: '0.5px solid #d7c7a1', borderRadius: 7, background: '#fff', minWidth: 0 }}>
                <SmallLabel>{t('resultCaptureReleaseVerifierPreflightGate.truthTitle')}</SmallLabel>
                <p style={{ margin: '6px 0 8px', fontFamily: "'DM Mono', monospace", fontSize: 10, lineHeight: 1.5, color: '#5c5a55', overflowWrap: 'anywhere' }}>
                  {resultCaptureReleaseVerifierPreflightGate.release_verifier_preflight_truth.truth_note}
                </p>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('resultCaptureReleaseVerifierPreflightGate.flags.p2Loaded', { value: String(resultCaptureReleaseVerifierPreflightGate.release_verifier_preflight_truth.p2_135_release_authorization_readback_gate_loaded) })} />
                  <Chip value={t('resultCaptureReleaseVerifierPreflightGate.flags.preflightReady', { value: String(resultCaptureReleaseVerifierPreflightGate.release_verifier_preflight_truth.release_verifier_preflight_ready) })} />
                  <Chip value={t('resultCaptureReleaseVerifierPreflightGate.flags.liveApplyHoldActive', { value: String(resultCaptureReleaseVerifierPreflightGate.release_verifier_preflight_truth.live_apply_verifier_hold_active) })} />
                  <Chip value={t('resultCaptureReleaseVerifierPreflightGate.labels.ownerReleaseAuthorized', { value: String(resultCaptureReleaseVerifierPreflightGate.rollups.owner_release_authorized_count) })} muted />
                  <Chip value={t('resultCaptureReleaseVerifierPreflightGate.labels.authorizationPassed', { value: String(resultCaptureReleaseVerifierPreflightGate.rollups.release_authorization_pass_count) })} muted />
                  <Chip value={t('resultCaptureReleaseVerifierPreflightGate.labels.gatewayWrites', { value: String(resultCaptureReleaseVerifierPreflightGate.rollups.gateway_queue_write_count) })} muted />
                </div>
              </div>
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureReleaseVerifierPreflightGate.release_verifier_preflight_gates.slice(0, 5).map(readback => (
                <div key={readback.readback_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {readback.display_name}
                    </span>
                    <Chip value={readback.status} muted={readback.status === 'ready_for_owner_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {readback.readback_summary}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', readback.owner_agent)} muted />
                    <Chip value={readback.readback_mode} muted />
                    <Chip value={t('resultCaptureReleaseVerifierPreflightGate.labels.ownerReleaseAuthorized', { value: String(readback.owner_release_authorized) })} muted />
                    <Chip value={t('resultCaptureReleaseVerifierPreflightGate.labels.authorizationGranted', { value: String(readback.release_authorization_granted) })} muted />
                    <Chip value={t('resultCaptureReleaseVerifierPreflightGate.labels.authorizationPassed', { value: String(readback.release_authorization_passed) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureReleaseVerifierPreflightGate.blocked_verifier_preflight_transitions.slice(0, 6).map(blocker => (
                <div key={blocker.blocker_id} style={{ padding: 10, border: '0.5px solid #e0b4a3', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {blocker.display_name}
                    </span>
                    <Chip value={blocker.severity} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {blocker.blocked_action}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={blocker.status} muted />
                    <Chip value={blocker.blocked_until} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureReleaseVerifierPreflightGate.operator_actions.slice(0, 5).map(action => (
                <div key={action.action_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {action.action_id}
                    </span>
                    <Chip value={action.status} muted={action.status === 'ready_for_operator_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {action.operator_instruction}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', action.owner_agent)} muted />
                    <Chip value={t('resultCaptureReleaseVerifierPreflightGate.labels.runtimeWriteAllowed', { value: String(action.runtime_write_allowed) })} muted />
                  </div>
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#f8fbff', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <ShieldAlert size={14} style={{ color: '#275e9c' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('resultCaptureReleaseAuthorizationReadbackGate.title')}
                </span>
              </div>
              <Chip
                value={t('resultCaptureReleaseAuthorizationReadbackGate.source', {
                  generated: formatDateTime(resultCaptureReleaseAuthorizationReadbackGate.generated_at),
                  current: resultCaptureReleaseAuthorizationReadbackGate.program_status.current_task_id,
                  next: resultCaptureReleaseAuthorizationReadbackGate.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('resultCaptureReleaseAuthorizationReadbackGate.metrics.overall')} value={`${resultCaptureReleaseReadbackOverall}%`} tone="ok" icon={<Gauge size={16} />} />
              <MetricCard label={t('resultCaptureReleaseAuthorizationReadbackGate.metrics.readbacks')} value={resultCaptureReleaseReadbacks} tone="warn" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('resultCaptureReleaseAuthorizationReadbackGate.metrics.rollbackReadbacks')} value={resultCaptureReleaseReadbackRollbacks} tone="warn" icon={<Undo2 size={16} />} />
              <MetricCard label={t('resultCaptureReleaseAuthorizationReadbackGate.metrics.maintenanceHolds')} value={resultCaptureReleaseReadbackMaintenanceHolds} tone="warn" icon={<Lock size={16} />} />
              <MetricCard label={t('resultCaptureReleaseAuthorizationReadbackGate.metrics.liveApplyHolds')} value={resultCaptureReleaseReadbackLiveApplyHolds} tone="warn" icon={<Lock size={16} />} />
              <MetricCard label={t('resultCaptureReleaseAuthorizationReadbackGate.metrics.blockers')} value={resultCaptureReleaseReadbackBlockedTransitions} tone="danger" icon={<AlertTriangle size={16} />} />
              <MetricCard label={t('resultCaptureReleaseAuthorizationReadbackGate.metrics.actions')} value={resultCaptureReleaseReadbackActions} tone="warn" icon={<Target size={16} />} />
              <MetricCard label={t('resultCaptureReleaseAuthorizationReadbackGate.metrics.approvalRequired')} value={resultCaptureReleaseReadbackApprovalRequired} tone="warn" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('resultCaptureReleaseAuthorizationReadbackGate.metrics.blocked')} value={resultCaptureReleaseReadbackBlocked} tone="danger" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('resultCaptureReleaseAuthorizationReadbackGate.metrics.liveWrites')} value={resultCaptureReleaseReadbackLiveWrites} tone={resultCaptureReleaseReadbackLiveWrites === 0 ? 'ok' : 'danger'} icon={<BellOff size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(260px, 1fr))', gap: 10 }}>
              <div style={{ padding: 10, border: '0.5px solid #d7c7a1', borderRadius: 7, background: '#fff', minWidth: 0 }}>
                <SmallLabel>{t('resultCaptureReleaseAuthorizationReadbackGate.priorTitle')}</SmallLabel>
                <p style={{ margin: '6px 0 8px', fontFamily: "'DM Mono', monospace", fontSize: 10, lineHeight: 1.5, color: '#5c5a55', overflowWrap: 'anywhere' }}>
                  {resultCaptureReleaseAuthorizationReadbackGate.prior_release_authorization_hold.readiness_note}
                </p>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={resultCaptureReleaseAuthorizationReadbackGate.prior_release_authorization_hold.schema_version} />
                  <Chip value={t('resultCaptureReleaseAuthorizationReadbackGate.metrics.readbacks') + ` ${resultCaptureReleaseReadbacks}`} muted />
                  <Chip value={t('resultCaptureReleaseAuthorizationReadbackGate.metrics.liveWrites') + ` ${resultCaptureReleaseAuthorizationReadbackGate.prior_release_authorization_hold.result_capture_write_count}`} muted />
                </div>
              </div>

              <div style={{ padding: 10, border: '0.5px solid #d7c7a1', borderRadius: 7, background: '#fff', minWidth: 0 }}>
                <SmallLabel>{t('resultCaptureReleaseAuthorizationReadbackGate.truthTitle')}</SmallLabel>
                <p style={{ margin: '6px 0 8px', fontFamily: "'DM Mono', monospace", fontSize: 10, lineHeight: 1.5, color: '#5c5a55', overflowWrap: 'anywhere' }}>
                  {resultCaptureReleaseAuthorizationReadbackGate.release_authorization_readback_truth.truth_note}
                </p>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('resultCaptureReleaseAuthorizationReadbackGate.flags.p2Loaded', { value: String(resultCaptureReleaseAuthorizationReadbackGate.release_authorization_readback_truth.p2_134_release_authorization_hold_loaded) })} />
                  <Chip value={t('resultCaptureReleaseAuthorizationReadbackGate.flags.readbackReady', { value: String(resultCaptureReleaseAuthorizationReadbackGate.release_authorization_readback_truth.release_authorization_readback_ready) })} />
                  <Chip value={t('resultCaptureReleaseAuthorizationReadbackGate.flags.liveApplyHoldActive', { value: String(resultCaptureReleaseAuthorizationReadbackGate.release_authorization_readback_truth.live_apply_release_readback_hold_active) })} />
                  <Chip value={t('resultCaptureReleaseAuthorizationReadbackGate.labels.ownerReleaseAuthorized', { value: String(resultCaptureReleaseAuthorizationReadbackGate.rollups.owner_release_authorized_count) })} muted />
                  <Chip value={t('resultCaptureReleaseAuthorizationReadbackGate.labels.authorizationPassed', { value: String(resultCaptureReleaseAuthorizationReadbackGate.rollups.release_authorization_pass_count) })} muted />
                  <Chip value={t('resultCaptureReleaseAuthorizationReadbackGate.labels.gatewayWrites', { value: String(resultCaptureReleaseAuthorizationReadbackGate.rollups.gateway_queue_write_count) })} muted />
                </div>
              </div>
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureReleaseAuthorizationReadbackGate.release_authorization_readbacks.slice(0, 5).map(readback => (
                <div key={readback.readback_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {readback.display_name}
                    </span>
                    <Chip value={readback.status} muted={readback.status === 'ready_for_owner_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {readback.readback_summary}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', readback.owner_agent)} muted />
                    <Chip value={readback.readback_mode} muted />
                    <Chip value={t('resultCaptureReleaseAuthorizationReadbackGate.labels.ownerReleaseAuthorized', { value: String(readback.owner_release_authorized) })} muted />
                    <Chip value={t('resultCaptureReleaseAuthorizationReadbackGate.labels.authorizationGranted', { value: String(readback.release_authorization_granted) })} muted />
                    <Chip value={t('resultCaptureReleaseAuthorizationReadbackGate.labels.authorizationPassed', { value: String(readback.release_authorization_passed) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureReleaseAuthorizationReadbackGate.rollback_release_readbacks.slice(0, 5).map(readback => (
                <div key={readback.readback_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {readback.display_name}
                    </span>
                    <Chip value={readback.status} muted={readback.status === 'ready_for_owner_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {readback.readback_summary}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('resultCaptureReleaseAuthorizationReadbackGate.labels.rollbackRequired', { value: String(readback.rollback_owner_required) })} />
                    <Chip value={t('resultCaptureReleaseAuthorizationReadbackGate.labels.rollbackConfirmed', { value: String(readback.rollback_owner_confirmed) })} muted />
                    <Chip value={t('resultCaptureReleaseAuthorizationReadbackGate.labels.rollbackPassed', { value: String(readback.rollback_release_passed) })} muted />
                    <Chip value={t('resultCaptureReleaseAuthorizationReadbackGate.labels.rollbackEnabled', { value: String(readback.rollback_release_enabled) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureReleaseAuthorizationReadbackGate.maintenance_window_readback_holds.slice(0, 5).map(hold => (
                <div key={hold.hold_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {hold.display_name}
                    </span>
                    <Chip value={hold.status} muted={hold.status === 'ready_for_owner_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {hold.hold_reason}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('resultCaptureReleaseAuthorizationReadbackGate.labels.ownerReleaseAuthorized', { value: String(hold.owner_release_authorized) })} muted />
                    <Chip value={t('resultCaptureReleaseAuthorizationReadbackGate.labels.maintenanceApproved', { value: String(hold.maintenance_window_approved) })} muted />
                    <Chip value={t('resultCaptureReleaseAuthorizationReadbackGate.labels.candidatePassed', { value: String(hold.final_release_candidate_passed) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureReleaseAuthorizationReadbackGate.live_apply_release_readback_holds.slice(0, 5).map(hold => (
                <div key={hold.hold_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {hold.display_name}
                    </span>
                    <Chip value={hold.status} muted={hold.status === 'ready_for_owner_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {hold.release_condition}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('resultCaptureReleaseAuthorizationReadbackGate.labels.authorizationPassed', { value: String(hold.release_authorization_passed) })} muted />
                    <Chip value={t('resultCaptureReleaseAuthorizationReadbackGate.labels.liveApplyReleasePassed', { value: String(hold.live_apply_release_passed) })} muted />
                    <Chip value={t('resultCaptureReleaseAuthorizationReadbackGate.labels.liveApplyReleaseEnabled', { value: String(hold.live_apply_release_enabled) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureReleaseAuthorizationReadbackGate.operator_actions.slice(0, 5).map(action => (
                <div key={action.action_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {action.action_id}
                    </span>
                    <Chip value={action.status} muted={action.status === 'ready_for_operator_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {action.operator_instruction}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', action.owner_agent)} muted />
                    <Chip value={t('resultCaptureReleaseAuthorizationReadbackGate.labels.runtimeWriteAllowed', { value: String(action.runtime_write_allowed) })} muted />
                  </div>
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#f8fbff', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <ShieldAlert size={14} style={{ color: '#275e9c' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('resultCaptureReleaseAuthorizationHold.title')}
                </span>
              </div>
              <Chip
                value={t('resultCaptureReleaseAuthorizationHold.source', {
                  generated: formatDateTime(resultCaptureReleaseAuthorizationHold.generated_at),
                  current: resultCaptureReleaseAuthorizationHold.program_status.current_task_id,
                  next: resultCaptureReleaseAuthorizationHold.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('resultCaptureReleaseAuthorizationHold.metrics.overall')} value={`${resultCaptureReleaseAuthorizationOverall}%`} tone="ok" icon={<Gauge size={16} />} />
              <MetricCard label={t('resultCaptureReleaseAuthorizationHold.metrics.authorizationHolds')} value={resultCaptureReleaseAuthorizationHolds} tone="warn" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('resultCaptureReleaseAuthorizationHold.metrics.rollbackHolds')} value={resultCaptureReleaseAuthorizationRollbackHolds} tone="warn" icon={<Undo2 size={16} />} />
              <MetricCard label={t('resultCaptureReleaseAuthorizationHold.metrics.releaseWindowHolds')} value={resultCaptureReleaseAuthorizationWindowHolds} tone="warn" icon={<Lock size={16} />} />
              <MetricCard label={t('resultCaptureReleaseAuthorizationHold.metrics.liveApplyHolds')} value={resultCaptureReleaseAuthorizationLiveApplyHolds} tone="warn" icon={<Lock size={16} />} />
              <MetricCard label={t('resultCaptureReleaseAuthorizationHold.metrics.blockers')} value={resultCaptureReleaseAuthorizationBlockedTransitions} tone="danger" icon={<AlertTriangle size={16} />} />
              <MetricCard label={t('resultCaptureReleaseAuthorizationHold.metrics.actions')} value={resultCaptureReleaseAuthorizationActions} tone="warn" icon={<Target size={16} />} />
              <MetricCard label={t('resultCaptureReleaseAuthorizationHold.metrics.approvalRequired')} value={resultCaptureReleaseAuthorizationApprovalRequired} tone="warn" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('resultCaptureReleaseAuthorizationHold.metrics.blocked')} value={resultCaptureReleaseAuthorizationBlocked} tone="danger" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('resultCaptureReleaseAuthorizationHold.metrics.liveWrites')} value={resultCaptureReleaseAuthorizationLiveWrites} tone={resultCaptureReleaseAuthorizationLiveWrites === 0 ? 'ok' : 'danger'} icon={<BellOff size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(260px, 1fr))', gap: 10 }}>
              <div style={{ padding: 10, border: '0.5px solid #d7c7a1', borderRadius: 7, background: '#fff', minWidth: 0 }}>
                <SmallLabel>{t('resultCaptureReleaseAuthorizationHold.priorTitle')}</SmallLabel>
                <p style={{ margin: '6px 0 8px', fontFamily: "'DM Mono', monospace", fontSize: 10, lineHeight: 1.5, color: '#5c5a55', overflowWrap: 'anywhere' }}>
                  {resultCaptureReleaseAuthorizationHold.prior_final_release_candidate_readback.readiness_note}
                </p>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={resultCaptureReleaseAuthorizationHold.prior_final_release_candidate_readback.schema_version} />
                  <Chip value={t('resultCaptureReleaseAuthorizationHold.metrics.authorizationHolds') + ` ${resultCaptureReleaseAuthorizationHolds}`} muted />
                  <Chip value={t('resultCaptureReleaseAuthorizationHold.metrics.liveWrites') + ` ${resultCaptureReleaseAuthorizationHold.prior_final_release_candidate_readback.result_capture_write_count}`} muted />
                </div>
              </div>

              <div style={{ padding: 10, border: '0.5px solid #d7c7a1', borderRadius: 7, background: '#fff', minWidth: 0 }}>
                <SmallLabel>{t('resultCaptureReleaseAuthorizationHold.truthTitle')}</SmallLabel>
                <p style={{ margin: '6px 0 8px', fontFamily: "'DM Mono', monospace", fontSize: 10, lineHeight: 1.5, color: '#5c5a55', overflowWrap: 'anywhere' }}>
                  {resultCaptureReleaseAuthorizationHold.release_authorization_truth.truth_note}
                </p>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('resultCaptureReleaseAuthorizationHold.flags.p2Loaded', { value: String(resultCaptureReleaseAuthorizationHold.release_authorization_truth.p2_133_final_candidate_loaded) })} />
                  <Chip value={t('resultCaptureReleaseAuthorizationHold.flags.authorizationHoldReady', { value: String(resultCaptureReleaseAuthorizationHold.release_authorization_truth.release_authorization_hold_ready) })} />
                  <Chip value={t('resultCaptureReleaseAuthorizationHold.flags.liveApplyHoldActive', { value: String(resultCaptureReleaseAuthorizationHold.release_authorization_truth.live_apply_authorization_hold_active) })} />
                  <Chip value={t('resultCaptureReleaseAuthorizationHold.labels.ownerReleaseAuthorized', { value: String(resultCaptureReleaseAuthorizationHold.rollups.owner_release_authorized_count) })} muted />
                  <Chip value={t('resultCaptureReleaseAuthorizationHold.labels.authorizationPassed', { value: String(resultCaptureReleaseAuthorizationHold.rollups.release_authorization_pass_count) })} muted />
                  <Chip value={t('resultCaptureReleaseAuthorizationHold.labels.gatewayWrites', { value: String(resultCaptureReleaseAuthorizationHold.rollups.gateway_queue_write_count) })} muted />
                </div>
              </div>
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureReleaseAuthorizationHold.release_authorization_holds.slice(0, 5).map(hold => (
                <div key={hold.hold_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {hold.display_name}
                    </span>
                    <Chip value={hold.status} muted={hold.status === 'ready_for_owner_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {hold.authorization_summary}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', hold.owner_agent)} muted />
                    <Chip value={hold.hold_mode} muted />
                    <Chip value={t('resultCaptureReleaseAuthorizationHold.labels.ownerReleaseAuthorized', { value: String(hold.owner_release_authorized) })} muted />
                    <Chip value={t('resultCaptureReleaseAuthorizationHold.labels.authorizationGranted', { value: String(hold.release_authorization_granted) })} muted />
                    <Chip value={t('resultCaptureReleaseAuthorizationHold.labels.authorizationPassed', { value: String(hold.release_authorization_passed) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureReleaseAuthorizationHold.rollback_authorization_holds.slice(0, 5).map(hold => (
                <div key={hold.hold_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {hold.display_name}
                    </span>
                    <Chip value={hold.status} muted={hold.status === 'ready_for_owner_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {hold.rollback_summary}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('resultCaptureReleaseAuthorizationHold.labels.rollbackRequired', { value: String(hold.rollback_owner_required) })} />
                    <Chip value={t('resultCaptureReleaseAuthorizationHold.labels.rollbackConfirmed', { value: String(hold.rollback_owner_confirmed) })} muted />
                    <Chip value={t('resultCaptureReleaseAuthorizationHold.labels.rollbackEnabled', { value: String(hold.rollback_release_enabled) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureReleaseAuthorizationHold.release_window_holds.slice(0, 5).map(hold => (
                <div key={hold.hold_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {hold.display_name}
                    </span>
                    <Chip value={hold.status} muted={hold.status === 'ready_for_owner_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {hold.hold_reason}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('resultCaptureReleaseAuthorizationHold.labels.ownerReleaseAuthorized', { value: String(hold.owner_release_authorized) })} muted />
                    <Chip value={t('resultCaptureReleaseAuthorizationHold.labels.maintenanceApproved', { value: String(hold.maintenance_window_approved) })} muted />
                    <Chip value={t('resultCaptureReleaseAuthorizationHold.labels.candidatePassed', { value: String(hold.final_release_candidate_passed) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureReleaseAuthorizationHold.live_apply_authorization_holds.slice(0, 5).map(hold => (
                <div key={hold.hold_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {hold.display_name}
                    </span>
                    <Chip value={hold.status} muted={hold.status === 'ready_for_owner_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {hold.release_condition}
                  </span>
                  <Chip value={t('resultCaptureReleaseAuthorizationHold.labels.liveApplyReleaseEnabled', { value: String(hold.live_apply_release_enabled) })} muted />
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureReleaseAuthorizationHold.operator_actions.slice(0, 5).map(action => (
                <div key={action.action_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {action.action_id}
                    </span>
                    <Chip value={action.status} muted={action.status === 'ready_for_operator_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {action.operator_instruction}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', action.owner_agent)} muted />
                    <Chip value={t('resultCaptureReleaseAuthorizationHold.labels.runtimeWriteAllowed', { value: String(action.runtime_write_allowed) })} muted />
                  </div>
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#f8fbff', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <ShieldAlert size={14} style={{ color: '#275e9c' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('resultCaptureOwnerReleaseApprovalGate.title')}
                </span>
              </div>
              <Chip
                value={t('resultCaptureOwnerReleaseApprovalGate.source', {
                  generated: formatDateTime(resultCaptureOwnerReleaseApprovalGate.generated_at),
                  current: resultCaptureOwnerReleaseApprovalGate.program_status.current_task_id,
                  next: resultCaptureOwnerReleaseApprovalGate.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('resultCaptureOwnerReleaseApprovalGate.metrics.overall')} value={`${resultCaptureOwnerReleaseApprovalOverall}%`} tone="ok" icon={<Gauge size={16} />} />
              <MetricCard label={t('resultCaptureOwnerReleaseApprovalGate.metrics.packets')} value={resultCaptureOwnerReleaseApprovalPackets} tone="warn" icon={<PackageCheck size={16} />} />
              <MetricCard label={t('resultCaptureOwnerReleaseApprovalGate.metrics.maintenanceWindows')} value={resultCaptureOwnerReleaseApprovalMaintenanceWindows} tone="warn" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('resultCaptureOwnerReleaseApprovalGate.metrics.liveApplyGates')} value={resultCaptureOwnerReleaseApprovalLiveApplyGates} tone="warn" icon={<Lock size={16} />} />
              <MetricCard label={t('resultCaptureOwnerReleaseApprovalGate.metrics.rollbackChecks')} value={resultCaptureOwnerReleaseApprovalRollbacks} tone="warn" icon={<Undo2 size={16} />} />
              <MetricCard label={t('resultCaptureOwnerReleaseApprovalGate.metrics.blockers')} value={resultCaptureOwnerReleaseApprovalBlockedTransitions} tone="danger" icon={<AlertTriangle size={16} />} />
              <MetricCard label={t('resultCaptureOwnerReleaseApprovalGate.metrics.actions')} value={resultCaptureOwnerReleaseApprovalActions} tone="warn" icon={<Target size={16} />} />
              <MetricCard label={t('resultCaptureOwnerReleaseApprovalGate.metrics.approvalRequired')} value={resultCaptureOwnerReleaseApprovalRequired} tone="warn" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('resultCaptureOwnerReleaseApprovalGate.metrics.blocked')} value={resultCaptureOwnerReleaseApprovalBlocked} tone="danger" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('resultCaptureOwnerReleaseApprovalGate.metrics.liveWrites')} value={resultCaptureOwnerReleaseApprovalLiveWrites} tone={resultCaptureOwnerReleaseApprovalLiveWrites === 0 ? 'ok' : 'danger'} icon={<BellOff size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))', gap: 12 }} className="automation-inventory-live-read-grid">
              <div style={{ padding: 11, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('resultCaptureOwnerReleaseApprovalGate.priorTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {resultCaptureOwnerReleaseApprovalGate.prior_owner_approved_release_readiness_readback.readiness_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={resultCaptureOwnerReleaseApprovalGate.prior_owner_approved_release_readiness_readback.schema_version} />
                  <Chip value={t('resultCaptureOwnerReleaseApprovalGate.metrics.packets') + ` ${resultCaptureOwnerReleaseApprovalPackets}`} muted />
                  <Chip value={t('resultCaptureOwnerReleaseApprovalGate.metrics.liveWrites') + ` ${resultCaptureOwnerReleaseApprovalGate.prior_owner_approved_release_readiness_readback.result_capture_write_count}`} muted />
                </div>
              </div>

              <div style={{ padding: 11, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('resultCaptureOwnerReleaseApprovalGate.truthTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {resultCaptureOwnerReleaseApprovalGate.owner_release_approval_truth.truth_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('resultCaptureOwnerReleaseApprovalGate.flags.p2Loaded', { value: String(resultCaptureOwnerReleaseApprovalGate.owner_release_approval_truth.p2_130_readiness_loaded) })} />
                  <Chip value={t('resultCaptureOwnerReleaseApprovalGate.flags.ownerReleaseReviewRequired', { value: String(resultCaptureOwnerReleaseApprovalGate.owner_release_approval_truth.owner_release_review_required) })} />
                  <Chip value={t('resultCaptureOwnerReleaseApprovalGate.flags.liveApplyApprovalHoldActive', { value: String(resultCaptureOwnerReleaseApprovalGate.owner_release_approval_truth.live_apply_approval_hold_active) })} />
                  <Chip value={t('resultCaptureOwnerReleaseApprovalGate.labels.ownerReleaseApproved', { value: String(resultCaptureOwnerReleaseApprovalGate.rollups.owner_release_approved_count) })} muted />
                  <Chip value={t('resultCaptureOwnerReleaseApprovalGate.labels.releaseApprovalPassed', { value: String(resultCaptureOwnerReleaseApprovalGate.rollups.release_approval_pass_count) })} muted />
                  <Chip value={t('resultCaptureOwnerReleaseApprovalGate.labels.gatewayWrites', { value: String(resultCaptureOwnerReleaseApprovalGate.rollups.gateway_queue_write_count) })} muted />
                </div>
              </div>
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureOwnerReleaseApprovalGate.owner_release_approval_packets.slice(0, 5).map(packet => (
                <div key={packet.packet_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {packet.display_name}
                    </span>
                    <Chip value={packet.status} muted={packet.status === 'ready_for_owner_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {packet.source_readiness} → {packet.approval_summary}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', packet.owner_agent)} muted />
                    <Chip value={packet.approval_mode} muted />
                    <Chip value={t('resultCaptureOwnerReleaseApprovalGate.labels.releaseApprovalPassed', { value: String(packet.release_approval_passed) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureOwnerReleaseApprovalGate.maintenance_window_approval_gates.slice(0, 5).map(gate => (
                <div key={gate.gate_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {gate.display_name}
                    </span>
                    <Chip value={gate.status} muted={gate.status === 'ready_for_owner_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {gate.required_before_live_apply}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', gate.owner_agent)} muted />
                    <Chip value={gate.gate_mode} muted />
                    <Chip value={t('resultCaptureOwnerReleaseApprovalGate.labels.maintenanceApproved', { value: String(gate.maintenance_window_approved) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureOwnerReleaseApprovalGate.live_apply_release_approval_gates.slice(0, 5).map(gate => (
                <div key={gate.gate_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {gate.display_name}
                    </span>
                    <Chip value={gate.status} muted={gate.status === 'ready_for_owner_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {gate.hold_reason} {gate.release_condition}
                  </span>
                  <Chip value={t('resultCaptureOwnerReleaseApprovalGate.labels.liveApplyReleaseEnabled', { value: String(gate.live_apply_release_enabled) })} muted />
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureOwnerReleaseApprovalGate.rollback_owner_approval_checks.slice(0, 5).map(rollback => (
                <div key={rollback.check_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {rollback.display_name}
                    </span>
                    <Chip value={rollback.status} muted={rollback.status === 'ready_for_owner_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {rollback.rollback_scope} {rollback.hold_reason}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', rollback.owner_agent)} muted />
                    <Chip value={t('resultCaptureOwnerReleaseApprovalGate.labels.rollbackRequired', { value: String(rollback.rollback_owner_required) })} />
                    <Chip value={t('resultCaptureOwnerReleaseApprovalGate.labels.rollbackConfirmed', { value: String(rollback.rollback_owner_confirmed) })} muted />
                  </div>
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#f8fbff', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <ShieldCheck size={14} style={{ color: '#275e9c' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('resultCapturePostReleaseVerifierRollbackGate.title')}
                </span>
              </div>
              <Chip
                value={t('resultCapturePostReleaseVerifierRollbackGate.source', {
                  generated: formatDateTime(resultCapturePostReleaseVerifierRollbackGate.generated_at),
                  current: resultCapturePostReleaseVerifierRollbackGate.program_status.current_task_id,
                  next: resultCapturePostReleaseVerifierRollbackGate.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('resultCapturePostReleaseVerifierRollbackGate.metrics.overall')} value={`${resultCapturePostReleaseVerifierOverall}%`} tone="ok" icon={<Gauge size={16} />} />
              <MetricCard label={t('resultCapturePostReleaseVerifierRollbackGate.metrics.verifiers')} value={resultCapturePostReleaseVerifierGates} tone="warn" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('resultCapturePostReleaseVerifierRollbackGate.metrics.rollbackGates')} value={resultCapturePostReleaseRollbackGates} tone="warn" icon={<Undo2 size={16} />} />
              <MetricCard label={t('resultCapturePostReleaseVerifierRollbackGate.metrics.verificationHolds')} value={resultCapturePostReleaseVerificationHolds} tone="warn" icon={<Lock size={16} />} />
              <MetricCard label={t('resultCapturePostReleaseVerifierRollbackGate.metrics.liveApplyGates')} value={resultCapturePostReleaseLiveApplyGates} tone="warn" icon={<Lock size={16} />} />
              <MetricCard label={t('resultCapturePostReleaseVerifierRollbackGate.metrics.blockers')} value={resultCapturePostReleaseBlockedTransitions} tone="danger" icon={<AlertTriangle size={16} />} />
              <MetricCard label={t('resultCapturePostReleaseVerifierRollbackGate.metrics.actions')} value={resultCapturePostReleaseActions} tone="warn" icon={<Target size={16} />} />
              <MetricCard label={t('resultCapturePostReleaseVerifierRollbackGate.metrics.approvalRequired')} value={resultCapturePostReleaseApprovalRequired} tone="warn" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('resultCapturePostReleaseVerifierRollbackGate.metrics.blocked')} value={resultCapturePostReleaseBlocked} tone="danger" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('resultCapturePostReleaseVerifierRollbackGate.metrics.liveWrites')} value={resultCapturePostReleaseLiveWrites} tone={resultCapturePostReleaseLiveWrites === 0 ? 'ok' : 'danger'} icon={<BellOff size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))', gap: 12 }} className="automation-inventory-live-read-grid">
              <div style={{ padding: 11, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('resultCapturePostReleaseVerifierRollbackGate.priorTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {resultCapturePostReleaseVerifierRollbackGate.prior_owner_release_approval_gate.readiness_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={resultCapturePostReleaseVerifierRollbackGate.prior_owner_release_approval_gate.schema_version} />
                  <Chip value={t('resultCapturePostReleaseVerifierRollbackGate.metrics.verifiers') + ` ${resultCapturePostReleaseVerifierGates}`} muted />
                  <Chip value={t('resultCapturePostReleaseVerifierRollbackGate.metrics.liveWrites') + ` ${resultCapturePostReleaseVerifierRollbackGate.prior_owner_release_approval_gate.result_capture_write_count}`} muted />
                </div>
              </div>

              <div style={{ padding: 11, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('resultCapturePostReleaseVerifierRollbackGate.truthTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {resultCapturePostReleaseVerifierRollbackGate.post_release_verifier_truth.truth_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('resultCapturePostReleaseVerifierRollbackGate.flags.p2Loaded', { value: String(resultCapturePostReleaseVerifierRollbackGate.post_release_verifier_truth.p2_131_approval_gate_loaded) })} />
                  <Chip value={t('resultCapturePostReleaseVerifierRollbackGate.flags.verifierReady', { value: String(resultCapturePostReleaseVerifierRollbackGate.post_release_verifier_truth.post_release_verifier_gate_ready) })} />
                  <Chip value={t('resultCapturePostReleaseVerifierRollbackGate.flags.liveApplyHoldActive', { value: String(resultCapturePostReleaseVerifierRollbackGate.post_release_verifier_truth.live_apply_post_release_hold_active) })} />
                  <Chip value={t('resultCapturePostReleaseVerifierRollbackGate.labels.ownerReleaseApproved', { value: String(resultCapturePostReleaseVerifierRollbackGate.rollups.owner_release_approved_count) })} muted />
                  <Chip value={t('resultCapturePostReleaseVerifierRollbackGate.labels.verificationPassed', { value: String(resultCapturePostReleaseVerifierRollbackGate.rollups.release_verification_pass_count) })} muted />
                  <Chip value={t('resultCapturePostReleaseVerifierRollbackGate.labels.gatewayWrites', { value: String(resultCapturePostReleaseVerifierRollbackGate.rollups.gateway_queue_write_count) })} muted />
                </div>
              </div>
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCapturePostReleaseVerifierRollbackGate.post_release_verifier_gates.slice(0, 5).map(gate => (
                <div key={gate.gate_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {gate.display_name}
                    </span>
                    <Chip value={gate.status} muted={gate.status === 'ready_for_owner_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {gate.source_approval_gate} → {gate.verifier_summary}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', gate.owner_agent)} muted />
                    <Chip value={gate.gate_mode} muted />
                    <Chip value={t('resultCapturePostReleaseVerifierRollbackGate.labels.postReleaseVerifierReady', { value: String(gate.post_release_verifier_ready) })} muted />
                    <Chip value={t('resultCapturePostReleaseVerifierRollbackGate.labels.verificationPassed', { value: String(gate.release_verification_passed) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCapturePostReleaseVerifierRollbackGate.rollback_release_gates.slice(0, 5).map(gate => (
                <div key={gate.gate_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {gate.display_name}
                    </span>
                    <Chip value={gate.status} muted={gate.status === 'ready_for_owner_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {gate.rollback_scope}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', gate.owner_agent)} muted />
                    <Chip value={t('resultCapturePostReleaseVerifierRollbackGate.labels.rollbackRequired', { value: String(gate.rollback_owner_required) })} />
                    <Chip value={t('resultCapturePostReleaseVerifierRollbackGate.labels.rollbackConfirmed', { value: String(gate.rollback_owner_confirmed) })} muted />
                    <Chip value={t('resultCapturePostReleaseVerifierRollbackGate.labels.rollbackEnabled', { value: String(gate.rollback_release_enabled) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCapturePostReleaseVerifierRollbackGate.live_apply_post_release_gates.slice(0, 5).map(gate => (
                <div key={gate.gate_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {gate.display_name}
                    </span>
                    <Chip value={gate.status} muted={gate.status === 'ready_for_owner_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {gate.release_condition}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', gate.owner_agent)} muted />
                    <Chip value={t('resultCapturePostReleaseVerifierRollbackGate.labels.postReleaseVerifierReady', { value: String(gate.post_release_verifier_ready) })} muted />
                    <Chip value={t('resultCapturePostReleaseVerifierRollbackGate.labels.liveApplyReleaseEnabled', { value: String(gate.live_apply_release_enabled) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCapturePostReleaseVerifierRollbackGate.operator_actions.slice(0, 5).map(action => (
                <div key={action.action_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {action.action_id}
                    </span>
                    <Chip value={action.status} muted={action.status === 'ready_for_operator_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {action.operator_instruction}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', action.owner_agent)} muted />
                    <Chip value={t('resultCapturePostReleaseVerifierRollbackGate.labels.runtimeWriteAllowed', { value: String(action.runtime_write_allowed) })} muted />
                  </div>
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#f8fbff', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <ShieldCheck size={14} style={{ color: '#275e9c' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('resultCaptureOwnerApprovedReleaseReadinessReadback.title')}
                </span>
              </div>
              <Chip
                value={t('resultCaptureOwnerApprovedReleaseReadinessReadback.source', {
                  generated: formatDateTime(resultCaptureOwnerApprovedReleaseReadinessReadback.generated_at),
                  current: resultCaptureOwnerApprovedReleaseReadinessReadback.program_status.current_task_id,
                  next: resultCaptureOwnerApprovedReleaseReadinessReadback.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('resultCaptureOwnerApprovedReleaseReadinessReadback.metrics.overall')} value={`${resultCaptureReleaseReadinessOverall}%`} tone="ok" icon={<Gauge size={16} />} />
              <MetricCard label={t('resultCaptureOwnerApprovedReleaseReadinessReadback.metrics.readbacks')} value={resultCaptureReleaseReadinessReadbacks} tone="warn" icon={<PackageCheck size={16} />} />
              <MetricCard label={t('resultCaptureOwnerApprovedReleaseReadinessReadback.metrics.ownerChecks')} value={resultCaptureReleaseReadinessOwnerChecks} tone="warn" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('resultCaptureOwnerApprovedReleaseReadinessReadback.metrics.readinessGates')} value={resultCaptureReleaseReadinessGates} tone="warn" icon={<Lock size={16} />} />
              <MetricCard label={t('resultCaptureOwnerApprovedReleaseReadinessReadback.metrics.rollbackChecks')} value={resultCaptureReleaseReadinessRollbacks} tone="warn" icon={<Undo2 size={16} />} />
              <MetricCard label={t('resultCaptureOwnerApprovedReleaseReadinessReadback.metrics.blockers')} value={resultCaptureReleaseReadinessBlockedTransitions} tone="danger" icon={<AlertTriangle size={16} />} />
              <MetricCard label={t('resultCaptureOwnerApprovedReleaseReadinessReadback.metrics.actions')} value={resultCaptureReleaseReadinessActions} tone="warn" icon={<Target size={16} />} />
              <MetricCard label={t('resultCaptureOwnerApprovedReleaseReadinessReadback.metrics.approvalRequired')} value={resultCaptureReleaseReadinessApprovalRequired} tone="warn" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('resultCaptureOwnerApprovedReleaseReadinessReadback.metrics.blocked')} value={resultCaptureReleaseReadinessBlocked} tone="danger" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('resultCaptureOwnerApprovedReleaseReadinessReadback.metrics.liveWrites')} value={resultCaptureReleaseReadinessLiveWrites} tone={resultCaptureReleaseReadinessLiveWrites === 0 ? 'ok' : 'danger'} icon={<BellOff size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))', gap: 12 }} className="automation-inventory-live-read-grid">
              <div style={{ padding: 11, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('resultCaptureOwnerApprovedReleaseReadinessReadback.priorTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {resultCaptureOwnerApprovedReleaseReadinessReadback.prior_owner_approved_preflight_release_package.readiness_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={resultCaptureOwnerApprovedReleaseReadinessReadback.prior_owner_approved_preflight_release_package.schema_version} />
                  <Chip value={t('resultCaptureOwnerApprovedReleaseReadinessReadback.metrics.readbacks') + ` ${resultCaptureReleaseReadinessReadbacks}`} muted />
                  <Chip value={t('resultCaptureOwnerApprovedReleaseReadinessReadback.metrics.liveWrites') + ` ${resultCaptureOwnerApprovedReleaseReadinessReadback.prior_owner_approved_preflight_release_package.result_capture_write_count}`} muted />
                </div>
              </div>

              <div style={{ padding: 11, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('resultCaptureOwnerApprovedReleaseReadinessReadback.truthTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {resultCaptureOwnerApprovedReleaseReadinessReadback.release_readiness_truth.truth_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('resultCaptureOwnerApprovedReleaseReadinessReadback.flags.p2Loaded', { value: String(resultCaptureOwnerApprovedReleaseReadinessReadback.release_readiness_truth.p2_129_release_package_loaded) })} />
                  <Chip value={t('resultCaptureOwnerApprovedReleaseReadinessReadback.flags.ownerReleaseReviewRequired', { value: String(resultCaptureOwnerApprovedReleaseReadinessReadback.release_readiness_truth.owner_release_review_required) })} />
                  <Chip value={t('resultCaptureOwnerApprovedReleaseReadinessReadback.flags.liveApplyReadinessHoldActive', { value: String(resultCaptureOwnerApprovedReleaseReadinessReadback.release_readiness_truth.live_apply_readiness_hold_active) })} />
                  <Chip value={t('resultCaptureOwnerApprovedReleaseReadinessReadback.labels.ownerReleaseApproved', { value: String(resultCaptureOwnerApprovedReleaseReadinessReadback.rollups.owner_release_approved_count) })} muted />
                  <Chip value={t('resultCaptureOwnerApprovedReleaseReadinessReadback.labels.releaseReadinessPassed', { value: String(resultCaptureOwnerApprovedReleaseReadinessReadback.rollups.release_readiness_pass_count) })} muted />
                  <Chip value={t('resultCaptureOwnerApprovedReleaseReadinessReadback.labels.gatewayWrites', { value: String(resultCaptureOwnerApprovedReleaseReadinessReadback.rollups.gateway_queue_write_count) })} muted />
                </div>
              </div>
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureOwnerApprovedReleaseReadinessReadback.release_readiness_readbacks.slice(0, 5).map(readback => (
                <div key={readback.readback_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {readback.display_name}
                    </span>
                    <Chip value={readback.status} muted={readback.status === 'ready_for_owner_readback'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {readback.source_release_package} → {readback.readiness_summary}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', readback.owner_agent)} muted />
                    <Chip value={readback.readback_mode} muted />
                    <Chip value={t('resultCaptureOwnerApprovedReleaseReadinessReadback.labels.readinessPassed', { value: String(readback.release_readiness_passed) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureOwnerApprovedReleaseReadinessReadback.owner_release_readiness_checks.slice(0, 5).map(check => (
                <div key={check.check_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {check.display_name}
                    </span>
                    <Chip value={check.status} muted={check.status === 'ready_for_owner_readback'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {check.required_before_live_apply}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', check.owner_agent)} muted />
                    <Chip value={check.check_mode} muted />
                    <Chip value={t('resultCaptureOwnerApprovedReleaseReadinessReadback.labels.ownerReleaseApproved', { value: String(check.owner_release_approved) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureOwnerApprovedReleaseReadinessReadback.live_apply_readiness_gates.slice(0, 5).map(gate => (
                <div key={gate.gate_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {gate.display_name}
                    </span>
                    <Chip value={gate.status} muted={gate.status === 'ready_for_owner_readback'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {gate.hold_reason} {gate.release_condition}
                  </span>
                  <Chip value={t('resultCaptureOwnerApprovedReleaseReadinessReadback.labels.liveApplyReleaseEnabled', { value: String(gate.live_apply_release_enabled) })} muted />
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureOwnerApprovedReleaseReadinessReadback.rollback_readiness_checks.slice(0, 5).map(rollback => (
                <div key={rollback.check_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {rollback.display_name}
                    </span>
                    <Chip value={rollback.status} muted={rollback.status === 'ready_for_owner_readback'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {rollback.rollback_scope} {rollback.hold_reason}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', rollback.owner_agent)} muted />
                    <Chip value={t('resultCaptureOwnerApprovedReleaseReadinessReadback.labels.rollbackRequired', { value: String(rollback.rollback_owner_required) })} />
                    <Chip value={t('resultCaptureOwnerApprovedReleaseReadinessReadback.labels.rollbackPassed', { value: String(rollback.rollback_readiness_passed) })} muted />
                  </div>
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#f8fbff', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <PackageCheck size={14} style={{ color: '#275e9c' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('resultCaptureOwnerApprovedPreflightReleasePackage.title')}
                </span>
              </div>
              <Chip
                value={t('resultCaptureOwnerApprovedPreflightReleasePackage.source', {
                  generated: formatDateTime(resultCaptureOwnerApprovedPreflightReleasePackage.generated_at),
                  current: resultCaptureOwnerApprovedPreflightReleasePackage.program_status.current_task_id,
                  next: resultCaptureOwnerApprovedPreflightReleasePackage.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('resultCaptureOwnerApprovedPreflightReleasePackage.metrics.overall')} value={`${resultCapturePreflightReleaseOverall}%`} tone="ok" icon={<Gauge size={16} />} />
              <MetricCard label={t('resultCaptureOwnerApprovedPreflightReleasePackage.metrics.packages')} value={resultCapturePreflightReleasePackages} tone="warn" icon={<PackageCheck size={16} />} />
              <MetricCard label={t('resultCaptureOwnerApprovedPreflightReleasePackage.metrics.releasePreflights')} value={resultCapturePreflightReleaseChecks} tone="warn" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('resultCaptureOwnerApprovedPreflightReleasePackage.metrics.releaseGates')} value={resultCapturePreflightReleaseGates} tone="warn" icon={<Lock size={16} />} />
              <MetricCard label={t('resultCaptureOwnerApprovedPreflightReleasePackage.metrics.rollbackChecks')} value={resultCapturePreflightReleaseRollbacks} tone="warn" icon={<Undo2 size={16} />} />
              <MetricCard label={t('resultCaptureOwnerApprovedPreflightReleasePackage.metrics.blockers')} value={resultCapturePreflightReleaseBlockedTransitions} tone="danger" icon={<AlertTriangle size={16} />} />
              <MetricCard label={t('resultCaptureOwnerApprovedPreflightReleasePackage.metrics.actions')} value={resultCapturePreflightReleaseActions} tone="warn" icon={<Target size={16} />} />
              <MetricCard label={t('resultCaptureOwnerApprovedPreflightReleasePackage.metrics.approvalRequired')} value={resultCapturePreflightReleaseApprovalRequired} tone="warn" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('resultCaptureOwnerApprovedPreflightReleasePackage.metrics.blocked')} value={resultCapturePreflightReleaseBlocked} tone="danger" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('resultCaptureOwnerApprovedPreflightReleasePackage.metrics.liveWrites')} value={resultCapturePreflightReleaseLiveWrites} tone={resultCapturePreflightReleaseLiveWrites === 0 ? 'ok' : 'danger'} icon={<BellOff size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))', gap: 12 }} className="automation-inventory-live-read-grid">
              <div style={{ padding: 11, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('resultCaptureOwnerApprovedPreflightReleasePackage.priorTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {resultCaptureOwnerApprovedPreflightReleasePackage.prior_owner_acceptance_readback_preflight_hold.readiness_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={resultCaptureOwnerApprovedPreflightReleasePackage.prior_owner_acceptance_readback_preflight_hold.schema_version} />
                  <Chip value={t('resultCaptureOwnerApprovedPreflightReleasePackage.metrics.packages') + ` ${resultCapturePreflightReleasePackages}`} muted />
                  <Chip value={t('resultCaptureOwnerApprovedPreflightReleasePackage.metrics.liveWrites') + ` ${resultCaptureOwnerApprovedPreflightReleasePackage.prior_owner_acceptance_readback_preflight_hold.result_capture_write_count}`} muted />
                </div>
              </div>

              <div style={{ padding: 11, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('resultCaptureOwnerApprovedPreflightReleasePackage.truthTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {resultCaptureOwnerApprovedPreflightReleasePackage.release_truth.truth_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('resultCaptureOwnerApprovedPreflightReleasePackage.flags.p2Loaded', { value: String(resultCaptureOwnerApprovedPreflightReleasePackage.release_truth.p2_128_preflight_hold_loaded) })} />
                  <Chip value={t('resultCaptureOwnerApprovedPreflightReleasePackage.flags.ownerReleaseReviewRequired', { value: String(resultCaptureOwnerApprovedPreflightReleasePackage.release_truth.owner_release_review_required) })} />
                  <Chip value={t('resultCaptureOwnerApprovedPreflightReleasePackage.flags.liveApplyReleaseHoldActive', { value: String(resultCaptureOwnerApprovedPreflightReleasePackage.release_truth.live_apply_release_hold_active) })} />
                  <Chip value={t('resultCaptureOwnerApprovedPreflightReleasePackage.labels.ownerReleaseApproved', { value: String(resultCaptureOwnerApprovedPreflightReleasePackage.rollups.owner_release_approved_count) })} muted />
                  <Chip value={t('resultCaptureOwnerApprovedPreflightReleasePackage.labels.maintenanceApproved', { value: String(resultCaptureOwnerApprovedPreflightReleasePackage.rollups.maintenance_window_approved_count) })} muted />
                  <Chip value={t('resultCaptureOwnerApprovedPreflightReleasePackage.labels.gatewayWrites', { value: String(resultCaptureOwnerApprovedPreflightReleasePackage.rollups.gateway_queue_write_count) })} muted />
                </div>
              </div>
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureOwnerApprovedPreflightReleasePackage.owner_approved_release_packages.slice(0, 5).map(pkg => (
                <div key={pkg.package_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {pkg.display_name}
                    </span>
                    <Chip value={pkg.status} muted={pkg.status === 'ready_for_release_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {pkg.source_readback} → {pkg.release_summary}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', pkg.owner_agent)} muted />
                    <Chip value={pkg.package_mode} muted />
                    <Chip value={t('resultCaptureOwnerApprovedPreflightReleasePackage.labels.releaseApproved', { value: String(pkg.owner_release_approved) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureOwnerApprovedPreflightReleasePackage.release_preflight_checks.slice(0, 5).map(preflight => (
                <div key={preflight.check_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {preflight.display_name}
                    </span>
                    <Chip value={preflight.status} muted={preflight.status === 'ready_for_release_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {preflight.required_before_live_apply}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', preflight.owner_agent)} muted />
                    <Chip value={preflight.preflight_mode} muted />
                    <Chip value={t('resultCaptureOwnerApprovedPreflightReleasePackage.labels.releasePreflightPassed', { value: String(preflight.release_preflight_passed) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureOwnerApprovedPreflightReleasePackage.live_apply_release_gates.slice(0, 5).map(gate => (
                <div key={gate.gate_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {gate.display_name}
                    </span>
                    <Chip value={gate.status} muted={gate.status === 'ready_for_release_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {gate.release_reason} {gate.release_condition}
                  </span>
                  <Chip value={t('resultCaptureOwnerApprovedPreflightReleasePackage.labels.liveApplyReleaseEnabled', { value: String(gate.live_apply_release_enabled) })} muted />
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureOwnerApprovedPreflightReleasePackage.rollback_release_checks.slice(0, 5).map(rollback => (
                <div key={rollback.check_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {rollback.display_name}
                    </span>
                    <Chip value={rollback.status} muted={rollback.status === 'ready_for_release_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {rollback.rollback_scope} {rollback.hold_reason}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', rollback.owner_agent)} muted />
                    <Chip value={t('resultCaptureOwnerApprovedPreflightReleasePackage.labels.rollbackRequired', { value: String(rollback.rollback_owner_required) })} />
                    <Chip value={t('resultCaptureOwnerApprovedPreflightReleasePackage.labels.rollbackPassed', { value: String(rollback.rollback_release_passed) })} muted />
                  </div>
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#f8fbff', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <Lock size={14} style={{ color: '#275e9c' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('resultCaptureOwnerAcceptanceReadbackPreflightHold.title')}
                </span>
              </div>
              <Chip
                value={t('resultCaptureOwnerAcceptanceReadbackPreflightHold.source', {
                  generated: formatDateTime(resultCaptureOwnerAcceptanceReadbackPreflightHold.generated_at),
                  current: resultCaptureOwnerAcceptanceReadbackPreflightHold.program_status.current_task_id,
                  next: resultCaptureOwnerAcceptanceReadbackPreflightHold.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('resultCaptureOwnerAcceptanceReadbackPreflightHold.metrics.overall')} value={`${resultCaptureAcceptanceReadbackOverall}%`} tone="ok" icon={<Gauge size={16} />} />
              <MetricCard label={t('resultCaptureOwnerAcceptanceReadbackPreflightHold.metrics.readbacks')} value={resultCaptureAcceptanceReadbacks} tone="warn" icon={<PackageCheck size={16} />} />
              <MetricCard label={t('resultCaptureOwnerAcceptanceReadbackPreflightHold.metrics.preflights')} value={resultCaptureAcceptancePreflights} tone="warn" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('resultCaptureOwnerAcceptanceReadbackPreflightHold.metrics.holdGates')} value={resultCaptureAcceptanceHoldGates} tone="warn" icon={<Lock size={16} />} />
              <MetricCard label={t('resultCaptureOwnerAcceptanceReadbackPreflightHold.metrics.rollbackPreflights')} value={resultCaptureAcceptanceRollbackPreflights} tone="warn" icon={<Undo2 size={16} />} />
              <MetricCard label={t('resultCaptureOwnerAcceptanceReadbackPreflightHold.metrics.blockers')} value={resultCaptureAcceptanceBlockedTransitions} tone="danger" icon={<AlertTriangle size={16} />} />
              <MetricCard label={t('resultCaptureOwnerAcceptanceReadbackPreflightHold.metrics.actions')} value={resultCaptureAcceptanceReadbackActions} tone="warn" icon={<Target size={16} />} />
              <MetricCard label={t('resultCaptureOwnerAcceptanceReadbackPreflightHold.metrics.approvalRequired')} value={resultCaptureAcceptanceReadbackApprovalRequired} tone="warn" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('resultCaptureOwnerAcceptanceReadbackPreflightHold.metrics.blocked')} value={resultCaptureAcceptanceReadbackBlocked} tone="danger" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('resultCaptureOwnerAcceptanceReadbackPreflightHold.metrics.liveWrites')} value={resultCaptureAcceptanceReadbackLiveWrites} tone={resultCaptureAcceptanceReadbackLiveWrites === 0 ? 'ok' : 'danger'} icon={<BellOff size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))', gap: 12 }} className="automation-inventory-live-read-grid">
              <div style={{ padding: 11, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('resultCaptureOwnerAcceptanceReadbackPreflightHold.priorTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {resultCaptureOwnerAcceptanceReadbackPreflightHold.prior_owner_acceptance_maintenance_gate.readiness_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={resultCaptureOwnerAcceptanceReadbackPreflightHold.prior_owner_acceptance_maintenance_gate.schema_version} />
                  <Chip value={t('resultCaptureOwnerAcceptanceReadbackPreflightHold.metrics.readbacks') + ` ${resultCaptureAcceptanceReadbacks}`} muted />
                  <Chip value={t('resultCaptureOwnerAcceptanceReadbackPreflightHold.metrics.liveWrites') + ` ${resultCaptureOwnerAcceptanceReadbackPreflightHold.prior_owner_acceptance_maintenance_gate.result_capture_write_count}`} muted />
                </div>
              </div>

              <div style={{ padding: 11, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('resultCaptureOwnerAcceptanceReadbackPreflightHold.truthTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {resultCaptureOwnerAcceptanceReadbackPreflightHold.readback_truth.truth_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('resultCaptureOwnerAcceptanceReadbackPreflightHold.flags.p2Loaded', { value: String(resultCaptureOwnerAcceptanceReadbackPreflightHold.readback_truth.p2_127_owner_acceptance_gate_loaded) })} />
                  <Chip value={t('resultCaptureOwnerAcceptanceReadbackPreflightHold.flags.preflightHoldRequired', { value: String(resultCaptureOwnerAcceptanceReadbackPreflightHold.readback_truth.preflight_hold_required) })} />
                  <Chip value={t('resultCaptureOwnerAcceptanceReadbackPreflightHold.flags.liveApplyHoldActive', { value: String(resultCaptureOwnerAcceptanceReadbackPreflightHold.readback_truth.live_apply_hold_active) })} />
                  <Chip value={t('resultCaptureOwnerAcceptanceReadbackPreflightHold.labels.ownerAcceptanceReceived', { value: String(resultCaptureOwnerAcceptanceReadbackPreflightHold.rollups.owner_acceptance_received_count) })} muted />
                  <Chip value={t('resultCaptureOwnerAcceptanceReadbackPreflightHold.labels.maintenanceApproved', { value: String(resultCaptureOwnerAcceptanceReadbackPreflightHold.rollups.maintenance_window_approved_count) })} muted />
                  <Chip value={t('resultCaptureOwnerAcceptanceReadbackPreflightHold.labels.gatewayWrites', { value: String(resultCaptureOwnerAcceptanceReadbackPreflightHold.rollups.gateway_queue_write_count) })} muted />
                </div>
              </div>
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureOwnerAcceptanceReadbackPreflightHold.owner_acceptance_readbacks.slice(0, 5).map(readback => (
                <div key={readback.readback_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {readback.display_name}
                    </span>
                    <Chip value={readback.status} muted={readback.status === 'ready_for_preflight_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {readback.source_packet} → {readback.readback_summary}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', readback.owner_agent)} muted />
                    <Chip value={readback.readback_mode} muted />
                    <Chip value={t('resultCaptureOwnerAcceptanceReadbackPreflightHold.labels.readbackReceived', { value: String(readback.owner_acceptance_received) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureOwnerAcceptanceReadbackPreflightHold.preflight_hold_checks.slice(0, 5).map(preflight => (
                <div key={preflight.check_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {preflight.display_name}
                    </span>
                    <Chip value={preflight.status} muted={preflight.status === 'ready_for_preflight_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {preflight.required_before_release}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', preflight.owner_agent)} muted />
                    <Chip value={preflight.preflight_mode} muted />
                    <Chip value={t('resultCaptureOwnerAcceptanceReadbackPreflightHold.labels.preflightPassed', { value: String(preflight.preflight_passed) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureOwnerAcceptanceReadbackPreflightHold.live_apply_hold_gates.slice(0, 5).map(gate => (
                <div key={gate.gate_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {gate.display_name}
                    </span>
                    <Chip value={gate.status} muted={gate.status === 'ready_for_preflight_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {gate.hold_reason} {gate.release_condition}
                  </span>
                  <Chip value={t('resultCaptureOwnerAcceptanceReadbackPreflightHold.labels.liveApplyEnabled', { value: String(gate.live_apply_enabled) })} muted />
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureOwnerAcceptanceReadbackPreflightHold.rollback_preflight_checks.slice(0, 5).map(rollback => (
                <div key={rollback.check_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {rollback.display_name}
                    </span>
                    <Chip value={rollback.status} muted={rollback.status === 'ready_for_preflight_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {rollback.rollback_scope} {rollback.hold_reason}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', rollback.owner_agent)} muted />
                    <Chip value={t('resultCaptureOwnerAcceptanceReadbackPreflightHold.labels.rollbackRequired', { value: String(rollback.rollback_owner_required) })} />
                    <Chip value={t('resultCaptureOwnerAcceptanceReadbackPreflightHold.labels.rollbackPassed', { value: String(rollback.rollback_preflight_passed) })} muted />
                  </div>
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#f8fbff', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <PackageCheck size={14} style={{ color: '#275e9c' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('resultCaptureOwnerAcceptanceMaintenanceGate.title')}
                </span>
              </div>
              <Chip
                value={t('resultCaptureOwnerAcceptanceMaintenanceGate.source', {
                  generated: formatDateTime(resultCaptureOwnerAcceptanceMaintenanceGate.generated_at),
                  current: resultCaptureOwnerAcceptanceMaintenanceGate.program_status.current_task_id,
                  next: resultCaptureOwnerAcceptanceMaintenanceGate.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('resultCaptureOwnerAcceptanceMaintenanceGate.metrics.overall')} value={`${resultCaptureOwnerAcceptanceOverall}%`} tone="ok" icon={<Gauge size={16} />} />
              <MetricCard label={t('resultCaptureOwnerAcceptanceMaintenanceGate.metrics.packets')} value={resultCaptureOwnerAcceptancePackets} tone="warn" icon={<PackageCheck size={16} />} />
              <MetricCard label={t('resultCaptureOwnerAcceptanceMaintenanceGate.metrics.windows')} value={resultCaptureOwnerAcceptanceWindows} tone="warn" icon={<Archive size={16} />} />
              <MetricCard label={t('resultCaptureOwnerAcceptanceMaintenanceGate.metrics.rollbacks')} value={resultCaptureOwnerAcceptanceRollbacks} tone="warn" icon={<Undo2 size={16} />} />
              <MetricCard label={t('resultCaptureOwnerAcceptanceMaintenanceGate.metrics.verifiers')} value={resultCaptureOwnerAcceptanceVerifiers} tone="warn" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('resultCaptureOwnerAcceptanceMaintenanceGate.metrics.blockers')} value={resultCaptureOwnerAcceptanceBlockers} tone="danger" icon={<AlertTriangle size={16} />} />
              <MetricCard label={t('resultCaptureOwnerAcceptanceMaintenanceGate.metrics.actions')} value={resultCaptureOwnerAcceptanceActions} tone="warn" icon={<Target size={16} />} />
              <MetricCard label={t('resultCaptureOwnerAcceptanceMaintenanceGate.metrics.approvalRequired')} value={resultCaptureOwnerAcceptanceApprovalRequired} tone="warn" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('resultCaptureOwnerAcceptanceMaintenanceGate.metrics.blocked')} value={resultCaptureOwnerAcceptanceBlocked} tone="danger" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('resultCaptureOwnerAcceptanceMaintenanceGate.metrics.liveWrites')} value={resultCaptureOwnerAcceptanceLiveWrites} tone={resultCaptureOwnerAcceptanceLiveWrites === 0 ? 'ok' : 'danger'} icon={<BellOff size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))', gap: 12 }} className="automation-inventory-live-read-grid">
              <div style={{ padding: 11, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('resultCaptureOwnerAcceptanceMaintenanceGate.priorTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {resultCaptureOwnerAcceptanceMaintenanceGate.prior_owner_approved_execution_rehearsal.readiness_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={resultCaptureOwnerAcceptanceMaintenanceGate.prior_owner_approved_execution_rehearsal.schema_version} />
                  <Chip value={t('resultCaptureOwnerAcceptanceMaintenanceGate.metrics.packets') + ` ${resultCaptureOwnerAcceptanceMaintenanceGate.rollups.owner_acceptance_packet_count}`} muted />
                  <Chip value={t('resultCaptureOwnerAcceptanceMaintenanceGate.metrics.liveWrites') + ` ${resultCaptureOwnerAcceptanceMaintenanceGate.prior_owner_approved_execution_rehearsal.result_capture_write_count}`} muted />
                </div>
              </div>

              <div style={{ padding: 11, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('resultCaptureOwnerAcceptanceMaintenanceGate.truthTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {resultCaptureOwnerAcceptanceMaintenanceGate.owner_acceptance_truth.truth_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('resultCaptureOwnerAcceptanceMaintenanceGate.flags.rehearsalLoaded', { value: String(resultCaptureOwnerAcceptanceMaintenanceGate.owner_acceptance_truth.p2_126_execution_rehearsal_loaded) })} />
                  <Chip value={t('resultCaptureOwnerAcceptanceMaintenanceGate.flags.windowRequired', { value: String(resultCaptureOwnerAcceptanceMaintenanceGate.owner_acceptance_truth.maintenance_window_required) })} />
                  <Chip value={t('resultCaptureOwnerAcceptanceMaintenanceGate.flags.rollbackRequired', { value: String(resultCaptureOwnerAcceptanceMaintenanceGate.owner_acceptance_truth.rollback_owner_required) })} />
                  <Chip value={t('resultCaptureOwnerAcceptanceMaintenanceGate.labels.ownerAccepted', { value: String(resultCaptureOwnerAcceptanceMaintenanceGate.rollups.owner_acceptance_received_count) })} muted />
                  <Chip value={t('resultCaptureOwnerAcceptanceMaintenanceGate.labels.windowApproved', { value: String(resultCaptureOwnerAcceptanceMaintenanceGate.rollups.maintenance_window_approved_count) })} muted />
                  <Chip value={t('resultCaptureOwnerAcceptanceMaintenanceGate.labels.gatewayWrites', { value: String(resultCaptureOwnerAcceptanceMaintenanceGate.rollups.gateway_queue_write_count) })} muted />
                </div>
              </div>
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureOwnerAcceptanceMaintenanceGate.owner_acceptance_packets.slice(0, 5).map(packet => (
                <div key={packet.packet_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {packet.display_name}
                    </span>
                    <Chip value={packet.status} muted={packet.status === 'ready_for_owner_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {packet.source_rehearsal} → {packet.required_evidence}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', packet.owner_agent)} muted />
                    <Chip value={packet.packet_mode} muted />
                    <Chip value={t('resultCaptureOwnerAcceptanceMaintenanceGate.labels.acceptanceRequired', { value: String(packet.owner_acceptance_required) })} />
                    <Chip value={t('resultCaptureOwnerAcceptanceMaintenanceGate.labels.ownerAcceptedBool', { value: String(packet.owner_accepted) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureOwnerAcceptanceMaintenanceGate.maintenance_windows.slice(0, 5).map(window => (
                <div key={window.window_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {window.display_name}
                    </span>
                    <Chip value={window.status} muted={window.status === 'ready_for_owner_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {window.blackout_policy} {window.validation_plan}
                  </span>
                  <Chip value={t('resultCaptureOwnerAcceptanceMaintenanceGate.labels.windowApprovedBool', { value: String(window.window_approved) })} muted />
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureOwnerAcceptanceMaintenanceGate.rollback_owner_checks.slice(0, 5).map(check => (
                <div key={check.check_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {check.display_name}
                    </span>
                    <Chip value={check.status} muted={check.status === 'ready_for_owner_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {check.rollback_scope} {check.failure_if_missing}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', check.owner_agent)} muted />
                    <Chip value={t('resultCaptureOwnerAcceptanceMaintenanceGate.labels.rollbackRequired', { value: String(check.rollback_owner_required) })} />
                    <Chip value={t('resultCaptureOwnerAcceptanceMaintenanceGate.labels.rollbackConfirmed', { value: String(check.rollback_owner_confirmed) })} muted />
                  </div>
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#f8fbff', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <Route size={14} style={{ color: '#275e9c' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('resultCaptureOwnerApprovedExecutionRehearsal.title')}
                </span>
              </div>
              <Chip
                value={t('resultCaptureOwnerApprovedExecutionRehearsal.source', {
                  generated: formatDateTime(resultCaptureOwnerApprovedExecutionRehearsal.generated_at),
                  current: resultCaptureOwnerApprovedExecutionRehearsal.program_status.current_task_id,
                  next: resultCaptureOwnerApprovedExecutionRehearsal.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('resultCaptureOwnerApprovedExecutionRehearsal.metrics.overall')} value={`${resultCaptureExecutionRehearsalOverall}%`} tone="ok" icon={<Gauge size={16} />} />
              <MetricCard label={t('resultCaptureOwnerApprovedExecutionRehearsal.metrics.rehearsals')} value={resultCaptureExecutionRehearsals} tone="warn" icon={<Route size={16} />} />
              <MetricCard label={t('resultCaptureOwnerApprovedExecutionRehearsal.metrics.applyChecks')} value={resultCaptureExecutionApplyChecks} tone="warn" icon={<Lock size={16} />} />
              <MetricCard label={t('resultCaptureOwnerApprovedExecutionRehearsal.metrics.verifiers')} value={resultCaptureExecutionVerifiers} tone="warn" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('resultCaptureOwnerApprovedExecutionRehearsal.metrics.rollbackDrills')} value={resultCaptureExecutionRollbacks} tone="warn" icon={<Undo2 size={16} />} />
              <MetricCard label={t('resultCaptureOwnerApprovedExecutionRehearsal.metrics.blockers')} value={resultCaptureExecutionBlockers} tone="danger" icon={<AlertTriangle size={16} />} />
              <MetricCard label={t('resultCaptureOwnerApprovedExecutionRehearsal.metrics.actions')} value={resultCaptureExecutionActions} tone="warn" icon={<Target size={16} />} />
              <MetricCard label={t('resultCaptureOwnerApprovedExecutionRehearsal.metrics.approvalRequired')} value={resultCaptureExecutionApprovalRequired} tone="warn" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('resultCaptureOwnerApprovedExecutionRehearsal.metrics.blocked')} value={resultCaptureExecutionBlocked} tone="danger" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('resultCaptureOwnerApprovedExecutionRehearsal.metrics.liveWrites')} value={resultCaptureExecutionLiveWrites} tone={resultCaptureExecutionLiveWrites === 0 ? 'ok' : 'danger'} icon={<BellOff size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))', gap: 12 }} className="automation-inventory-live-read-grid">
              <div style={{ padding: 11, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('resultCaptureOwnerApprovedExecutionRehearsal.priorTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {resultCaptureOwnerApprovedExecutionRehearsal.prior_result_capture_owner_promotion_review.readiness_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={resultCaptureOwnerApprovedExecutionRehearsal.prior_result_capture_owner_promotion_review.schema_version} />
                  <Chip value={t('resultCaptureOwnerApprovedExecutionRehearsal.metrics.rehearsals') + ` ${resultCaptureOwnerApprovedExecutionRehearsal.rollups.execution_rehearsal_count}`} muted />
                  <Chip value={t('resultCaptureOwnerApprovedExecutionRehearsal.metrics.liveWrites') + ` ${resultCaptureOwnerApprovedExecutionRehearsal.prior_result_capture_owner_promotion_review.result_capture_write_count}`} muted />
                </div>
              </div>

              <div style={{ padding: 11, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('resultCaptureOwnerApprovedExecutionRehearsal.truthTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {resultCaptureOwnerApprovedExecutionRehearsal.execution_rehearsal_truth.truth_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('resultCaptureOwnerApprovedExecutionRehearsal.flags.ownerPromotionLoaded', { value: String(resultCaptureOwnerApprovedExecutionRehearsal.execution_rehearsal_truth.p2_125_owner_promotion_loaded) })} />
                  <Chip value={t('resultCaptureOwnerApprovedExecutionRehearsal.flags.noWriteReady', { value: String(resultCaptureOwnerApprovedExecutionRehearsal.execution_rehearsal_truth.no_write_apply_rehearsal_ready) })} />
                  <Chip value={t('resultCaptureOwnerApprovedExecutionRehearsal.flags.rollbackReady', { value: String(resultCaptureOwnerApprovedExecutionRehearsal.execution_rehearsal_truth.rollback_drill_ready) })} />
                  <Chip value={t('resultCaptureOwnerApprovedExecutionRehearsal.labels.writerApply', { value: String(resultCaptureOwnerApprovedExecutionRehearsal.rollups.writer_apply_count) })} muted />
                  <Chip value={t('resultCaptureOwnerApprovedExecutionRehearsal.labels.executionApply', { value: String(resultCaptureOwnerApprovedExecutionRehearsal.rollups.execution_apply_count) })} muted />
                  <Chip value={t('resultCaptureOwnerApprovedExecutionRehearsal.labels.gatewayWrites', { value: String(resultCaptureOwnerApprovedExecutionRehearsal.rollups.gateway_queue_write_count) })} muted />
                </div>
              </div>
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureOwnerApprovedExecutionRehearsal.execution_rehearsals.slice(0, 5).map(rehearsal => (
                <div key={rehearsal.rehearsal_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {rehearsal.display_name}
                    </span>
                    <Chip value={rehearsal.status} muted={rehearsal.status === 'ready_for_rehearsal_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {rehearsal.source_packet} → {rehearsal.expected_output}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', rehearsal.owner_agent)} muted />
                    <Chip value={rehearsal.rehearsal_mode} muted />
                    <Chip value={t('resultCaptureOwnerApprovedExecutionRehearsal.labels.noWriteOnly', { value: String(rehearsal.no_write_only) })} />
                    <Chip value={t('resultCaptureOwnerApprovedExecutionRehearsal.labels.liveApply', { value: String(rehearsal.live_apply_enabled) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureOwnerApprovedExecutionRehearsal.no_write_apply_checks.slice(0, 5).map(check => (
                <div key={check.check_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {check.display_name}
                    </span>
                    <Chip value={check.status} muted={check.status === 'ready_for_rehearsal_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {check.failure_if_missing}
                  </span>
                  <Chip value={t('resultCaptureOwnerApprovedExecutionRehearsal.labels.liveApply', { value: String(check.live_apply_enabled) })} muted />
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureOwnerApprovedExecutionRehearsal.rollback_drills.slice(0, 5).map(drill => (
                <div key={drill.drill_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {drill.display_name}
                    </span>
                    <Chip value={drill.status} muted={drill.status === 'ready_for_rehearsal_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {drill.drill_note}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', drill.owner_agent)} muted />
                    <Chip value={t('resultCaptureOwnerApprovedExecutionRehearsal.labels.rollbackRequired', { value: String(drill.rollback_owner_required) })} />
                    <Chip value={t('resultCaptureOwnerApprovedExecutionRehearsal.labels.rollbackConfirmed', { value: String(drill.rollback_drill_confirmed) })} muted />
                  </div>
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#f8fbff', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <PackageCheck size={14} style={{ color: '#275e9c' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('resultCaptureOwnerPromotionReview.title')}
                </span>
              </div>
              <Chip
                value={t('resultCaptureOwnerPromotionReview.source', {
                  generated: formatDateTime(resultCaptureOwnerPromotionReview.generated_at),
                  current: resultCaptureOwnerPromotionReview.program_status.current_task_id,
                  next: resultCaptureOwnerPromotionReview.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('resultCaptureOwnerPromotionReview.metrics.overall')} value={`${resultCaptureOwnerPromotionOverall}%`} tone="ok" icon={<Gauge size={16} />} />
              <MetricCard label={t('resultCaptureOwnerPromotionReview.metrics.packets')} value={resultCaptureOwnerPromotionPackets} tone="warn" icon={<PackageCheck size={16} />} />
              <MetricCard label={t('resultCaptureOwnerPromotionReview.metrics.gates')} value={resultCaptureOwnerPromotionGates} tone="warn" icon={<Lock size={16} />} />
              <MetricCard label={t('resultCaptureOwnerPromotionReview.metrics.rollbackReviews')} value={resultCaptureOwnerPromotionRollbacks} tone="warn" icon={<Undo2 size={16} />} />
              <MetricCard label={t('resultCaptureOwnerPromotionReview.metrics.blockers')} value={resultCaptureOwnerPromotionBlockers} tone="danger" icon={<AlertTriangle size={16} />} />
              <MetricCard label={t('resultCaptureOwnerPromotionReview.metrics.actions')} value={resultCaptureOwnerPromotionActions} tone="warn" icon={<Target size={16} />} />
              <MetricCard label={t('resultCaptureOwnerPromotionReview.metrics.approvalRequired')} value={resultCaptureOwnerPromotionApprovalRequired} tone="warn" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('resultCaptureOwnerPromotionReview.metrics.blocked')} value={resultCaptureOwnerPromotionBlocked} tone="danger" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('resultCaptureOwnerPromotionReview.metrics.executionPass')} value={resultCaptureOwnerPromotionReview.rollups.execution_gate_pass_count} tone="warn" icon={<Archive size={16} />} />
              <MetricCard label={t('resultCaptureOwnerPromotionReview.metrics.liveWrites')} value={resultCaptureOwnerPromotionLiveWrites} tone={resultCaptureOwnerPromotionLiveWrites === 0 ? 'ok' : 'danger'} icon={<BellOff size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))', gap: 12 }} className="automation-inventory-live-read-grid">
              <div style={{ padding: 11, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('resultCaptureOwnerPromotionReview.priorTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {resultCaptureOwnerPromotionReview.prior_result_capture_writer_dry_run_readback.readiness_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={resultCaptureOwnerPromotionReview.prior_result_capture_writer_dry_run_readback.schema_version} />
                  <Chip value={t('resultCaptureOwnerPromotionReview.metrics.packets') + ` ${resultCaptureOwnerPromotionReview.rollups.owner_promotion_packet_count}`} muted />
                  <Chip value={t('resultCaptureOwnerPromotionReview.metrics.liveWrites') + ` ${resultCaptureOwnerPromotionReview.prior_result_capture_writer_dry_run_readback.result_capture_write_count}`} muted />
                </div>
              </div>

              <div style={{ padding: 11, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('resultCaptureOwnerPromotionReview.truthTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {resultCaptureOwnerPromotionReview.owner_promotion_truth.truth_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('resultCaptureOwnerPromotionReview.flags.readbackLoaded', { value: String(resultCaptureOwnerPromotionReview.owner_promotion_truth.p2_124_readback_loaded) })} />
                  <Chip value={t('resultCaptureOwnerPromotionReview.flags.dualApproval', { value: String(resultCaptureOwnerPromotionReview.owner_promotion_truth.dual_approval_required) })} />
                  <Chip value={t('resultCaptureOwnerPromotionReview.flags.postWriteVerifier', { value: String(resultCaptureOwnerPromotionReview.owner_promotion_truth.post_write_verifier_required) })} />
                  <Chip value={t('resultCaptureOwnerPromotionReview.labels.writerApply', { value: String(resultCaptureOwnerPromotionReview.rollups.writer_apply_count) })} muted />
                  <Chip value={t('resultCaptureOwnerPromotionReview.labels.executionApply', { value: String(resultCaptureOwnerPromotionReview.rollups.execution_apply_count) })} muted />
                  <Chip value={t('resultCaptureOwnerPromotionReview.labels.receiptWrite', { value: String(resultCaptureOwnerPromotionReview.rollups.receipt_write_count) })} muted />
                  <Chip value={t('resultCaptureOwnerPromotionReview.labels.gatewayWrites', { value: String(resultCaptureOwnerPromotionReview.rollups.gateway_queue_write_count) })} muted />
                </div>
              </div>
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureOwnerPromotionReview.owner_promotion_packets.slice(0, 5).map(packet => (
                <div key={packet.packet_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {packet.display_name}
                    </span>
                    <Chip value={packet.status} muted={packet.status === 'ready_for_owner_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {packet.source_readback} → {packet.operator_note}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', packet.owner_agent)} muted />
                    <Chip value={t('resultCaptureOwnerPromotionReview.labels.requiredOwner', { value: packet.required_owner })} />
                    <Chip value={t('resultCaptureOwnerPromotionReview.labels.promotionReviewOnly', { value: String(packet.promotion_review_only) })} muted />
                    <Chip value={t('resultCaptureOwnerPromotionReview.labels.executionEnabled', { value: String(packet.execution_apply_enabled) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureOwnerPromotionReview.execution_gate_checks.slice(0, 5).map(gate => (
                <div key={gate.gate_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {gate.display_name}
                    </span>
                    <Chip value={gate.status} muted={gate.status === 'ready_for_owner_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {gate.failure_if_missing}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', gate.owner_agent)} muted />
                    <Chip value={gate.gate_mode} muted />
                    <Chip value={t('resultCaptureOwnerPromotionReview.labels.executionEnabled', { value: String(gate.execution_enabled) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureOwnerPromotionReview.rollback_owner_reviews.slice(0, 5).map(review => (
                <div key={review.rollback_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {review.display_name}
                    </span>
                    <Chip value={review.status} muted={review.status === 'ready_for_owner_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {review.rollback_note}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', review.owner_agent)} muted />
                    <Chip value={t('resultCaptureOwnerPromotionReview.labels.rollbackRequired', { value: String(review.rollback_owner_required) })} />
                    <Chip value={t('resultCaptureOwnerPromotionReview.labels.rollbackConfirmed', { value: String(review.rollback_confirmed) })} muted />
                  </div>
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#f8fbff', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <ShieldCheck size={14} style={{ color: '#275e9c' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('resultCaptureWriterDryRunReadback.title')}
                </span>
              </div>
              <Chip
                value={t('resultCaptureWriterDryRunReadback.source', {
                  generated: formatDateTime(resultCaptureWriterDryRunReadback.generated_at),
                  current: resultCaptureWriterDryRunReadback.program_status.current_task_id,
                  next: resultCaptureWriterDryRunReadback.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('resultCaptureWriterDryRunReadback.metrics.overall')} value={`${resultCaptureWriterReadbackOverall}%`} tone="ok" icon={<Gauge size={16} />} />
              <MetricCard label={t('resultCaptureWriterDryRunReadback.metrics.readbacks')} value={resultCaptureWriterReadbackCards} tone="warn" icon={<Layers3 size={16} />} />
              <MetricCard label={t('resultCaptureWriterDryRunReadback.metrics.verifiers')} value={resultCaptureWriterReadbackVerifiers} tone="warn" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('resultCaptureWriterDryRunReadback.metrics.promotionGates')} value={resultCaptureWriterReadbackPromotionGates} tone="warn" icon={<Lock size={16} />} />
              <MetricCard label={t('resultCaptureWriterDryRunReadback.metrics.blockers')} value={resultCaptureWriterReadbackBlockers} tone="danger" icon={<AlertTriangle size={16} />} />
              <MetricCard label={t('resultCaptureWriterDryRunReadback.metrics.actions')} value={resultCaptureWriterReadbackActions} tone="warn" icon={<Target size={16} />} />
              <MetricCard label={t('resultCaptureWriterDryRunReadback.metrics.approvalRequired')} value={resultCaptureWriterReadbackApprovalRequired} tone="warn" icon={<PackageCheck size={16} />} />
              <MetricCard label={t('resultCaptureWriterDryRunReadback.metrics.blocked')} value={resultCaptureWriterReadbackBlocked} tone="danger" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('resultCaptureWriterDryRunReadback.metrics.verifierPass')} value={resultCaptureWriterDryRunReadback.rollups.receipt_verifier_pass_count} tone="warn" icon={<Archive size={16} />} />
              <MetricCard label={t('resultCaptureWriterDryRunReadback.metrics.liveWrites')} value={resultCaptureWriterReadbackLiveWrites} tone={resultCaptureWriterReadbackLiveWrites === 0 ? 'ok' : 'danger'} icon={<BellOff size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))', gap: 12 }} className="automation-inventory-live-read-grid">
              <div style={{ padding: 11, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('resultCaptureWriterDryRunReadback.priorTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {resultCaptureWriterDryRunReadback.prior_result_capture_writer_dry_run_fixture.readiness_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={resultCaptureWriterDryRunReadback.prior_result_capture_writer_dry_run_fixture.schema_version} />
                  <Chip value={t('resultCaptureWriterDryRunReadback.metrics.readbacks') + ` ${resultCaptureWriterDryRunReadback.rollups.dry_run_readback_card_count}`} muted />
                  <Chip value={t('resultCaptureWriterDryRunReadback.metrics.liveWrites') + ` ${resultCaptureWriterDryRunReadback.prior_result_capture_writer_dry_run_fixture.result_capture_write_count}`} muted />
                </div>
              </div>

              <div style={{ padding: 11, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('resultCaptureWriterDryRunReadback.truthTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {resultCaptureWriterDryRunReadback.readback_truth.truth_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('resultCaptureWriterDryRunReadback.flags.fixtureLoaded', { value: String(resultCaptureWriterDryRunReadback.readback_truth.p2_123_fixture_loaded) })} />
                  <Chip value={t('resultCaptureWriterDryRunReadback.flags.receiptVerifier', { value: String(resultCaptureWriterDryRunReadback.readback_truth.receipt_verifier_required) })} />
                  <Chip value={t('resultCaptureWriterDryRunReadback.flags.promotionOwner', { value: String(resultCaptureWriterDryRunReadback.readback_truth.promotion_owner_required) })} />
                  <Chip value={t('resultCaptureWriterDryRunReadback.labels.writerApply', { value: String(resultCaptureWriterDryRunReadback.rollups.writer_apply_count) })} muted />
                  <Chip value={t('resultCaptureWriterDryRunReadback.labels.dryRunExecution', { value: String(resultCaptureWriterDryRunReadback.rollups.dry_run_execution_count) })} muted />
                  <Chip value={t('resultCaptureWriterDryRunReadback.labels.receiptWrite', { value: String(resultCaptureWriterDryRunReadback.rollups.receipt_write_count) })} muted />
                  <Chip value={t('resultCaptureWriterDryRunReadback.labels.gatewayWrites', { value: String(resultCaptureWriterDryRunReadback.rollups.gateway_queue_write_count) })} muted />
                </div>
              </div>
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureWriterDryRunReadback.dry_run_readback_cards.slice(0, 5).map(card => (
                <div key={card.readback_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {card.display_name}
                    </span>
                    <Chip value={card.status} muted={card.status === 'ready_for_owner_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {card.source_fixture} → {card.receipt_preview}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', card.owner_agent)} muted />
                    <Chip value={t('resultCaptureWriterDryRunReadback.labels.promotionCandidate', { value: card.promotion_candidate })} />
                    <Chip value={t('resultCaptureWriterDryRunReadback.labels.readbackOnly', { value: String(card.readback_only) })} muted />
                    <Chip value={t('resultCaptureWriterDryRunReadback.labels.runtimeWriteEnabled', { value: String(card.runtime_write_enabled) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureWriterDryRunReadback.promotion_readiness_gates.slice(0, 5).map(gate => (
                <div key={gate.gate_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {gate.display_name}
                    </span>
                    <Chip value={gate.status} muted={gate.status === 'ready_for_owner_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {gate.required_evidence}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', gate.owner_agent)} muted />
                    <Chip value={t('resultCaptureWriterDryRunReadback.labels.promotionAllowed', { value: String(gate.promotion_allowed) })} muted />
                  </div>
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#f8fbff', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <Lock size={14} style={{ color: '#275e9c' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('resultCaptureWriteGateReview.title')}
                </span>
              </div>
              <Chip
                value={t('resultCaptureWriteGateReview.source', {
                  generated: formatDateTime(resultCaptureWriteGateReview.generated_at),
                  current: resultCaptureWriteGateReview.program_status.current_task_id,
                  next: resultCaptureWriteGateReview.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('resultCaptureWriteGateReview.metrics.overall')} value={`${resultCaptureWriteGateOverall}%`} tone="ok" icon={<Gauge size={16} />} />
              <MetricCard label={t('resultCaptureWriteGateReview.metrics.reviews')} value={resultCaptureWriteGateReviews} tone="warn" icon={<Layers3 size={16} />} />
              <MetricCard label={t('resultCaptureWriteGateReview.metrics.approvals')} value={resultCaptureWriteGateApprovals} tone="warn" icon={<Lock size={16} />} />
              <MetricCard label={t('resultCaptureWriteGateReview.metrics.verifiers')} value={resultCaptureWriteGateVerifiers} tone="warn" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('resultCaptureWriteGateReview.metrics.blockers')} value={resultCaptureWriteGateBlockers} tone="danger" icon={<AlertTriangle size={16} />} />
              <MetricCard label={t('resultCaptureWriteGateReview.metrics.actions')} value={resultCaptureWriteGateActions} tone="warn" icon={<Target size={16} />} />
              <MetricCard label={t('resultCaptureWriteGateReview.metrics.approvalRequired')} value={resultCaptureWriteGateApprovalRequired} tone="warn" icon={<PackageCheck size={16} />} />
              <MetricCard label={t('resultCaptureWriteGateReview.metrics.blocked')} value={resultCaptureWriteGateBlocked} tone="danger" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('resultCaptureWriteGateReview.metrics.hashVerified')} value={resultCaptureWriteGateReview.rollups.dry_run_hash_verified_count} tone="warn" icon={<Archive size={16} />} />
              <MetricCard label={t('resultCaptureWriteGateReview.metrics.liveWrites')} value={resultCaptureWriteGateLiveWrites} tone={resultCaptureWriteGateLiveWrites === 0 ? 'ok' : 'danger'} icon={<BellOff size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))', gap: 12 }} className="automation-inventory-live-read-grid">
              <div style={{ padding: 11, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('resultCaptureWriteGateReview.priorTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {resultCaptureWriteGateReview.prior_owner_approved_promotion_dry_run.readiness_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={resultCaptureWriteGateReview.prior_owner_approved_promotion_dry_run.schema_version} />
                  <Chip value={t('resultCaptureWriteGateReview.metrics.reviews') + ` ${resultCaptureWriteGateReview.prior_owner_approved_promotion_dry_run.promotion_dry_run_template_count}`} muted />
                  <Chip value={t('resultCaptureWriteGateReview.metrics.liveWrites') + ` ${resultCaptureWriteGateReview.prior_owner_approved_promotion_dry_run.result_capture_write_count}`} muted />
                </div>
              </div>

              <div style={{ padding: 11, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('resultCaptureWriteGateReview.truthTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {resultCaptureWriteGateReview.write_gate_truth.truth_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('resultCaptureWriteGateReview.flags.dryRunLoaded', { value: String(resultCaptureWriteGateReview.write_gate_truth.p2_120_dry_run_loaded) })} />
                  <Chip value={t('resultCaptureWriteGateReview.flags.dualApproval', { value: String(resultCaptureWriteGateReview.write_gate_truth.dual_approval_required) })} />
                  <Chip value={t('resultCaptureWriteGateReview.flags.verifierRequired', { value: String(resultCaptureWriteGateReview.write_gate_truth.post_write_verifier_required) })} />
                  <Chip value={t('resultCaptureWriteGateReview.labels.targetGate', { value: 'result_capture_write_gate_review' })} muted />
                  <Chip value={t('resultCaptureWriteGateReview.labels.resultWrites', { value: String(resultCaptureWriteGateReview.rollups.result_capture_write_count) })} muted />
                  <Chip value={t('resultCaptureWriteGateReview.labels.learningWrites', { value: String(resultCaptureWriteGateReview.rollups.learning_write_count) })} muted />
                  <Chip value={t('resultCaptureWriteGateReview.labels.trustWrites', { value: String(resultCaptureWriteGateReview.rollups.playbook_trust_write_count) })} muted />
                </div>
              </div>
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureWriteGateReview.write_gate_reviews.slice(0, 5).map(review => (
                <div key={review.gate_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {review.display_name}
                    </span>
                    <Chip value={review.status} muted={review.status === 'ready_for_owner_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {review.required_before_write}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', review.owner_agent)} muted />
                    <Chip value={t('resultCaptureWriteGateReview.labels.writer', { value: review.target_writer })} />
                    <Chip value={t('resultCaptureWriteGateReview.labels.runtimeWriteEnabled', { value: String(review.runtime_write_enabled) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureWriteGateReview.approval_gates.slice(0, 5).map(gate => (
                <div key={gate.gate_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {gate.display_name}
                    </span>
                    <Chip value={gate.status} muted={gate.status === 'ready'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {gate.required_evidence}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', gate.owner_agent)} muted />
                    <Chip value={t('resultCaptureWriteGateReview.labels.blockedAction', { value: gate.blocked_runtime_action })} muted />
                    <Chip value={t('resultCaptureWriteGateReview.labels.runtimeWriteAllowed', { value: String(gate.runtime_write_allowed) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureWriteGateReview.blocked_live_writes.slice(0, 3).map(blocker => (
                <div key={blocker.blocker_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {blocker.display_name}
                    </span>
                    <Chip value={t(`ownerApprovedFixturePromotionGate.severities.${blocker.severity}` as never)} muted={blocker.severity !== 'critical'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {blocker.blocked_until}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t(`ownerApprovedFixturePromotionGate.blockerStatuses.${blocker.status}` as never)} muted />
                    <Chip value={t('resultCaptureWriteGateReview.labels.blockedAction', { value: blocker.blocked_action })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureWriteGateReview.operator_actions.slice(0, 3).map(action => (
                <div key={action.action_id} style={{ padding: 10, border: '0.5px solid #aebfd8', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {action.display_name}
                    </span>
                    <Chip value={redisDryRunValueLabel('agents', action.owner_agent)} muted />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {action.operator_instruction}
                  </span>
                  <Chip value={t('resultCaptureWriteGateReview.labels.runtimeWriteAllowed', { value: String(action.runtime_write_allowed) })} muted />
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #b9d2d4', borderRadius: 7, background: '#f7fffe', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <ShieldCheck size={14} style={{ color: '#1d6f7b' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('ownerApprovedResultCapturePromotionDryRun.title')}
                </span>
              </div>
              <Chip
                value={t('ownerApprovedResultCapturePromotionDryRun.source', {
                  generated: formatDateTime(ownerApprovedResultCapturePromotionDryRun.generated_at),
                  current: ownerApprovedResultCapturePromotionDryRun.program_status.current_task_id,
                  next: ownerApprovedResultCapturePromotionDryRun.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('ownerApprovedResultCapturePromotionDryRun.metrics.overall')} value={`${ownerPromotionDryRunOverall}%`} tone="ok" icon={<Gauge size={16} />} />
              <MetricCard label={t('ownerApprovedResultCapturePromotionDryRun.metrics.templates')} value={ownerPromotionDryRunTemplates} tone="warn" icon={<Layers3 size={16} />} />
              <MetricCard label={t('ownerApprovedResultCapturePromotionDryRun.metrics.fixtures')} value={ownerPromotionDryRunFixtures} tone="warn" icon={<Archive size={16} />} />
              <MetricCard label={t('ownerApprovedResultCapturePromotionDryRun.metrics.verifiers')} value={ownerPromotionDryRunVerifiers} tone="warn" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('ownerApprovedResultCapturePromotionDryRun.metrics.blockers')} value={ownerPromotionDryRunBlockers} tone="danger" icon={<AlertTriangle size={16} />} />
              <MetricCard label={t('ownerApprovedResultCapturePromotionDryRun.metrics.actions')} value={ownerPromotionDryRunActions} tone="warn" icon={<Target size={16} />} />
              <MetricCard label={t('ownerApprovedResultCapturePromotionDryRun.metrics.approvalRequired')} value={ownerPromotionDryRunApprovalRequired} tone="warn" icon={<Lock size={16} />} />
              <MetricCard label={t('ownerApprovedResultCapturePromotionDryRun.metrics.blocked')} value={ownerPromotionDryRunBlocked} tone="danger" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('ownerApprovedResultCapturePromotionDryRun.metrics.dryRunGenerated')} value={ownerApprovedResultCapturePromotionDryRun.rollups.dry_run_preview_generated_count} tone="warn" icon={<PackageCheck size={16} />} />
              <MetricCard label={t('ownerApprovedResultCapturePromotionDryRun.metrics.liveWrites')} value={ownerPromotionDryRunLiveWrites} tone={ownerPromotionDryRunLiveWrites === 0 ? 'ok' : 'danger'} icon={<BellOff size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))', gap: 12 }} className="automation-inventory-live-read-grid">
              <div style={{ padding: 11, border: '0.5px solid #b9d2d4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('ownerApprovedResultCapturePromotionDryRun.priorTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {ownerApprovedResultCapturePromotionDryRun.prior_result_capture_promotion_gate.readiness_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={ownerApprovedResultCapturePromotionDryRun.prior_result_capture_promotion_gate.schema_version} />
                  <Chip value={t('ownerApprovedResultCapturePromotionDryRun.metrics.templates') + ` ${ownerApprovedResultCapturePromotionDryRun.prior_result_capture_promotion_gate.acceptance_gate_template_count}`} muted />
                  <Chip value={t('ownerApprovedResultCapturePromotionDryRun.metrics.liveWrites') + ` ${ownerApprovedResultCapturePromotionDryRun.prior_result_capture_promotion_gate.result_capture_write_count}`} muted />
                </div>
              </div>

              <div style={{ padding: 11, border: '0.5px solid #b9d2d4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('ownerApprovedResultCapturePromotionDryRun.truthTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {ownerApprovedResultCapturePromotionDryRun.dry_run_truth.truth_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('ownerApprovedResultCapturePromotionDryRun.flags.gateLoaded', { value: String(ownerApprovedResultCapturePromotionDryRun.dry_run_truth.p2_119_promotion_gate_loaded) })} />
                  <Chip value={t('ownerApprovedResultCapturePromotionDryRun.flags.ownerApproval', { value: String(ownerApprovedResultCapturePromotionDryRun.dry_run_truth.owner_approval_required) })} />
                  <Chip value={t('ownerApprovedResultCapturePromotionDryRun.flags.previewAllowed', { value: String(ownerApprovedResultCapturePromotionDryRun.dry_run_truth.dry_run_preview_allowed) })} />
                  <Chip value={t('ownerApprovedResultCapturePromotionDryRun.labels.targetDryRun', { value: 'result_capture_promotion_dry_run_preview' })} muted />
                  <Chip value={t('ownerApprovedResultCapturePromotionDryRun.labels.resultWrites', { value: String(ownerApprovedResultCapturePromotionDryRun.rollups.result_capture_write_count) })} muted />
                  <Chip value={t('ownerApprovedResultCapturePromotionDryRun.labels.learningWrites', { value: String(ownerApprovedResultCapturePromotionDryRun.rollups.learning_write_count) })} muted />
                  <Chip value={t('ownerApprovedResultCapturePromotionDryRun.labels.trustWrites', { value: String(ownerApprovedResultCapturePromotionDryRun.rollups.playbook_trust_write_count) })} muted />
                </div>
              </div>
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {ownerApprovedResultCapturePromotionDryRun.promotion_dry_run_templates.slice(0, 3).map(template => (
                <div key={template.template_id} style={{ padding: 10, border: '0.5px solid #b9d2d4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {template.display_name}
                    </span>
                    <Chip value={template.status} muted={template.status === 'ready_for_dry_run'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {template.preview_summary}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', template.owner_agent)} muted />
                    <Chip value={t('ownerApprovedResultCapturePromotionDryRun.labels.targetDryRun', { value: template.target_dry_run })} />
                    <Chip value={t('ownerApprovedResultCapturePromotionDryRun.labels.runtimeWriteEnabled', { value: String(template.runtime_write_enabled) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {ownerApprovedResultCapturePromotionDryRun.owner_acceptance_dry_run_fixtures.slice(0, 5).map(fixture => (
                <div key={fixture.fixture_id} style={{ padding: 10, border: '0.5px solid #b9d2d4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {fixture.display_name}
                    </span>
                    <Chip value={fixture.status} muted={fixture.status === 'ready'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {fixture.verifies}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('ownerApprovedResultCapturePromotionDryRun.labels.requiredOwner', { value: fixture.required_owner })} />
                    <Chip value={t('ownerApprovedResultCapturePromotionDryRun.labels.fixtureOnly', { value: String(fixture.fixture_only) })} muted />
                    <Chip value={t('ownerApprovedResultCapturePromotionDryRun.labels.runtimeWriteEnabled', { value: String(fixture.runtime_write_enabled) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {ownerApprovedResultCapturePromotionDryRun.blocked_runtime_promotions.slice(0, 3).map(blocker => (
                <div key={blocker.blocker_id} style={{ padding: 10, border: '0.5px solid #b9d2d4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {blocker.display_name}
                    </span>
                    <Chip value={t(`ownerApprovedFixturePromotionGate.severities.${blocker.severity}` as never)} muted={blocker.severity !== 'critical'} />
                  </div>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t(`ownerApprovedFixturePromotionGate.blockerStatuses.${blocker.status}` as never)} muted />
                    <Chip value={t('ownerApprovedResultCapturePromotionDryRun.labels.blockedAction', { value: blocker.blocked_action })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {ownerApprovedResultCapturePromotionDryRun.operator_actions.slice(0, 3).map(action => (
                <div key={action.action_id} style={{ padding: 10, border: '0.5px solid #b9d2d4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {action.display_name}
                    </span>
                    <Chip value={redisDryRunValueLabel('agents', action.owner_agent)} muted />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {action.operator_instruction}
                  </span>
                  <Chip value={t('ownerApprovedResultCapturePromotionDryRun.labels.runtimeWriteAllowed', { value: String(action.runtime_write_allowed) })} muted />
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #d8c6a6', borderRadius: 7, background: '#fffdf7', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <Database size={14} style={{ color: '#9a6a1f' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('resultCaptureNoWriteReadback.title')}
                </span>
              </div>
              <Chip
                value={t('resultCaptureNoWriteReadback.source', {
                  generated: formatDateTime(resultCaptureNoWriteReadback.generated_at),
                  current: resultCaptureNoWriteReadback.program_status.current_task_id,
                  next: resultCaptureNoWriteReadback.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('resultCaptureNoWriteReadback.metrics.overall')} value={`${resultCaptureOverall}%`} tone="ok" icon={<Gauge size={16} />} />
              <MetricCard label={t('resultCaptureNoWriteReadback.metrics.fixtures')} value={resultCaptureFixtures} tone="warn" icon={<FileText size={16} />} />
              <MetricCard label={t('resultCaptureNoWriteReadback.metrics.mappings')} value={resultCaptureMappings} tone="ok" icon={<Layers3 size={16} />} />
              <MetricCard label={t('resultCaptureNoWriteReadback.metrics.verifiers')} value={resultCaptureVerifiers} tone="warn" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('resultCaptureNoWriteReadback.metrics.blockers')} value={resultCaptureBlockers} tone="danger" icon={<AlertTriangle size={16} />} />
              <MetricCard label={t('resultCaptureNoWriteReadback.metrics.actions')} value={resultCaptureActions} tone="warn" icon={<Target size={16} />} />
              <MetricCard label={t('resultCaptureNoWriteReadback.metrics.approvalRequired')} value={resultCaptureApprovalRequired} tone="warn" icon={<Lock size={16} />} />
              <MetricCard label={t('resultCaptureNoWriteReadback.metrics.blocked')} value={resultCaptureBlocked} tone="danger" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('resultCaptureNoWriteReadback.metrics.liveWrites')} value={resultCaptureLiveWrites} tone={resultCaptureLiveWrites === 0 ? 'ok' : 'danger'} icon={<BellOff size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))', gap: 12 }} className="automation-inventory-live-read-grid">
              <div style={{ padding: 11, border: '0.5px solid #d8c6a6', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('resultCaptureNoWriteReadback.priorTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {resultCaptureNoWriteReadback.prior_reviewer_queue_readback.readiness_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={resultCaptureNoWriteReadback.prior_reviewer_queue_readback.schema_version} />
                  <Chip value={t('resultCaptureNoWriteReadback.metrics.fixtures') + ` ${resultCaptureNoWriteReadback.prior_reviewer_queue_readback.reviewer_queue_readback_fixture_count}`} muted />
                  <Chip value={t('resultCaptureNoWriteReadback.metrics.liveWrites') + ` ${resultCaptureNoWriteReadback.prior_reviewer_queue_readback.result_capture_write_count}`} muted />
                </div>
              </div>

              <div style={{ padding: 11, border: '0.5px solid #d8c6a6', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('resultCaptureNoWriteReadback.truthTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {resultCaptureNoWriteReadback.readback_truth.truth_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('resultCaptureNoWriteReadback.flags.packageReady', { value: String(resultCaptureNoWriteReadback.readback_truth.result_capture_readback_package_ready) })} />
                  <Chip value={t('resultCaptureNoWriteReadback.flags.mappingReady', { value: String(resultCaptureNoWriteReadback.readback_truth.capture_field_mapping_ready) })} />
                  <Chip value={t('resultCaptureNoWriteReadback.labels.targetCapture', { value: 'result_capture_preview' })} muted />
                  <Chip value={t('resultCaptureNoWriteReadback.labels.resultWrites', { value: String(resultCaptureNoWriteReadback.rollups.result_capture_write_count) })} muted />
                  <Chip value={t('resultCaptureNoWriteReadback.labels.learningWrites', { value: String(resultCaptureNoWriteReadback.rollups.learning_write_count) })} muted />
                  <Chip value={t('resultCaptureNoWriteReadback.labels.trustWrites', { value: String(resultCaptureNoWriteReadback.rollups.playbook_trust_write_count) })} muted />
                </div>
              </div>
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureNoWriteReadback.result_capture_readback_fixtures.slice(0, 3).map(fixture => (
                <div key={fixture.fixture_id} style={{ padding: 10, border: '0.5px solid #d8c6a6', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {fixture.display_name}
                    </span>
                    <Chip value={t(`ownerApprovedFixturePromotionGate.packetStatuses.${fixture.status}` as never)} muted={fixture.status === 'ready_for_owner_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {fixture.next_manual_action}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', fixture.owner_agent)} muted />
                    <Chip value={t('resultCaptureNoWriteReadback.labels.captureLane', { value: fixture.capture_lane })} muted />
                    <Chip value={t('resultCaptureNoWriteReadback.labels.captureWriteEnabled', { value: String(fixture.result_capture_write_enabled) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureNoWriteReadback.capture_field_mappings.slice(0, 5).map(mapping => (
                <div key={mapping.mapping_id} style={{ padding: 10, border: '0.5px solid #d8c6a6', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {mapping.display_name}
                    </span>
                    <Chip value={t(`ownerApprovedFixturePromotionGate.templateStatuses.${mapping.status}` as never)} muted={mapping.status === 'ready'} />
                  </div>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('resultCaptureNoWriteReadback.labels.targetCapture', { value: mapping.target_capture })} />
                    <Chip value={t('resultCaptureNoWriteReadback.labels.requiredOwner', { value: mapping.required_owner })} muted />
                    <Chip value={t('resultCaptureNoWriteReadback.labels.captureWriteEnabled', { value: String(mapping.capture_write_enabled) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureNoWriteReadback.blocked_result_capture_writes.slice(0, 3).map(blocker => (
                <div key={blocker.blocker_id} style={{ padding: 10, border: '0.5px solid #d8c6a6', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {blocker.display_name}
                    </span>
                    <Chip value={t(`ownerApprovedFixturePromotionGate.severities.${blocker.severity}` as never)} muted={blocker.severity !== 'critical'} />
                  </div>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t(`ownerApprovedFixturePromotionGate.blockerStatuses.${blocker.status}` as never)} muted />
                    <Chip value={t('resultCaptureNoWriteReadback.labels.blockedAction', { value: blocker.blocked_action })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCaptureNoWriteReadback.operator_actions.slice(0, 3).map(action => (
                <div key={action.action_id} style={{ padding: 10, border: '0.5px solid #d8c6a6', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {action.display_name}
                    </span>
                    <Chip value={redisDryRunValueLabel('agents', action.owner_agent)} muted />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {action.operator_instruction}
                  </span>
                  <Chip value={t('resultCaptureNoWriteReadback.labels.runtimeCaptureWriteAllowed', { value: String(action.runtime_capture_write_allowed) })} muted />
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #c7d3ac', borderRadius: 7, background: '#fbfff7', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <PackageCheck size={14} style={{ color: '#6d8e2f' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('resultCapturePromotionApprovalGate.title')}
                </span>
              </div>
              <Chip
                value={t('resultCapturePromotionApprovalGate.source', {
                  generated: formatDateTime(resultCapturePromotionApprovalGate.generated_at),
                  current: resultCapturePromotionApprovalGate.program_status.current_task_id,
                  next: resultCapturePromotionApprovalGate.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('resultCapturePromotionApprovalGate.metrics.overall')} value={`${resultPromotionOverall}%`} tone="ok" icon={<Gauge size={16} />} />
              <MetricCard label={t('resultCapturePromotionApprovalGate.metrics.packets')} value={resultPromotionPackets} tone="warn" icon={<FileText size={16} />} />
              <MetricCard label={t('resultCapturePromotionApprovalGate.metrics.templates')} value={resultPromotionTemplates} tone="ok" icon={<Layers3 size={16} />} />
              <MetricCard label={t('resultCapturePromotionApprovalGate.metrics.verifiers')} value={resultPromotionVerifiers} tone="warn" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('resultCapturePromotionApprovalGate.metrics.blockers')} value={resultPromotionBlockers} tone="danger" icon={<AlertTriangle size={16} />} />
              <MetricCard label={t('resultCapturePromotionApprovalGate.metrics.actions')} value={resultPromotionActions} tone="warn" icon={<Target size={16} />} />
              <MetricCard label={t('resultCapturePromotionApprovalGate.metrics.approvalRequired')} value={resultPromotionApprovalRequired} tone="warn" icon={<Lock size={16} />} />
              <MetricCard label={t('resultCapturePromotionApprovalGate.metrics.blocked')} value={resultPromotionBlocked} tone="danger" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('resultCapturePromotionApprovalGate.metrics.liveWrites')} value={resultPromotionLiveWrites} tone={resultPromotionLiveWrites === 0 ? 'ok' : 'danger'} icon={<BellOff size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))', gap: 12 }} className="automation-inventory-live-read-grid">
              <div style={{ padding: 11, border: '0.5px solid #c7d3ac', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('resultCapturePromotionApprovalGate.priorTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {resultCapturePromotionApprovalGate.prior_result_capture_no_write_readback.readiness_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={resultCapturePromotionApprovalGate.prior_result_capture_no_write_readback.schema_version} />
                  <Chip value={t('resultCapturePromotionApprovalGate.metrics.packets') + ` ${resultCapturePromotionApprovalGate.prior_result_capture_no_write_readback.result_capture_readback_fixture_count}`} muted />
                  <Chip value={t('resultCapturePromotionApprovalGate.metrics.liveWrites') + ` ${resultCapturePromotionApprovalGate.prior_result_capture_no_write_readback.result_capture_write_count}`} muted />
                </div>
              </div>

              <div style={{ padding: 11, border: '0.5px solid #c7d3ac', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('resultCapturePromotionApprovalGate.truthTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {resultCapturePromotionApprovalGate.promotion_truth.truth_note}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('resultCapturePromotionApprovalGate.flags.packageReady', { value: String(resultCapturePromotionApprovalGate.promotion_truth.promotion_approval_package_ready) })} />
                  <Chip value={t('resultCapturePromotionApprovalGate.flags.templateReady', { value: String(resultCapturePromotionApprovalGate.promotion_truth.acceptance_gate_template_ready) })} />
                  <Chip value={t('resultCapturePromotionApprovalGate.labels.targetPromotion', { value: 'result_capture_promotion_preview' })} muted />
                  <Chip value={t('resultCapturePromotionApprovalGate.labels.resultWrites', { value: String(resultCapturePromotionApprovalGate.rollups.result_capture_write_count) })} muted />
                  <Chip value={t('resultCapturePromotionApprovalGate.labels.learningWrites', { value: String(resultCapturePromotionApprovalGate.rollups.learning_write_count) })} muted />
                  <Chip value={t('resultCapturePromotionApprovalGate.labels.trustWrites', { value: String(resultCapturePromotionApprovalGate.rollups.playbook_trust_write_count) })} muted />
                </div>
              </div>
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCapturePromotionApprovalGate.promotion_approval_packets.slice(0, 3).map(packet => (
                <div key={packet.packet_id} style={{ padding: 10, border: '0.5px solid #c7d3ac', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {packet.display_name}
                    </span>
                    <Chip value={t(`ownerApprovedFixturePromotionGate.packetStatuses.${packet.status}` as never)} muted={packet.status === 'ready_for_owner_review'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {packet.required_decision}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={redisDryRunValueLabel('agents', packet.owner_agent)} muted />
                    <Chip value={t('resultCapturePromotionApprovalGate.labels.approvalLane', { value: packet.approval_lane })} muted />
                    <Chip value={t('resultCapturePromotionApprovalGate.labels.captureWriteEnabled', { value: String(packet.result_capture_write_enabled) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCapturePromotionApprovalGate.acceptance_gate_templates.slice(0, 5).map(template => (
                <div key={template.template_id} style={{ padding: 10, border: '0.5px solid #c7d3ac', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {template.display_name}
                    </span>
                    <Chip value={t(`ownerApprovedFixturePromotionGate.templateStatuses.${template.status}` as never)} muted={template.status === 'ready'} />
                  </div>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('resultCapturePromotionApprovalGate.labels.targetPromotion', { value: template.target_promotion })} />
                    <Chip value={t('resultCapturePromotionApprovalGate.labels.requiredOwner', { value: template.required_owner })} muted />
                    <Chip value={t('resultCapturePromotionApprovalGate.labels.promotionWriteEnabled', { value: String(template.promotion_write_enabled) })} muted />
                    <Chip value={t('resultCapturePromotionApprovalGate.labels.requiredFields', { value: String(template.required_fields.length) })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCapturePromotionApprovalGate.blocked_promotion_writes.slice(0, 3).map(blocker => (
                <div key={blocker.blocker_id} style={{ padding: 10, border: '0.5px solid #c7d3ac', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {blocker.display_name}
                    </span>
                    <Chip value={t(`ownerApprovedFixturePromotionGate.severities.${blocker.severity}` as never)} muted={blocker.severity !== 'critical'} />
                  </div>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t(`ownerApprovedFixturePromotionGate.blockerStatuses.${blocker.status}` as never)} muted />
                    <Chip value={t('resultCapturePromotionApprovalGate.labels.blockedAction', { value: blocker.blocked_action })} muted />
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {resultCapturePromotionApprovalGate.operator_actions.slice(0, 3).map(action => (
                <div key={action.action_id} style={{ padding: 10, border: '0.5px solid #c7d3ac', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {action.display_name}
                    </span>
                    <Chip value={redisDryRunValueLabel('agents', action.owner_agent)} muted />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {action.operator_instruction}
                  </span>
                  <Chip value={t('resultCapturePromotionApprovalGate.labels.runtimePromotionWriteAllowed', { value: String(action.runtime_promotion_write_allowed) })} muted />
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #d8c6a6', borderRadius: 7, background: '#fffdf7', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <BellRing size={14} style={{ color: '#d97757' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('reportTruthActionabilityReview.title')}
                </span>
              </div>
              <Chip
                value={t('reportTruthActionabilityReview.source', {
                  generated: formatDateTime(reportTruthActionabilityReview.generated_at),
                  current: reportTruthActionabilityReview.program_status.current_task_id,
                  next: reportTruthActionabilityReview.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('reportTruthActionabilityReview.metrics.overall')} value={`${reportTruthOverall}%`} tone="warn" icon={<Gauge size={16} />} />
              <MetricCard label={t('reportTruthActionabilityReview.metrics.weeklyScore')} value={reportTruthWeeklyScore} tone="danger" icon={<Target size={16} />} />
              <MetricCard label={t('reportTruthActionabilityReview.metrics.sourceFreshness')} value={reportTruthFreshnessGates} tone="warn" icon={<Database size={16} />} />
              <MetricCard label={t('reportTruthActionabilityReview.metrics.staleSources')} value={reportTruthStaleSources} tone="danger" icon={<AlertTriangle size={16} />} />
              <MetricCard label={t('reportTruthActionabilityReview.metrics.lowConfidence')} value={reportTruthLowConfidence} tone="danger" icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('reportTruthActionabilityReview.metrics.zeroWorkItems')} value={reportTruthZeroWorkItems} tone="warn" icon={<ClipboardCheck size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1fr) minmax(0, 1fr)', gap: 12 }} className="automation-inventory-live-read-grid">
              <div style={{ padding: 11, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
                <SmallLabel>{t('reportTruthActionabilityReview.freshnessRadarTitle')}</SmallLabel>
                <div style={{ display: 'grid', gridTemplateColumns: 'repeat(2, minmax(0, 1fr))', gap: 8 }} className="automation-inventory-live-read-card-grid">
                  {visibleReportFreshnessGates.map(gate => (
                    <div key={gate.gate_id} style={{ padding: 9, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                      <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'start', gap: 8, minWidth: 0 }}>
                        <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', lineHeight: 1.35, overflowWrap: 'anywhere' }}>
                          {gate.display_name}
                        </span>
                        <Chip value={redisDryRunValueLabel('agents', gate.owner_agent)} muted />
                      </div>
                      <Chip value={gate.freshness_state} muted={gate.freshness_state === 'report_only_when_fresh'} />
                      <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                        {t('reportTruthActionabilityReview.labels.ttl', { value: gate.required_ttl })}
                      </span>
                      <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                        {gate.ai_next_action}
                      </span>
                    </div>
                  ))}
                </div>
              </div>

              <div style={{ padding: 11, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
                <SmallLabel>{t('reportTruthActionabilityReview.actionabilityScoreTitle')}</SmallLabel>
                <div style={{ display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                  {visibleReportActionabilityScores.map(score => (
                    <div key={score.report_id} style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1fr) 44px', gap: 10, alignItems: 'center', padding: 9, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', minWidth: 0 }}>
                      <div style={{ display: 'flex', flexDirection: 'column', gap: 6, minWidth: 0 }}>
                        <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 8, minWidth: 0 }}>
                          <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                            {score.display_name}
                          </span>
                          <Chip value={score.lane} muted />
                        </div>
                        <div style={{ height: 7, borderRadius: 99, background: '#ebe7dd', overflow: 'hidden' }}>
                          <div style={{ width: `${Math.max(0, Math.min(100, score.score))}%`, height: '100%', borderRadius: 99, background: score.score >= 80 ? '#d97757' : score.score >= 50 ? '#f59e0b' : '#64727a' }} />
                        </div>
                        <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#64727a', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                          {score.next_action}
                        </span>
                      </div>
                      <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 22, fontWeight: 700, color: score.score >= 80 ? '#d97757' : '#141413', textAlign: 'right' }}>
                        {score.score}
                      </span>
                    </div>
                  ))}
                </div>
              </div>
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 0.9fr) minmax(0, 1.1fr)', gap: 12 }} className="automation-inventory-live-read-grid">
              <div style={{ padding: 11, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
                <SmallLabel>{t('reportTruthActionabilityReview.confidenceGateTitle')}</SmallLabel>
                {visibleReportConfidenceGates.map(gate => (
                  <div key={gate.confidence_id} style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1fr) 42px', gap: 10, alignItems: 'center', minWidth: 0 }}>
                    <div style={{ display: 'flex', flexDirection: 'column', gap: 4, minWidth: 0 }}>
                      <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                        {gate.display_name}
                      </span>
                      <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.4, overflowWrap: 'anywhere' }}>
                        {gate.display_policy}
                      </span>
                    </div>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 18, fontWeight: 700, color: '#d97757', textAlign: 'right' }}>
                      {gate.score}
                    </span>
                  </div>
                ))}
              </div>

              <div style={{ padding: 11, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
                <SmallLabel>{t('reportTruthActionabilityReview.workItemQueueTitle')}</SmallLabel>
                <div style={{ display: 'grid', gridTemplateColumns: 'repeat(2, minmax(0, 1fr))', gap: 8 }} className="automation-inventory-live-read-card-grid">
                  {visibleZeroSignalWorkItems.map(item => (
                    <div key={item.work_item_id} style={{ padding: 9, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                      <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                        {item.work_item_id}
                      </span>
                      <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                        <Chip value={item.asset_type} />
                        <Chip value={item.status} muted />
                      </div>
                      <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                        {t('reportTruthActionabilityReview.labels.requiredAssets', { count: item.required_assets.length })}
                      </span>
                    </div>
                  ))}
                </div>
              </div>
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 0.85fr) minmax(0, 1.15fr)', gap: 12 }} className="automation-inventory-live-read-grid">
              <div style={{ display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
                <div style={{ padding: 11, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                  <SmallLabel>{t('reportTruthActionabilityReview.truthTitle')}</SmallLabel>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                    {reportTruthActionabilityReview.report_truth.truth_note}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('reportTruthActionabilityReview.flags.allZero', { value: String(reportTruthActionabilityReview.report_truth.all_zero_weekly_report_is_actionable_anomaly) })} />
                    <Chip value={t('reportTruthActionabilityReview.flags.freshness', { value: String(reportTruthActionabilityReview.report_truth.freshness_gate_implemented) })} muted />
                    <Chip value={t('reportTruthActionabilityReview.flags.confidence', { value: String(reportTruthActionabilityReview.report_truth.source_confidence_gate_implemented) })} muted />
                    <Chip value={t('reportTruthActionabilityReview.flags.actionability', { value: String(reportTruthActionabilityReview.report_truth.actionability_score_implemented) })} muted />
                  </div>
                </div>

                <div style={{ padding: 11, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                  <SmallLabel>{t('reportTruthActionabilityReview.telegramTitle')}</SmallLabel>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                    {reportTruthActionabilityReview.telegram_routing_consolidation.routing_note}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('reportTruthActionabilityReview.labels.canonicalRoom', { room: reportTruthActionabilityReview.telegram_routing_consolidation.canonical_room_name })} />
                    <Chip value={reportTruthActionabilityReview.telegram_routing_consolidation.canonical_room_env} muted />
                    <Chip value={t('reportTruthActionabilityReview.flags.otherRoutes', { value: String(reportTruthActionabilityReview.telegram_routing_consolidation.other_bot_or_group_alerts_allowed) })} muted />
                    <Chip value={t('reportTruthActionabilityReview.flags.routeChange', { value: String(reportTruthActionabilityReview.telegram_routing_consolidation.route_change_allowed) })} muted />
                  </div>
                </div>

                <div style={{ padding: 11, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                  <SmallLabel>{t('reportTruthActionabilityReview.policyTitle')}</SmallLabel>
                  <div style={{ display: 'grid', gridTemplateColumns: 'repeat(2, minmax(0, 1fr))', gap: 8 }}>
                    <SummaryTile label={t('reportTruthActionabilityReview.metrics.legacyRoutes')} value={`${reportTruthLegacyRoutes}`} detail={t('reportTruthActionabilityReview.labels.legacyRoutesDetail')} tone="danger" icon={<BellOff size={16} />} />
                    <SummaryTile label={t('reportTruthActionabilityReview.metrics.approval')} value={`${reportTruthApprovals}`} detail={t('reportTruthActionabilityReview.metrics.blocked', { count: reportTruthBlockedActions })} tone="warn" icon={<Lock size={16} />} />
                  </div>
                </div>
              </div>

              <div style={{ display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
                <div style={{ display: 'grid', gridTemplateColumns: 'repeat(2, minmax(0, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
                  {visibleReportTruthFindings.map(finding => (
                    <div key={finding.finding_id} style={{ padding: 10, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                      <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 8, minWidth: 0 }}>
                        <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', lineHeight: 1.35, overflowWrap: 'anywhere' }}>
                          {finding.display_name}
                        </span>
                        <Chip value={finding.severity} muted={finding.severity !== 'critical'} />
                      </div>
                      <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                        {finding.operator_meaning}
                      </span>
                      <Chip value={finding.blocked_runtime_action} muted />
                    </div>
                  ))}
                </div>

                <div style={{ display: 'grid', gridTemplateColumns: 'repeat(2, minmax(0, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
                  {visibleTelegramRouteFindings.map(routeFinding => (
                    <div key={routeFinding.route_id} style={{ padding: 10, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                      <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 8, minWidth: 0 }}>
                        <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', lineHeight: 1.35, overflowWrap: 'anywhere' }}>
                          {routeFinding.display_name}
                        </span>
                        <Chip value={routeFinding.current_state} />
                      </div>
                      <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                        {routeFinding.risk}
                      </span>
                      <Chip value={routeFinding.target_state} muted />
                    </div>
                  ))}
                </div>
              </div>
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(190px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {visibleReportTruthActions.map(action => (
                <div key={action.action_id} style={{ padding: 10, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {action.display_name}
                    </span>
                    <Chip value={redisDryRunValueLabel('statuses', action.status)} muted={action.status !== 'approval_required'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {action.operator_instruction}
                  </span>
                  <Chip value={action.blocked_runtime_action} muted />
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #d8c6a6', borderRadius: 7, background: '#fffdf7', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <Lock size={14} style={{ color: '#d97757' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('runtimeWriteGateReview.title')}
                </span>
              </div>
              <Chip
                value={t('runtimeWriteGateReview.source', {
                  generated: formatDateTime(runtimeWriteGateReview.generated_at),
                  current: runtimeWriteGateReview.program_status.current_task_id,
                  next: runtimeWriteGateReview.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('runtimeWriteGateReview.metrics.overall')} value={`${runtimeWriteGateOverall}%`} tone="warn" icon={<Gauge size={16} />} />
              <MetricCard label={t('runtimeWriteGateReview.metrics.targets')} value={runtimeWriteTargets} tone="ok" icon={<Target size={16} />} />
              <MetricCard label={t('runtimeWriteGateReview.metrics.gates')} value={runtimeWriteGates} tone="ok" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('runtimeWriteGateReview.metrics.approval')} value={runtimeWriteApprovals} tone={runtimeWriteApprovals > 0 ? 'danger' : 'ok'} icon={<Lock size={16} />} />
              <MetricCard label={t('runtimeWriteGateReview.metrics.blocked')} value={runtimeWriteBlockedActions} tone={runtimeWriteBlockedActions > 0 ? 'danger' : 'ok'} icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('runtimeWriteGateReview.metrics.live')} value={runtimeWriteLiveTotal} tone={runtimeWriteLiveTotal === 0 ? 'warn' : 'ok'} icon={<Database size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 0.85fr) minmax(0, 1.15fr)', gap: 12 }} className="automation-inventory-live-read-grid">
              <div style={{ display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
                <div style={{ padding: 11, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                  <SmallLabel>{t('runtimeWriteGateReview.reviewTitle')}</SmallLabel>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                    {runtimeWriteGateReview.write_gate_review.operator_meaning}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('runtimeWriteGateReview.labels.requiredFields', { count: runtimeWriteGateReview.rollups.required_field_count })} />
                    <Chip value={t('runtimeWriteGateReview.labels.forbiddenFields', { count: runtimeWriteGateReview.rollups.forbidden_field_count })} muted />
                    <Chip value={t('runtimeWriteGateReview.labels.reviewOnly')} muted />
                  </div>
                </div>

                <div style={{ padding: 11, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                  <SmallLabel>{t('runtimeWriteGateReview.truthTitle')}</SmallLabel>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                    {runtimeWriteGateReview.runtime_write_truth.truth_note}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('runtimeWriteGateReview.flags.dualApproval', { value: runtimeWriteGateReview.runtime_write_truth.dual_approval_received_count })} />
                    <Chip value={t('runtimeWriteGateReview.flags.hash', { value: runtimeWriteGateReview.runtime_write_truth.dry_run_hash_verified_count })} muted />
                    <Chip value={t('runtimeWriteGateReview.flags.verifier', { value: runtimeWriteGateReview.runtime_write_truth.post_write_verifier_pass_count })} muted />
                    <Chip value={t('runtimeWriteGateReview.flags.runtime', { value: String(runtimeWriteGateReview.runtime_write_truth.runtime_write_allowed) })} muted />
                  </div>
                </div>

                <div style={{ padding: 11, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                  <SmallLabel>{t('runtimeWriteGateReview.verificationTitle')}</SmallLabel>
                  <div style={{ display: 'flex', flexDirection: 'column', gap: 5 }}>
                    {runtimeWriteGateReview.post_write_verification.verification_steps.slice(0, 5).map(step => (
                      <span key={step} style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                        {step}
                      </span>
                    ))}
                  </div>
                </div>
              </div>

              <div style={{ display: 'grid', gridTemplateColumns: 'repeat(2, minmax(0, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
                {visibleRuntimeWriteTargets.map(target => (
                  <div key={target.target_id} style={{ padding: 10, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                    <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                      <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 11, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                        {target.target_id}
                      </span>
                      <Chip value={redisDryRunValueLabel('statuses', target.status)} muted={target.status === 'contract_ready'} />
                    </div>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', lineHeight: 1.35 }}>
                      {target.display_name}
                    </span>
                    <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {target.required_before_write}
                    </span>
                    <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                      <Chip value={redisDryRunValueLabel('agents', target.owner_agent)} muted />
                      <Chip value={target.blocked_write_action} muted />
                    </div>
                  </div>
                ))}
              </div>
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(190px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {visibleRuntimeWriteGates.map(gate => (
                <div key={gate.gate_id} style={{ padding: 10, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {gate.display_name}
                    </span>
                    <Chip value={redisDryRunValueLabel('statuses', gate.status)} muted={gate.status === 'contract_ready'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {gate.required_evidence}
                  </span>
                  <Chip value={gate.blocked_runtime_action} muted />
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #d8c6a6', borderRadius: 7, background: '#fffdf7', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <PackageCheck size={14} style={{ color: '#d97757' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('postWriteVerifierPackage.title')}
                </span>
              </div>
              <Chip
                value={t('postWriteVerifierPackage.source', {
                  generated: formatDateTime(postWriteVerifierPackage.generated_at),
                  current: postWriteVerifierPackage.program_status.current_task_id,
                  next: postWriteVerifierPackage.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('postWriteVerifierPackage.metrics.overall')} value={`${postWriteVerifierOverall}%`} tone="warn" icon={<Gauge size={16} />} />
              <MetricCard label={t('postWriteVerifierPackage.metrics.targets')} value={postWriteVerifierTargets} tone="ok" icon={<Target size={16} />} />
              <MetricCard label={t('postWriteVerifierPackage.metrics.lanes')} value={postWriteVerifierFailureLanes} tone="warn" icon={<GitBranch size={16} />} />
              <MetricCard label={t('postWriteVerifierPackage.metrics.actions')} value={postWriteVerifierActions} tone="ok" icon={<FileText size={16} />} />
              <MetricCard label={t('postWriteVerifierPackage.metrics.approval')} value={postWriteVerifierApprovals} tone={postWriteVerifierApprovals > 0 ? 'danger' : 'ok'} icon={<Lock size={16} />} />
              <MetricCard label={t('postWriteVerifierPackage.metrics.live')} value={postWriteVerifierLiveTotal} tone={postWriteVerifierLiveTotal === 0 ? 'warn' : 'ok'} icon={<Database size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 0.9fr) minmax(0, 1.1fr)', gap: 12 }} className="automation-inventory-live-read-grid">
              <div style={{ display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
                <div style={{ padding: 11, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                  <SmallLabel>{t('postWriteVerifierPackage.packageTitle')}</SmallLabel>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                    {postWriteVerifierPackage.verifier_package.operator_meaning}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('postWriteVerifierPackage.labels.requiredInputs', { count: postWriteVerifierPackage.rollups.required_input_count })} />
                    <Chip value={t('postWriteVerifierPackage.labels.forbiddenInputs', { count: postWriteVerifierPackage.rollups.forbidden_input_count })} muted />
                    <Chip value={t('postWriteVerifierPackage.labels.packageMode')} muted />
                  </div>
                </div>

                <div style={{ padding: 11, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                  <SmallLabel>{t('postWriteVerifierPackage.truthTitle')}</SmallLabel>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                    {postWriteVerifierPackage.verifier_truth.truth_note}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('postWriteVerifierPackage.flags.implemented', { value: String(postWriteVerifierPackage.verifier_truth.post_write_verifier_implemented) })} />
                    <Chip value={t('postWriteVerifierPackage.flags.canonical', { value: String(postWriteVerifierPackage.verifier_truth.canonical_readback_allowed) })} muted />
                    <Chip value={t('postWriteVerifierPackage.flags.rollback', { value: postWriteVerifierPackage.verifier_truth.rollback_work_item_created_count })} muted />
                    <Chip value={t('postWriteVerifierPackage.flags.telegram', { value: postWriteVerifierPackage.verifier_truth.telegram_failure_receipt_sent_count })} muted />
                  </div>
                </div>

                <div style={{ padding: 11, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                  <SmallLabel>{t('postWriteVerifierPackage.failureTitle')}</SmallLabel>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                    {postWriteVerifierPackage.verifier_package.failure_policy}
                  </span>
                  <Chip value={t('postWriteVerifierPackage.metrics.blocked', { count: postWriteVerifierBlockedActions })} muted />
                </div>
              </div>

              <div style={{ display: 'grid', gridTemplateColumns: 'repeat(2, minmax(0, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
                {visiblePostWriteVerifierTargets.map(target => (
                  <div key={target.target_id} style={{ padding: 10, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                    <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                      <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 11, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                        {target.target_id}
                      </span>
                      <Chip value={redisDryRunValueLabel('statuses', target.status)} muted={target.status === 'contract_ready'} />
                    </div>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', lineHeight: 1.35 }}>
                      {target.display_name}
                    </span>
                    <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {target.verifier_check}
                    </span>
                    <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                      <Chip value={redisDryRunValueLabel('agents', target.owner_agent)} muted />
                      <Chip value={target.blocked_runtime_action} muted />
                      <Chip value={target.failure_escalation} muted />
                    </div>
                  </div>
                ))}
              </div>
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(190px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {[...visiblePostWriteVerifierLanes, ...visiblePostWriteVerifierActions].map(item => (
                <div key={'lane_id' in item ? item.lane_id : item.action_id} style={{ padding: 10, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {item.display_name}
                    </span>
                    <Chip value={redisDryRunValueLabel('statuses', item.status)} muted={item.status !== 'approval_required'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {'trigger' in item ? item.trigger : item.operator_instruction}
                  </span>
                  <Chip value={item.blocked_runtime_action} muted />
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #d8c6a6', borderRadius: 7, background: '#fffdf7', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <ShieldCheck size={14} style={{ color: '#d97757' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('runtimeVerifierEvidenceReview.title')}
                </span>
              </div>
              <Chip
                value={t('runtimeVerifierEvidenceReview.source', {
                  generated: formatDateTime(runtimeVerifierEvidenceReview.generated_at),
                  current: runtimeVerifierEvidenceReview.program_status.current_task_id,
                  next: runtimeVerifierEvidenceReview.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('runtimeVerifierEvidenceReview.metrics.overall')} value={`${runtimeVerifierReviewOverall}%`} tone="warn" icon={<Gauge size={16} />} />
              <MetricCard label={t('runtimeVerifierEvidenceReview.metrics.checks')} value={runtimeVerifierEvidenceChecks} tone="ok" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('runtimeVerifierEvidenceReview.metrics.lanes')} value={runtimeVerifierReviewLanes} tone="warn" icon={<GitBranch size={16} />} />
              <MetricCard label={t('runtimeVerifierEvidenceReview.metrics.actions')} value={runtimeVerifierActions} tone="ok" icon={<FileText size={16} />} />
              <MetricCard label={t('runtimeVerifierEvidenceReview.metrics.approval')} value={runtimeVerifierApprovals} tone={runtimeVerifierApprovals > 0 ? 'danger' : 'ok'} icon={<Lock size={16} />} />
              <MetricCard label={t('runtimeVerifierEvidenceReview.metrics.live')} value={runtimeVerifierLiveTotal} tone={runtimeVerifierLiveTotal === 0 ? 'warn' : 'ok'} icon={<Database size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 0.9fr) minmax(0, 1.1fr)', gap: 12 }} className="automation-inventory-live-read-grid">
              <div style={{ display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
                <div style={{ padding: 11, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                  <SmallLabel>{t('runtimeVerifierEvidenceReview.packageTitle')}</SmallLabel>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                    {runtimeVerifierEvidenceReview.review_package.operator_meaning}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('runtimeVerifierEvidenceReview.labels.requiredEvidence', { count: runtimeVerifierEvidenceReview.rollups.required_evidence_count })} />
                    <Chip value={t('runtimeVerifierEvidenceReview.labels.forbiddenEvidence', { count: runtimeVerifierEvidenceReview.rollups.forbidden_evidence_count })} muted />
                    <Chip value={t('runtimeVerifierEvidenceReview.labels.reviewMode')} muted />
                  </div>
                </div>

                <div style={{ padding: 11, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                  <SmallLabel>{t('runtimeVerifierEvidenceReview.truthTitle')}</SmallLabel>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                    {runtimeVerifierEvidenceReview.review_truth.truth_note}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('runtimeVerifierEvidenceReview.flags.implementation', { value: String(runtimeVerifierEvidenceReview.review_truth.runtime_verifier_implementation_allowed) })} />
                    <Chip value={t('runtimeVerifierEvidenceReview.flags.execution', { value: String(runtimeVerifierEvidenceReview.review_truth.post_write_verifier_execution_allowed) })} muted />
                    <Chip value={t('runtimeVerifierEvidenceReview.flags.rollback', { value: runtimeVerifierEvidenceReview.review_truth.rollback_work_item_created_count })} muted />
                    <Chip value={t('runtimeVerifierEvidenceReview.flags.telegram', { value: runtimeVerifierEvidenceReview.review_truth.telegram_failure_receipt_sent_count })} muted />
                  </div>
                </div>

                <div style={{ padding: 11, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                  <SmallLabel>{t('runtimeVerifierEvidenceReview.policyTitle')}</SmallLabel>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                    {runtimeVerifierEvidenceReview.review_package.approval_policy}
                  </span>
                  <Chip value={t('runtimeVerifierEvidenceReview.metrics.blocked', { count: runtimeVerifierBlockedActions })} muted />
                </div>
              </div>

              <div style={{ display: 'grid', gridTemplateColumns: 'repeat(2, minmax(0, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
                {visibleRuntimeVerifierEvidenceChecks.map(check => (
                  <div key={check.check_id} style={{ padding: 10, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                    <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                      <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 11, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                        {check.check_id}
                      </span>
                      <Chip value={redisDryRunValueLabel('statuses', check.status)} muted={check.status === 'contract_ready'} />
                    </div>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', lineHeight: 1.35 }}>
                      {check.display_name}
                    </span>
                    <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {check.review_question}
                    </span>
                    <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                      <Chip value={redisDryRunValueLabel('agents', check.owner_agent)} muted />
                      <Chip value={check.blocked_runtime_action} muted />
                    </div>
                  </div>
                ))}
              </div>
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(190px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {[...visibleRuntimeVerifierReviewLanes, ...visibleRuntimeVerifierActions].map(item => (
                <div key={'lane_id' in item ? item.lane_id : item.action_id} style={{ padding: 10, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {item.display_name}
                    </span>
                    <Chip value={redisDryRunValueLabel('statuses', item.status)} muted={item.status !== 'approval_required'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {'trigger' in item ? item.trigger : item.operator_instruction}
                  </span>
                  <Chip value={item.blocked_runtime_action} muted />
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #d8c6a6', borderRadius: 7, background: '#fffdf7', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <Database size={14} style={{ color: '#d97757' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('liveReadModelGate.title')}
                </span>
              </div>
              <Chip
                value={t('liveReadModelGate.source', {
                  generated: formatDateTime(liveReadModelGate.generated_at),
                  current: liveReadModelGate.program_status.current_task_id,
                  next: liveReadModelGate.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('liveReadModelGate.metrics.overall')} value={`${liveReadModelOverall}%`} tone="warn" icon={<Gauge size={16} />} />
              <MetricCard label={t('liveReadModelGate.metrics.readyCards')} value={liveReadModelReadyCards} tone="ok" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('liveReadModelGate.metrics.approvalGates')} value={liveReadModelApprovalGates} tone={liveReadModelApprovalGates > 0 ? 'danger' : 'ok'} icon={<Lock size={16} />} />
              <MetricCard label={t('liveReadModelGate.metrics.noWriteSmokes')} value={liveReadModelNoWriteSmokes} tone="ok" icon={<FileText size={16} />} />
              <MetricCard label={t('liveReadModelGate.metrics.liveTotal')} value={liveReadModelLiveTotal} tone={liveReadModelLiveTotal === 0 ? 'warn' : 'ok'} icon={<Route size={16} />} />
              <MetricCard label={t('liveReadModelGate.metrics.forbidden')} value={liveReadModelForbiddenContent} tone="warn" icon={<ShieldAlert size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1fr) minmax(0, 1fr)', gap: 12 }} className="automation-inventory-live-read-grid">
              <div style={{ display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
                <div style={{ padding: 11, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                  <SmallLabel>{t('liveReadModelGate.storageTitle')}</SmallLabel>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                    {t('liveReadModelGate.storageDetail', {
                      table: liveReadModelGate.existing_storage_contract.db_table,
                      fields: liveReadModelGate.existing_storage_contract.safe_selected_fields.length,
                      indexes: liveReadModelGate.existing_storage_contract.required_indexes.length,
                      limit: liveReadModelGate.existing_storage_contract.query_limits.max_limit,
                    })}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('liveReadModelGate.flags.liveQuery', { value: String(liveReadModelGate.existing_storage_contract.approved_for_live_query) })} />
                    <Chip value={t('liveReadModelGate.flags.migration', { value: String(liveReadModelGate.existing_storage_contract.migration_delta_required) })} muted />
                    <Chip value={t('liveReadModelGate.labels.safeFields', { count: liveReadModelGate.existing_storage_contract.safe_selected_fields.length })} muted />
                  </div>
                </div>

                <div style={{ padding: 11, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                  <SmallLabel>{t('liveReadModelGate.redisTitle')}</SmallLabel>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                    {t('liveReadModelGate.redisDetail', {
                      namespace: liveReadModelGate.redis_stream_contract.stream_namespace,
                      streams: liveReadModelGate.redis_stream_contract.candidate_streams.length,
                      fields: liveReadModelGate.redis_stream_contract.event_envelope_required_fields.length,
                    })}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('liveReadModelGate.flags.consumer', { value: String(liveReadModelGate.redis_stream_contract.consumer_group_allowed) })} />
                    <Chip value={t('liveReadModelGate.flags.xadd', { value: String(liveReadModelGate.redis_stream_contract.xadd_allowed) })} muted />
                    <Chip value={t('liveReadModelGate.flags.xreadgroup', { value: String(liveReadModelGate.redis_stream_contract.xreadgroup_allowed) })} muted />
                  </div>
                </div>

                <div style={{ padding: 11, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                  <SmallLabel>{t('liveReadModelGate.redactionTitle')}</SmallLabel>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                    {redactPublicText(liveReadModelGate.display_redaction_contract.frontend_display_policy)}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('liveReadModelGate.labels.redactionRequired', { value: String(liveReadModelGate.display_redaction_contract.redaction_required) })} />
                    <Chip value={t('liveReadModelGate.labels.forbiddenCount', { count: liveReadModelForbiddenContent })} muted />
                  </div>
                </div>
              </div>

              <div style={{ display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
                <div style={{ display: 'grid', gridTemplateColumns: 'repeat(2, minmax(0, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
                  {visibleLiveReadModelCards.map(card => (
                    <div key={card.card_id} style={{ padding: 10, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                      <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                        <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 11, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                          {card.card_id}
                        </span>
                        <Chip value={liveReadModelValueLabel('statuses', card.readiness_status)} muted={card.readiness_status === 'query_contract_ready'} />
                      </div>
                      <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', lineHeight: 1.35 }}>
                        {card.display_name}
                      </span>
                      <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                        {card.operator_signal}
                      </span>
                      <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                        <Chip value={liveReadModelValueLabel('agents', card.owner_agent)} muted />
                        <Chip value={card.next_gate} muted />
                      </div>
                    </div>
                  ))}
                </div>

                <div style={{ padding: 11, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                  <SmallLabel>{t('liveReadModelGate.gatesTitle')}</SmallLabel>
                  {visibleLiveReadModelGates.map(gate => (
                    <div key={gate.gate_id} style={{ display: 'flex', flexDirection: 'column', gap: 6, minWidth: 0 }}>
                      <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                        <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 11, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                          {gate.gate_id}
                        </span>
                        <Chip value={liveReadModelValueLabel('statuses', gate.status)} />
                      </div>
                      <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                        {gate.required_evidence}
                      </span>
                    </div>
                  ))}
                </div>
              </div>
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #d8c6a6', borderRadius: 7, background: '#fffdf7', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <GitBranch size={14} style={{ color: '#d97757' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('redisDryRunGate.title')}
                </span>
              </div>
              <Chip
                value={t('redisDryRunGate.source', {
                  generated: formatDateTime(redisDryRunGate.generated_at),
                  current: redisDryRunGate.program_status.current_task_id,
                  next: redisDryRunGate.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('redisDryRunGate.metrics.overall')} value={`${redisDryRunOverall}%`} tone="warn" icon={<Gauge size={16} />} />
              <MetricCard label={t('redisDryRunGate.metrics.steps')} value={redisDryRunSteps} tone="ok" icon={<Route size={16} />} />
              <MetricCard label={t('redisDryRunGate.metrics.lanes')} value={redisHandoffLanes} tone="ok" icon={<GitBranch size={16} />} />
              <MetricCard label={t('redisDryRunGate.metrics.approval')} value={redisApprovalSteps} tone={redisApprovalSteps > 0 ? 'danger' : 'ok'} icon={<Lock size={16} />} />
              <MetricCard label={t('redisDryRunGate.metrics.blocked')} value={redisBlockedActions} tone={redisBlockedActions > 0 ? 'danger' : 'ok'} icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('redisDryRunGate.metrics.live')} value={redisLiveTotal} tone={redisLiveTotal === 0 ? 'warn' : 'ok'} icon={<Database size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 0.85fr) minmax(0, 1.15fr)', gap: 12 }} className="automation-inventory-live-read-grid">
              <div style={{ display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
                <div style={{ padding: 11, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                  <SmallLabel>{t('redisDryRunGate.consumerTitle')}</SmallLabel>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                    {t('redisDryRunGate.consumerDetail', {
                      group: redisDryRunGate.consumer_group_dry_run_contract.candidate_group_name,
                      namespace: redisDryRunGate.consumer_group_dry_run_contract.stream_namespace,
                      fields: redisDryRunGate.consumer_group_dry_run_contract.required_fixture_fields.length,
                    })}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('redisDryRunGate.flags.fixture', { value: String(redisDryRunGate.consumer_group_dry_run_contract.fixture_only) })} />
                    <Chip value={t('redisDryRunGate.flags.network', { value: String(redisDryRunGate.consumer_group_dry_run_contract.redis_network_call_allowed) })} muted />
                    <Chip value={t('redisDryRunGate.flags.groupCreated', { value: String(redisDryRunGate.dry_run_truth.consumer_group_created) })} muted />
                  </div>
                </div>

                <div style={{ padding: 11, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                  <SmallLabel>{t('redisDryRunGate.envelopeTitle')}</SmallLabel>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                    {redisDryRunGate.handoff_envelope_contract.operator_meaning}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('redisDryRunGate.labels.requiredFields', { count: redisDryRunGate.rollups.required_handoff_field_count })} />
                    <Chip value={t('redisDryRunGate.labels.forbiddenFields', { count: redisDryRunGate.rollups.forbidden_field_count })} muted />
                    <Chip value={t('redisDryRunGate.labels.idempotency', { value: String(redisDryRunGate.handoff_envelope_contract.idempotency_key_required) })} muted />
                  </div>
                </div>

                <div style={{ padding: 11, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                  <SmallLabel>{t('redisDryRunGate.redactionTitle')}</SmallLabel>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                    {redactPublicText(redisDryRunGate.display_redaction_contract.frontend_display_policy)}
                  </span>
                </div>
              </div>

              <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(190px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
                {visibleRedisDryRunSteps.map(step => (
                  <div key={step.step_id} style={{ padding: 10, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                    <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                      <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 11, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                        {step.step_id}
                      </span>
                      <Chip value={redisDryRunValueLabel('statuses', step.status)} muted={step.status === 'contract_ready'} />
                    </div>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', lineHeight: 1.35 }}>
                      {step.display_name}
                    </span>
                    <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {step.operator_signal}
                    </span>
                    <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                      <Chip value={redisDryRunValueLabel('agents', step.owner_agent)} muted />
                      <Chip value={step.blocked_runtime_action} muted />
                    </div>
                  </div>
                ))}
              </div>
            </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'repeat(3, minmax(0, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
            {visibleRedisHandoffLanes.map(lane => (
              <div key={lane.lane_id} style={{ padding: 10, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {lane.display_name}
                    </span>
                    <Chip value={redisDryRunValueLabel('statuses', lane.status)} muted={lane.status === 'contract_ready'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {redisDryRunValueLabel('agents', lane.from_agent)} → {redisDryRunValueLabel('agents', lane.to_agent)}
                  </span>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {lane.required_evidence}
                  </span>
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #d8c6a6', borderRadius: 7, background: '#fffdf7', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <PackageCheck size={14} style={{ color: '#d97757' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('learningWritebackPackage.title')}
                </span>
              </div>
              <Chip
                value={t('learningWritebackPackage.source', {
                  generated: formatDateTime(learningWritebackPackage.generated_at),
                  current: learningWritebackPackage.program_status.current_task_id,
                  next: learningWritebackPackage.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('learningWritebackPackage.metrics.overall')} value={`${learningWritebackOverall}%`} tone="warn" icon={<Gauge size={16} />} />
              <MetricCard label={t('learningWritebackPackage.metrics.gates')} value={learningWritebackGates} tone="ok" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('learningWritebackPackage.metrics.lanes')} value={learningWritebackLanes} tone="ok" icon={<Route size={16} />} />
              <MetricCard label={t('learningWritebackPackage.metrics.approval')} value={learningWritebackApprovals} tone={learningWritebackApprovals > 0 ? 'danger' : 'ok'} icon={<Lock size={16} />} />
              <MetricCard label={t('learningWritebackPackage.metrics.blocked')} value={learningWritebackBlockedWrites} tone={learningWritebackBlockedWrites > 0 ? 'danger' : 'ok'} icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('learningWritebackPackage.metrics.live')} value={learningWritebackLiveWrites} tone={learningWritebackLiveWrites === 0 ? 'warn' : 'ok'} icon={<Database size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 0.85fr) minmax(0, 1.15fr)', gap: 12 }} className="automation-inventory-live-read-grid">
              <div style={{ display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
                <div style={{ padding: 11, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                  <SmallLabel>{t('learningWritebackPackage.packageTitle')}</SmallLabel>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                    {learningWritebackPackage.writeback_package.operator_meaning}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('learningWritebackPackage.labels.requiredFields', { count: learningWritebackPackage.rollups.required_field_count })} />
                    <Chip value={t('learningWritebackPackage.labels.forbiddenFields', { count: learningWritebackPackage.rollups.forbidden_field_count })} muted />
                    <Chip value={t('learningWritebackPackage.labels.rollback', { value: String(learningWritebackPackage.writeback_package.rollback_required) })} muted />
                  </div>
                </div>

                <div style={{ padding: 11, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                  <SmallLabel>{t('learningWritebackPackage.truthTitle')}</SmallLabel>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                    {learningWritebackPackage.learning_truth.truth_note}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('learningWritebackPackage.flags.km', { value: String(learningWritebackPackage.learning_truth.km_write_allowed) })} />
                    <Chip value={t('learningWritebackPackage.flags.playbook', { value: String(learningWritebackPackage.learning_truth.playbook_trust_write_allowed) })} muted />
                    <Chip value={t('learningWritebackPackage.flags.telegram', { value: String(learningWritebackPackage.learning_truth.telegram_send_allowed) })} muted />
                  </div>
                </div>

                <div style={{ padding: 11, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                  <SmallLabel>{t('learningWritebackPackage.redactionTitle')}</SmallLabel>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                    {redactPublicText(learningWritebackPackage.display_redaction_contract.frontend_display_policy)}
                  </span>
                </div>
              </div>

              <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(260px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
                {visibleLearningWritebackGates.map(gate => (
                  <div key={gate.gate_id} style={{ padding: 10, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                    <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                      <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 11, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                        {gate.gate_id}
                      </span>
                      <Chip value={redisDryRunValueLabel('statuses', gate.status)} muted={gate.status === 'contract_ready'} />
                    </div>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', lineHeight: 1.35 }}>
                      {gate.display_name}
                    </span>
                    <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {gate.required_evidence}
                    </span>
                    <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                      <Chip value={redisDryRunValueLabel('agents', gate.owner_agent)} muted />
                      <Chip value={gate.blocked_write_action} muted />
                    </div>
                  </div>
                ))}
              </div>
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(3, minmax(0, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {visibleLearningWritebackLanes.map(lane => (
                <div key={lane.lane_id} style={{ padding: 10, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {lane.display_name}
                    </span>
                    <Chip value={redisDryRunValueLabel('statuses', lane.status)} muted={lane.status === 'contract_ready'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {redisDryRunValueLabel('agents', lane.owner_agent)} · {lane.target_surface} · {lane.review_owner}
                  </span>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {lane.required_review}
                  </span>
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #d8c6a6', borderRadius: 7, background: '#fffdf7', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <BellRing size={14} style={{ color: '#d97757' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('telegramReceiptPackage.title')}
                </span>
              </div>
              <Chip
                value={t('telegramReceiptPackage.source', {
                  generated: formatDateTime(telegramReceiptPackage.generated_at),
                  current: telegramReceiptPackage.program_status.current_task_id,
                  next: telegramReceiptPackage.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('telegramReceiptPackage.metrics.overall')} value={`${telegramReceiptOverall}%`} tone="warn" icon={<Gauge size={16} />} />
              <MetricCard label={t('telegramReceiptPackage.metrics.gates')} value={telegramReceiptGates} tone="ok" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('telegramReceiptPackage.metrics.lanes')} value={telegramReceiptLanes} tone="ok" icon={<Route size={16} />} />
              <MetricCard label={t('telegramReceiptPackage.metrics.approval')} value={telegramReceiptApprovals} tone={telegramReceiptApprovals > 0 ? 'danger' : 'ok'} icon={<Lock size={16} />} />
              <MetricCard label={t('telegramReceiptPackage.metrics.blocked')} value={telegramReceiptBlockedActions} tone={telegramReceiptBlockedActions > 0 ? 'danger' : 'ok'} icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('telegramReceiptPackage.metrics.live')} value={telegramReceiptLiveTotal} tone={telegramReceiptLiveTotal === 0 ? 'warn' : 'ok'} icon={<BellOff size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 0.85fr) minmax(0, 1.15fr)', gap: 12 }} className="automation-inventory-live-read-grid">
              <div style={{ display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
                <div style={{ padding: 11, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                  <SmallLabel>{t('telegramReceiptPackage.packageTitle')}</SmallLabel>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                    {telegramReceiptPackage.receipt_package.operator_meaning}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('telegramReceiptPackage.labels.requiredFields', { count: telegramReceiptPackage.rollups.required_field_count })} />
                    <Chip value={t('telegramReceiptPackage.labels.forbiddenFields', { count: telegramReceiptPackage.rollups.forbidden_field_count })} muted />
                    <Chip value={t('telegramReceiptPackage.labels.retry', { value: String(telegramReceiptPackage.receipt_package.retry_policy_required) })} muted />
                  </div>
                </div>

                <div style={{ padding: 11, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                  <SmallLabel>{t('telegramReceiptPackage.truthTitle')}</SmallLabel>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                    {telegramReceiptPackage.telegram_truth.truth_note}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('telegramReceiptPackage.flags.send', { value: String(telegramReceiptPackage.telegram_truth.telegram_send_allowed) })} />
                    <Chip value={t('telegramReceiptPackage.flags.queue', { value: String(telegramReceiptPackage.telegram_truth.gateway_queue_write_allowed) })} muted />
                    <Chip value={t('telegramReceiptPackage.flags.direct', { value: String(telegramReceiptPackage.telegram_truth.direct_bot_api_allowed) })} muted />
                  </div>
                </div>

                <div style={{ padding: 11, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                  <SmallLabel>{t('telegramReceiptPackage.redactionTitle')}</SmallLabel>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                    {redactPublicText(telegramReceiptPackage.display_redaction_contract.frontend_display_policy)}
                  </span>
                </div>
              </div>

              <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(260px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
                {visibleTelegramReceiptGates.map(gate => (
                  <div key={gate.gate_id} style={{ padding: 10, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                    <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                      <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 11, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                        {gate.gate_id}
                      </span>
                      <Chip value={redisDryRunValueLabel('statuses', gate.status)} muted={gate.status === 'contract_ready'} />
                    </div>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', lineHeight: 1.35 }}>
                      {gate.display_name}
                    </span>
                    <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {gate.required_evidence}
                    </span>
                    <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                      <Chip value={redisDryRunValueLabel('agents', gate.owner_agent)} muted />
                      <Chip value={gate.blocked_runtime_action} muted />
                    </div>
                  </div>
                ))}
              </div>
            </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'repeat(3, minmax(0, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {visibleTelegramReceiptLanes.map(lane => (
                <div key={lane.lane_id} style={{ padding: 10, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {lane.display_name}
                    </span>
                    <Chip value={redisDryRunValueLabel('statuses', lane.status)} muted={lane.status === 'contract_ready'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {redisDryRunValueLabel('agents', lane.owner_agent)} · {lane.target_surface} · {lane.review_owner}
                  </span>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {lane.required_review}
                  </span>
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #d8c6a6', borderRadius: 7, background: '#fffdf7', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <FileText size={14} style={{ color: '#d97757' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('ownerApprovedLearningDryRun.title')}
                </span>
              </div>
              <Chip
                value={t('ownerApprovedLearningDryRun.source', {
                  generated: formatDateTime(ownerApprovedLearningDryRun.generated_at),
                  current: ownerApprovedLearningDryRun.program_status.current_task_id,
                  next: ownerApprovedLearningDryRun.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(7, minmax(0, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('ownerApprovedLearningDryRun.metrics.overall')} value={`${ownerApprovedLearningOverall}%`} tone="warn" icon={<Gauge size={16} />} />
              <MetricCard label={t('ownerApprovedLearningDryRun.metrics.actions')} value={ownerApprovedLearningActions} tone="ok" icon={<Route size={16} />} />
              <MetricCard label={t('ownerApprovedLearningDryRun.metrics.gates')} value={ownerApprovedLearningGates} tone="ok" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('ownerApprovedLearningDryRun.metrics.approval')} value={ownerApprovedLearningApprovals} tone={ownerApprovedLearningApprovals > 0 ? 'danger' : 'ok'} icon={<Lock size={16} />} />
              <MetricCard label={t('ownerApprovedLearningDryRun.metrics.blocked')} value={ownerApprovedLearningBlockedWrites} tone={ownerApprovedLearningBlockedWrites > 0 ? 'danger' : 'ok'} icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('ownerApprovedLearningDryRun.metrics.outputs')} value={ownerApprovedLearningPreviewOutputs} tone="ok" icon={<FileText size={16} />} />
              <MetricCard label={t('ownerApprovedLearningDryRun.metrics.generated')} value={ownerApprovedLearningGenerated} tone={ownerApprovedLearningGenerated === 0 ? 'warn' : 'ok'} icon={<Database size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 0.85fr) minmax(0, 1.15fr)', gap: 12 }} className="automation-inventory-live-read-grid">
              <div style={{ display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
                <div style={{ padding: 11, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                  <SmallLabel>{t('ownerApprovedLearningDryRun.previewTitle')}</SmallLabel>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                    {ownerApprovedLearningDryRun.dry_run_preview.operator_meaning}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('ownerApprovedLearningDryRun.labels.requiredInputs', { count: ownerApprovedLearningDryRun.rollups.required_input_count })} />
                    <Chip value={t('ownerApprovedLearningDryRun.labels.forbiddenInputs', { count: ownerApprovedLearningDryRun.rollups.forbidden_input_count })} muted />
                    <Chip value={t('ownerApprovedLearningDryRun.labels.previewAllowed', { value: String(ownerApprovedLearningDryRun.dry_run_truth.dry_run_preview_allowed) })} muted />
                  </div>
                </div>

                <div style={{ padding: 11, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                  <SmallLabel>{t('ownerApprovedLearningDryRun.truthTitle')}</SmallLabel>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                    {ownerApprovedLearningDryRun.dry_run_truth.truth_note}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('ownerApprovedLearningDryRun.flags.ownerApproval', { value: ownerApprovedLearningDryRun.dry_run_truth.owner_approval_received_count })} />
                    <Chip value={t('ownerApprovedLearningDryRun.flags.km', { value: String(ownerApprovedLearningDryRun.dry_run_truth.km_write_allowed) })} muted />
                    <Chip value={t('ownerApprovedLearningDryRun.flags.telegram', { value: String(ownerApprovedLearningDryRun.dry_run_truth.telegram_send_allowed) })} muted />
                  </div>
                </div>

                <div style={{ padding: 11, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                  <SmallLabel>{t('ownerApprovedLearningDryRun.verificationTitle')}</SmallLabel>
                  <div style={{ display: 'flex', flexDirection: 'column', gap: 5 }}>
                    {ownerApprovedLearningDryRun.verification_contract.verification_steps.slice(0, 5).map(step => (
                      <span key={step} style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                        {step}
                      </span>
                    ))}
                  </div>
                </div>
              </div>

              <div style={{ display: 'grid', gridTemplateColumns: 'repeat(2, minmax(0, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
                {visibleOwnerApprovedLearningActions.map(action => (
                  <div key={action.action_id} style={{ padding: 10, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                    <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                      <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 11, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                        {action.action_id}
                      </span>
                      <Chip value={redisDryRunValueLabel('statuses', action.status)} muted={action.status !== 'approval_required'} />
                    </div>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', lineHeight: 1.35 }}>
                      {action.display_name}
                    </span>
                    <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {action.operator_instruction}
                    </span>
                    <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                      <Chip value={redisDryRunValueLabel('agents', action.owner_agent)} muted />
                      <Chip value={action.blocked_runtime_action} muted />
                    </div>
                  </div>
                ))}
              </div>
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(190px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {visibleOwnerApprovedLearningGates.map(gate => (
                <div key={gate.gate_id} style={{ padding: 10, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {gate.display_name}
                    </span>
                    <Chip value={redisDryRunValueLabel('statuses', gate.status)} muted={gate.status === 'contract_ready'} />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {gate.required_evidence}
                  </span>
                  <Chip value={gate.blocked_write_action} muted />
                </div>
              ))}
            </div>
          </div>

          <div style={{ padding: 12, border: '0.5px solid #d8c6a6', borderRadius: 7, background: '#fffdf7', display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <ShieldCheck size={14} style={{ color: '#d97757' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('ownerDryRunPackage.title')}
                </span>
              </div>
              <Chip
                value={t('ownerDryRunPackage.source', {
                  generated: formatDateTime(ownerDryRunPackage.generated_at),
                  current: ownerDryRunPackage.program_status.current_task_id,
                  next: ownerDryRunPackage.program_status.next_task_id,
                })}
                muted
              />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 10 }} className="automation-inventory-live-read-kpi-grid">
              <MetricCard label={t('ownerDryRunPackage.metrics.overall')} value={`${ownerDryRunOverall}%`} tone="warn" icon={<Gauge size={16} />} />
              <MetricCard label={t('ownerDryRunPackage.metrics.fixtures')} value={ownerDryRunFixtures} tone="ok" icon={<PackageCheck size={16} />} />
              <MetricCard label={t('ownerDryRunPackage.metrics.gates')} value={ownerDryRunGates} tone="ok" icon={<ShieldCheck size={16} />} />
              <MetricCard label={t('ownerDryRunPackage.metrics.approval')} value={ownerDryRunApprovals} tone={ownerDryRunApprovals > 0 ? 'danger' : 'ok'} icon={<Lock size={16} />} />
              <MetricCard label={t('ownerDryRunPackage.metrics.blocked')} value={ownerDryRunBlockedActions} tone={ownerDryRunBlockedActions > 0 ? 'danger' : 'ok'} icon={<ShieldAlert size={16} />} />
              <MetricCard label={t('ownerDryRunPackage.metrics.live')} value={ownerDryRunLiveTotal} tone={ownerDryRunLiveTotal === 0 ? 'warn' : 'ok'} icon={<BellOff size={16} />} />
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 0.85fr) minmax(0, 1.15fr)', gap: 12 }} className="automation-inventory-live-read-grid">
              <div style={{ display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
                <div style={{ padding: 11, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                  <SmallLabel>{t('ownerDryRunPackage.packageTitle')}</SmallLabel>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                    {ownerDryRunPackage.fixture_package.operator_meaning}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('ownerDryRunPackage.labels.requiredFields', { count: ownerDryRunPackage.rollups.required_field_count })} />
                    <Chip value={t('ownerDryRunPackage.labels.forbiddenFields', { count: ownerDryRunPackage.rollups.forbidden_field_count })} muted />
                    <Chip value={t('ownerDryRunPackage.labels.noWrite', { value: String(ownerDryRunPackage.fixture_package.no_write_proof_required) })} muted />
                  </div>
                </div>

                <div style={{ padding: 11, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                  <SmallLabel>{t('ownerDryRunPackage.truthTitle')}</SmallLabel>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                    {ownerDryRunPackage.dry_run_truth.truth_note}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('ownerDryRunPackage.flags.fixture', { value: String(ownerDryRunPackage.dry_run_truth.fixture_dry_run_allowed) })} />
                    <Chip value={t('ownerDryRunPackage.flags.write', { value: String(ownerDryRunPackage.dry_run_truth.production_write_approved) })} muted />
                    <Chip value={t('ownerDryRunPackage.flags.send', { value: String(ownerDryRunPackage.dry_run_truth.telegram_send_allowed) })} muted />
                  </div>
                </div>

                <div style={{ padding: 11, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                  <SmallLabel>{t('ownerDryRunPackage.redactionTitle')}</SmallLabel>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                    {redactPublicText(ownerDryRunPackage.display_redaction_contract.frontend_display_policy)}
                  </span>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={t('ownerDryRunPackage.flags.actionButton', { value: String(ownerDryRunPackage.display_redaction_contract.action_button_allowed) })} />
                    <Chip value={t('ownerDryRunPackage.flags.secret', { value: String(ownerDryRunPackage.display_redaction_contract.secret_value_display_allowed) })} muted />
                  </div>
                </div>
              </div>

              <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(260px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
                {visibleOwnerDryRunGates.map(gate => (
                  <div key={gate.gate_id} style={{ padding: 10, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                    <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                      <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 11, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                        {gate.gate_id}
                      </span>
                      <Chip value={ownerDryRunValueLabel('statuses', gate.status)} muted={gate.status === 'approved_for_fixture_only'} />
                    </div>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', lineHeight: 1.35 }}>
                      {gate.display_name}
                    </span>
                    <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {gate.required_evidence}
                    </span>
                    <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                      <Chip value={ownerDryRunValueLabel('agents', gate.owner_agent)} muted />
                      <Chip value={gate.blocked_runtime_action} muted />
                    </div>
                  </div>
                ))}
              </div>
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(260px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {visibleOwnerDryRunFixtures.map(fixture => (
                <div key={fixture.fixture_id} style={{ padding: 10, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {fixture.display_name}
                    </span>
                    <Chip value={ownerDryRunValueLabel('statuses', fixture.status)} muted />
                  </div>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {ownerDryRunValueLabel('agents', fixture.owner_agent)} · {fixture.scenario_type} · {fixture.target_surface}
                  </span>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {fixture.operator_visible_result}
                  </span>
                  <Chip value={fixture.blocked_runtime_action} muted />
                </div>
              ))}
            </div>

            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(260px, 1fr))', gap: 10 }} className="automation-inventory-live-read-card-grid">
              {visibleOwnerDryRunSteps.map(step => (
                <div key={step.step_id} style={{ padding: 10, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                  <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                    <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 11, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {step.step_id}
                    </span>
                    <Chip value={ownerDryRunValueLabel('statuses', step.status)} muted />
                  </div>
                  <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', lineHeight: 1.35 }}>
                    {step.display_name}
                  </span>
                  <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {step.expected_artifact}
                  </span>
                </div>
              ))}
            </div>
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1.15fr) minmax(0, 0.85fr)', gap: 12 }} className="automation-inventory-proof-grid">
            <div style={{ display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
              <div style={{ padding: 12, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
                <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
                  <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                    {t('interactionProof.ladderTitle')}
                  </span>
                  <Chip value={t('interactionProof.ladderSummary', { pending: proofLivePendingLevels, total: interactionLearningProof.rollups.proof_level_count })} muted />
                </div>
                <div style={{ display: 'grid', gridTemplateColumns: 'repeat(2, minmax(0, 1fr))', gap: 10 }} className="automation-inventory-proof-ladder-grid">
                  {visibleProofLevels.map(level => (
                    <div key={level.level_id} style={{ padding: 11, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                      <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                        <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                          {level.display_name}
                        </span>
                        <Chip value={proofValueLabel('statuses', level.status)} muted={level.status !== 'blocked_by_gate'} />
                      </div>
                      <ProgressRow label={level.source_of_truth} percent={level.completion_percent} nextTask={level.next_gate} />
                      <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                        {level.operator_meaning}
                      </span>
                    </div>
                  ))}
                </div>
              </div>

              <div style={{ padding: 12, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
                <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
                  <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                    {t('interactionProof.signalsTitle')}
                  </span>
                  <Chip value={t('interactionProof.signalsSummary', { signals: proofSignalCount, surfaces: proofVisibleSurfaces })} muted />
                </div>
                <div style={{ display: 'grid', gridTemplateColumns: 'repeat(3, minmax(0, 1fr))', gap: 10 }} className="automation-inventory-proof-signal-grid">
                  {visibleProofSignals.map(signal => (
                    <div key={signal.signal_id} style={{ padding: 10, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                      <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                        <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 11, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                          {signal.signal_id}
                        </span>
                        <Chip value={proofValueLabel('states', signal.current_state)} muted={signal.current_state !== 'live_verified'} />
                      </div>
                      <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', lineHeight: 1.35 }}>
                        {signal.display_name}
                      </span>
                      <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                        {signal.operator_interpretation}
                      </span>
                      <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                        <Chip value={signal.category} muted />
                        <Chip value={signal.next_gate} muted />
                      </div>
                    </div>
                  ))}
                </div>
              </div>
            </div>

            <div style={{ display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
              <div style={{ padding: 12, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
                <SmallLabel>{t('interactionProof.agentLanesTitle')}</SmallLabel>
                {interactionLearningProof.agent_lanes.map(lane => (
                  <div key={lane.agent_id} style={{ paddingBottom: 9, borderBottom: '0.5px solid #eee9dd', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                    <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                      <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413' }}>
                        {lane.display_name}
                      </span>
                      <Chip value={proofValueLabel('agents', lane.agent_id)} muted />
                    </div>
                    <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {lane.what_operator_will_feel}
                    </span>
                    <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                      <Chip value={proofValueLabel('states', lane.current_visible_state)} />
                      <Chip value={`${t('interactionProof.labels.signals')}: ${lane.visible_signals.length}`} muted />
                    </div>
                  </div>
                ))}
              </div>

              <div style={{ padding: 12, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
                <SmallLabel>{t('interactionProof.gatesTitle')}</SmallLabel>
                {visibleRuntimeGates.map(gate => (
                  <div key={gate.gate_id} style={{ display: 'flex', flexDirection: 'column', gap: 6, minWidth: 0 }}>
                    <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                      <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 11, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                        {gate.gate_id}
                      </span>
                      <Chip value={proofValueLabel('statuses', gate.status)} />
                    </div>
                    <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {gate.required_before_green}
                    </span>
                  </div>
                ))}
              </div>

              <div style={{ padding: 12, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('interactionProof.redactionTitle')}</SmallLabel>
                <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {redactPublicText(interactionLearningProof.frontend_redaction.display_policy)}
                </span>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('interactionProof.labels.transcriptBlocked')} />
                  <Chip value={t('interactionProof.labels.privateReasoningBlocked')} muted />
                  <Chip value={t('interactionProof.labels.secretBlocked')} muted />
                </div>
              </div>
            </div>
          </div>
        </div>
      </GlassCard>

      <GlassCard variant="subtle" padding="md">
        <div style={{ display: 'flex', flexDirection: 'column', gap: 13, minWidth: 0 }}>
          <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 12, flexWrap: 'wrap' }}>
            <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
              <HardDrive size={14} style={{ color: '#d97757' }} />
              <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                {t('proactiveOperations.title')}
              </span>
            </div>
            <Chip
              value={t('proactiveOperations.source', {
                generated: formatDateTime(proactiveOperations.generated_at),
                current: proactiveOperations.program_status.current_task_id,
                next: proactiveOperations.program_status.next_task_id,
              })}
              muted
            />
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 12 }} className="automation-inventory-proactive-kpi-grid">
            <MetricCard label={t('proactiveOperations.metrics.overall')} value={`${proactiveOverall}%`} tone="ok" icon={<Gauge size={16} />} />
            <MetricCard label={t('proactiveOperations.metrics.capabilities')} value={proactiveDelegableCapabilities} icon={<Boxes size={16} />} />
            <MetricCard label={t('proactiveOperations.metrics.approval')} value={proactiveApprovalCapabilities} tone="warn" icon={<Lock size={16} />} />
            <MetricCard label={t('proactiveOperations.metrics.blockedDomains')} value={proactiveBlockedVersionDomains} tone="warn" icon={<AlertTriangle size={16} />} />
            <MetricCard label={t('proactiveOperations.metrics.telegram')} value={proactiveTelegramActionRequired} tone="warn" icon={<BellRing size={16} />} />
            <MetricCard label={t('proactiveOperations.metrics.autoExecute')} value={proactiveAutoExecuteAllowed} tone="ok" icon={<ShieldCheck size={16} />} />
            <MetricCard label={t('hostStateful.metrics.hosts')} value={hostStatefulInventory.rollups.host_count} icon={<Server size={16} />} />
            <MetricCard label={t('hostStateful.metrics.k3sNodes')} value={hostStatefulInventory.rollups.k3s_node_count} icon={<Route size={16} />} />
            <MetricCard label={t('hostStateful.metrics.stateful')} value={hostStatefulInventory.rollups.stateful_service_count} icon={<Database size={16} />} />
            <MetricCard label={t('hostStateful.metrics.probes')} value={hostStatefulInventory.rollups.readonly_probe_step_count} icon={<FileText size={16} />} />
            <MetricCard label={t('hostStateful.metrics.maintenance')} value={hostStatefulInventory.rollups.maintenance_required_field_count} tone="warn" icon={<ShieldAlert size={16} />} />
            <MetricCard label={t('hostStateful.metrics.denied')} value={hostReadonlyDeniedCount} tone="ok" icon={<BellOff size={16} />} />
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1.1fr) minmax(0, 0.9fr)', gap: 12 }} className="automation-inventory-proactive-grid">
            <div style={{ display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
              <div style={{ padding: 12, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
                <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
                  <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                    {t('proactiveOperations.capabilitiesTitle')}
                  </span>
                  <Chip value={t('proactiveOperations.capabilitiesShown', { count: visibleDelegableCapabilities.length, total: proactiveDelegableCapabilities })} muted />
                </div>
                <div style={{ display: 'grid', gridTemplateColumns: 'repeat(2, minmax(0, 1fr))', gap: 10 }} className="automation-inventory-capability-grid">
                  {visibleDelegableCapabilities.map(capability => (
                    <div key={capability.capability_id} style={{ padding: 11, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                      <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 8, minWidth: 0 }}>
                        <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 11, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                          {capability.capability_id}
                        </span>
                        <Chip value={proactiveValueLabel('risks', capability.risk_tier)} muted={capability.risk_tier === 'low'} />
                      </div>
                      <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', lineHeight: 1.35 }}>
                        {capability.display_name}
                      </span>
                      <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, minWidth: 0 }}>
                        <Chip value={`${t('proactiveOperations.labels.owner')}: ${proactiveValueLabel('agents', capability.primary_owner)}`} />
                        <Chip value={`${t('proactiveOperations.labels.level')}: ${proactiveValueLabel('autonomyLevels', capability.automation_level)}`} muted />
                        <Chip value={`${t('proactiveOperations.labels.gate')}: ${proactiveApprovalGateLabel(capability.approval_gate)}`} muted={capability.approval_gate === 'read_only_allowed'} />
                        <Chip value={`${t('proactiveOperations.labels.outputs')}: ${capability.outputs.length}`} muted />
                      </div>
                      <SmallLabel>{t('proactiveOperations.labels.telegram')}</SmallLabel>
                      <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                        {capability.telegram_policy}
                      </span>
                    </div>
                  ))}
                </div>
              </div>

              <div style={{ padding: 12, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
                <SmallLabel>{t('proactiveOperations.domainsTitle')}</SmallLabel>
                <div style={{ display: 'grid', gridTemplateColumns: 'repeat(2, minmax(0, 1fr))', gap: 10 }} className="automation-inventory-domain-grid">
                  {visibleVersionDomains.map(domain => (
                    <div key={domain.domain_id} style={{ padding: 10, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                      <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                        <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                          {domain.display_name}
                        </span>
                        <Chip value={proactiveValueLabel('agents', domain.primary_owner)} muted />
                      </div>
                      <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                        <Chip value={`${t('proactiveOperations.labels.cadence')}: ${domain.cadence}`} muted />
                        <Chip value={`${t('proactiveOperations.labels.level')}: ${proactiveValueLabel('autonomyLevels', domain.current_allowed_autonomy)}`} muted />
                        <Chip value={`${t('proactiveOperations.labels.examples')}: ${domain.tracked_examples.length}`} muted />
                      </div>
                      <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                        {domain.approval_gate}
                      </span>
                    </div>
                  ))}
                </div>
              </div>
            </div>

            <div style={{ display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
              <div style={{ padding: 12, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
                <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 10, flexWrap: 'wrap' }}>
                  <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                    {t('hostStateful.hostListTitle')}
                  </span>
                  <Chip value={t('hostStateful.source', {
                    generated: formatDateTime(hostStatefulInventory.generated_at),
                    current: hostStatefulInventory.program_status.current_task_id,
                    next: hostStatefulInventory.program_status.next_task_id,
                  })} muted />
                </div>
                {visibleHostInventory.map(host => (
                  <div key={host.host_id} style={{ padding: 10, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                    <div style={{ display: 'flex', justifyContent: 'space-between', gap: 8, alignItems: 'center', minWidth: 0 }}>
                      <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 11, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                        {host.host_id}
                      </span>
                      <Chip value={hostStatefulValueLabel('values', host.version_observation_status)} muted />
                    </div>
                    <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', lineHeight: 1.35 }}>
                      {host.display_name}
                    </span>
                    <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                      <Chip value={`${t('hostStateful.labels.surfaces')}: ${host.primary_surfaces.length}`} muted />
                      <Chip value={`${t('hostStateful.labels.evidence')}: ${host.next_evidence_needed.length}`} muted />
                      <Chip value={`${t('hostStateful.labels.blocked')}: ${host.blocked_actions.length}`} muted={host.blocked_actions.length === 0} />
                      <Chip value={host.maintenance_window_required ? t('hostStateful.labels.maintenanceRequired') : t('hostStateful.labels.maintenanceNotRequired')} />
                    </div>
                  </div>
                ))}
              </div>

              <div style={{ padding: 12, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
                <SmallLabel>{t('hostStateful.serviceListTitle')}</SmallLabel>
                <div style={{ display: 'grid', gridTemplateColumns: 'repeat(2, minmax(0, 1fr))', gap: 8 }} className="automation-inventory-stateful-grid">
                  {visibleStatefulServices.map(service => (
                    <div key={service.service_id} style={{ padding: 9, border: '0.5px solid #eee9dd', borderRadius: 7, background: '#faf9f3', display: 'flex', flexDirection: 'column', gap: 6, minWidth: 0 }}>
                      <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413' }}>
                        {service.display_name}
                      </span>
                      <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                        <Chip value={service.service_id} muted />
                        <Chip value={service.backup_required_before_change ? t('hostStateful.labels.backupRequired') : t('hostStateful.labels.backupNotRequired')} />
                        <Chip value={`${t('hostStateful.labels.restart')}: ${String(service.restart_authorized)}`} muted />
                      </div>
                    </div>
                  ))}
                </div>
              </div>

              <div style={{ padding: 12, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('hostStateful.maintenanceTitle')}</SmallLabel>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={`${t('hostStateful.labels.requiredFields')}: ${hostStatefulInventory.maintenance_window_approval_package.required_fields.length}`} />
                  <Chip value={`${t('hostStateful.labels.smoke')}: ${hostStatefulInventory.maintenance_window_approval_package.minimum_smoke_plan.length}`} muted />
                  <Chip value={`${t('hostStateful.labels.forbiddenFields')}: ${hostStatefulInventory.maintenance_window_approval_package.forbidden_fields.length}`} muted />
                  <Chip value={`${t('hostStateful.labels.probeSteps')}: ${hostStatefulInventory.readonly_probe_plan.length}`} muted />
                </div>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={`${t('hostStateful.labels.telegramDirect')}: ${hostTelegramDirectSendAllowed}`} muted />
                  <Chip value={`${t('hostStateful.labels.telegramQueue')}: ${hostTelegramGatewayWriteAllowed}`} muted />
                  <Chip value={hostRedactionLocked ? t('hostStateful.labels.redactionLocked') : t('hostStateful.labels.redactionReview')} />
                </div>
              </div>
            </div>
          </div>
        </div>
      </GlassCard>

      <GlassCard variant="subtle" padding="md">
        <div style={{ display: 'flex', flexDirection: 'column', gap: 13, minWidth: 0 }}>
          <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 12, flexWrap: 'wrap' }}>
            <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
              <PackageCheck size={14} style={{ color: '#d97757' }} />
              <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                {t('backlogProgress.title')}
              </span>
            </div>
            <div style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', overflowWrap: 'anywhere' }}>
              {backlog.progress_summary.formula}
            </div>
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'repeat(4, minmax(0, 1fr))', gap: 12 }} className="automation-inventory-progress-kpi-grid">
            <MetricCard label={t('backlogProgress.metrics.overall')} value={`${backlog.progress_summary.overall_percent}%`} tone="ok" icon={<ShieldCheck size={16} />} />
            <MetricCard label={t('backlogProgress.metrics.done')} value={`${backlog.progress_summary.done_items}/${backlog.progress_summary.total_items}`} icon={<PackageCheck size={16} />} />
            <MetricCard label={t('backlogProgress.metrics.planned')} value={backlog.progress_summary.planned_items} tone={backlog.progress_summary.planned_items > 0 ? 'warn' : 'ok'} icon={<AlertTriangle size={16} />} />
            <MetricCard label={t('backlogProgress.metrics.requiresApproval')} value={explicitApprovalItemCount} tone={explicitApprovalItemCount > 0 ? 'warn' : 'ok'} icon={<Lock size={16} />} />
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 0.8fr) minmax(0, 1.2fr)', gap: 12 }} className="automation-inventory-progress-grid">
            <div style={{ padding: 12, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
              <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                {t('backlogProgress.priorityTitle')}
              </span>
              {backlog.progress_summary.by_priority.map(row => (
                <ProgressRow
                  key={row.priority}
                  label={`${row.priority} · ${row.done_items}/${row.total_items}`}
                  percent={row.completion_percent}
                  nextTask={t('backlogProgress.doneLabel')}
                />
              ))}
            </div>
            <div style={{ padding: 12, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', display: 'grid', gridTemplateColumns: 'repeat(2, minmax(0, 1fr))', gap: 10, minWidth: 0 }} className="automation-inventory-progress-workstream-grid">
              {backlog.progress_summary.by_workstream.slice(0, 6).map(row => (
                <ProgressRow
                  key={row.workstream_id}
                  label={`${row.display_name} · ${row.done_items}/${row.total_items}`}
                  percent={row.completion_percent}
                  nextTask={row.next_task_id}
                />
              ))}
            </div>
          </div>
        </div>
      </GlassCard>

      <GlassCard variant="subtle" padding="md">
        <div style={{ display: 'flex', flexDirection: 'column', gap: 13, minWidth: 0 }}>
          <div style={{ display: 'flex', alignItems: 'center', gap: 7 }}>
            <Server size={14} style={{ color: '#d97757' }} />
            <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
              {t('workstreams.title')}
            </span>
          </div>
          <div style={{ display: 'grid', gridTemplateColumns: 'repeat(3, minmax(0, 1fr))', gap: 12 }} className="automation-inventory-workstream-grid">
            {snapshot.workstreams.map(workstream => (
              <div key={workstream.workstream_id} style={{ padding: 11, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', minWidth: 0 }}>
                <ProgressRow
                  label={workstream.display_name}
                  percent={workstream.completion_percent}
                  nextTask={workstream.next_task_id}
                />
              </div>
            ))}
          </div>
        </div>
      </GlassCard>

      <GlassCard variant="subtle" padding="md">
        <div style={{ display: 'flex', flexDirection: 'column', gap: 13, minWidth: 0 }}>
          <div style={{ display: 'flex', alignItems: 'center', gap: 7 }}>
            <PackageCheck size={14} style={{ color: '#d97757' }} />
            <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
              {t('backlog.title', { total: backlog.rollups.total_items })}
            </span>
          </div>
          <div style={{ display: 'grid', gridTemplateColumns: 'repeat(2, minmax(0, 1fr))', gap: 12 }} className="automation-inventory-backlog-grid">
            {groupedBacklog.map(group => (
              <div key={group.priority} style={{ padding: 12, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
                <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 8 }}>
                  <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                    {group.priority}
                  </span>
                  <Chip value={String(group.items.length)} />
                </div>
                <div style={{ display: 'flex', flexDirection: 'column', gap: 9, minWidth: 0 }}>
                  {group.items.slice(0, 5).map(item => (
                    <div key={item.item_id} style={{ display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                      <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 8, minWidth: 0 }}>
                        <span style={{
                          fontFamily: 'Syne, sans-serif',
                          fontSize: 12,
                          fontWeight: 700,
                          color: '#141413',
                          overflow: 'hidden',
                          textOverflow: 'ellipsis',
                          whiteSpace: 'nowrap',
                        }}>
                          {item.title}
                        </span>
                        <Chip value={item.item_id} muted />
                      </div>
                      <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, minWidth: 0 }}>
                        <Chip value={item.owner_agent} />
                        <Chip value={item.gate_status} muted />
                        <Chip value={item.next_review} muted />
                      </div>
                      <div style={{
                        fontFamily: "'DM Mono', monospace",
                        fontSize: 10,
                        color: '#87867f',
                        lineHeight: 1.45,
                        overflowWrap: 'anywhere',
                      }}>
                        {item.acceptance_criteria[0]}
                      </div>
                      <div style={{
                        fontFamily: "'DM Mono', monospace",
                        fontSize: 10,
                        color: '#87867f',
                        lineHeight: 1.45,
                        overflowWrap: 'anywhere',
                      }}>
                        {item.approval_boundary.display_summary}
                      </div>
                      <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, minWidth: 0 }}>
                        <Chip value={`${t('tasks.boundaryLabels.mode')}: ${statusLabel(item.approval_boundary.mode)}`} muted />
                        <Chip value={`${t('tasks.boundaryLabels.allowed')}: ${item.approval_boundary.allowed_actions[0]}`} muted />
                        <Chip value={`${t('tasks.boundaryLabels.blocked')}: ${item.approval_boundary.blocked_actions.slice(0, 3).map(boundaryActionLabel).join(' / ')}`} />
                        {item.approval_boundary.requires_operator_approval_for.length > 0 ? (
                          <Chip value={`${t('tasks.boundaryLabels.requiresApproval')}: ${item.approval_boundary.requires_operator_approval_for[0]}`} muted />
                        ) : null}
                      </div>
                    </div>
                  ))}
                  {group.items.length > 5 ? (
                    <Chip value={t('backlog.more', { count: group.items.length - 5 })} muted />
                  ) : null}
                </div>
              </div>
            ))}
          </div>
        </div>
      </GlassCard>

      <GlassCard variant="subtle" padding="md">
        <div style={{ display: 'flex', flexDirection: 'column', gap: 13, minWidth: 0 }}>
          <div style={{ display: 'flex', alignItems: 'center', gap: 7 }}>
            <Database size={14} style={{ color: '#d97757' }} />
            <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
              {t('assets.title')}
            </span>
          </div>
          <div style={{ display: 'grid', gridTemplateColumns: 'repeat(2, minmax(0, 1fr))', gap: 12 }} className="automation-inventory-domain-grid">
            {groupedAssets.map(group => (
              <div key={group.domain_id} style={{ padding: 12, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
                <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 8 }}>
                  <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                    {group.display_name}
                  </span>
                  <Chip value={String(group.assets.length)} />
                </div>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, minWidth: 0 }}>
                  {group.assets.map(asset => (
                    <Chip
                      key={asset.asset_id}
                      value={`${asset.display_name} · ${asset.gate_status}`}
                      muted={asset.status !== 'blocked'}
                    />
                  ))}
                </div>
              </div>
            ))}
          </div>
        </div>
      </GlassCard>

      <GlassCard variant="subtle" padding="md">
        <div style={{ display: 'flex', flexDirection: 'column', gap: 13, minWidth: 0 }}>
          <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 12, flexWrap: 'wrap' }}>
            <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
              <Archive size={14} style={{ color: '#d97757' }} />
              <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                {t('backupEvidence.title')}
              </span>
            </div>
            <div style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f' }}>
              {t('backupEvidence.source', {
                targets: formatDateTime(backupTargets.generated_at),
                readiness: formatDateTime(backupReadiness.generated_at),
                policy: formatDateTime(backupPolicy.generated_at),
              })}
            </div>
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 12 }} className="automation-inventory-backup-kpi-grid">
            <MetricCard label={t('backupEvidence.metrics.targets')} value={backupTargets.rollups.total_targets} icon={<HardDrive size={16} />} />
            <MetricCard label={t('backupEvidence.metrics.ready')} value={readyBackupRows} tone="ok" icon={<ShieldCheck size={16} />} />
            <MetricCard label={t('backupEvidence.metrics.actionRequired')} value={actionRequiredBackupRows} tone="warn" icon={<AlertTriangle size={16} />} />
            <MetricCard label={t('backupEvidence.metrics.blocked')} value={blockedBackupRows} tone={blockedBackupRows > 0 ? 'danger' : 'ok'} icon={<Lock size={16} />} />
            <MetricCard label={t('backupEvidence.metrics.successSuppressed')} value={suppressedSuccessRules} tone="ok" icon={<BellOff size={16} />} />
            <MetricCard label={t('backupEvidence.metrics.immediateEscalations')} value={immediateEscalationRules} tone="warn" icon={<BellRing size={16} />} />
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1.35fr) minmax(0, 0.65fr)', gap: 12 }} className="automation-inventory-backup-evidence-grid">
            <div style={{ padding: 12, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 11, minWidth: 0 }}>
              <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 8 }}>
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('backupEvidence.readinessTitle')}
                </span>
                <Chip value={backupReadiness.program_status.current_task_id} muted />
              </div>
              <div style={{ display: 'grid', gridTemplateColumns: 'repeat(2, minmax(0, 1fr))', gap: 10 }} className="automation-inventory-backup-readiness-grid">
                {visibleReadinessRows.map(row => (
                  <div key={row.target_id} style={{ padding: 11, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#faf9f3', minWidth: 0 }}>
                    <div style={{ display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                      <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 8, minWidth: 0 }}>
                        <span style={{
                          fontFamily: 'Syne, sans-serif',
                          fontSize: 12,
                          fontWeight: 700,
                          color: '#141413',
                          overflow: 'hidden',
                          textOverflow: 'ellipsis',
                          whiteSpace: 'nowrap',
                        }}>
                          {row.display_name}
                        </span>
                        <Chip value={statusLabel(row.overall_readiness)} muted={row.overall_readiness === 'ready'} />
                      </div>
                      <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, minWidth: 0 }}>
                        <Chip value={`${t('backupEvidence.labels.freshness')}: ${statusLabel(row.freshness_status)}`} muted={evidenceTone(row.freshness_status) === 'ok'} />
                        <Chip value={`${t('backupEvidence.labels.integrity')}: ${statusLabel(row.integrity_status)}`} muted={evidenceTone(row.integrity_status) === 'ok'} />
                        <Chip value={`${t('backupEvidence.labels.restore')}: ${statusLabel(row.restore_drill_status)}`} muted={evidenceTone(row.restore_drill_status) === 'ok'} />
                        <Chip value={`${t('backupEvidence.labels.offsite')}: ${statusLabel(row.offsite_status)}`} muted={evidenceTone(row.offsite_status) === 'ok'} />
                      </div>
                      <div style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                        {row.blocker_summary || t('backupEvidence.noBlocker')}
                      </div>
                      <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, minWidth: 0 }}>
                        <Chip value={row.gate_status ? statusLabel(row.gate_status) : '--'} muted />
                        <Chip value={row.evidence_refs[0] ?? t('backupEvidence.noEvidence')} muted />
                      </div>
                    </div>
                  </div>
                ))}
              </div>
            </div>

            <div style={{ display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
              <div style={{ padding: 12, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('backupEvidence.policyTitle')}
                </span>
                {backupPolicy.policy_rules.slice(0, 5).map(rule => (
                  <div key={rule.rule_id} style={{ display: 'flex', flexDirection: 'column', gap: 6, minWidth: 0 }}>
                    <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 8 }}>
                      <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 11, fontWeight: 700, color: '#141413', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>
                        {rule.rule_id}
                      </span>
                      <Chip value={statusLabel(rule.decision)} muted={rule.decision === 'suppress_immediate_success'} />
                    </div>
                    <div style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {rule.message_contract}
                    </div>
                  </div>
                ))}
              </div>

              <div style={{ padding: 12, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('backupEvidence.targetsTitle')}
                </span>
                <div style={{ display: 'flex', flexDirection: 'column', gap: 8 }}>
                  {visibleBackupTargets.map(target => (
                    <div key={target.target_id} style={{ display: 'flex', flexDirection: 'column', gap: 6, minWidth: 0 }}>
                      <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 8 }}>
                        <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 12, fontWeight: 700, color: '#141413', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>
                          {target.display_name}
                        </span>
                        <Chip value={target.rpo} muted />
                      </div>
                      <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                        <Chip value={target.risk_level} />
                        <Chip value={target.owner_host} muted />
                        <Chip value={target.primary_script} muted />
                      </div>
                    </div>
                  ))}
                </div>
              </div>
            </div>
          </div>
        </div>
      </GlassCard>

      <GlassCard variant="subtle" padding="md">
        <div style={{ display: 'flex', flexDirection: 'column', gap: 13, minWidth: 0 }}>
          <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 12, flexWrap: 'wrap' }}>
            <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
              <Archive size={14} style={{ color: '#d97757' }} />
              <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                {t('offsiteEscrow.title')}
              </span>
            </div>
            <div style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f' }}>
              {t('offsiteEscrow.source', {
                generated: formatDateTime(offsiteEscrow.generated_at),
                current: offsiteEscrow.program_status.current_task_id,
                next: offsiteEscrow.program_status.next_task_id,
              })}
            </div>
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'repeat(5, minmax(0, 1fr))', gap: 12 }} className="automation-inventory-offsite-kpi-grid">
            <MetricCard label={t('offsiteEscrow.metrics.total')} value={offsiteEscrow.rollups.total_cards} icon={<HardDrive size={16} />} />
            <MetricCard label={t('offsiteEscrow.metrics.verified')} value={verifiedOffsiteCards} tone="ok" icon={<ShieldCheck size={16} />} />
            <MetricCard label={t('offsiteEscrow.metrics.actionRequired')} value={actionRequiredOffsiteCards} tone="warn" icon={<AlertTriangle size={16} />} />
            <MetricCard label={t('offsiteEscrow.metrics.blocked')} value={blockedEscrowCards} tone="danger" icon={<Lock size={16} />} />
            <MetricCard label={t('offsiteEscrow.metrics.executionBlocked')} value={executionBlockedCards} tone="danger" icon={<Lock size={16} />} />
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1.35fr) minmax(0, 0.65fr)', gap: 12 }} className="automation-inventory-offsite-grid">
            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(3, minmax(0, 1fr))', gap: 10 }} className="automation-inventory-offsite-card-grid">
              {visibleOffsiteEscrowCards.map(card => (
                <div key={card.card_id} style={{ padding: 11, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', minWidth: 0 }}>
                  <div style={{ display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                    <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 8, minWidth: 0 }}>
                      <span style={{
                        fontFamily: 'Syne, sans-serif',
                        fontSize: 12,
                        fontWeight: 700,
                        color: '#141413',
                        overflow: 'hidden',
                        textOverflow: 'ellipsis',
                        whiteSpace: 'nowrap',
                      }}>
                        {card.display_name}
                      </span>
                      <Chip value={statusLabel(card.readiness)} muted={card.readiness === 'verified'} />
                    </div>
                    <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, minWidth: 0 }}>
                      <Chip value={kindLabel(card.kind)} />
                      <Chip value={`${t('backupEvidence.labels.offsite')}: ${statusLabel(card.offsite_status)}`} muted={evidenceTone(card.offsite_status) === 'ok'} />
                      <Chip value={`${t('offsiteEscrow.labels.escrow')}: ${statusLabel(card.escrow_status)}`} muted={card.escrow_status === 'not_applicable'} />
                      <Chip value={`${t('backupEvidence.labels.restore')}: ${statusLabel(card.restore_drill_status)}`} muted={card.restore_drill_status === 'not_applicable'} />
                      <Chip value={statusLabel(card.automation_gate_status)} muted />
                    </div>
                    <div style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {card.operator_summary}
                    </div>
                    <div style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#141413', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {card.next_action}
                    </div>
                    <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, minWidth: 0 }}>
                      <Chip value={`${t('offsiteEscrow.labels.credential')}: ${statusLabel(card.credential_exposure_status)}`} muted />
                      <Chip value={card.evidence_refs[0] ?? t('backupEvidence.noEvidence')} muted />
                    </div>
                  </div>
                </div>
              ))}
            </div>

            <div style={{ padding: 12, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
              <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                {t('offsiteEscrow.contractTitle')}
              </span>
              <div style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                {offsiteEscrow.operator_contract.credential_display_policy}
              </div>
              <div style={{ display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                <Chip value={offsiteEscrow.operator_contract.success_notification_policy} muted />
                <Chip value={offsiteEscrow.operator_contract.failure_notification_policy} muted />
              </div>
              <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, minWidth: 0 }}>
                {offsiteEscrow.operator_contract.must_not_interpret_as.slice(0, 6).map(item => (
                  <Chip key={item} value={item} />
                ))}
              </div>
            </div>
          </div>
        </div>
      </GlassCard>

      {runtimeSurface && (
      <GlassCard variant="subtle" padding="md">
        <div style={{ display: 'flex', flexDirection: 'column', gap: 13, minWidth: 0 }}>
          <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 12, flexWrap: 'wrap' }}>
            <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
              <Server size={14} style={{ color: '#d97757' }} />
              <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                {t('runtimeSurface.title')}
              </span>
            </div>
            <div style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f' }}>
              {t('runtimeSurface.source', {
                generated: formatDateTime(runtimeSurface.generated_at),
                current: runtimeSurface.program_status.current_task_id,
                next: runtimeSurface.program_status.next_task_id,
              })}
            </div>
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'repeat(5, minmax(0, 1fr))', gap: 12 }} className="automation-inventory-runtime-kpi-grid">
            <MetricCard label={t('runtimeSurface.metrics.total')} value={runtimeSurface.rollups.total_surfaces} icon={<Server size={16} />} />
            <MetricCard label={t('runtimeSurface.metrics.actionRequired')} value={runtimeActionRequired} tone={runtimeActionRequired > 0 ? 'warn' : 'ok'} icon={<AlertTriangle size={16} />} />
            <MetricCard label={t('runtimeSurface.metrics.secrets')} value={runtimeSecrets} tone="danger" icon={<Lock size={16} />} />
            <MetricCard label={t('runtimeSurface.metrics.liveMissing')} value={runtimeLiveMissing} tone={runtimeLiveMissing > 0 ? 'warn' : 'ok'} icon={<ShieldCheck size={16} />} />
            <MetricCard label={t('runtimeSurface.metrics.boundComponents')} value={`${runtimeBoundComponents}/${runtimeSurface.rollups.total_source_components}`} icon={<PackageCheck size={16} />} />
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1.35fr) minmax(0, 0.65fr)', gap: 12 }} className="automation-inventory-runtime-grid">
            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(2, minmax(0, 1fr))', gap: 10 }} className="automation-inventory-runtime-surface-grid">
              {visibleRuntimeSurfaces.map(surface => (
                <div key={surface.surface_id} style={{ padding: 11, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', minWidth: 0 }}>
                  <div style={{ display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                    <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 8, minWidth: 0 }}>
                      <span style={{
                        fontFamily: 'Syne, sans-serif',
                        fontSize: 12,
                        fontWeight: 700,
                        color: '#141413',
                        overflow: 'hidden',
                        textOverflow: 'ellipsis',
                        whiteSpace: 'nowrap',
                      }}>
                        {surface.display_name}
                      </span>
                      <Chip value={runtimeValueLabel(surface.status)} muted={surface.status === 'manifest_mapped'} />
                    </div>
                    <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, minWidth: 0 }}>
                      <Chip value={runtimeKindLabel(surface.kind)} />
                      <Chip value={runtimeValueLabel(surface.evidence_level)} muted={surface.evidence_level === 'committed_manifest'} />
                      <Chip value={`${t('runtimeSurface.labels.secret')}: ${runtimeValueLabel(surface.secret_exposure)}`} muted={surface.secret_exposure === 'none'} />
                      <Chip value={`${t('runtimeSurface.labels.live')}: ${runtimeValueLabel(surface.live_check_status)}`} muted={surface.live_check_status === 'not_run'} />
                    </div>
                    <div style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {redactPublicText(surface.runtime_binding)}
                    </div>
                    <div style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#141413', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {redactPublicText(surface.health_contract)}
                    </div>
                    <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, minWidth: 0 }}>
                      <Chip value={surface.manifest_ref} muted />
                      <Chip value={surface.next_action} />
                    </div>
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
              <div style={{ padding: 12, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('runtimeSurface.componentsTitle')}
                </span>
                {runtimeSurface.source_runtime_components.slice(0, 5).map(component => (
                  <div key={component.component_id} style={{ display: 'flex', flexDirection: 'column', gap: 6, minWidth: 0 }}>
                    <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 8 }}>
                      <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 11, fontWeight: 700, color: '#141413', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>
                        {component.display_name}
                      </span>
                      <Chip value={runtimeValueLabel(component.status)} muted={component.status === 'bound'} />
                    </div>
                    <div style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {redactPublicText(component.runtime_binding)}
                    </div>
                  </div>
                ))}
              </div>

              <div style={{ padding: 12, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('runtimeSurface.contractTitle')}
                </span>
                <div style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {runtimeSurface.operator_contract.secret_display_policy}
                </div>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, minWidth: 0 }}>
                  {runtimeSurface.operator_contract.must_not_interpret_as.slice(0, 6).map(item => (
                    <Chip key={item} value={item} />
                  ))}
                </div>
              </div>
            </div>
          </div>
        </div>
      </GlassCard>
      )}

      <GlassCard variant="subtle" padding="md">
        <div style={{ display: 'flex', flexDirection: 'column', gap: 13, minWidth: 0 }}>
          <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 12, flexWrap: 'wrap' }}>
            <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
              <GitBranch size={14} style={{ color: '#d97757' }} />
              <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                {t('giteaHealth.title')}
              </span>
            </div>
            <div style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f' }}>
              {t('giteaHealth.source', {
                generated: formatDateTime(giteaHealth.generated_at),
                current: giteaHealth.program_status.current_task_id,
                next: giteaHealth.program_status.next_task_id,
              })}
            </div>
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(128px, 1fr))', gap: 12 }} className="automation-inventory-gitea-kpi-grid">
            <MetricCard label={t('giteaHealth.metrics.workflows')} value={giteaHealth.rollups.total_workflows} icon={<GitBranch size={16} />} />
            <MetricCard label={t('giteaHealth.metrics.schedules')} value={giteaHealth.rollups.workflows_with_schedule} icon={<RefreshCw size={16} />} />
            <MetricCard label={t('giteaHealth.metrics.dispatch')} value={giteaHealth.rollups.workflows_with_workflow_dispatch} tone="warn" icon={<AlertTriangle size={16} />} />
            <MetricCard label={t('giteaHealth.metrics.notifyBridge')} value={giteaHealth.rollups.workflows_with_notify_bridge} tone="warn" icon={<BellRing size={16} />} />
            <MetricCard label={t('giteaHealth.metrics.quietPolicies')} value={giteaQuietPolicies} tone="ok" icon={<BellOff size={16} />} />
            <MetricCard label={t('giteaHealth.metrics.runnerActions')} value={giteaRunnerActions} tone={giteaRunnerActions > 0 ? 'warn' : 'ok'} icon={<Lock size={16} />} />
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'repeat(4, minmax(0, 1fr))', gap: 10 }} className="automation-inventory-gitea-map-grid">
            <SummaryTile
              label={t('giteaHealth.map.runnerEvidence')}
              value={`${runnerAttestationCoverage}%`}
              detail={t('giteaHealth.map.runnerEvidenceDetail', { gaps: giteaRunnerActions })}
              tone={runnerAttestationCoverage >= 70 ? 'ok' : 'warn'}
              icon={<Layers3 size={16} />}
            />
            <SummaryTile
              label={t('giteaHealth.map.triggerSurface')}
              value={`${giteaHealth.rollups.workflows_with_workflow_dispatch}`}
              detail={t('giteaHealth.map.triggerSurfaceDetail', { schedules: giteaHealth.rollups.workflows_with_schedule })}
              tone="neutral"
              icon={<Route size={16} />}
            />
            <SummaryTile
              label={t('giteaHealth.map.noiseControl')}
              value={`${quietPolicyCoverage}%`}
              detail={t('giteaHealth.map.noiseControlDetail', { quiet: giteaQuietPolicies, total: giteaHealth.rollups.notification_contracts_total })}
              tone={quietPolicyCoverage >= 70 ? 'ok' : 'warn'}
              icon={<BellOff size={16} />}
            />
            <SummaryTile
              label={t('giteaHealth.map.safeBoundary')}
              value="0"
              detail={t('giteaHealth.map.safeBoundaryDetail')}
              tone="ok"
              icon={<ShieldCheck size={16} />}
            />
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1.35fr) minmax(0, 0.65fr)', gap: 12 }} className="automation-inventory-gitea-grid">
            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(2, minmax(0, 1fr))', gap: 10 }} className="automation-inventory-gitea-workflow-grid">
              {visibleGiteaWorkflows.map(workflow => (
                <div key={workflow.workflow_id} style={{ padding: 11, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', minWidth: 0 }}>
                  <div style={{ display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                    <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 8, minWidth: 0 }}>
                      <span style={{
                        fontFamily: 'Syne, sans-serif',
                        fontSize: 12,
                        fontWeight: 700,
                        color: '#141413',
                        overflow: 'hidden',
                        textOverflow: 'ellipsis',
                        whiteSpace: 'nowrap',
                      }}>
                        {workflow.display_name}
                      </span>
                      <Chip value={giteaValueLabel(workflow.runner_evidence_status)} muted={workflow.runner_evidence_status === 'host_runner_mapped'} />
                    </div>
                    <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, minWidth: 0 }}>
                      <Chip value={`${t('giteaHealth.labels.status')}: ${giteaValueLabel(workflow.status)}`} muted={workflow.status === 'manifest_mapped'} />
                      <Chip value={`${t('giteaHealth.labels.runner')}: ${workflow.runner_labels.join(' / ')}`} />
                      <Chip value={`${t('giteaHealth.labels.trigger')}: ${workflow.triggers.join(' / ')}`} muted />
                      <Chip value={`${t('giteaHealth.labels.notify')}: ${giteaValueLabel(workflow.notification_policy)}`} muted={workflow.notification_policy === 'read_only_no_notify'} />
                    </div>
                    <div style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {workflow.scope}
                    </div>
                    <div style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#141413', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {workflow.next_action}
                    </div>
                    <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, minWidth: 0 }}>
                      <Chip value={`${t('giteaHealth.labels.schedule')}: ${workflow.schedule_cadence}`} muted />
                      <Chip value={`${t('giteaHealth.labels.secret')}: ${workflow.secrets_policy_status}`} />
                    </div>
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
              <div style={{ padding: 12, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('giteaHealth.runnersTitle')}
                </span>
                {visibleRunnerContracts.map(runner => (
                  <div key={runner.contract_id} style={{ display: 'flex', flexDirection: 'column', gap: 6, minWidth: 0 }}>
                    <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 8 }}>
                      <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 11, fontWeight: 700, color: '#141413', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>
                        {redactPublicIdentifier(runner.display_name)}
                      </span>
                      <Chip value={giteaValueLabel(runner.status)} muted={runner.status === 'manifest_mapped'} />
                    </div>
                    <div style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {redactPublicIdentifier(runner.health_contract)}
                    </div>
                    <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                      <Chip value={redactPublicIdentifier(runner.runner_labels.join(' / '))} muted />
                      <Chip value={redactPublicIdentifier(runner.next_action)} />
                    </div>
                  </div>
                ))}
              </div>

              <div style={{ padding: 12, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('giteaHealth.notificationsTitle')}
                </span>
                {giteaHealth.notification_contracts.slice(0, 4).map(contract => (
                  <div key={contract.contract_id} style={{ display: 'flex', flexDirection: 'column', gap: 6, minWidth: 0 }}>
                    <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 8 }}>
                      <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 11, fontWeight: 700, color: '#141413', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>
                        {contract.display_name}
                      </span>
                      <Chip value={giteaValueLabel(contract.policy_kind)} muted />
                    </div>
                    <div style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {contract.success_noise_policy}
                    </div>
                  </div>
                ))}
              </div>

              <div style={{ padding: 12, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('giteaHealth.contractTitle')}
                </span>
                <div style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {giteaHealth.operator_contract.secret_display_policy}
                </div>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, minWidth: 0 }}>
                  {giteaHealth.operator_contract.must_not_interpret_as.slice(0, 6).map(item => (
                    <Chip key={item} value={item} />
                  ))}
                </div>
              </div>
            </div>
          </div>
        </div>
      </GlassCard>

      <GlassCard variant="subtle" padding="md">
        <div style={{ display: 'flex', flexDirection: 'column', gap: 13, minWidth: 0 }}>
          <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 12, flexWrap: 'wrap' }}>
            <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
              <BellRing size={14} style={{ color: '#d97757' }} />
              <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                {t('observability.title')}
              </span>
            </div>
            <div style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f' }}>
              {t('observability.source', {
                generated: formatDateTime(observabilityMatrix.generated_at),
                current: observabilityMatrix.program_status.current_task_id,
                next: observabilityMatrix.program_status.next_task_id,
              })}
            </div>
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'repeat(5, minmax(0, 1fr))', gap: 12 }} className="automation-inventory-observability-kpi-grid">
            <MetricCard label={t('observability.metrics.surfaces')} value={observabilityMatrix.rollups.total_surfaces} icon={<Database size={16} />} />
            <MetricCard label={t('observability.metrics.actions')} value={observabilityActions} tone={observabilityActions > 0 ? 'warn' : 'ok'} icon={<AlertTriangle size={16} />} />
            <MetricCard label={t('observability.metrics.proposals')} value={observabilityProposalCount} tone="warn" icon={<BellOff size={16} />} />
            <MetricCard label={t('observability.metrics.classificationGaps')} value={observabilityClassificationGaps} tone="warn" icon={<Target size={16} />} />
            <MetricCard label={t('observability.metrics.approvalRequired')} value={observabilityApprovalRequired} tone={observabilityApprovalRequired > 0 ? 'warn' : 'ok'} icon={<ShieldCheck size={16} />} />
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'repeat(4, minmax(0, 1fr))', gap: 10 }} className="automation-inventory-observability-map-grid">
            <SummaryTile
              label={t('observability.map.coverage')}
              value={`${observabilityMatrix.rollups.total_surfaces}`}
              detail={t('observability.map.coverageDetail')}
              tone="ok"
              icon={<Layers3 size={16} />}
            />
            <SummaryTile
              label={t('observability.map.noise')}
              value={`${observabilityProposalCount}`}
              detail={t('observability.map.noiseDetail')}
              tone="warn"
              icon={<BellOff size={16} />}
            />
            <SummaryTile
              label={t('observability.map.classification')}
              value={`${observabilityApprovalRequired}`}
              detail={t('observability.map.classificationDetail')}
              tone="warn"
              icon={<Target size={16} />}
            />
            <SummaryTile
              label={t('observability.map.safeBoundary')}
              value="0"
              detail={t('observability.map.safeBoundaryDetail')}
              tone="ok"
              icon={<ShieldCheck size={16} />}
            />
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1.35fr) minmax(0, 0.65fr)', gap: 12 }} className="automation-inventory-observability-grid">
            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(2, minmax(0, 1fr))', gap: 10 }} className="automation-inventory-observability-surface-grid">
              {visibleObservabilitySurfaces.map(surface => (
                <div key={surface.surface_id} style={{ padding: 11, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', minWidth: 0 }}>
                  <div style={{ display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                    <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 8, minWidth: 0 }}>
                      <span style={{
                        fontFamily: 'Syne, sans-serif',
                        fontSize: 12,
                        fontWeight: 700,
                        color: '#141413',
                        overflow: 'hidden',
                        textOverflow: 'ellipsis',
                        whiteSpace: 'nowrap',
                      }}>
                        {surface.display_name}
                      </span>
                      <Chip value={observabilityValueLabel(surface.status)} muted={surface.status === 'verified'} />
                    </div>
                    <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, minWidth: 0 }}>
                      <Chip value={observabilityValueLabel(surface.kind)} />
                      <Chip value={`${t('observability.labels.evidence')}: ${observabilityValueLabel(surface.evidence_status)}`} muted={surface.evidence_status === 'committed_manifest' || surface.evidence_status === 'production_readback_recorded'} />
                      <Chip value={`${t('observability.labels.noise')}: ${observabilityValueLabel(surface.noise_policy_status)}`} muted />
                    </div>
                    <div style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {surface.coverage_contract}
                    </div>
                    {surface.current_contract ? (
                      <div style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                        {surface.current_contract}
                      </div>
                    ) : null}
                    <div style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#141413', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {surface.next_action}
                    </div>
                    <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, minWidth: 0 }}>
                      <Chip value={surface.evidence_refs[0] ?? t('backupEvidence.noEvidence')} muted />
                    </div>
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
              <div style={{ padding: 12, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('observability.noiseTitle')}
                </span>
                {visibleNoiseOpportunities.slice(0, 5).map(opportunity => (
                  <div key={opportunity.opportunity_id} style={{ display: 'flex', flexDirection: 'column', gap: 6, minWidth: 0 }}>
                    <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 8 }}>
                      <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 11, fontWeight: 700, color: '#141413', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>
                        {opportunity.display_name}
                      </span>
                      <Chip value={observabilityValueLabel(opportunity.status)} muted />
                    </div>
                    <div style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {opportunity.impact}
                    </div>
                  </div>
                ))}
              </div>

              <div style={{ padding: 12, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('observability.classificationTitle')}
                </span>
                {observabilityMatrix.classification_gaps.map(gap => (
                  <div key={gap.gap_id} style={{ display: 'flex', flexDirection: 'column', gap: 6, minWidth: 0 }}>
                    <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 8 }}>
                      <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 11, fontWeight: 700, color: '#141413', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>
                        {gap.display_name}
                      </span>
                      <Chip value={observabilityValueLabel(gap.status)} />
                    </div>
                    <div style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {gap.summary}
                    </div>
                  </div>
                ))}
              </div>

              <div style={{ padding: 12, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('observability.contractTitle')}
                </span>
                <div style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {observabilityMatrix.operator_contract.alertmanager_route_policy}
                </div>
                <div style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {observabilityMatrix.operator_contract.noise_reduction_policy}
                </div>
                <div style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {observabilityMatrix.operator_contract.notification_policy}
                </div>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, minWidth: 0 }}>
                  {observabilityMatrix.operator_contract.must_not_interpret_as.slice(0, 6).map(item => (
                    <Chip key={item} value={item} />
                  ))}
                </div>
              </div>
            </div>
          </div>
        </div>
      </GlassCard>

      <GlassCard variant="subtle" padding="md">
        <div style={{ display: 'flex', flexDirection: 'column', gap: 13, minWidth: 0 }}>
          <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 12, flexWrap: 'wrap' }}>
            <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
              <Route size={14} style={{ color: '#d97757' }} />
              <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                {t('providerRoute.title')}
              </span>
            </div>
            <div style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f' }}>
              {t('providerRoute.source', {
                generated: formatDateTime(providerRouteMatrix.generated_at),
                current: providerRouteMatrix.program_status.current_task_id,
                next: providerRouteMatrix.program_status.next_task_id,
              })}
            </div>
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'repeat(5, minmax(0, 1fr))', gap: 12 }} className="automation-inventory-provider-kpi-grid">
            <MetricCard label={t('providerRoute.metrics.routes')} value={providerRouteMatrix.rollups.total_routes} icon={<Route size={16} />} />
            <MetricCard label={t('providerRoute.metrics.actions')} value={providerRouteActions} tone={providerRouteActions > 0 ? 'warn' : 'ok'} icon={<AlertTriangle size={16} />} />
            <MetricCard label={t('providerRoute.metrics.gates')} value={providerRouteGateApprovals} tone="warn" icon={<Lock size={16} />} />
            <MetricCard label={t('providerRoute.metrics.blocked')} value={providerBlockedRoutes} tone={providerBlockedRoutes > 0 ? 'danger' : 'ok'} icon={<ShieldCheck size={16} />} />
            <MetricCard label={t('providerRoute.metrics.denied')} value={providerRouteDeniedCount} tone="ok" icon={<BellOff size={16} />} />
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'repeat(4, minmax(0, 1fr))', gap: 10 }} className="automation-inventory-provider-map-grid">
            <SummaryTile
              label={t('providerRoute.map.ollama')}
              value="3"
              detail={t('providerRoute.map.ollamaDetail')}
              tone="ok"
              icon={<GitBranch size={16} />}
            />
            <SummaryTile
              label={t('providerRoute.map.candidate')}
              value={`${providerBlockedRoutes}`}
              detail={t('providerRoute.map.candidateDetail')}
              tone="danger"
              icon={<Target size={16} />}
            />
            <SummaryTile
              label={t('providerRoute.map.cost')}
              value={`${providerRouteGateApprovals}`}
              detail={t('providerRoute.map.costDetail')}
              tone="warn"
              icon={<Gauge size={16} />}
            />
            <SummaryTile
              label={t('providerRoute.map.safeBoundary')}
              value="0"
              detail={t('providerRoute.map.safeBoundaryDetail')}
              tone="ok"
              icon={<ShieldCheck size={16} />}
            />
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1.35fr) minmax(0, 0.65fr)', gap: 12 }} className="automation-inventory-provider-grid">
            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(2, minmax(0, 1fr))', gap: 10 }} className="automation-inventory-provider-route-grid">
              {visibleProviderRoutes.map(routeItem => (
                <div key={routeItem.route_id} style={{ padding: 11, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', minWidth: 0 }}>
                  <div style={{ display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                    <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 8, minWidth: 0 }}>
                      <span style={{
                        fontFamily: 'Syne, sans-serif',
                        fontSize: 12,
                        fontWeight: 700,
                        color: '#141413',
                        overflow: 'hidden',
                        textOverflow: 'ellipsis',
                        whiteSpace: 'nowrap',
                      }}>
                        {routeItem.display_name}
                      </span>
                      <Chip value={providerRouteValueLabel(routeItem.status)} muted={routeItem.status === 'verified'} />
                    </div>
                    <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, minWidth: 0 }}>
                      <Chip value={providerRouteValueLabel(routeItem.kind)} />
                      <Chip value={providerRouteValueLabel(routeItem.route_gate)} muted={routeItem.route_gate === 'route_preserved'} />
                      <Chip value={`${t('providerRoute.labels.evidence')}: ${providerRouteValueLabel(routeItem.evidence_status)}`} muted />
                    </div>
                    <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, minWidth: 0 }}>
                      {routeItem.provider_order.map(provider => (
                        <Chip key={`${routeItem.route_id}-${provider}`} value={providerRouteValueLabel(provider)} />
                      ))}
                    </div>
                    <div style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {routeItem.current_policy}
                    </div>
                    <div style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {routeItem.fallback_policy}
                    </div>
                    <div style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#141413', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {routeItem.next_action}
                    </div>
                    <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, minWidth: 0 }}>
                      <Chip value={routeItem.evidence_refs[0] ?? t('backupEvidence.noEvidence')} muted />
                    </div>
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
              <div style={{ padding: 12, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('providerRoute.gatesTitle')}
                </span>
                {providerRouteMatrix.candidate_gates.map(gate => (
                  <div key={gate.gate_id} style={{ display: 'flex', flexDirection: 'column', gap: 6, minWidth: 0 }}>
                    <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 8 }}>
                      <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 11, fontWeight: 700, color: '#141413', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>
                        {gate.display_name}
                      </span>
                      <Chip value={providerRouteValueLabel(gate.status)} />
                    </div>
                    <div style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {gate.summary}
                    </div>
                  </div>
                ))}
              </div>

              <div style={{ padding: 12, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('providerRoute.gapsTitle', { count: providerSourceGaps })}
                </span>
                {providerRouteMatrix.source_gaps.map(gap => (
                  <div key={gap.gap_id} style={{ display: 'flex', flexDirection: 'column', gap: 6, minWidth: 0 }}>
                    <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 8 }}>
                      <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 11, fontWeight: 700, color: '#141413', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>
                        {gap.display_name}
                      </span>
                      <Chip value={providerRouteValueLabel(gap.status)} muted={gap.status === 'proposal_required'} />
                    </div>
                    <div style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {gap.summary}
                    </div>
                  </div>
                ))}
              </div>

              <div style={{ padding: 12, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('providerRoute.contractTitle')}
                </span>
                <div style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {providerRouteMatrix.operator_contract.provider_switch_policy}
                </div>
                <div style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {providerRouteMatrix.operator_contract.cost_policy}
                </div>
                <div style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {providerRouteMatrix.operator_contract.runtime_policy}
                </div>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, minWidth: 0 }}>
                  {providerRouteMatrix.operator_contract.must_not_interpret_as.slice(0, 6).map(item => (
                    <Chip key={item} value={item} />
                  ))}
                </div>
              </div>
            </div>
          </div>
        </div>
      </GlassCard>

      <GlassCard variant="subtle" padding="md">
        <div style={{ display: 'flex', flexDirection: 'column', gap: 13, minWidth: 0 }}>
          <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 12, flexWrap: 'wrap' }}>
            <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
              <Server size={14} style={{ color: '#d97757' }} />
              <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                {t('serviceHealth.title')}
              </span>
            </div>
            <div style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f' }}>
              {t('serviceHealth.source', {
                generated: formatDateTime(serviceHealthGapMatrix.generated_at),
                current: serviceHealthGapMatrix.program_status.current_task_id,
                next: serviceHealthGapMatrix.program_status.next_task_id,
              })}
            </div>
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'repeat(5, minmax(0, 1fr))', gap: 12 }} className="automation-inventory-service-health-kpi-grid">
            <MetricCard label={t('serviceHealth.metrics.targets')} value={serviceHealthGapMatrix.rollups.total_targets} icon={<Server size={16} />} />
            <MetricCard label={t('serviceHealth.metrics.actions')} value={serviceHealthActions} tone={serviceHealthActions > 0 ? 'warn' : 'ok'} icon={<AlertTriangle size={16} />} />
            <MetricCard label={t('serviceHealth.metrics.stale')} value={serviceHealthStaleGaps} tone={serviceHealthStaleGaps > 0 ? 'warn' : 'ok'} icon={<Target size={16} />} />
            <MetricCard label={t('serviceHealth.metrics.gaps')} value={serviceHealthOperatorReviews} tone={serviceHealthOperatorReviews > 0 ? 'warn' : 'ok'} icon={<Lock size={16} />} />
            <MetricCard label={t('serviceHealth.metrics.denied')} value={serviceHealthDeniedCount} tone="ok" icon={<BellOff size={16} />} />
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'repeat(4, minmax(0, 1fr))', gap: 10 }} className="automation-inventory-service-health-map-grid">
            <SummaryTile
              label={t('serviceHealth.map.coverage')}
              value={`${serviceHealthGapMatrix.rollups.total_targets}`}
              detail={t('serviceHealth.map.coverageDetail')}
              tone="ok"
              icon={<Database size={16} />}
            />
            <SummaryTile
              label={t('serviceHealth.map.stale')}
              value={`${serviceHealthStaleGaps}`}
              detail={t('serviceHealth.map.staleDetail')}
              tone="warn"
              icon={<Target size={16} />}
            />
            <SummaryTile
              label={t('serviceHealth.map.review')}
              value={`${serviceHealthOperatorReviews}`}
              detail={t('serviceHealth.map.reviewDetail')}
              tone="warn"
              icon={<Gauge size={16} />}
            />
            <SummaryTile
              label={t('serviceHealth.map.safeBoundary')}
              value="0"
              detail={t('serviceHealth.map.safeBoundaryDetail')}
              tone="ok"
              icon={<ShieldCheck size={16} />}
            />
          </div>

          <div style={{ display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 12, flexWrap: 'wrap' }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7, minWidth: 0 }}>
                <FileText size={14} style={{ color: '#d97757' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('serviceHealth.evidenceCardsTitle')}
                </span>
              </div>
              <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45 }}>
                {t('serviceHealth.evidenceCardsDetail')}
              </span>
            </div>
            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(5, minmax(0, 1fr))', gap: 10 }} className="automation-inventory-service-health-evidence-grid">
              {visibleServiceHealthEvidenceCards.map(({ target, primaryEvidence, extraEvidenceCount }) => (
                <div key={`${target.target_id}-evidence`} style={{ padding: 11, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                  <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 8, minWidth: 0 }}>
                    <span style={{
                      fontFamily: 'Syne, sans-serif',
                      fontSize: 12,
                      fontWeight: 700,
                      color: '#141413',
                      overflow: 'hidden',
                      textOverflow: 'ellipsis',
                      whiteSpace: 'nowrap',
                    }}>
                      {target.display_name}
                    </span>
                    <Chip value={serviceHealthValueLabel(target.status)} muted={target.status === 'verified'} />
                  </div>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, minWidth: 0 }}>
                    <Chip value={serviceHealthValueLabel(target.kind)} muted />
                    <Chip value={serviceHealthValueLabel(target.freshness_status)} muted={target.status === 'verified'} />
                    <Chip value={serviceHealthValueLabel(target.risk_level)} />
                  </div>
                  <div style={{ display: 'flex', flexDirection: 'column', gap: 4, minWidth: 0 }}>
                    <SmallLabel>{t('serviceHealth.labels.primaryEvidence')}</SmallLabel>
                    <div style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#141413', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {redactPublicText(primaryEvidence ?? t('backupEvidence.noEvidence'))}
                    </div>
                    {extraEvidenceCount > 0 ? (
                      <Chip value={t('serviceHealth.labels.extraEvidence', { count: extraEvidenceCount })} muted />
                    ) : null}
                  </div>
                  <div style={{ display: 'flex', flexDirection: 'column', gap: 4, minWidth: 0 }}>
                    <SmallLabel>{t('serviceHealth.labels.nextAction')}</SmallLabel>
                    <div style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {redactPublicText(target.next_action)}
                    </div>
                  </div>
                </div>
              ))}
            </div>
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1.35fr) minmax(0, 0.65fr)', gap: 12 }} className="automation-inventory-service-health-grid">
            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(2, minmax(0, 1fr))', gap: 10 }} className="automation-inventory-service-health-target-grid">
              {visibleServiceHealthTargets.map(targetItem => (
                <div key={targetItem.target_id} style={{ padding: 11, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', minWidth: 0 }}>
                  <div style={{ display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                    <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 8, minWidth: 0 }}>
                      <span style={{
                        fontFamily: 'Syne, sans-serif',
                        fontSize: 12,
                        fontWeight: 700,
                        color: '#141413',
                        overflow: 'hidden',
                        textOverflow: 'ellipsis',
                        whiteSpace: 'nowrap',
                      }}>
                        {targetItem.display_name}
                      </span>
                      <Chip value={serviceHealthValueLabel(targetItem.status)} muted={targetItem.status === 'verified'} />
                    </div>
                    <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, minWidth: 0 }}>
                      <Chip value={serviceHealthValueLabel(targetItem.kind)} />
                      <Chip value={`${t('serviceHealth.labels.freshness')}: ${serviceHealthValueLabel(targetItem.freshness_status)}`} muted />
                      <Chip value={`${t('serviceHealth.labels.risk')}: ${serviceHealthValueLabel(targetItem.risk_level)}`} muted={targetItem.risk_level !== 'critical'} />
                    </div>
                    <div style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {redactPublicText(targetItem.health_contract)}
                    </div>
                    <div style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {redactPublicText(targetItem.endpoint_contract)}
                    </div>
                    <div style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#141413', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {redactPublicText(targetItem.next_action)}
                    </div>
                    <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, minWidth: 0 }}>
                      <Chip value={targetItem.evidence_refs[0] ?? t('backupEvidence.noEvidence')} muted />
                    </div>
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'flex', flexDirection: 'column', gap: 12, minWidth: 0 }}>
              <div style={{ padding: 12, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('serviceHealth.staleTitle', { count: serviceHealthStaleGaps })}
                </span>
                {serviceHealthGapMatrix.stale_endpoints.map(endpoint => (
                  <div key={endpoint.endpoint_id} style={{ display: 'flex', flexDirection: 'column', gap: 6, minWidth: 0 }}>
                    <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 8 }}>
                      <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 11, fontWeight: 700, color: '#141413', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>
                        {endpoint.display_name}
                      </span>
                      <Chip value={serviceHealthValueLabel(endpoint.status)} />
                    </div>
                    <div style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {redactPublicText(endpoint.stale_ref)}
                    </div>
                    <div style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#141413', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {redactPublicText(endpoint.current_truth)}
                    </div>
                  </div>
                ))}
              </div>

              <div style={{ padding: 12, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('serviceHealth.gapsTitle', { count: serviceHealthOperatorReviews })}
                </span>
                {serviceHealthGapMatrix.health_gaps.slice(0, 4).map(gap => (
                  <div key={gap.gap_id} style={{ display: 'flex', flexDirection: 'column', gap: 6, minWidth: 0 }}>
                    <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 8 }}>
                      <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 11, fontWeight: 700, color: '#141413', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>
                        {gap.display_name}
                      </span>
                      <Chip value={serviceHealthValueLabel(gap.status)} muted={gap.status === 'proposal_required'} />
                    </div>
                    <div style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                      {redactPublicText(gap.summary)}
                    </div>
                  </div>
                ))}
              </div>

              <div style={{ padding: 12, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('serviceHealth.contractTitle')}
                </span>
                <div style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {redactPublicText(serviceHealthGapMatrix.operator_contract.restart_policy)}
                </div>
                <div style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {redactPublicText(serviceHealthGapMatrix.operator_contract.endpoint_policy)}
                </div>
                <div style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {redactPublicText(serviceHealthGapMatrix.operator_contract.notification_policy)}
                </div>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, minWidth: 0 }}>
                  {serviceHealthGapMatrix.operator_contract.must_not_interpret_as.slice(0, 6).map(item => (
                    <Chip key={item} value={item} />
                  ))}
                </div>
              </div>
            </div>
          </div>
        </div>
      </GlassCard>

      <GlassCard variant="subtle" padding="md">
        <div style={{ display: 'flex', flexDirection: 'column', gap: 13, minWidth: 0 }}>
          <div style={{ display: 'flex', alignItems: 'flex-start', justifyContent: 'space-between', gap: 12, flexWrap: 'wrap' }}>
            <div style={{ display: 'flex', flexDirection: 'column', gap: 5, minWidth: 0 }}>
              <div style={{ display: 'flex', alignItems: 'center', gap: 7 }}>
                <BellRing size={14} style={{ color: '#d97757' }} />
                <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                  {t('serviceHealthNotification.title')}
                </span>
              </div>
              <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45 }}>
                {t('serviceHealthNotification.source', {
                  generated: formatDateTime(serviceHealthNotificationPolicy.generated_at),
                  current: serviceHealthNotificationPolicy.program_status.current_task_id,
                  next: serviceHealthNotificationPolicy.program_status.next_task_id,
                })}
              </span>
            </div>
            <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
              <Chip value={t('serviceHealthNotification.quietBadge', { count: serviceHealthSuppressedSuccess })} muted />
              <Chip value={t('serviceHealthNotification.redactionBadge', { count: serviceHealthRedactionCategoryCount })} muted />
            </div>
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'repeat(5, minmax(0, 1fr))', gap: 10 }} className="automation-inventory-service-health-notification-kpi-grid">
            <MetricCard label={t('serviceHealthNotification.metrics.rules')} value={serviceHealthNotificationPolicy.rollups.total_rules} icon={<BellRing size={16} />} />
            <MetricCard label={t('serviceHealthNotification.metrics.quiet')} value={serviceHealthSuppressedSuccess} tone="ok" icon={<BellOff size={16} />} />
            <MetricCard label={t('serviceHealthNotification.metrics.actionRequired')} value={serviceHealthActionRequiredRules} tone="warn" icon={<AlertTriangle size={16} />} />
            <MetricCard label={t('serviceHealthNotification.metrics.escalate')} value={serviceHealthImmediateEscalations} tone="warn" icon={<ShieldAlert size={16} />} />
            <MetricCard label={t('serviceHealthNotification.metrics.allowedSend')} value={serviceHealthNotificationAllowedCount} tone="ok" icon={<Lock size={16} />} />
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'repeat(4, minmax(0, 1fr))', gap: 10 }} className="automation-inventory-service-health-notification-map-grid">
            <SummaryTile
              label={t('serviceHealthNotification.map.failureOnly')}
              value={`${serviceHealthImmediateEscalations}`}
              detail={t('serviceHealthNotification.map.failureOnlyDetail')}
              tone="warn"
              icon={<ShieldAlert size={16} />}
            />
            <SummaryTile
              label={t('serviceHealthNotification.map.quietSuccess')}
              value={`${serviceHealthSuppressedSuccess}`}
              detail={t('serviceHealthNotification.map.quietSuccessDetail')}
              tone="ok"
              icon={<BellOff size={16} />}
            />
            <SummaryTile
              label={t('serviceHealthNotification.map.blockedOperations')}
              value="0"
              detail={t('serviceHealthNotification.map.blockedOperationsDetail')}
              tone="ok"
              icon={<Lock size={16} />}
            />
            <SummaryTile
              label={t('serviceHealthNotification.map.redaction')}
              value={serviceHealthRedactionLocked ? t('serviceHealthNotification.values.locked') : t('serviceHealthNotification.values.review_required')}
              detail={t('serviceHealthNotification.map.redactionDetail', { count: serviceHealthRedactionCategoryCount })}
              tone={serviceHealthRedactionLocked ? 'ok' : 'warn'}
              icon={<ShieldCheck size={16} />}
            />
          </div>

          <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1.1fr) minmax(0, 0.9fr)', gap: 12 }} className="automation-inventory-service-health-notification-grid">
            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(3, minmax(0, 1fr))', gap: 10 }} className="automation-inventory-service-health-notification-rule-grid">
              {serviceHealthNotificationPolicy.policy_rules.map(rule => (
                <div key={rule.rule_id} style={{ padding: 11, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                  <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 8, minWidth: 0 }}>
                    <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, fontWeight: 700, color: '#141413', overflowWrap: 'anywhere' }}>
                      {rule.rule_id}
                    </span>
                    <Chip value={serviceHealthValueLabel(rule.severity)} muted={rule.severity !== 'critical'} />
                  </div>
                  <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                    <Chip value={serviceHealthValueLabel(rule.service_state)} muted={rule.service_state === 'verified'} />
                    <Chip value={serviceHealthNotificationDecisionLabel(rule.decision)} />
                  </div>
                  <div style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.45, overflowWrap: 'anywhere' }}>
                    {rule.message_contract}
                  </div>
                </div>
              ))}
            </div>

            <div style={{ display: 'flex', flexDirection: 'column', gap: 10, minWidth: 0 }}>
              <div style={{ padding: 12, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('serviceHealthNotification.templateTitle')}</SmallLabel>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  {serviceHealthNotificationPolicy.message_template_contract.required_fields.map(field => (
                    <Chip key={field} value={field} muted />
                  ))}
                </div>
                <div style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {serviceHealthNotificationPolicy.message_template_contract.success_message_policy}
                </div>
              </div>
              <div style={{ padding: 12, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('serviceHealthNotification.redactionTitle')}</SmallLabel>
                <div style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {redactPublicText(serviceHealthNotificationPolicy.display_redaction_contract.frontend_display_policy)}
                </div>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('serviceHealthNotification.labels.transcriptAllowed', { value: String(serviceHealthNotificationPolicy.display_redaction_contract.conversation_transcript_display_allowed) })} />
                  <Chip value={t('serviceHealthNotification.labels.redactionRequired', { value: String(serviceHealthNotificationPolicy.display_redaction_contract.redaction_required) })} muted />
                </div>
              </div>
              <div style={{ padding: 12, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                <SmallLabel>{t('serviceHealthNotification.boundaryTitle')}</SmallLabel>
                <div style={{ fontFamily: "'DM Mono', monospace", fontSize: 10, color: '#87867f', lineHeight: 1.5, overflowWrap: 'anywhere' }}>
                  {t('serviceHealthNotification.boundaryDetail', {
                    notification: String(serviceHealthNotificationPolicy.operation_boundaries.notification_send_allowed),
                    probe: String(serviceHealthNotificationPolicy.operation_boundaries.live_probe_allowed),
                    restart: String(serviceHealthNotificationPolicy.operation_boundaries.service_restart_allowed),
                    runtime: String(serviceHealthNotificationPolicy.operation_boundaries.runtime_execution_allowed),
                  })}
                </div>
                <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6 }}>
                  <Chip value={t('serviceHealthNotification.labels.forbiddenFieldCount', { count: serviceHealthForbiddenFieldCount })} />
                  <Chip value={t('serviceHealthNotification.labels.noRawInternalFields')} muted />
                </div>
              </div>
            </div>
          </div>
        </div>
      </GlassCard>

      <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1.2fr) minmax(0, 0.8fr)', gap: 12 }} className="automation-inventory-bottom-grid">
        <GlassCard variant="subtle" padding="md">
          <div style={{ display: 'flex', flexDirection: 'column', gap: 13, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', gap: 7 }}>
              <PackageCheck size={14} style={{ color: '#d97757' }} />
              <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                {t('tasks.title', { done: completedTasks, total: snapshot.tasks.length })}
              </span>
            </div>
            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(2, minmax(0, 1fr))', gap: 10 }} className="automation-inventory-task-grid">
              {snapshot.tasks.map(task => (
                <div key={task.task_id} style={{ padding: 11, border: '0.5px solid #e0ddd4', borderRadius: 7, background: '#fff', minWidth: 0 }}>
                  <div style={{ display: 'flex', flexDirection: 'column', gap: 8, minWidth: 0 }}>
                    <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 8 }}>
                      <span style={{ fontFamily: "'DM Mono', monospace", fontSize: 11, fontWeight: 700, color: '#141413' }}>
                        {task.task_id}
                      </span>
                      <Chip value={t(`tasks.statuses.${task.status}`)} muted={task.status !== 'done'} />
                    </div>
                    <span style={{
                      fontFamily: 'Syne, sans-serif',
                      fontSize: 12,
                      fontWeight: 700,
                      color: '#141413',
                      overflow: 'hidden',
                      textOverflow: 'ellipsis',
                      whiteSpace: 'nowrap',
                    }}>
                      {task.title}
                    </span>
                    <ProgressRow label={task.owner_agent} percent={task.completion_percent} nextTask={task.gate_status} />
                    <div style={{ display: 'flex', flexDirection: 'column', gap: 7, minWidth: 0 }}>
                      <div style={{
                        fontFamily: "'DM Mono', monospace",
                        fontSize: 10,
                        color: '#87867f',
                        lineHeight: 1.45,
                        overflowWrap: 'anywhere',
                      }}>
                        {task.approval_boundary.display_summary}
                      </div>
                      <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, minWidth: 0 }}>
                        <Chip value={`${t('tasks.boundaryLabels.mode')}: ${statusLabel(task.approval_boundary.mode)}`} muted />
                        <Chip value={`${t('tasks.boundaryLabels.allowed')}: ${task.approval_boundary.allowed_actions[0]}`} muted />
                        <Chip value={`${t('tasks.boundaryLabels.blocked')}: ${task.approval_boundary.blocked_actions.slice(0, 3).map(boundaryActionLabel).join(' / ')}`} />
                        {task.approval_boundary.requires_operator_approval_for.length > 0 ? (
                          <Chip value={`${t('tasks.boundaryLabels.requiresApproval')}: ${task.approval_boundary.requires_operator_approval_for[0]}`} muted />
                        ) : null}
                      </div>
                    </div>
                  </div>
                </div>
              ))}
            </div>
          </div>
        </GlassCard>

        <GlassCard variant="subtle" padding="md">
          <div style={{ display: 'flex', flexDirection: 'column', gap: 13, minWidth: 0 }}>
            <div style={{ display: 'flex', alignItems: 'center', gap: 7 }}>
              <Lock size={14} style={{ color: '#d97757' }} />
              <span style={{ fontFamily: 'Syne, sans-serif', fontSize: 13, fontWeight: 700, color: '#141413' }}>
                {t('boundaries.title')}
              </span>
            </div>
            <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, minWidth: 0 }}>
              {blockedApprovals.map(key => (
                <Chip key={key} value={t(`boundaries.items.${key}`)} />
              ))}
            </div>
          </div>
        </GlassCard>
      </div>

      <style jsx global>{`
        .automation-inventory-tab-root,
        .automation-inventory-tab-root * {
          box-sizing: border-box;
          min-width: 0;
        }

        .automation-inventory-tab-root {
          max-width: 100%;
          overflow-x: hidden;
        }

        .automation-inventory-tab-root span,
        .automation-inventory-tab-root div {
          overflow-wrap: anywhere;
          word-break: break-word;
        }

        .automation-inventory-tab-root span {
          white-space: normal !important;
        }

        @media (max-width: 900px) {
          .automation-inventory-visual-grid,
          .automation-inventory-stage-grid,
          .automation-inventory-visual-factor-grid,
          .automation-inventory-global-control-kpi-grid,
          .automation-inventory-global-control-grid,
          .automation-inventory-global-control-pipeline-grid,
          .automation-inventory-global-control-runway-grid,
          .automation-inventory-global-control-agent-workload-grid,
          .automation-inventory-global-control-collaboration-proof-grid,
          .automation-inventory-global-control-professional-judgment-grid,
          .automation-inventory-global-control-autonomy-maturity-grid,
          .automation-inventory-global-control-execution-queue-grid,
          .automation-inventory-global-control-execution-queue-meta-grid,
          .automation-inventory-global-control-domain-grid,
          .automation-inventory-kpi-grid,
          .automation-inventory-command-grid,
          .automation-inventory-summary-grid,
          .automation-inventory-decision-grid,
          .automation-inventory-decision-factor-grid,
          .automation-inventory-progress-kpi-grid,
          .automation-inventory-progress-grid,
          .automation-inventory-progress-workstream-grid,
          .automation-inventory-workstream-grid,
          .automation-inventory-domain-grid,
          .automation-inventory-backlog-grid,
          .automation-inventory-backup-kpi-grid,
          .automation-inventory-backup-evidence-grid,
          .automation-inventory-backup-readiness-grid,
          .automation-inventory-offsite-kpi-grid,
          .automation-inventory-offsite-grid,
          .automation-inventory-offsite-card-grid,
          .automation-inventory-runtime-kpi-grid,
          .automation-inventory-runtime-grid,
          .automation-inventory-runtime-surface-grid,
          .automation-inventory-gitea-kpi-grid,
          .automation-inventory-gitea-map-grid,
          .automation-inventory-gitea-grid,
          .automation-inventory-gitea-workflow-grid,
          .automation-inventory-observability-kpi-grid,
          .automation-inventory-observability-map-grid,
          .automation-inventory-observability-grid,
          .automation-inventory-observability-surface-grid,
          .automation-inventory-provider-kpi-grid,
          .automation-inventory-provider-map-grid,
          .automation-inventory-provider-grid,
          .automation-inventory-provider-route-grid,
          .automation-inventory-deployment-layout-kpi-grid,
          .automation-inventory-deployment-layout-grid,
          .automation-inventory-deployment-layout-target-grid,
          .automation-inventory-proof-kpi-grid,
          .automation-inventory-proof-truth-grid,
          .automation-inventory-proof-grid,
          .automation-inventory-proof-ladder-grid,
          .automation-inventory-proof-signal-grid,
          .automation-inventory-live-read-kpi-grid,
          .automation-inventory-live-read-grid,
          .automation-inventory-live-read-card-grid,
          .automation-inventory-service-health-kpi-grid,
          .automation-inventory-service-health-map-grid,
          .automation-inventory-service-health-evidence-grid,
          .automation-inventory-service-health-notification-kpi-grid,
          .automation-inventory-service-health-notification-grid,
          .automation-inventory-service-health-notification-rule-grid,
          .automation-inventory-service-health-grid,
          .automation-inventory-service-health-target-grid,
          .automation-inventory-service-health-notification-kpi-grid,
          .automation-inventory-service-health-notification-map-grid,
          .automation-inventory-service-health-notification-grid,
          .automation-inventory-service-health-notification-rule-grid,
          .automation-inventory-bottom-grid,
          .automation-inventory-task-grid {
            grid-template-columns: 1fr !important;
          }

          .automation-inventory-tab-root {
            padding: 12px !important;
            max-width: 100%;
            overflow-x: hidden;
          }

          .automation-inventory-tab-root button,
          .automation-inventory-tab-root [role='button'],
          .automation-inventory-tab-root span,
          .automation-inventory-tab-root div {
            max-width: 100%;
          }

          .automation-inventory-live-read-kpi-grid,
          .automation-inventory-live-read-grid,
          .automation-inventory-live-read-card-grid,
          .automation-inventory-service-health-notification-rule-grid,
          .automation-inventory-service-health-target-grid {
            width: 100% !important;
            max-width: 100% !important;
            min-width: 0 !important;
            justify-items: stretch;
          }

          .automation-inventory-live-read-kpi-grid > *,
          .automation-inventory-live-read-grid > *,
          .automation-inventory-live-read-card-grid > *,
          .automation-inventory-service-health-notification-rule-grid > *,
          .automation-inventory-service-health-target-grid > * {
            width: 100% !important;
            min-width: 0 !important;
            max-width: 100% !important;
            overflow-wrap: anywhere;
          }

          .automation-inventory-live-read-grid *,
          .automation-inventory-live-read-card-grid * {
            min-width: 0 !important;
            max-width: 100%;
          }

          .automation-inventory-live-read-card-grid > *,
          .automation-inventory-live-read-kpi-grid > *,
          .automation-inventory-service-health-notification-rule-grid > *,
          .automation-inventory-service-health-target-grid > * {
            min-width: 0 !important;
            max-width: 100% !important;
          }
        }
      `}</style>
    </div>
  )
}
