npm - create-principles-disciple - Versions diffs - 1.86.0 → 1.87.0 - Mend

create-principles-disciple 1.86.0 → 1.87.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1327) hide show

package/console/dist/ui/i18n/en.json CHANGED Viewed

@@ -54,8 +54,18 @@
             "summaryPending": "pending review",
             "summaryDeviation": "behavior deviations",
             "summaryStagnation": "stagnation signals",
+            "summaryEvidence": "behavior evidence in progress",
+            "stratLabel": "Today's Feedback Layers",
+            "stratGateBlocks": "Auto-blocked",
+            "stratGateBlocksHint": "RuleHost handled these — no action needed",
+            "stratInProgress": "In Progress",
+            "stratInProgressHint": "Evidence/internalization pipeline running",
+            "stratPendingReview": "Needs Your Call",
+            "stratPendingReviewHint": "Awaiting your review decision",
+            "stratYouAreHere": "you are here",
             "sectionPending": "Pending Your Review",
             "sectionDeviation": "Behavior Deviations Worth Noting",
+            "sectionEvidenceInProgress": "Behavior Evidence In Progress",
             "sectionSignals": "System Signals",
             "emptyPending": "No principles pending review. When PD captures behavior deviation signals, principle candidates will appear here for your review.",
             "emptyDeviation": "No behavior deviations captured yet. PD will detect deviations when the agent's behavior diverges from owner expectations.",
@@ -66,6 +76,13 @@
             "deviationDisclaimer": "PD presents each deviation individually. Automatic similarity detection is post-MVP.",
             "deviationDetailPending": "Individual deviation evidence will be available here once the backend provides pain signal details (CR5).",
             "footer": "This page answers one question: what deserves your judgment right now.",
+            "dailyThought": {
+                "eyebrow": "Before you judge",
+                "ariaLabel": "Today's thought",
+                "next": "Next thought",
+                "nextAriaLabel": "Show next thought",
+                "authorPrefix": "— "
+            },
             "reviewAction": "Review & Decide",
             "parkAction": "Park",
             "viewFullChain": "View full chain",
@@ -78,6 +95,19 @@
             "recordCount": "{{count}} record(s)",
             "deviationCount": "deviation(s)",
             "evidenceSummary": "Evidence: {{count}} record(s)",
+            "untitledCandidate": "Untitled candidate principle",
+            "approveAction": "Approve",
+            "rejectAction": "Reject",
+            "confirmReject": "Confirm reject",
+            "cancelAction": "Cancel",
+            "rejectReasonLabel": "Reject reason (required)",
+            "rejectReasonPlaceholder": "Explain why this is rejected",
+            "approveSucceeded": "Approved",
+            "rejectSucceeded": "Rejected",
+            "approveFailed": "Approval failed, please retry.",
+            "rejectFailed": "Rejection failed, please retry.",
+            "partialFailure": "Action completed, but {{failedCount}}/{{totalCount}} record(s) failed: {{reason}}",
+            "unknownFailure": "Check the service logs.",
             "onboardingTitle": "How PD Works",
             "onboardingStep1": "Observe deviations — PD watches for behavior that diverges from owner expectations",
             "onboardingStep2": "Capture evidence — Pain signals are recorded with bounded context",
@@ -118,15 +148,18 @@
             "degradedReason": {
                 "task_retry_wait": "Internalization task waiting for retry",
                 "task_failed": "Internalization task failed",
-                "approval_table_missing": "Approval table does not exist"
+                "approval_table_missing": "Approval table does not exist",
+                "trajectory_db_unavailable": "Behavior evidence database (trajectory.db) is unavailable"
             },
             "degradedNextAction": {
                 "check_task_status": "Check internalization pipeline status, or wait for automatic retry.",
                 "fix_and_retry": "Check failure details, fix the issue and retry.",
-                "run_integrity_check": "Run pd runtime internalization integrity to check and repair table structure."
+                "run_integrity_check": "Run pd runtime internalization integrity to check and repair table structure.",
+                "check_trajectory_db": "Check trajectory.db file integrity in .state directory."
             },
             "zeroStateHealthy": "No items need your judgment right now. PD has checked behavior evidence, principle review queue, and system signals.",
-            "zeroStateDbMissing": "PD has not run in this workspace yet. Once the state database is initialized, governance data will appear here."
+            "zeroStateDbMissing": "PD has not run in this workspace yet. Once the state database is initialized, governance data will appear here.",
+            "evidenceInProgress": "{{count}} behavior evidence item(s) recorded, being diagnosed and processed."
         },
         "pain": {
             "eyebrow": "Behavior Evidence",
@@ -169,7 +202,23 @@
             "chainCandidateId": "Candidate ID",
             "chainPrincipleId": "Linked Principle ID",
             "chainSourceKind": "Source Kind",
-            "chainState": "Chain State"
+            "chainState": "Chain State",
+            "chainInternalizationTask": "Internalization Task ID",
+            "chainDreamerStatus": "Dreamer Status",
+            "fieldTrigger": "Trigger",
+            "fieldConclusion": "PD's Conclusion",
+            "fieldApplicability": "Applicability",
+            "fieldConfidence": "Confidence",
+            "confidenceHigh": "High",
+            "confidenceMid": "Medium",
+            "confidenceLow": "Low",
+            "techDetails": "Technical Details",
+            "copyDebugId": "Copy Debug IDs",
+            "copied": "Copied",
+            "noHumanSummary": "PD has not yet generated a behavior summary for this evidence",
+            "inReviewQueueCount": "{{count}} item(s) entered the review queue",
+            "goToGovernance": "Go to Governance Focus",
+            "expandTechDetails": "Expand technical details"
         },
         "principles": {
             "title": "Principles",
@@ -294,6 +343,12 @@
                 "sideEffects": "Side Effects",
                 "sideEffectsNote": "After approval, activates via prompt channel. Can be rolled back at any time.",
                 "evidence": "Evidence",
+                "evidenceCount": "Linked to {{count}} evidence record(s)",
+                "copyEvidenceId": "Copy evidence ID",
+                "evidenceCopied": "Copied",
+                "expandTechDetails": "Expand technical details",
+                "evidenceIdLabel": "Evidence {{n}} ID",
+                "viewEvidenceChain": "View in evidence chain →",
                 "ownerReflection": "Three Questions Before Deciding",
                 "reflectionQ1": "Does this principle describe behavior I want to see repeatedly?",
                 "reflectionQ2": "Do I understand which channel it will activate through?",
@@ -305,6 +360,7 @@
                 "stageReview": "Owner Review",
                 "stageDeploy": "Deployment Channel",
                 "stageBehavior": "Observable Behavior",
+                "trajectoryLoadFailed": "Failed to load trajectory data",
                 "lifecycleMetrics": "Lifecycle Metrics",
                 "lifecycleNote": "Rule quality signal, not equivalent to behavior change",
                 "insufficientData": "This principle has no rules or insufficient data to compute lifecycle metrics.",
@@ -323,7 +379,14 @@
                 "viewActivation": "View activation status",
                 "approveFailed": "Approval failed. Please try again later.",
                 "partialFailure": "Decision applied, but {{failedCount}}/{{totalCount}} records failed. Please verify and retry.",
-                "rejectFailed": "Rejection failed. Please try again later."
+                "rejectFailed": "Rejection failed. Please try again later.",
+                "decisionTitle": "Decision Actions",
+                "parkUnavailable": "Park is not yet available",
+                "reasonDataUnavailable": "Data temporarily unavailable",
+                "reasonAlreadyHandled": "Already handled",
+                "reasonNoRecords": "No pending approval records",
+                "reasonUnsupportedChannel": "Not an MVP supported channel",
+                "unactionableReasonPrefix": "Unactionable reason: "
             }
         },
         "activation": {
@@ -476,7 +539,10 @@
             "languageZhCN": "中文 (Chinese)",
             "languageEn": "English",
             "languageSaved": "Language preference saved",
-            "languageLoadError": "Failed to load language preference"
+            "languageLoadError": "Failed to load language preference",
+            "notifications": "Notifications",
+            "soundAlerts": "Sound alerts",
+            "soundAlertsDescription": "Play a sound when new approvals or degraded signals arrive"
         },
         "controlCenter": {
             "eyebrow": "Control Center",
@@ -532,17 +598,31 @@
             "latestVersion": "Latest Version",
             "upToDate": "Up to date",
             "updateAvailable": "Update available",
-            "lastChecked": "Last checked",
-            "neverChecked": "Never checked",
             "checkForUpdates": "Check for Updates",
             "checking": "Checking…",
             "history": "Update History",
             "noHistory": "No update history available.",
             "version": "Version",
-            "appliedAt": "Applied",
-            "notes": "Notes",
+            "failed": "Failed",
+            "checkError": "Check error",
             "loadError": "Unable to load update data. You can try refreshing the page.",
-            "checkFailed": "Update check failed. Please try again later."
+            "checkFailed": "Update check failed. Please try again later.",
+            "applyUpdate": "Update Now",
+            "confirmUpdateTitle": "Confirm Update",
+            "confirmUpdateDesc": "This will update PD to version {{version}}. A backup will be created automatically. The console will need to be restarted after the update.",
+            "updating": "Updating…",
+            "updateSuccess": "Updated to {{version}} successfully.",
+            "updateFailed": "Update failed: {{message}}",
+            "restartHint": "Please restart pd-console to load the new version.",
+            "rollback": "Rollback",
+            "confirmRollbackTitle": "Confirm Rollback",
+            "confirmRollbackDesc": "This will restore PD to the state before this update. The console will need to be restarted after rollback.",
+            "rollbackSuccess": "Rollback completed successfully.",
+            "rollbackFailed": "Rollback failed: {{message}}",
+            "restartHintAfterRollback": "Please restart pd-console to load the rolled-back version.",
+            "filesUpdated": "Updated {{count}} files",
+            "networkErrorHint": "Please check your network connection and try again.",
+            "retry": "Retry"
         }
     },
     "components": {
@@ -600,7 +680,9 @@
             "controlCenter": "Control Center",
             "reportProblem": "Feedback",
             "settings": "Settings",
-            "update": "Updates"
+            "update": "Updates",
+            "pendingApprovalsAria": "{{count}} pending approvals",
+            "degradedSignalsAria": "{{count}} degraded signals"
         },
         "approvalCard": {
             "confidence": {

package/console/dist/ui/i18n/zh-CN.json CHANGED Viewed

@@ -54,8 +54,18 @@
             "summaryPending": "条待审",
             "summaryDeviation": "条行为偏差",
             "summaryStagnation": "条停滞信号",
+            "summaryEvidence": "条行为证据进行中",
+            "stratLabel": "今日反馈分层",
+            "stratGateBlocks": "秒级拦截",
+            "stratGateBlocksHint": "RuleHost 已自动处理，无需你介入",
+            "stratInProgress": "系统处理中",
+            "stratInProgressHint": "取证/内化管线正在运行",
+            "stratPendingReview": "需你判断",
+            "stratPendingReviewHint": "等待你的审查决策",
+            "stratYouAreHere": "你在这里",
             "sectionPending": "待你审查",
             "sectionDeviation": "值得关注的行为偏差",
+            "sectionEvidenceInProgress": "行为证据进行中",
             "sectionSignals": "系统信号",
             "emptyPending": "还没有可审查原则。当 PD 捕获到行为偏差信号时，会在这里生成原则候选，等待你审查。",
             "emptyDeviation": "尚未捕获行为偏差。当智能体的行为偏离拥有者期望时，PD 会检测到偏差信号。",
@@ -66,6 +76,13 @@
             "deviationDisclaimer": "PD 暂按单条呈现，自动同类识别为 post-MVP。",
             "deviationDetailPending": "单条偏差证据将在后端提供行为偏差信号详情后显示（CR5）。",
             "footer": "这一页只回答一个问题：现在该做什么判断。",
+            "dailyThought": {
+                "eyebrow": "在判断之前",
+                "ariaLabel": "今日思考",
+                "next": "换一句",
+                "nextAriaLabel": "换一句",
+                "authorPrefix": "——"
+            },
             "reviewAction": "审查并决定",
             "parkAction": "暂存",
             "viewFullChain": "查看完整链路",
@@ -78,6 +95,19 @@
             "recordCount": "{{count}} 条记录",
             "deviationCount": "条偏差",
             "evidenceSummary": "证据：{{count}} 条记录",
+            "untitledCandidate": "待命名候选原则",
+            "approveAction": "批准",
+            "rejectAction": "拒绝",
+            "confirmReject": "确认拒绝",
+            "cancelAction": "取消",
+            "rejectReasonLabel": "拒绝原因（必填）",
+            "rejectReasonPlaceholder": "请说明拒绝原因",
+            "approveSucceeded": "已批准",
+            "rejectSucceeded": "已拒绝",
+            "approveFailed": "批准失败，请稍后重试。",
+            "rejectFailed": "拒绝失败，请稍后重试。",
+            "partialFailure": "操作完成，但 {{failedCount}}/{{totalCount}} 条记录失败：{{reason}}",
+            "unknownFailure": "请检查服务日志。",
             "onboardingTitle": "PD 的工作方式",
             "onboardingStep1": "观察偏差 — PD 监控偏离拥有者期望的行为",
             "onboardingStep2": "捕获证据 — 行为偏差信号以有界上下文记录",
@@ -118,15 +148,18 @@
             "degradedReason": {
                 "task_retry_wait": "内化任务等待重试",
                 "task_failed": "内化任务失败",
-                "approval_table_missing": "审批表不存在"
+                "approval_table_missing": "审批表不存在",
+                "trajectory_db_unavailable": "行为证据数据库 (trajectory.db) 不可用"
             },
             "degradedNextAction": {
                 "check_task_status": "检查内化管线状态，或等待自动重试。",
                 "fix_and_retry": "检查失败详情，修复问题后重试。",
-                "run_integrity_check": "运行 pd runtime internalization integrity 检查并修复表结构。"
+                "run_integrity_check": "运行 pd runtime internalization integrity 检查并修复表结构。",
+                "check_trajectory_db": "检查 .state 目录中 trajectory.db 文件完整性。"
             },
             "zeroStateHealthy": "当前没有需要你判断的事项。PD 已检查行为证据、原则审查队列和系统信号。",
-            "zeroStateDbMissing": "PD 尚未在此工作空间中运行。状态数据库初始化后，治理数据将在这里呈现。"
+            "zeroStateDbMissing": "PD 尚未在此工作空间中运行。状态数据库初始化后，治理数据将在这里呈现。",
+            "evidenceInProgress": "{{count}} 条行为证据已记录，正在诊断和处理中。"
         },
         "pain": {
             "eyebrow": "行为证据",
@@ -169,7 +202,23 @@
             "chainCandidateId": "候选 ID",
             "chainPrincipleId": "关联原则 ID",
             "chainSourceKind": "来源类型",
-            "chainState": "链路状态"
+            "chainState": "链路状态",
+            "chainInternalizationTask": "内化任务 ID",
+            "chainDreamerStatus": "Dreamer 状态",
+            "fieldTrigger": "触发行为",
+            "fieldConclusion": "PD 的结论",
+            "fieldApplicability": "适用/说明",
+            "fieldConfidence": "置信度",
+            "confidenceHigh": "高",
+            "confidenceMid": "中",
+            "confidenceLow": "低",
+            "techDetails": "技术细节",
+            "copyDebugId": "复制调试 ID",
+            "copied": "已复制",
+            "noHumanSummary": "PD 尚未为此条证据生成行为摘要",
+            "inReviewQueueCount": "已有 {{count}} 条进入审查队列",
+            "goToGovernance": "去治理首页处理",
+            "expandTechDetails": "展开技术细节"
         },
         "principles": {
             "title": "原则",
@@ -294,6 +343,12 @@
                 "sideEffects": "副作用",
                 "sideEffectsNote": "批准后通过提示词通道激活，可随时回滚。",
                 "evidence": "证据",
+                "evidenceCount": "已关联 {{count}} 条证据记录",
+                "copyEvidenceId": "复制证据 ID",
+                "evidenceCopied": "已复制",
+                "expandTechDetails": "展开技术细节",
+                "evidenceIdLabel": "证据 {{n}} ID",
+                "viewEvidenceChain": "在证据链页查看 →",
                 "ownerReflection": "拥有者决策三问",
                 "reflectionQ1": "这条原则是否描述了我希望反复出现的行为？",
                 "reflectionQ2": "我是否理解它将在哪些通道激活？",
@@ -305,6 +360,7 @@
                 "stageReview": "拥有者审查",
                 "stageDeploy": "部署通道",
                 "stageBehavior": "可观测行为",
+                "trajectoryLoadFailed": "无法加载轨迹数据",
                 "lifecycleMetrics": "生命周期指标",
                 "lifecycleNote": "规则质量信号，不等于行为变化",
                 "insufficientData": "此原则暂无规则或数据不足，无法计算生命周期指标。",
@@ -323,7 +379,14 @@
                 "viewActivation": "查看生效情况",
                 "approveFailed": "批准失败，请稍后重试。",
                 "partialFailure": "决策已执行，但 {{failedCount}}/{{totalCount}} 条记录失败。请检查后重试。",
-                "rejectFailed": "拒绝失败，请稍后重试。"
+                "rejectFailed": "拒绝失败，请稍后重试。",
+                "decisionTitle": "决策操作",
+                "parkUnavailable": "暂存尚未可用",
+                "reasonDataUnavailable": "数据暂不可用",
+                "reasonAlreadyHandled": "已处理",
+                "reasonNoRecords": "暂无待审批记录",
+                "reasonUnsupportedChannel": "不是 MVP 支持通道",
+                "unactionableReasonPrefix": "不可操作原因: "
             }
         },
         "activation": {
@@ -476,7 +539,10 @@
             "languageZhCN": "中文",
             "languageEn": "英文 (English)",
             "languageSaved": "语言偏好已保存",
-            "languageLoadError": "加载语言偏好失败"
+            "languageLoadError": "加载语言偏好失败",
+            "notifications": "通知",
+            "soundAlerts": "声音提醒",
+            "soundAlertsDescription": "当有新审批或系统降级时播放提示音"
         },
         "controlCenter": {
             "eyebrow": "控制中心",
@@ -532,17 +598,31 @@
             "latestVersion": "最新版本",
             "upToDate": "已是最新",
             "updateAvailable": "有可用更新",
-            "lastChecked": "上次检查",
-            "neverChecked": "从未检查",
             "checkForUpdates": "检查更新",
             "checking": "检查中…",
             "history": "更新历史",
             "noHistory": "暂无更新历史。",
             "version": "版本",
-            "appliedAt": "应用时间",
-            "notes": "说明",
+            "failed": "失败",
+            "checkError": "检查出错",
             "loadError": "无法加载更新数据。你可以尝试刷新页面。",
-            "checkFailed": "更新检查失败，请稍后重试。"
+            "checkFailed": "更新检查失败，请稍后重试。",
+            "applyUpdate": "立即更新",
+            "confirmUpdateTitle": "确认更新",
+            "confirmUpdateDesc": "将把 PD 更新到版本 {{version}}。更新前会自动创建备份。更新完成后需要重启控制台。",
+            "updating": "更新中…",
+            "updateSuccess": "已成功更新到 {{version}}。",
+            "updateFailed": "更新失败：{{message}}",
+            "restartHint": "请重启 pd-console 以加载新版本。",
+            "rollback": "回滚",
+            "confirmRollbackTitle": "确认回滚",
+            "confirmRollbackDesc": "将把 PD 恢复到此次更新前的状态。回滚完成后需要重启控制台。",
+            "rollbackSuccess": "回滚成功。",
+            "rollbackFailed": "回滚失败：{{message}}",
+            "restartHintAfterRollback": "请重启 pd-console 以加载回滚后的版本。",
+            "filesUpdated": "更新了 {{count}} 个文件",
+            "networkErrorHint": "请检查网络连接后重试。",
+            "retry": "重试"
         }
     },
     "components": {
@@ -600,7 +680,9 @@
             "controlCenter": "控制中心",
             "reportProblem": "产品反馈",
             "settings": "设置",
-            "update": "更新"
+            "update": "更新",
+            "pendingApprovalsAria": "{{count}} 条待审批原则",
+            "degradedSignalsAria": "{{count}} 个系统降级信号"
         },
         "approvalCard": {
             "confidence": {

package/console/dist/ui/pages/activation/ActivationPage.js CHANGED Viewed

@@ -4,21 +4,14 @@ import { Link } from "react-router-dom";
 import { useTranslation } from "react-i18next";
 import { toast } from "sonner";
 import { PageShell } from "../../components/layout/page-shell.js";
+import { PageLoading } from "../../components/layout/page-loading.js";
 import { SectionTitle } from "../../components/layout/section-title.js";
 import { fetchAllActivations, disableActivation, fetchLifecycleMetrics, } from "../../api.js";
 import { validateActivationsData, validateLifecycleMetricsData, isReversibleChannel, } from "./ActivationValidators.js";
+import { enumLabel } from "../../utils/enum-labels.js";
 // ── Channel label helper ─────────────────────────────────────────────────────
 function getChannelLabel(channel, t) {
-    switch (channel) {
-        case "prompt":
-            return t("pages.activation.channelPrompt");
-        case "defer_archive":
-            return t("pages.activation.channelDeferArchive");
-        case "code_tool_hook":
-            return t("pages.activation.channelCodeToolHook");
-        default:
-            return channel;
-    }
+    return enumLabel('channel', channel, t);
 }
 // ── Sub-components ───────────────────────────────────────────────────────────
 function CapabilityBoundaryDeclaration() {
@@ -33,7 +26,7 @@ function ActivationFactCard({ record, lifecycleData, onDisable, disabling, }) {
     const reversible = isReversibleChannel(record.channel);
     return (_jsxs("article", { className: `relative pl-[22px] py-[18px] pr-[18px] bg-panel border rounded-[6px] transition-colors hover:border-line-2 ${neverActivated ? "border-amber/30 border-l-[3px] border-l-amber" : "border-line"}`, "data-testid": `activation-card-${record.id}`, children: [_jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [_jsx("span", { className: `inline-flex items-center border rounded-[2px] px-[7px] py-1 font-mono text-[11px] uppercase ${record.status === "active"
                             ? "border-green/35 text-green bg-green/5"
-                            : "border-line text-ink-4 bg-surface/80"}`, role: "status", children: record.status === "active" ? t("pages.activation.statusActive") : t("pages.activation.statusInactive") }), _jsx("span", { className: "inline-flex items-center border border-line rounded-[2px] px-[7px] py-1 font-mono text-[11px] text-ink-3 bg-surface/80 uppercase", children: channelLabel }), reversible && (_jsx("span", { className: "inline-flex items-center border border-amber/35 text-amber rounded-[2px] px-[7px] py-1 font-mono text-[11px] uppercase", children: t("pages.activation.tagReversible") })), !reversible && record.channel === "code_tool_hook" && (_jsx("span", { className: "inline-flex items-center border border-danger/35 text-danger rounded-[2px] px-[7px] py-1 font-mono text-[11px] uppercase", children: t("pages.activation.tagHighRisk") })), neverActivated && (_jsx("span", { className: "inline-flex items-center border border-amber/35 text-amber rounded-[2px] px-[7px] py-1 font-mono text-[11px] uppercase", children: t("pages.activation.tagNeverActivated") }))] }), _jsxs("div", { className: "mt-[14px] mb-2", children: [_jsx("span", { className: "text-ink-2 text-[13px]", children: t("pages.activation.principleLabel") }), " ", _jsx(Link, { to: `/principles/${record.principleId}`, className: "text-gov text-[13px] hover:underline focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", "data-testid": `principle-link-${record.principleId}`, children: record.principleId })] }), _jsxs("div", { className: "text-ink-3 text-[13px] leading-relaxed space-y-1", children: [_jsxs("div", { children: [_jsx("span", { className: "text-ink-4 font-mono text-[11px] uppercase", children: t("pages.activation.actionLabel") }), " ", _jsx("span", { className: "text-ink-2", children: record.action })] }), _jsxs("div", { children: [_jsx("span", { className: "text-ink-4 font-mono text-[11px] uppercase", children: t("pages.activation.targetLabel") }), " ", _jsx("span", { className: "text-ink-2 font-mono text-[12px]", children: record.targetRef })] }), _jsxs("div", { children: [_jsx("span", { className: "text-ink-4 font-mono text-[11px] uppercase", children: t("pages.activation.activatedAtLabel") }), " ", neverActivated ? (_jsx("span", { className: "text-amber", children: t("pages.activation.neverActivated") })) : (_jsx("span", { className: "text-ink-2 font-mono text-[12px] tabular-nums", children: new Date(record.activatedAt).toLocaleString() }))] })] }), lifecycleData !== undefined && (_jsxs("details", { className: "mt-4 group", children: [_jsx("summary", { className: "text-gov text-[13px] cursor-pointer hover:underline focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", children: t("pages.activation.lifecycleToggle") }), _jsx("div", { className: "mt-2 pl-4 border-l-2 border-line", children: lifecycleData === null ? (_jsx("div", { className: "text-ink-4 text-[13px] py-2", children: t("pages.activation.lifecycleUnavailable") })) : lifecycleData.adherence.insufficientData ? (_jsx("div", { className: "text-ink-4 text-[13px] py-2", children: t("pages.activation.insufficientData") })) : (_jsxs("div", { className: "py-2 space-y-2", children: [_jsxs("div", { className: "text-ink-2 text-[13px]", children: [_jsx("span", { className: "font-mono font-semibold text-ink tabular-nums", children: lifecycleData.adherence.rate !== null
+                            : "border-line text-ink-4 bg-surface/80"}`, role: "status", children: record.status === "active" ? t("pages.activation.statusActive") : t("pages.activation.statusInactive") }), _jsx("span", { className: "inline-flex items-center border border-line rounded-[2px] px-[7px] py-1 font-mono text-[11px] text-ink-3 bg-surface/80 uppercase", children: channelLabel }), reversible && (_jsx("span", { className: "inline-flex items-center border border-amber/35 text-amber rounded-[2px] px-[7px] py-1 font-mono text-[11px] uppercase", children: t("pages.activation.tagReversible") })), !reversible && record.channel === "code_tool_hook" && (_jsx("span", { className: "inline-flex items-center border border-danger/35 text-danger rounded-[2px] px-[7px] py-1 font-mono text-[11px] uppercase", children: t("pages.activation.tagHighRisk") })), neverActivated && (_jsx("span", { className: "inline-flex items-center border border-amber/35 text-amber rounded-[2px] px-[7px] py-1 font-mono text-[11px] uppercase", children: t("pages.activation.tagNeverActivated") }))] }), _jsxs("div", { className: "mt-[14px] mb-2", children: [_jsx("span", { className: "text-ink-2 text-[13px]", children: t("pages.activation.principleLabel") }), " ", _jsx(Link, { to: `/principles/${record.principleId}`, className: "text-gov text-[13px] hover:underline focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", "data-testid": `principle-link-${record.principleId}`, title: record.principleId, children: record.action }), _jsx("span", { className: "ml-2 font-mono text-[11px] text-ink-4", children: record.principleId })] }), _jsxs("div", { className: "text-ink-3 text-[13px] leading-relaxed space-y-1", children: [_jsxs("div", { children: [_jsx("span", { className: "text-ink-4 font-mono text-[11px] uppercase", children: t("pages.activation.actionLabel") }), " ", _jsx("span", { className: "text-ink-2", children: record.action })] }), _jsxs("div", { children: [_jsx("span", { className: "text-ink-4 font-mono text-[11px] uppercase", children: t("pages.activation.targetLabel") }), " ", _jsx("span", { className: "text-ink-2 font-mono text-[12px]", children: record.targetRef })] }), _jsxs("div", { children: [_jsx("span", { className: "text-ink-4 font-mono text-[11px] uppercase", children: t("pages.activation.activatedAtLabel") }), " ", neverActivated ? (_jsx("span", { className: "text-amber", children: t("pages.activation.neverActivated") })) : (_jsx("span", { className: "text-ink-2 font-mono text-[12px] tabular-nums", children: new Date(record.activatedAt).toLocaleString() }))] })] }), lifecycleData !== undefined && (_jsxs("details", { className: "mt-4 group", children: [_jsx("summary", { className: "text-gov text-[13px] cursor-pointer hover:underline focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", children: t("pages.activation.lifecycleToggle") }), _jsx("div", { className: "mt-2 pl-4 border-l-2 border-line", children: lifecycleData === null ? (_jsx("div", { className: "text-ink-4 text-[13px] py-2", children: t("pages.activation.lifecycleUnavailable") })) : lifecycleData.adherence.insufficientData ? (_jsx("div", { className: "text-ink-4 text-[13px] py-2", children: t("pages.activation.insufficientData") })) : (_jsxs("div", { className: "py-2 space-y-2", children: [_jsxs("div", { className: "text-ink-2 text-[13px]", children: [_jsx("span", { className: "font-mono font-semibold text-ink tabular-nums", children: lifecycleData.adherence.rate !== null
                                                 ? `${(lifecycleData.adherence.rate * 100).toFixed(0)}%`
                                                 : "—" }), " ", _jsx("span", { className: "text-ink-3", children: t("pages.activation.adherenceLabel") }), _jsx("div", { className: "text-ink-4 text-[11px] mt-1 font-mono", children: t("pages.activation.lifecycleNote") })] }), lifecycleData.ruleMetrics.length > 0 && (_jsx("div", { className: "space-y-1", children: lifecycleData.ruleMetrics.map((rm) => (_jsxs("div", { className: "text-ink-3 text-[12px] font-mono", children: [_jsx("span", { className: "text-ink-2", children: rm.ruleId }), ":", " ", rm.triggered, " ", t("pages.activation.triggered"), " ", rm.lastTriggeredAt && (_jsxs("span", { className: "text-ink-4", children: ["(", new Date(rm.lastTriggeredAt).toLocaleString(), ")"] }))] }, rm.ruleId))) }))] })) })] })), record.status === "active" && reversible && (_jsx("div", { className: "mt-4", children: !showConfirm ? (_jsx("button", { onClick: () => setShowConfirm(true), disabled: disabling, className: "inline-flex items-center border border-line bg-surface text-ink rounded-[3px] px-[14px] py-[6px] text-[12.5px] hover:border-line-2 transition-colors focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", "data-testid": `disable-btn-${record.id}`, children: t("pages.activation.disableAction") })) : (_jsxs("div", { className: "flex items-center gap-3 px-[14px] py-[10px] bg-surface border border-amber/25 rounded-[4px]", role: "alert", "data-testid": `confirm-bar-${record.id}`, children: [_jsx("span", { className: "text-ink-2 text-[13px] flex-1", children: t("pages.activation.confirmDisable") }), _jsx("button", { onClick: () => {
                                 onDisable(record);
@@ -133,7 +126,7 @@ export function ActivationPage() {
     }, [t]);
     // ── Loading state ────────────────────────────────────────────────────────
     if (loadingState === "loading") {
-        return (_jsx(PageShell, { children: _jsxs("div", { className: "text-ink-3 text-sm", role: "status", "aria-live": "polite", children: [t("common.loading"), "\u2026"] }) }));
+        return (_jsx(PageShell, { children: _jsx(PageLoading, { cardCount: 4, label: t("common.loading") }) }));
     }
     // ── Error state (ERR-002: degradation with reason) ───────────────────────
     if (loadingState === "error") {
@@ -144,7 +137,7 @@ export function ActivationPage() {
     const activeActivations = activations.filter((a) => a.status === "active");
     const inactiveActivations = activations.filter((a) => a.status === "inactive");
     const neverActivatedCount = activations.filter((a) => a.activatedAt === null).length;
-    return (_jsxs(PageShell, { children: [_jsx("div", { className: "font-mono text-[12px] tracking-[0.14em] text-ink-3 uppercase mb-3", children: t("pages.activation.eyebrow") }), _jsx("h1", { className: "text-[29px] font-semibold tracking-tight text-ink mb-2", children: t("pages.activation.title") }), _jsx("p", { className: "text-ink-3 text-[14px] max-w-[760px] leading-relaxed mb-7", children: t("pages.activation.subtitle") }), _jsxs("div", { className: "text-sm leading-relaxed text-ink-2 mb-7 px-[18px] py-[14px] bg-panel border border-line rounded-[6px]", role: "status", "aria-live": "polite", children: [_jsx("span", { className: "font-mono font-semibold text-ink tabular-nums", children: activeActivations.length }), " ", _jsx("span", { className: "text-ink-3", children: t("pages.activation.summaryActive") }), " ", "/", " ", _jsx("span", { className: "font-mono font-semibold text-ink tabular-nums", children: inactiveActivations.length }), " ", _jsx("span", { className: "text-ink-3", children: t("pages.activation.summaryInactive") }), neverActivatedCount > 0 && (_jsxs(_Fragment, { children: [" ", "/", " ", _jsx("span", { className: "font-mono font-semibold text-amber tabular-nums", children: neverActivatedCount }), " ", _jsx("span", { className: "text-amber", children: t("pages.activation.summaryNeverActivated") })] }))] }), _jsx(CapabilityBoundaryDeclaration, {}), degradedNote && (_jsx("div", { className: "mt-4 text-ink-4 text-[13px] bg-surface/60 border-l-2 border-amber px-3 py-2", children: degradedNote })), _jsxs("section", { className: "mt-8", "aria-labelledby": "section-active", children: [_jsx(SectionTitle, { id: "section-active", children: t("pages.activation.sectionActive") }), activeActivations.length > 0 ? (_jsx("div", { className: "space-y-[14px]", children: activeActivations.map((record) => (_jsx(ActivationFactCard, { record: record, lifecycleData: lifecycleCache[record.principleId], onDisable: handleDisable, disabling: disablingIds.has(record.id) }, record.id))) })) : (_jsx("div", { className: "text-ink-3 text-[13px] leading-relaxed py-3", children: t("pages.activation.emptyActive") }))] }), inactiveActivations.length > 0 && (_jsxs("section", { className: "mt-8", "aria-labelledby": "section-inactive", children: [_jsx(SectionTitle, { id: "section-inactive", children: t("pages.activation.sectionInactive") }), _jsx("div", { className: "space-y-[14px]", children: inactiveActivations.map((record) => (_jsx(ActivationFactCard, { record: record, lifecycleData: lifecycleCache[record.principleId], onDisable: handleDisable, disabling: disablingIds.has(record.id) }, record.id))) })] })), neverActivatedCount > 0 && (_jsxs("section", { className: "mt-8", "aria-labelledby": "section-never-activated", children: [_jsx(SectionTitle, { id: "section-never-activated", children: t("pages.activation.sectionNeverActivated") }), _jsx("div", { className: "space-y-[10px]", children: activations
-                            .filter((a) => a.activatedAt === null)
-                            .map((record) => (_jsxs("article", { className: "relative pl-[22px] py-[14px] pr-[18px] bg-panel border border-amber/20 border-l-[3px] border-l-amber rounded-[6px]", children: [_jsxs("div", { className: "text-ink-2 text-sm leading-relaxed", children: [_jsx("span", { className: "font-medium text-ink", children: t("pages.activation.neverActivatedCard") }), " ", "\u2014 ", record.principleId, " \u00B7 ", record.channel] }), _jsxs(Link, { to: "/debt", className: "inline-flex items-center mt-2 text-gov text-[13px] hover:underline focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", children: [t("pages.activation.viewDebt"), " \u2192"] })] }, record.id))) })] })), _jsx("footer", { className: "mt-12 pt-6 border-t border-line text-ink-3 text-[13px]", children: t("pages.activation.footer") })] }));
+    return (_jsx(PageShell, { children: _jsxs("div", { className: "animate-[pdFadeIn_400ms_ease-out]", children: [_jsx("div", { className: "font-mono text-[12px] tracking-[0.14em] text-ink-3 uppercase mb-3", children: t("pages.activation.eyebrow") }), _jsx("h1", { className: "text-[29px] font-semibold tracking-tight text-ink mb-2", children: t("pages.activation.title") }), _jsx("p", { className: "text-ink-3 text-[14px] max-w-[760px] leading-relaxed mb-7", children: t("pages.activation.subtitle") }), _jsxs("div", { className: "text-sm leading-relaxed text-ink-2 mb-7 px-[18px] py-[14px] bg-panel border border-line rounded-[6px]", role: "status", "aria-live": "polite", children: [_jsx("span", { className: "font-mono font-semibold text-ink tabular-nums", children: activeActivations.length }), " ", _jsx("span", { className: "text-ink-3", children: t("pages.activation.summaryActive") }), " ", "/", " ", _jsx("span", { className: "font-mono font-semibold text-ink tabular-nums", children: inactiveActivations.length }), " ", _jsx("span", { className: "text-ink-3", children: t("pages.activation.summaryInactive") }), neverActivatedCount > 0 && (_jsxs(_Fragment, { children: [" ", "/", " ", _jsx("span", { className: "font-mono font-semibold text-amber tabular-nums", children: neverActivatedCount }), " ", _jsx("span", { className: "text-amber", children: t("pages.activation.summaryNeverActivated") })] }))] }), _jsx(CapabilityBoundaryDeclaration, {}), degradedNote && (_jsx("div", { className: "mt-4 text-ink-4 text-[13px] bg-surface/60 border-l-2 border-amber px-3 py-2", children: degradedNote })), _jsxs("section", { className: "mt-8", "aria-labelledby": "section-active", children: [_jsx(SectionTitle, { id: "section-active", children: t("pages.activation.sectionActive") }), activeActivations.length > 0 ? (_jsx("div", { className: "space-y-[14px]", children: activeActivations.map((record) => (_jsx(ActivationFactCard, { record: record, lifecycleData: lifecycleCache[record.principleId], onDisable: handleDisable, disabling: disablingIds.has(record.id) }, record.id))) })) : (_jsx("div", { className: "text-ink-3 text-[13px] leading-relaxed py-3", children: t("pages.activation.emptyActive") }))] }), inactiveActivations.length > 0 && (_jsxs("section", { className: "mt-8", "aria-labelledby": "section-inactive", children: [_jsx(SectionTitle, { id: "section-inactive", children: t("pages.activation.sectionInactive") }), _jsx("div", { className: "space-y-[14px]", children: inactiveActivations.map((record) => (_jsx(ActivationFactCard, { record: record, lifecycleData: lifecycleCache[record.principleId], onDisable: handleDisable, disabling: disablingIds.has(record.id) }, record.id))) })] })), neverActivatedCount > 0 && (_jsxs("section", { className: "mt-8", "aria-labelledby": "section-never-activated", children: [_jsx(SectionTitle, { id: "section-never-activated", children: t("pages.activation.sectionNeverActivated") }), _jsx("div", { className: "space-y-[10px]", children: activations
+                                .filter((a) => a.activatedAt === null)
+                                .map((record) => (_jsxs("article", { className: "relative pl-[22px] py-[14px] pr-[18px] bg-panel border border-amber/20 border-l-[3px] border-l-amber rounded-[6px]", children: [_jsxs("div", { className: "text-ink-2 text-sm leading-relaxed", children: [_jsx("span", { className: "font-medium text-ink", children: t("pages.activation.neverActivatedCard") }), " ", "\u2014 ", record.action, " \u00B7 ", getChannelLabel(record.channel, t), _jsx("span", { className: "ml-2 font-mono text-[11px] text-ink-4", children: record.principleId })] }), _jsxs(Link, { to: "/debt", className: "inline-flex items-center mt-2 text-gov text-[13px] hover:underline focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", children: [t("pages.activation.viewDebt"), " \u2192"] })] }, record.id))) })] })), _jsx("footer", { className: "mt-12 pt-6 border-t border-line text-ink-3 text-[13px]", children: t("pages.activation.footer") })] }) }));
 }

package/console/dist/ui/pages/control-center/ControlCenterPage.js CHANGED Viewed

@@ -3,9 +3,11 @@ import { useState, useEffect, useCallback } from "react";
 import { useTranslation } from "react-i18next";
 import { toast } from "sonner";
 import { PageShell } from "../../components/layout/page-shell.js";
+import { PageLoading } from "../../components/layout/page-loading.js";
 import { SectionTitle } from "../../components/layout/section-title.js";
 import { fetchConfigSummary, fetchConfigCatalog, updateAgentBinding, updateDefaultRuntime, } from "../../api.js";
-import { computeOverallReadiness, getReadinessLabel, groupAgentsByReadiness, redactDiagnosticsForCopy, } from "../../utils/control-center-helpers.js";
+import { computeOverallReadiness, groupAgentsByReadiness, redactDiagnosticsForCopy, } from "../../utils/control-center-helpers.js";
+import { enumLabel } from "../../utils/enum-labels.js";
 // ── Runtime validators (H section / ERR-001/005/009/013) ─────────────────────
 function validateSource(raw) {
     if (typeof raw !== "string")
@@ -292,12 +294,12 @@ function OverallStatusCard({ readiness, agents, }) {
             messageKey = "pages.controlCenter.configUnknown";
             break;
     }
-    return (_jsxs("div", { className: "bg-panel border border-line rounded-[6px] px-[18px] py-[14px]", children: [_jsxs("div", { className: "flex items-center gap-3 mb-2", children: [_jsx("span", { className: readinessTagClasses(readiness), children: getReadinessLabel(readiness) }), _jsxs("span", { className: "text-ink-3 text-[13px]", children: [enabledCount, "/", totalCount, " ", t("pages.controlCenter.agentEnabled").toLowerCase()] })] }), _jsx("p", { className: "text-ink-2 text-[14px] leading-relaxed", children: t(messageKey) })] }));
+    return (_jsxs("div", { className: "bg-panel border border-line rounded-[6px] px-[18px] py-[14px]", children: [_jsxs("div", { className: "flex items-center gap-3 mb-2", children: [_jsx("span", { className: readinessTagClasses(readiness), children: enumLabel('readiness', readiness, t) }), _jsxs("span", { className: "text-ink-3 text-[13px]", children: [enabledCount, "/", totalCount, " ", t("pages.controlCenter.agentEnabled").toLowerCase()] })] }), _jsx("p", { className: "text-ink-2 text-[14px] leading-relaxed", children: t(messageKey) })] }));
 }
 function AgentRow({ agent, profiles, onBindingChange, saving, }) {
     const { t } = useTranslation();
     const isSaving = saving === agent.name;
-    return (_jsxs("div", { className: "flex items-center gap-4 py-[10px] border-b border-line last:border-b-0", children: [_jsx("div", { className: "min-w-[140px]", children: _jsx("span", { className: "text-ink text-[13px] font-medium", children: agent.name }) }), _jsx("div", { className: "min-w-[100px]", children: _jsx("span", { className: readinessTagClasses(agent.readiness), children: getReadinessLabel(agent.readiness) }) }), _jsx("div", { className: "flex-1", children: _jsx("select", { value: agent.runtimeProfileId, onChange: (e) => {
+    return (_jsxs("div", { className: "flex items-center gap-4 py-[10px] border-b border-line last:border-b-0", children: [_jsx("div", { className: "min-w-[140px]", children: _jsx("span", { className: "text-ink text-[13px] font-medium", children: agent.name }) }), _jsx("div", { className: "min-w-[100px]", children: _jsx("span", { className: readinessTagClasses(agent.readiness), children: enumLabel('readiness', agent.readiness, t) }) }), _jsx("div", { className: "flex-1", children: _jsx("select", { value: agent.runtimeProfileId, onChange: (e) => {
                         onBindingChange(agent.name, e.target.value, agent.enabled);
                     }, disabled: isSaving, className: "bg-surface border border-line rounded-[3px] px-2 py-1 text-[12.5px] text-ink focus:outline-none focus:border-gov disabled:opacity-50", "aria-label": t("pages.controlCenter.profileLabel"), children: profiles.map((p) => (_jsx("option", { value: p.id, children: p.label }, p.id))) }) }), _jsx("button", { type: "button", onClick: () => {
                     onBindingChange(agent.name, agent.runtimeProfileId, !agent.enabled);
@@ -315,7 +317,7 @@ function DefaultRuntimeSelector({ currentDefault, profiles, onDefaultChange, sav
     const { t } = useTranslation();
     return (_jsxs("div", { className: "bg-panel border border-line rounded-[6px] px-[18px] py-[14px]", children: [_jsx("p", { className: "text-ink-3 text-[13px] leading-relaxed mb-3", children: t("pages.controlCenter.defaultRuntimeDescription") }), _jsx("select", { value: currentDefault, onChange: (e) => {
                     onDefaultChange(e.target.value);
-                }, disabled: saving, className: "bg-surface border border-line rounded-[3px] px-3 py-[6px] text-[12.5px] text-ink focus:outline-none focus:border-gov disabled:opacity-50 min-w-[200px]", "aria-label": t("pages.controlCenter.defaultRuntime"), children: profiles.map((p) => (_jsxs("option", { value: p.id, children: [p.label, " \u2014 ", getReadinessLabel(p.readiness)] }, p.id))) }), saving && (_jsx("span", { className: "ml-3 text-ink-3 text-[12px]", children: t("pages.controlCenter.saving") }))] }));
+                }, disabled: saving, className: "bg-surface border border-line rounded-[3px] px-3 py-[6px] text-[12.5px] text-ink focus:outline-none focus:border-gov disabled:opacity-50 min-w-[200px]", "aria-label": t("pages.controlCenter.defaultRuntime"), children: profiles.map((p) => (_jsxs("option", { value: p.id, children: [p.label, " \u2014 ", enumLabel('readiness', p.readiness, t)] }, p.id))) }), saving && (_jsx("span", { className: "ml-3 text-ink-3 text-[12px]", children: t("pages.controlCenter.saving") }))] }));
 }
 function AdvancedDiagnostics({ config, }) {
     const { t } = useTranslation();
@@ -342,16 +344,16 @@ function AdvancedDiagnostics({ config, }) {
         });
     }, [diagnostics, t]);
     const grouped = groupAgentsByReadiness(diagnostics);
-    return (_jsxs("details", { className: "group", children: [_jsx("summary", { className: "text-ink-3 text-[13px] cursor-pointer hover:text-ink-2 transition-colors focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", children: t("pages.controlCenter.advancedDiagnostics") }), _jsxs("div", { className: "mt-4 space-y-5", children: [_jsxs("div", { children: [_jsx("h3", { className: "font-mono text-[11px] uppercase tracking-[0.1em] text-ink-3 mb-2", children: t("pages.controlCenter.features") }), _jsx("div", { className: "bg-surface/60 border border-line rounded-[6px] px-3 py-2", children: config.features.length === 0 ? (_jsx("span", { className: "text-ink-4 text-[13px]", children: "\u2014" })) : (_jsx("div", { className: "space-y-1", children: config.features.map((f) => (_jsxs("div", { className: "flex items-center gap-2 text-[13px]", children: [_jsx("span", { className: "text-ink-2", children: f.id }), _jsx("span", { className: "text-ink-4", children: "\u00B7" }), _jsx("span", { className: "text-ink-3", children: f.category }), _jsx("span", { className: "text-ink-4", children: "\u00B7" }), _jsx("span", { className: f.enabled ? "text-ink-2" : "text-ink-4 line-through", children: f.enabled
+    return (_jsxs("details", { className: "group", children: [_jsx("summary", { className: "text-ink-3 text-[13px] cursor-pointer hover:text-ink-2 transition-colors focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", children: t("pages.controlCenter.advancedDiagnostics") }), _jsxs("div", { className: "mt-4 space-y-5", children: [_jsxs("div", { children: [_jsx("h3", { className: "font-mono text-[11px] uppercase tracking-[0.1em] text-ink-3 mb-2", children: t("pages.controlCenter.features") }), _jsx("div", { className: "bg-surface/60 border border-line rounded-[6px] px-3 py-2", children: config.features.length === 0 ? (_jsx("span", { className: "text-ink-4 text-[13px]", children: "\u2014" })) : (_jsx("div", { className: "space-y-1", children: config.features.map((f) => (_jsxs("div", { className: "flex items-center gap-2 text-[13px]", children: [_jsx("span", { className: "text-ink-2", children: enumLabel('featureId', f.id, t) }), _jsx("span", { className: "text-ink-4", children: "\u00B7" }), _jsx("span", { className: "text-ink-3", children: enumLabel('featureCategory', f.category, t) }), _jsx("span", { className: "text-ink-4", children: "\u00B7" }), _jsx("span", { className: f.enabled ? "text-ink-2" : "text-ink-4 line-through", children: f.enabled
                                                     ? t("pages.controlCenter.on")
-                                                    : t("pages.controlCenter.off") })] }, f.id))) })) })] }), _jsxs("div", { children: [_jsx("h3", { className: "font-mono text-[11px] uppercase tracking-[0.1em] text-ink-3 mb-2", children: t("pages.controlCenter.runtimeProfiles") }), _jsx("div", { className: "bg-surface/60 border border-line rounded-[6px] px-3 py-2", children: config.runtimeProfiles.length === 0 ? (_jsx("span", { className: "text-ink-4 text-[13px]", children: "\u2014" })) : (_jsx("div", { className: "space-y-1", children: config.runtimeProfiles.map((p) => (_jsxs("div", { className: "flex items-center gap-2 text-[13px]", children: [_jsx("span", { className: "text-ink-2", children: p.label }), _jsx("span", { className: "text-ink-4", children: "\u00B7" }), _jsx("span", { className: "text-ink-3", children: p.type }), _jsx("span", { className: readinessTagClasses(p.readiness), children: getReadinessLabel(p.readiness) })] }, p.id))) })) })] }), config.warnings.length > 0 && (_jsxs("div", { children: [_jsx("h3", { className: "font-mono text-[11px] uppercase tracking-[0.1em] text-ink-3 mb-2", children: t("pages.controlCenter.warnings") }), _jsx("div", { className: "bg-surface/60 border border-amber/20 border-l-2 border-l-amber rounded-[6px] px-3 py-2", children: _jsx("ul", { className: "space-y-1", children: config.warnings.map((w, i) => (_jsx("li", { className: "text-ink-2 text-[13px]", children: w }, i))) }) })] })), config.errors && config.errors.length > 0 && (_jsxs("div", { children: [_jsx("h3", { className: "font-mono text-[11px] uppercase tracking-[0.1em] text-ink-3 mb-2", children: t("pages.controlCenter.configErrors") }), _jsx("div", { className: "bg-surface/60 border border-red/20 border-l-2 border-l-red rounded-[6px] px-3 py-2", children: _jsx("ul", { className: "space-y-2", children: config.errors.map((e, i) => (_jsxs("li", { className: "text-[13px]", children: [_jsx("span", { className: "text-ink font-medium", children: e.path }), _jsx("span", { className: "text-ink-4", children: " \u2014 " }), _jsx("span", { className: "text-ink-2", children: e.reason }), _jsxs("div", { className: "text-ink-3 text-[12px] mt-0.5", children: ["\u2192 ", e.nextAction] })] }, i))) }) })] })), _jsxs("div", { children: [_jsx("h3", { className: "font-mono text-[11px] uppercase tracking-[0.1em] text-ink-3 mb-2", children: t("pages.controlCenter.readinessLabel") }), _jsx("div", { className: "bg-surface/60 border border-line rounded-[6px] px-3 py-2 space-y-2", children: Object.keys(grouped).map((status) => {
+                                                    : t("pages.controlCenter.off") })] }, f.id))) })) })] }), _jsxs("div", { children: [_jsx("h3", { className: "font-mono text-[11px] uppercase tracking-[0.1em] text-ink-3 mb-2", children: t("pages.controlCenter.runtimeProfiles") }), _jsx("div", { className: "bg-surface/60 border border-line rounded-[6px] px-3 py-2", children: config.runtimeProfiles.length === 0 ? (_jsx("span", { className: "text-ink-4 text-[13px]", children: "\u2014" })) : (_jsx("div", { className: "space-y-1", children: config.runtimeProfiles.map((p) => (_jsxs("div", { className: "flex items-center gap-2 text-[13px]", children: [_jsx("span", { className: "text-ink-2", children: p.label }), _jsx("span", { className: "text-ink-4", children: "\u00B7" }), _jsx("span", { className: "text-ink-3", children: p.type }), _jsx("span", { className: readinessTagClasses(p.readiness), children: enumLabel('readiness', p.readiness, t) })] }, p.id))) })) })] }), config.warnings.length > 0 && (_jsxs("div", { children: [_jsx("h3", { className: "font-mono text-[11px] uppercase tracking-[0.1em] text-ink-3 mb-2", children: t("pages.controlCenter.warnings") }), _jsx("div", { className: "bg-surface/60 border border-amber/20 border-l-2 border-l-amber rounded-[6px] px-3 py-2", children: _jsx("ul", { className: "space-y-1", children: config.warnings.map((w, i) => (_jsx("li", { className: "text-ink-2 text-[13px]", children: w }, i))) }) })] })), config.errors && config.errors.length > 0 && (_jsxs("div", { children: [_jsx("h3", { className: "font-mono text-[11px] uppercase tracking-[0.1em] text-ink-3 mb-2", children: t("pages.controlCenter.configErrors") }), _jsx("div", { className: "bg-surface/60 border border-red/20 border-l-2 border-l-red rounded-[6px] px-3 py-2", children: _jsx("ul", { className: "space-y-2", children: config.errors.map((e, i) => (_jsxs("li", { className: "text-[13px]", children: [_jsx("span", { className: "text-ink font-medium", children: e.path }), _jsx("span", { className: "text-ink-4", children: " \u2014 " }), _jsx("span", { className: "text-ink-2", children: e.reason }), _jsxs("div", { className: "text-ink-3 text-[12px] mt-0.5", children: ["\u2192 ", e.nextAction] })] }, i))) }) })] })), _jsxs("div", { children: [_jsx("h3", { className: "font-mono text-[11px] uppercase tracking-[0.1em] text-ink-3 mb-2", children: t("pages.controlCenter.readinessLabel") }), _jsx("div", { className: "bg-surface/60 border border-line rounded-[6px] px-3 py-2 space-y-2", children: Object.keys(grouped).map((status) => {
                                     const validatedStatus = validateReadinessStatus(status);
                                     if (validatedStatus === null)
                                         return null;
                                     const agentsInGroup = grouped[validatedStatus];
                                     if (agentsInGroup.length === 0)
                                         return null;
-                                    return (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: readinessTagClasses(validatedStatus), children: getReadinessLabel(validatedStatus) }), _jsx("span", { className: "text-ink-3 text-[13px]", children: agentsInGroup.map((a) => a.name).join(", ") })] }, validatedStatus));
+                                    return (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: readinessTagClasses(validatedStatus), children: enumLabel('readiness', validatedStatus, t) }), _jsx("span", { className: "text-ink-3 text-[13px]", children: agentsInGroup.map((a) => a.name).join(", ") })] }, validatedStatus));
                                 }) })] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("button", { type: "button", onClick: handleCopy, className: "border border-line bg-surface text-ink rounded-[3px] px-[14px] py-[6px] text-[12.5px] font-medium hover:border-line-2 transition-colors focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", children: copied ? "✓" : t("pages.controlCenter.copyDiagnostics") }), _jsx("span", { className: "text-ink-4 text-[12px]", children: t("pages.controlCenter.redactedNote") })] })] })] }));
 }
 export function ControlCenterPage() {
@@ -420,7 +422,7 @@ export function ControlCenterPage() {
     }, [loadData, t]);
     // ── Loading state ────────────────────────────────────────────────────────
     if (loadingState === "loading") {
-        return (_jsx(PageShell, { children: _jsxs("div", { className: "text-ink-3 text-sm", role: "status", "aria-live": "polite", children: [t("common.loading"), "\u2026"] }) }));
+        return (_jsx(PageShell, { children: _jsx(PageLoading, { cardCount: 3, label: t("common.loading") }) }));
     }
     // ── Error state (ERR-002: degradation with reason) ───────────────────────
     if (loadingState === "error") {
@@ -443,5 +445,5 @@ export function ControlCenterPage() {
     };
     const overallReadiness = computeOverallReadiness(diagnostics);
     const availableProfiles = catalogData?.profiles ?? configData.runtimeProfiles;
-    return (_jsxs(PageShell, { children: [_jsx("div", { className: "font-mono text-[12px] tracking-[0.14em] text-ink-3 uppercase mb-3", children: t("pages.controlCenter.eyebrow") }), _jsx("h1", { className: "text-[29px] font-semibold tracking-tight text-ink mb-2", children: t("pages.controlCenter.title") }), _jsx("p", { className: "text-ink-3 text-[14px] max-w-[760px] leading-relaxed mb-7", children: t("pages.controlCenter.subtitle") }), _jsx("section", { "aria-labelledby": "section-readiness", children: _jsx(OverallStatusCard, { readiness: overallReadiness, agents: configData.agents }) }), _jsxs("section", { className: "mt-8", "aria-labelledby": "section-agents", children: [_jsx(SectionTitle, { id: "section-agents", children: t("pages.controlCenter.internalAgents") }), _jsx("p", { className: "text-ink-3 text-[13px] leading-relaxed mb-3", children: t("pages.controlCenter.internalAgentsDescription") }), _jsx("div", { className: "bg-panel border border-line rounded-[6px] px-[18px] py-[6px]", children: configData.agents.length === 0 ? (_jsx("div", { className: "py-3 text-ink-3 text-[13px]", children: "\u2014" })) : (configData.agents.map((agent) => (_jsx(AgentRow, { agent: agent, profiles: availableProfiles, onBindingChange: handleBindingChange, saving: savingAgent }, agent.name)))) })] }), _jsxs("section", { className: "mt-8", "aria-labelledby": "section-default-runtime", children: [_jsx(SectionTitle, { id: "section-default-runtime", children: t("pages.controlCenter.defaultRuntime") }), _jsx(DefaultRuntimeSelector, { currentDefault: configData.defaultRuntime, profiles: availableProfiles, onDefaultChange: handleDefaultRuntimeChange, saving: savingDefault })] }), _jsx("section", { className: "mt-8", "aria-labelledby": "section-diagnostics", children: _jsx(AdvancedDiagnostics, { config: configData }) })] }));
+    return (_jsx(PageShell, { children: _jsxs("div", { className: "animate-[pdFadeIn_400ms_ease-out]", children: [_jsx("div", { className: "font-mono text-[12px] tracking-[0.14em] text-ink-3 uppercase mb-3", children: t("pages.controlCenter.eyebrow") }), _jsx("h1", { className: "text-[29px] font-semibold tracking-tight text-ink mb-2", children: t("pages.controlCenter.title") }), _jsx("p", { className: "text-ink-3 text-[14px] max-w-[760px] leading-relaxed mb-7", children: t("pages.controlCenter.subtitle") }), _jsx("section", { "aria-labelledby": "section-readiness", children: _jsx(OverallStatusCard, { readiness: overallReadiness, agents: configData.agents }) }), _jsxs("section", { className: "mt-8", "aria-labelledby": "section-agents", children: [_jsx(SectionTitle, { id: "section-agents", children: t("pages.controlCenter.internalAgents") }), _jsx("p", { className: "text-ink-3 text-[13px] leading-relaxed mb-3", children: t("pages.controlCenter.internalAgentsDescription") }), _jsx("div", { className: "bg-panel border border-line rounded-[6px] px-[18px] py-[6px]", children: configData.agents.length === 0 ? (_jsx("div", { className: "py-3 text-ink-3 text-[13px]", children: "\u2014" })) : (configData.agents.map((agent) => (_jsx(AgentRow, { agent: agent, profiles: availableProfiles, onBindingChange: handleBindingChange, saving: savingAgent }, agent.name)))) })] }), _jsxs("section", { className: "mt-8", "aria-labelledby": "section-default-runtime", children: [_jsx(SectionTitle, { id: "section-default-runtime", children: t("pages.controlCenter.defaultRuntime") }), _jsx(DefaultRuntimeSelector, { currentDefault: configData.defaultRuntime, profiles: availableProfiles, onDefaultChange: handleDefaultRuntimeChange, saving: savingDefault })] }), _jsx("section", { className: "mt-8", "aria-labelledby": "section-diagnostics", children: _jsx(AdvancedDiagnostics, { config: configData }) })] }) }));
 }

package/console/dist/ui/pages/focus/FocusPage.d.ts CHANGED Viewed

@@ -1 +1,14 @@
+type DecisionResult = {
+    success: true;
+} | {
+    success: false;
+    error: string;
+    nextAction?: string;
+};
+export declare function summarizeDecisionResults(results: readonly DecisionResult[]): {
+    allSucceeded: boolean;
+    failedCount: number;
+    failureReason?: string;
+};
 export declare function FocusPage(): import("react/jsx-runtime").JSX.Element;
+export {};