create-principles-disciple 1.145.34 → 1.145.36

package/console/dist/ui/pages/focus/FocusPage.js

@@ -1,23 +1,19 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect, useRef, useCallback } from "react";
-import { Link, useNavigate } from "react-router-dom";
+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 { DailyThoughtCard } from "../../components/focus/daily-thought-card.js";
 import { ShinyText } from "../../components/ui/shiny-text.js";
-import { fetchGovernanceQueue, fetchApprovalsGrouped, approveApproval, rejectApproval, editApproval, fetchAllActivations, fetchOwnerDecisions, } from "../../api.js";
+import { fetchGovernanceQueue, fetchApprovalsGrouped, fetchAllActivations, fetchOwnerDecisions, fetchRuleBindingQueue, } from "../../api.js";
 import { selectApprovalGroupDisplayTitle, showsUnlinkedCandidateNote, validateApprovalsGroupedData } from "./focus-validation.js";
 import { splitReadingTitleBody } from "../../utils/reading-layout.js";
+import { OwnerWorkbench } from "./OwnerWorkbench.js";
+import { ApprovalSubjectReading } from "./ApprovalSubjectReading.js";
 import { OwnerDecisionCard } from "./OwnerDecisionCard.js";
-import { RuleCandidateBindingPanel } from './RuleCandidateBindingPanel.js';
-import { localizeApprovalWarning, splitApprovalWarnings } from "../../utils/approval-warning-localization.js";
-/** PRI-908: how long the decided card stays visible before the pending list refresh removes it. */
-const DECIDED_REFRESH_DELAY_MS = 1600;
-/** PRI-908: per decision, at most this many warning toasts render individually; the rest aggregate into one (rc-9: nothing dropped). */
-const MAX_WARNING_TOASTS = 3;
+import { RuleCandidateBindingPanel, deriveRuleBindingCardState } from './RuleCandidateBindingPanel.js';
 import { fetchGovernanceExperience, fetchOwnerDecisionInbox } from "../../api.js";
 /**
  * PRI-889: 「需要你决定」区的决策卡来源选择。
@@ -77,59 +73,23 @@ export function partitionInboxForDisplay(inbox, actionCardPrincipleIds) {
 }
 /**
  * SPEC-PD-UIUX-001 R2 (Owner review round 2): the conclusion strip's headline
- * and total must agree with the objects actually on screen and with the inbox
- * response contract.
+ * must never claim the system is clear when the inbox response cannot back
+ * that claim.
  *
  * Modes (display-only; no permission derivation):
  * - 'unavailable' — inbox projection off (feature_disabled surfaces as
- *   ownerInbox===null with NO error) or the request failed: the pending count
- *   CANNOT be confirmed; never allClear.
+ *   ownerInbox===null with NO error) or the request failed.
  * - 'degraded' — the inbox answered HTTP-success but carries
  *   `degraded: { reason, nextAction }` (e.g. principle ledger unreadable, the
- *   server then returns EMPTY groups): counts cannot be trusted; the strip
- *   shows the server's reason + nextAction and never allClear.
- * - 'ok' — counts are trusted.
- *
- * Counting (S2): displayTotal = actionableCount + inbox pending items NOT
- * already represented by an on-screen action card. The association is the
- * verified principleId field (partition.unmatchedDecisions are inbox items
- * WITHOUT a card). One inbox item matching N cards of the same principle
- * counts the N cards (each is a distinct decision); disjoint sets sum.
+ *   server then returns EMPTY groups): the strip shows the server's reason.
+ * - 'ok' — the inbox answered without degradation.
  */
 export function deriveConclusionDisplay(input) {
-    if (input.ownerInbox === null || input.ownerInboxError !== null || input.partition === null) {
-        return { mode: 'unavailable', displayTotal: input.actionableCount, actionableCount: input.actionableCount };
-    }
-    const matchedDecisions = input.ownerInbox.groups.decision.length - input.partition.unmatchedDecisions.length;
-    const uncoveredInboxPending = Math.max(0, input.partition.pendingTotal - matchedDecisions);
-    const base = {
-        actionableCount: input.actionableCount,
-    };
-    if (input.ownerInbox.degraded !== undefined) {
-        return {
-            mode: 'degraded',
-            displayTotal: input.actionableCount + uncoveredInboxPending,
-            ...base,
-            degraded: input.ownerInbox.degraded,
-        };
-    }
-    return {
-        mode: 'ok',
-        displayTotal: input.actionableCount + uncoveredInboxPending,
-        ...base,
-    };
-}
-/**
- * SPEC-PD-UIUX-001 R2 (Owner review S3): EVERY conclusion branch must express
- * governance readiness the same way — "actionable now" is only claimable when
- * the actions are not locked. One matrix, one source.
- */
-export function resolveConclusionActionableKey(mode, locked) {
-    if (locked)
-        return "pages.focus.conclusion.actionableLocked";
-    if (mode === 'unavailable')
-        return "pages.focus.conclusion.actionableWithoutTotal";
-    return "pages.focus.conclusion.actionableUnlocked";
+    if (input.ownerInbox === null || input.ownerInboxError !== null)
+        return { mode: 'unavailable' };
+    if (input.ownerInbox.degraded !== undefined)
+        return { mode: 'degraded', degraded: input.ownerInbox.degraded };
+    return { mode: 'ok' };
 }
 // ── i18n code mapping helpers ─────────────────────────────────────────────
 /** Map a stateReasonCode to an i18n key, with optional interpolation params. */
@@ -174,19 +134,6 @@ export function deriveOwnerConfigureGuide(ownerIdentityConfiguration) {
         return null;
     return { docUrl: OWNER_CONFIGURE_DOC_URL, commands: OWNER_CONFIGURE_COMMANDS };
 }
-// ── Channel label helper ─────────────────────────────────────────────────────
-function getChannelLabel(channel, t) {
-    switch (channel) {
-        case "prompt":
-            return t("pages.focus.channelPrompt");
-        case "defer_archive":
-            return t("pages.focus.channelDeferArchive");
-        case "code_tool_hook":
-            return t("pages.focus.channelCodeToolHook");
-        default:
-            return channel;
-    }
-}
 // ── Sub-components ───────────────────────────────────────────────────────────
 function ProseSummary({ pendingCount, deviationCount, stagnationCount, evidenceCount, }) {
     const { t } = useTranslation();
@@ -204,293 +151,6 @@ function FeedbackStratification({ gateBlocksToday, inProgressCount, pendingCount
     }
     return (_jsxs("div", { className: "mb-7 px-[18px] py-[14px] bg-panel border border-line rounded-[6px]", children: [_jsx("div", { className: "font-mono text-[11px] uppercase tracking-[0.08em] text-ink-4 mb-3", children: t("pages.focus.stratLabel") }), _jsxs("div", { className: "flex items-stretch gap-3 flex-wrap", children: [_jsxs("div", { className: "flex-1 min-w-[140px] px-3 py-2 bg-surface/60 border border-line rounded-[4px]", children: [_jsxs("div", { className: "flex items-baseline gap-1.5", children: [_jsx("span", { className: "font-mono font-semibold text-[18px] text-ink-4 tabular-nums", children: gateBlocksToday }), _jsx("span", { className: "text-[12px] text-ink-3", children: t("pages.focus.stratGateBlocks") })] }), _jsx("div", { className: "text-[11px] text-ink-4 mt-0.5 leading-snug", children: t("pages.focus.stratGateBlocksHint") })] }), _jsxs("div", { className: "flex-1 min-w-[140px] px-3 py-2 bg-surface/60 border border-line rounded-[4px]", children: [_jsxs("div", { className: "flex items-baseline gap-1.5", children: [_jsx("span", { className: "font-mono font-semibold text-[18px] text-teal-600 tabular-nums", children: inProgressCount }), _jsx("span", { className: "text-[12px] text-ink-3", children: t("pages.focus.stratInProgress") })] }), _jsx("div", { className: "text-[11px] text-ink-4 mt-0.5 leading-snug", children: t("pages.focus.stratInProgressHint") })] }), _jsxs("div", { className: "flex-1 min-w-[140px] px-3 py-2 bg-gov/5 border border-gov/30 rounded-[4px] relative", children: [_jsxs("div", { className: "flex items-baseline gap-1.5", children: [_jsx("span", { className: "font-mono font-semibold text-[18px] text-gov tabular-nums", children: pendingCount }), _jsx("span", { className: "text-[12px] text-gov", children: t("pages.focus.stratPendingReview") })] }), _jsx("div", { className: "text-[11px] text-ink-4 mt-0.5 leading-snug", children: t("pages.focus.stratPendingReviewHint") }), _jsx("span", { className: "absolute -top-2 right-2 inline-flex items-center border border-gov/40 text-gov bg-panel rounded-[2px] px-[6px] py-0.5 font-mono text-[9px] uppercase tracking-wider", children: t("pages.focus.stratYouAreHere") })] })] })] }));
 }
-function PendingReviewCard({ group, actionsLockedReason, onDecisionApplied, promptInjection, promptTargetHost, }) {
-    const { t } = useTranslation();
-    const navigate = useNavigate();
-    const primaryChannel = group.records[0]?.channel ?? "prompt";
-    const channelLabel = getChannelLabel(primaryChannel, t);
-    const isReversible = primaryChannel === "prompt" || primaryChannel === "defer_archive";
-    const actionsLocked = actionsLockedReason !== undefined;
-    // Inline review state (Wave 7: no more 404 jump to /principles/<fake-id>)
-    const [actionLoading, setActionLoading] = useState(false);
-    const [intentReviewed, setIntentReviewed] = useState(false);
-    useEffect(() => setIntentReviewed(false), [group]);
-    const [showRejectInput, setShowRejectInput] = useState(false);
-    const [rejectReason, setRejectReason] = useState("");
-    const [showEditInput, setShowEditInput] = useState(false);
-    const [editReason, setEditReason] = useState("");
-    const [newArtifactId, setNewArtifactId] = useState("");
-    // PRI-908: 决策成功后卡片先呈现终态（已批准/已拒绝）短暂停留，再刷新待办
-    // 列表移除卡片——避免"点了就消失"让 Owner 无法确认操作是否落地。
-    const [decidedOutcome, setDecidedOutcome] = useState(null);
-    const refreshTimerRef = useRef(null);
-    useEffect(() => () => {
-        if (refreshTimerRef.current !== null)
-            window.clearTimeout(refreshTimerRef.current);
-    }, []);
-    const isActionable = group.status === "pending" && group.records.some((r) => r.status === "pending");
-    const decisionDisabled = !isActionable || actionLoading || actionsLocked || decidedOutcome !== null;
-    function scheduleDecisionRefresh() {
-        if (refreshTimerRef.current !== null)
-            window.clearTimeout(refreshTimerRef.current);
-        refreshTimerRef.current = window.setTimeout(() => onDecisionApplied(), DECIDED_REFRESH_DELAY_MS);
-    }
-    /** PRI-890/908: 非致命服务端警告必须抵达 Owner（rc-9），且必须说人话。 */
-    function notifySuccessWarnings(successWarnings) {
-        const segments = successWarnings.flatMap((warning) => splitApprovalWarnings(warning));
-        const localized = segments.map((warning) => localizeApprovalWarning(warning, t));
-        // PR-1894: the raw server text is still preserved verbatim (rc-9 — never
-        // dropped), but it is operator-facing English, not Owner-facing prose. It
-        // used to be appended flat under the localized body, so the toast rendered
-        // as one mixed Chinese/English block and the machine text visually
-        // dominated the message. Collapse it behind a native <details> so the
-        // Owner reads plain language first and can still open the raw evidence.
-        const renderDetail = (detail) => (_jsxs("details", { className: "mt-2 text-[11.5px] opacity-80", children: [_jsx("summary", { className: "cursor-pointer select-none", children: t("pages.focus.approveWarningDetail", { defaultValue: "原始信息" }) }), _jsx("pre", { className: "mt-1 max-h-40 overflow-auto whitespace-pre-wrap break-words font-mono text-[11px]", children: detail })] }));
-        for (const item of localized.slice(0, MAX_WARNING_TOASTS)) {
-            toast.warning(item.title, {
-                description: item.body
-                    ? (_jsxs(_Fragment, { children: [item.body, renderDetail(item.detail)] }))
-                    // An unrecognized code degrades to the raw string as the whole
-                    // message (rc-9) — there is no localized body to sit above it.
-                    : item.detail,
-                duration: 15000,
-                action: item.activationAction
-                    ? { label: t("pages.focus.goActivationCta", { defaultValue: "前往生效情况" }), onClick: () => navigate("/activation") }
-                    : undefined,
-            });
-        }
-        const overflow = localized.slice(MAX_WARNING_TOASTS);
-        if (overflow.length > 0) {
-            toast.warning(t("pages.focus.approveWarning.overflowTitle", { defaultValue: "还有 {{count}} 条警告", count: overflow.length }), {
-                description: (_jsx(_Fragment, { children: overflow.map((item) => (_jsxs("div", { className: "mb-1 last:mb-0", children: [_jsx("div", { children: item.title }), item.body ? _jsx("div", { children: item.body }) : null, renderDetail(item.detail)] }, item.detail))) })),
-                duration: 15000,
-            });
-        }
-    }
-    // Display title: prefer candidateDescription (human-readable) over principleTitle
-    // (which falls back to a fabricated principleId when the principle isn't in ledger).
-    // The selection rule and each degradation reason live in focus-validation
-    // (PRI-940 / PRI-941, contract-tested); the mutually exclusive notes below say
-    // why a particular card has no title.
-    const displayTitle = selectApprovalGroupDisplayTitle(group)
-        ?? t("pages.focus.untitledCandidate", { defaultValue: "待命名候选原则" });
-    const unlinkedCandidateNote = showsUnlinkedCandidateNote(group);
-    // SPEC-PD-CONSOLE-READABILITY-002 切片1（R2/R3/R7）：候选描述可能是整段规则
-    // 正文——不再整段充当加粗标题。短标题只作预览，逐字全文由正文块承载。
-    const readingLayout = splitReadingTitleBody(displayTitle);
-    async function applyDecisionToAllRecords(action, reason) {
-        // Only process pending records — skip already-approved/rejected to avoid
-        // stable partial failures on mixed-status groups.
-        const pendingRecords = group.records.filter((r) => r.status === "pending");
-        const results = [];
-        for (const record of pendingRecords) {
-            const result = action === "approve"
-                ? await approveApproval(record.id, undefined, { targetHost: promptTargetHost, intentReviewed: group.revisionReview === undefined ? undefined : intentReviewed, reviewedArtifactId: record.artifactId })
-                : await rejectApproval(record.id, reason ?? "");
-            // PRI-890: preserve non-fatal server warnings (e.g. prompt injection
-            // budget exclusion) on successful decisions.
-            results.push(result.success
-                ? { success: true, warning: result.data?.warning }
-                : { success: false, error: result.error ?? "unknown error", nextAction: result.nextAction });
-        }
-        return { ...summarizeDecisionResults(results), totalCount: pendingRecords.length };
-    }
-    const handleApprove = async () => {
-        if (!isActionable || actionLoading || decidedOutcome !== null || (group.revisionReviewUnavailable === true || (group.revisionReview !== undefined && !intentReviewed)))
-            return;
-        setActionLoading(true);
-        try {
-            const { allSucceeded, failedCount, totalCount, failureReason, successWarnings } = await applyDecisionToAllRecords("approve");
-            if (allSucceeded) {
-                toast.success(t("pages.focus.approveSucceededCount", { defaultValue: "已批准 {{count}} 条原则", count: totalCount }));
-                // PRI-890: a committed activation can still be excluded from agent
-                // behavior (prompt injection budget saturated) — the server warning
-                // must reach the Owner, not vanish behind the success toast (rc-9).
-                // PRI-908: warnings render as localized plain-language toasts with an
-                // activation-page action, not raw English text.
-                notifySuccessWarnings(successWarnings);
-                setDecidedOutcome("approved");
-                scheduleDecisionRefresh();
-            }
-            else {
-                toast.error(t("pages.focus.partialFailure", {
-                    defaultValue: `批准完成，但 ${failedCount}/${totalCount} 条记录失败。`,
-                    failedCount,
-                    totalCount,
-                    reason: failureReason ?? t("pages.focus.unknownFailure", { defaultValue: "请检查服务日志。" }),
-                }));
-                onDecisionApplied();
-            }
-        }
-        catch {
-            toast.error(t("pages.focus.approveFailed", { defaultValue: "批准失败，请稍后重试。" }));
-        }
-        finally {
-            setActionLoading(false);
-        }
-    };
-    const handleReject = async () => {
-        if (!isActionable || actionLoading || decidedOutcome !== null || !rejectReason.trim())
-            return;
-        setActionLoading(true);
-        try {
-            const { allSucceeded, failedCount, totalCount, failureReason } = await applyDecisionToAllRecords("reject", rejectReason.trim());
-            if (allSucceeded) {
-                toast.success(t("pages.focus.rejectSucceeded", { defaultValue: "已拒绝" }));
-                setShowRejectInput(false);
-                setRejectReason("");
-                setDecidedOutcome("rejected");
-                scheduleDecisionRefresh();
-            }
-            else {
-                toast.error(t("pages.focus.partialFailure", {
-                    defaultValue: `拒绝完成，但 ${failedCount}/${totalCount} 条记录失败。`,
-                    failedCount,
-                    totalCount,
-                    reason: failureReason ?? t("pages.focus.unknownFailure", { defaultValue: "请检查服务日志。" }),
-                }));
-                onDecisionApplied();
-            }
-        }
-        catch {
-            toast.error(t("pages.focus.rejectFailed", { defaultValue: "拒绝失败，请稍后重试。" }));
-        }
-        finally {
-            setActionLoading(false);
-        }
-    };
-    const currentArtifactId = group.records.find((r) => r.status === "pending")?.artifactId ?? "";
-    const handleEdit = async () => {
-        if (!isActionable || actionLoading || decidedOutcome !== null || !editReason.trim() || !newArtifactId.trim())
-            return;
-        setActionLoading(true);
-        try {
-            const pendingRecords = group.records.filter((r) => r.status === "pending");
-            const results = [];
-            for (const record of pendingRecords) {
-                const result = await editApproval(record.id, newArtifactId.trim(), editReason.trim());
-                results.push(result.success
-                    ? { success: true }
-                    : { success: false, error: result.error, nextAction: result.nextAction });
-            }
-            const { allSucceeded, failedCount, failureReason } = summarizeDecisionResults(results);
-            const totalCount = results.length;
-            if (allSucceeded) {
-                toast.success(t("pages.focus.editSucceeded", { defaultValue: "已替换待审版本" }));
-                setShowEditInput(false);
-                setEditReason("");
-                setNewArtifactId("");
-                onDecisionApplied();
-            }
-            else {
-                toast.error(t("pages.focus.partialFailure", {
-                    defaultValue: `替换完成，但 ${failedCount}/${totalCount} 条记录失败。`,
-                    failedCount,
-                    totalCount,
-                    reason: failureReason ?? t("pages.focus.unknownFailure", { defaultValue: "请检查服务日志。" }),
-                }));
-                onDecisionApplied();
-            }
-        }
-        catch {
-            toast.error(t("pages.focus.editFailed", { defaultValue: "替换失败，请稍后重试。" }));
-        }
-        finally {
-            setActionLoading(false);
-        }
-    };
-    return (_jsxs("article", { className: "relative pl-[22px] py-[18px] pr-[18px] bg-panel border border-line rounded-[6px] transition-colors", children: [_jsx("div", { className: "absolute left-0 top-0 bottom-0 w-[3px] rounded-l-[6px] bg-gov" }), decidedOutcome !== null && (_jsx("div", { className: `mb-3 rounded-[3px] border px-3 py-2 text-[12.5px] ${decidedOutcome === "approved"
-                    ? "border-green/40 bg-green/10 text-green"
-                    : "border-line bg-surface/80 text-ink-3"}`, role: "status", "data-testid": `decided-banner-${group.principleId}`, children: decidedOutcome === "approved"
-                    ? t("pages.focus.decidedApproved", { defaultValue: "已批准 ✓ 正在写入生效记录…" })
-                    : t("pages.focus.decidedRejected", { defaultValue: "已拒绝" }) })), _jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [_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 }), isReversible && (_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: primaryChannel === "prompt" ? t("pages.focus.tagReversible") : t("pages.focus.tagLowRisk") }))] }), _jsx("div", { className: "mt-[14px] mb-2 font-semibold text-ink leading-snug", "data-testid": `candidate-title-${group.principleId}`, children: readingLayout.title }), readingLayout.body !== null && (_jsx("div", { className: "mb-2 text-[15px] leading-relaxed text-ink whitespace-pre-wrap break-words", "data-testid": `candidate-body-${group.principleId}`, children: readingLayout.body })), group.artifactUnavailable === true && (_jsx("div", { className: "mb-2 text-[12.5px] leading-relaxed text-amber", "data-testid": `artifact-unavailable-${group.principleId}`, children: t("pages.focus.artifactUnavailableNote") })), unlinkedCandidateNote && (_jsx("div", { className: "mb-2 text-[12.5px] leading-relaxed text-amber", "data-testid": `unlinked-candidate-${group.principleId}`, children: t("pages.focus.unlinkedCandidateNote") })), _jsx("div", { className: "mt-2 px-3 py-2 bg-surface/60 border-l-2 border-gov text-ink-3 text-[13px] leading-snug", children: t("pages.focus.evidenceSummary", { count: group.records.length }) }), actionsLocked && (_jsxs("div", { className: "mt-3 rounded-[3px] border border-amber/40 bg-amber/5 p-3", "data-testid": `pending-actions-locked-${group.principleId}`, children: [_jsx("p", { className: "text-ink-2 text-[12.5px] leading-relaxed", children: actionsLockedReason }), _jsx(Link, { to: "/settings", "data-testid": `pending-actions-locked-settings-${group.principleId}`, className: "mt-2 inline-flex items-center border border-line text-ink bg-surface rounded-[3px] px-[14px] py-[6px] text-[12.5px] hover:border-line-2 transition-colors", children: t("pages.focus.ownerDecision.goSettingsCta") })] })), decidedOutcome === null && primaryChannel === "prompt" && promptInjection?.truncated === true && promptInjection.capacityStatus !== "unconfirmed" && (_jsxs("div", { className: "mt-3 rounded-[3px] border border-amber/40 bg-amber/5 px-3 py-2 text-[12.5px] text-amber", "data-testid": `approve-queue-badge-${group.principleId}`, children: [promptInjection.productionRotates === true && group.fitsPromptBudget === true && group.promptBudgetTierFit === "model_dependent"
-                        ? t("pages.focus.approveQueueBadgeRotationModelDependent", {
-                            defaultValue: "批准后可能排队：提示词注入位已满（{{used}}/{{budget}} 字符）。这条原则的篇幅在较小上下文模型的注入预算内装不下，轮到它时也未必进入提示词——是否生效取决于当时模型的上限。",
-                            used: promptInjection.usedChars,
-                            budget: promptInjection.budget,
-                        })
-                        : promptInjection.productionRotates === true && group.fitsPromptBudget === true
-                            ? t("pages.focus.approveQueueBadgeRotation", {
-                                defaultValue: "批准后可能排队：提示词注入位已满（{{used}}/{{budget}} 字符）。当前按公平轮转选取，新原则会在后续轮次自行轮到，无需停用旧原则。",
-                                used: promptInjection.usedChars,
-                                budget: promptInjection.budget,
-                            })
-                            : promptInjection.productionRotates === true
-                                ? t("pages.focus.approveQueueBadgeOversized", {
-                                    defaultValue: "批准后可能排队：提示词注入位已满（{{used}}/{{budget}} 字符）。这条原则本身已超出注入位上限，轮转也无法让它进入提示词——需要先精简它的内容。",
-                                    used: promptInjection.usedChars,
-                                    budget: promptInjection.budget,
-                                })
-                                : t("pages.focus.approveQueueBadge", {
-                                    defaultValue: "批准后可能排队：提示词注入位已满（{{used}}/{{budget}} 字符）。",
-                                    used: promptInjection.usedChars,
-                                    budget: promptInjection.budget,
-                                }), _jsxs("div", { className: "mt-1 text-ink-3 text-[11.5px]", "data-testid": `approve-queue-badge-scope-${group.principleId}`, children: [promptInjection.route === "shared_render"
-                                ? t("pages.focus.promptScopeShared")
-                                : t("pages.focus.promptScopeList", {
-                                    full: promptInjection.fullRenderChars !== undefined
-                                        ? t("pages.focus.promptScopeFullRender", { count: promptInjection.fullRenderChars })
-                                        : "",
-                                }), promptInjection.hostKind !== undefined ? ` · ${promptInjection.hostKind === "openclaw" ? "OpenClaw" : promptInjection.hostKind === "workbuddy" ? "WorkBuddy" : "Codex"}` : "", ` · ${
-                            // A "confirmed" claim is only renderable when the window is
-                            // present: a payload missing it must not print "0 tokens".
-                            promptInjection.budgetCapacityStatus === "confirmed" && promptInjection.budgetContextWindowTokens !== undefined
-                                ? promptInjection.budgetObservedAt !== undefined
-                                    // PRI-1017: the budget comes from the workspace's most
-                                    // recent RUNTIME OBSERVATION (the last real injection) —
-                                    // say so, with source + window + observation time. Never
-                                    // present a past observation as a live confirmation.
-                                    ? t("pages.focus.promptBudgetObservedNote", {
-                                        defaultValue: "预算取自最近一次运行时观测（来源 {{source}}，上下文 {{window}} tokens，观测于 {{observedAt}}）",
-                                        // PRI-1020: three-way source label — the owner-declared
-                                        // basis reads as a declaration, never as a runtime fact.
-                                        source: promptInjection.budgetCapacitySource === "pi_catalog_exact"
-                                            ? t("pages.focus.budgetCapacitySourcePiCatalog", { defaultValue: "模型目录精确匹配" })
-                                            : promptInjection.budgetCapacitySource === "operator_declared"
-                                                ? t("pages.focus.budgetCapacitySourceOperatorDeclared", { defaultValue: "工作区配置声明" })
-                                                : t("pages.focus.budgetCapacitySourceHostWindow", { defaultValue: "宿主有效上下文窗口" }),
-                                        window: promptInjection.budgetContextWindowTokens,
-                                        observedAt: promptInjection.budgetObservedAt,
-                                    })
-                                    : t("pages.focus.promptBudgetModelAwareNote", {
-                                        defaultValue: "预算按已确认的模型上下文解析（{{window}} tokens{{sourceSuffix}}）",
-                                        window: promptInjection.budgetContextWindowTokens,
-                                        // PRI-1020: without an observation, a confirmed budget can
-                                        // only come from the Owner's declaration — say so.
-                                        sourceSuffix: promptInjection.budgetCapacitySource === "operator_declared"
-                                            ? t("pages.focus.budgetCapacitySourceOperatorDeclaredSuffix", { defaultValue: "，来源: 工作区配置声明" })
-                                            : "",
-                                    })
-                                : promptInjection.budgetObservedAt !== undefined
-                                    // PRI-1017: a fallback that still carries an observation
-                                    // timestamp IS the runtime's own honest fallback (the last
-                                    // injection resolved 2000 with a reason). Saying "console
-                                    // not bound to the runtime model" here would be false — the
-                                    // console DID use the runtime's last observation.
-                                    ? t("pages.focus.promptBudgetFallbackObservedNote", {
-                                        defaultValue: "运行时最近一次观测未确认宿主容量，预算按固定回退估算（{{reason}}，观测于 {{observedAt}}）",
-                                        reason: promptInjection.budgetFallbackReason !== undefined
-                                            ? t(`pages.focus.budgetFallbackReason.${promptInjection.budgetFallbackReason}`, {
-                                                defaultValue: promptInjection.budgetFallbackReason,
-                                            })
-                                            : "unknown",
-                                        observedAt: promptInjection.budgetObservedAt,
-                                    })
-                                    : t("pages.focus.promptBudgetFallbackNote", {
-                                        defaultValue: "按固定回退预算估算（控制台未绑定运行时模型{{reason}}）",
-                                        reason: promptInjection.budgetFallbackReason !== undefined
-                                            ? t("pages.focus.promptBudgetFallbackReasonSuffix", {
-                                                defaultValue: "，原因: {{code}}",
-                                                // The raw bounded code stays the default: it is the
-                                                // grep-able identifier shared with events/logs. Locales
-                                                // may override via pages.focus.budgetFallbackReason.<code>.
-                                                code: t(`pages.focus.budgetFallbackReason.${promptInjection.budgetFallbackReason}`, {
-                                                    defaultValue: promptInjection.budgetFallbackReason,
-                                                }),
-                                            })
-                                            : "",
-                                    })}`] })] })), group.revisionReviewUnavailable === true && _jsx("p", { role: "alert", className: "mt-3 text-danger", children: t("pages.focus.revisionReviewUnavailable") }), group.revisionReview !== undefined && (_jsxs("div", { className: "mt-3 border border-line p-3 text-[12.5px]", "data-testid": `revision-intent-review-${group.principleId}`, children: [_jsx("p", { children: t("pages.focus.revisionIntentReview", { defaultValue: "修订复核：确认新正文保留触发条件、行动要求和必要例外，并与沿用意图一致。" }) }), _jsx("pre", { className: "mt-2 max-h-32 overflow-auto whitespace-pre-wrap", children: group.revisionReview.oldStatement }), _jsx("pre", { className: "mt-2 max-h-32 overflow-auto whitespace-pre-wrap", children: group.revisionReview.newStatement }), _jsx("dl", { className: "mt-2", children: Object.entries(group.revisionReview.intentFields).map(([key, value]) => _jsxs("div", { children: [_jsx("dt", { children: t(`pages.focus.intentField.${key}`, { defaultValue: key }) }), _jsx("dd", { children: value })] }, key)) }), _jsxs("label", { className: "mt-2 flex gap-2", children: [_jsx("input", { type: "checkbox", checked: intentReviewed, onChange: (event) => setIntentReviewed(event.target.checked) }), t("pages.focus.revisionIntentConfirmed", { defaultValue: "我已核对上述意图与新正文一致" })] })] })), _jsxs("div", { className: "flex gap-2 mt-4 flex-wrap items-center", children: [_jsx("button", { type: "button", onClick: handleApprove, disabled: decisionDisabled || (group.revisionReviewUnavailable === true || (group.revisionReview !== undefined && !intentReviewed)), "data-testid": `approve-btn-${group.principleId}`, className: "inline-flex items-center border border-gov bg-gov text-paper rounded-[3px] px-[14px] py-[6px] text-[12.5px] font-medium hover:bg-gov-2 transition-colors disabled:opacity-50 disabled:cursor-not-allowed focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", children: actionLoading ? t("common.loading") + "…" : t("pages.focus.approveAction", { defaultValue: "批准" }) }), _jsx("button", { type: "button", onClick: () => { setShowEditInput((v) => !v); setShowRejectInput(false); }, disabled: decisionDisabled, "data-testid": `edit-btn-${group.principleId}`, 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 disabled:opacity-50 disabled:cursor-not-allowed focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", children: t("pages.focus.editAction", { defaultValue: "替换待审版本" }) }), _jsx("button", { type: "button", onClick: () => { setShowRejectInput((v) => !v); setShowEditInput(false); }, disabled: decisionDisabled, "data-testid": `reject-btn-${group.principleId}`, 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 disabled:opacity-50 disabled:cursor-not-allowed focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", children: t("pages.focus.rejectAction", { defaultValue: "拒绝" }) }), _jsx(Link, { to: "/pain", className: "inline-flex items-center text-gov text-[12.5px] hover:underline focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", children: t("pages.focus.viewFullChain") })] }), showRejectInput && (_jsxs("div", { className: "mt-3 p-3 border border-danger/20 rounded-[var(--radius-md)]", children: [_jsx("label", { className: "block font-mono text-[11px] uppercase tracking-[0.08em] text-ink-3 mb-2", children: t("pages.focus.rejectReasonLabel", { defaultValue: "拒绝原因（必填）" }) }), _jsx("textarea", { value: rejectReason, onChange: (e) => setRejectReason(e.target.value), "data-testid": `reject-reason-${group.principleId}`, placeholder: t("pages.focus.rejectReasonPlaceholder", { defaultValue: "请说明拒绝原因" }), className: "w-full border border-line rounded-[var(--radius-md)] bg-surface text-ink px-3 py-2 text-[13px] min-h-[80px] resize-y focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gov" }), _jsxs("div", { className: "flex gap-2 mt-2", children: [_jsx("button", { type: "button", onClick: handleReject, disabled: !rejectReason.trim() || actionLoading, "data-testid": `confirm-reject-${group.principleId}`, className: "inline-flex items-center border border-danger text-danger bg-surface rounded-[3px] px-[14px] py-[6px] text-[12.5px] hover:bg-danger/5 transition-colors disabled:opacity-50 disabled:cursor-not-allowed", children: t("pages.focus.confirmReject", { defaultValue: "确认拒绝" }) }), _jsx("button", { type: "button", onClick: () => { setShowRejectInput(false); setRejectReason(""); }, 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", children: t("pages.focus.cancelAction", { defaultValue: "取消" }) })] })] })), showEditInput && (_jsxs("div", { className: "mt-3 p-3 border border-gov/20 rounded-[var(--radius-md)]", children: [_jsx("label", { className: "block font-mono text-[11px] uppercase tracking-[0.08em] text-ink-3 mb-2", children: t("pages.focus.editReasonLabel", { defaultValue: "替换原因（必填）" }) }), _jsxs("div", { className: "mb-2 text-ink-4 text-[12px] font-mono", children: [t("pages.focus.currentArtifactLabel", { defaultValue: "当前工件" }), ": ", currentArtifactId] }), _jsx("input", { type: "text", value: newArtifactId, onChange: (e) => setNewArtifactId(e.target.value), "data-testid": `edit-new-artifact-${group.principleId}`, placeholder: t("pages.focus.editNewArtifactPlaceholder", { defaultValue: "输入新的已验证工件 ID" }), className: "w-full border border-line rounded-[var(--radius-md)] bg-surface text-ink px-3 py-2 text-[13px] mb-2 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gov", "aria-label": t("pages.focus.editNewArtifactPlaceholder", { defaultValue: "输入新的已验证工件 ID" }) }), _jsx("textarea", { value: editReason, onChange: (e) => setEditReason(e.target.value), "data-testid": `edit-reason-${group.principleId}`, placeholder: t("pages.focus.editReasonPlaceholder", { defaultValue: "请说明为什么需要替换这份待审版本" }), className: "w-full border border-line rounded-[var(--radius-md)] bg-surface text-ink px-3 py-2 text-[13px] min-h-[80px] resize-y focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gov" }), _jsxs("div", { className: "flex gap-2 mt-2", children: [_jsx("button", { type: "button", onClick: handleEdit, disabled: !editReason.trim() || !newArtifactId.trim() || actionLoading, "data-testid": `confirm-edit-${group.principleId}`, className: "inline-flex items-center border border-gov text-gov bg-surface rounded-[3px] px-[14px] py-[6px] text-[12.5px] hover:bg-gov/5 transition-colors disabled:opacity-50 disabled:cursor-not-allowed", children: t("pages.focus.confirmEdit", { defaultValue: "确认替换" }) }), _jsx("button", { type: "button", onClick: () => { setShowEditInput(false); setEditReason(""); setNewArtifactId(""); }, 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", children: t("pages.focus.cancelAction", { defaultValue: "取消" }) })] })] }))] }));
-}
 function StagnationSignalCard({ signal }) {
     const { t } = useTranslation();
     const label = signal.type === "never_activated"
@@ -609,6 +269,24 @@ function ExperienceSummaryCard({ snapshot }) {
             : "pages.focus.experience.blocker.authenticationMissing";
     return (_jsxs("div", { className: "mb-7 px-[18px] py-[14px] bg-panel border border-line rounded-[6px]", "data-testid": "experience-summary", children: [_jsx("div", { className: "flex items-center gap-2 mb-1", children: _jsx("span", { className: `inline-flex items-center rounded-[2px] px-[7px] py-1 font-mono text-[11px] uppercase ${attention.badgeClass}`, role: "status", children: t(attention.labelKey) }) }), _jsx("div", { className: "text-ink-2 text-[13px] leading-relaxed mt-1", "data-testid": "experience-reason", children: t(EXPERIENCE_REASON[snapshot.summary.reasonCode]) }), _jsxs("div", { className: "text-ink-4 text-[13px] leading-relaxed mt-1", children: [_jsx("span", { className: "font-medium", children: t("pages.focus.nextActionLabel") }), " ", t(EXPERIENCE_NEXT_ACTION[snapshot.summary.nextActionCode])] }), (decision !== undefined || recovery !== undefined || blocked !== undefined || processing !== undefined) && (_jsxs("div", { className: "text-[13px] text-ink-3 mt-2 leading-relaxed", "data-testid": "experience-activity", children: [decision !== undefined && (_jsx("span", { className: "mr-4", children: t("pages.focus.experience.activity.needsDecision", { count: decision.count }) })), recovery !== undefined && (_jsx("span", { className: "mr-4", children: t("pages.focus.experience.activity.needsRecovery", { count: recovery.count }) })), blocked !== undefined && _jsx("span", { className: "mr-4", children: t("pages.focus.experience.activity.blocked") }), processing !== undefined && (_jsx("span", { children: t("pages.focus.experience.activity.processing", { count: processing.count }) }))] })), governanceBlocked && (_jsxs("div", { className: "mt-3 flex items-center justify-between gap-3 border border-amber/30 rounded-[6px] bg-surface px-3 py-2.5", "data-testid": "owner-configure-guide", children: [_jsx("p", { className: "text-[12px] text-ink-3 leading-relaxed", children: t(blockerKey) }), _jsx(Link, { to: "/settings", className: "shrink-0 text-[12px] text-gov underline hover:text-gov-2", children: t("pages.focus.experience.blocker.goSettings") })] })), _jsxs("div", { className: "mt-1 text-[12px] text-ink-4", "data-testid": "experience-trust", children: [t(EXPERIENCE_ENVIRONMENT[snapshot.trustContext.environmentContext.environment]), " · ", t(`pages.focus.experience.trust.lineage.${snapshot.trustContext.lineageTransparency.confidence}`)] }), snapshot.dataQuality.degraded && (_jsx("div", { className: "mt-2 text-[12px] text-amber leading-relaxed", "data-testid": "experience-data-quality", children: t("pages.focus.experience.dataQuality.degraded", { count: firstIssue?.count ?? 0, reasonCode: firstIssue?.reasonCode ?? "" }) }))] }));
 }
+function decisionWorkKind(kind) {
+    switch (kind) {
+        case 'rulecode_decision': return 'promotion';
+        case 'evaluator_review': return 'revision';
+        case 'rollout_review': return 'validation';
+        case 'activation_approval': return 'approval';
+        default: return 'unknown';
+    }
+}
+function approvalWorkKind(channel) {
+    switch (channel) {
+        case 'prompt': return 'prompt';
+        case 'code_tool_hook': return 'rule';
+        case 'defer_archive': return 'archive';
+        default: return 'unknown';
+    }
+}
+const FOCUS_SOURCES = ['summary', 'approvals', 'activations', 'bindings', 'decisions', 'inbox'];
 export function FocusPage({ featureFlags }) {
     const { t } = useTranslation();
     // PRI-586: when governance_experience_v1 is enabled the governance summary
@@ -620,6 +298,11 @@ export function FocusPage({ featureFlags }) {
     // otherwise a transient legacy queue request goes out before the flag turns
     // experience mode on (wasted call + legacy-panel flash). Hold in `loading`.
     const flagsResolved = featureFlags !== undefined;
+    const [bindingQueue, setBindingQueue] = useState(null);
+    const [bindingError, setBindingError] = useState(null);
+    const [completedMessage, setCompletedMessage] = useState(null);
+    const requestEpoch = useRef(0);
+    const [pendingSources, setPendingSources] = useState(FOCUS_SOURCES);
     const [queueData, setQueueData] = useState(null);
     const [experienceData, setExperienceData] = useState(null);
     const [groupedData, setGroupedData] = useState(null);
@@ -641,82 +324,102 @@ export function FocusPage({ featureFlags }) {
     // only — no persisted host configuration is created here.
     const [promptTargetHost, setPromptTargetHost] = useState(null);
     const loadData = useCallback(async () => {
-        setLoadingState("loading");
+        const epoch = ++requestEpoch.current;
+        setLoadingState("loaded");
+        setPendingSources(FOCUS_SOURCES);
+        setExperienceData(null);
+        setQueueData(null);
+        setGroupedData(null);
+        setRuleCodeItems([]);
+        setBindingQueue(null);
+        setOwnerDecisionItems([]);
+        setOwnerInbox(null);
         setErrorMessage(null);
         setGroupedErrorReason(null);
         setRuleCodeErrorReason(null);
-        const [experienceResult, queueResult, groupedResult, activationsResult] = await Promise.all([
-            experienceMode ? fetchGovernanceExperience() : Promise.resolve(null),
-            experienceMode ? Promise.resolve(null) : fetchGovernanceQueue(),
-            fetchApprovalsGrouped(promptTargetHost ?? undefined),
-            fetchAllActivations(promptTargetHost ?? undefined),
-        ]);
-        if (experienceMode) {
-            if (experienceResult === null || !experienceResult.success) {
-                setLoadingState("error");
-                setErrorMessage(experienceResult === null ? t("pages.focus.experience.error.snapshotUnavailable") : experienceResult.error);
-                return;
+        setBindingError(null);
+        setOwnerDecisionError(null);
+        setOwnerInboxError(null);
+        // Each source publishes independently. A stalled history/inbox request must
+        // not hide already available decisions; old request epochs cannot publish.
+        async function settle(source, request, apply, fail) {
+            try {
+                const result = await request;
+                if (epoch === requestEpoch.current)
+                    apply(result);
             }
-            setExperienceData(experienceResult.data);
-            setQueueData(null);
-        }
-        else {
-            // Queue data is already validated by the API layer (validateGovernanceQueue)
-            if (queueResult === null || !queueResult.success) {
-                setLoadingState("error");
-                setErrorMessage(queueResult === null ? t("pages.focus.loadError") : queueResult.error);
-                return;
+            catch (error) {
+                if (epoch === requestEpoch.current)
+                    fail(error instanceof Error ? error.message : t('pages.focus.loadError'));
             }
-            setQueueData(queueResult.data);
-            setExperienceData(null);
-        }
-        // Validate grouped data (ERR-002: degradation with reason)
-        if (!groupedResult.success) {
-            setGroupedData(null);
-            setGroupedErrorReason(groupedResult.error ?? "Approvals data unavailable");
-        }
-        else {
-            const validatedGrouped = validateApprovalsGroupedData(groupedResult.data);
-            setGroupedData(validatedGrouped);
-            if (validatedGrouped === null) {
-                setGroupedErrorReason("Approvals data has unexpected shape");
+            finally {
+                if (epoch === requestEpoch.current)
+                    setPendingSources(current => current.filter(item => item !== source));
             }
         }
-        if (activationsResult.success) {
-            setRuleCodeItems(activationsResult.data.activations.filter((item) => item.channel === "code_tool_hook" && item.status === "active"));
-        }
-        else {
-            setRuleCodeItems([]);
-            setRuleCodeErrorReason(activationsResult.error);
-        }
-        // PRI-629: 统一 Owner Inbox (decision-capable NHR + approvals + rulecode)。
-        // 投影失败不阻塞页面 (rc-9 降级 — 显示原因,治理摘要仍可用)。
-        const decisionsResult = await fetchOwnerDecisions();
-        if (decisionsResult.success) {
-            setOwnerDecisionItems(decisionsResult.data.items);
-            setOwnerDecisionError(null);
-        }
-        else {
-            setOwnerDecisionItems([]);
-            setOwnerDecisionError(decisionsResult.error ?? "Owner decisions unavailable");
-        }
-        // Owner Decision Experience v1 inbox: failure degrades observably (rc-9),
-        // never blocking the rest of the focus page.
-        const ownerInboxResult = await fetchOwnerDecisionInbox();
-        if (ownerInboxResult.success) {
-            setOwnerInbox(ownerInboxResult.data);
-            setOwnerInboxError(null);
-        }
-        else {
-            setOwnerInbox(null);
-            setOwnerInboxError(ownerInboxResult.reason === 'feature_disabled' ? null : (ownerInboxResult.error ?? "Owner decision inbox unavailable"));
-        }
-        setLoadingState("loaded");
+        await Promise.all([
+            experienceMode
+                ? settle('summary', fetchGovernanceExperience(), result => {
+                    if (result.success)
+                        setExperienceData(result.data);
+                    else
+                        setErrorMessage(result.error);
+                }, setErrorMessage)
+                : settle('summary', fetchGovernanceQueue(), result => {
+                    if (result.success)
+                        setQueueData(result.data);
+                    else
+                        setErrorMessage(result.error);
+                }, setErrorMessage),
+            settle('approvals', fetchApprovalsGrouped(promptTargetHost ?? undefined), result => {
+                if (!result.success) {
+                    setGroupedErrorReason(result.error);
+                    return;
+                }
+                const data = validateApprovalsGroupedData(result.data);
+                setGroupedData(data);
+                if (data === null)
+                    setGroupedErrorReason(t('pages.focus.workbench.approvalsUnavailable'));
+            }, setGroupedErrorReason),
+            settle('activations', fetchAllActivations(promptTargetHost ?? undefined), result => {
+                if (result.success)
+                    setRuleCodeItems(result.data.activations.filter(item => item.channel === 'code_tool_hook' && item.status === 'active'));
+                else
+                    setRuleCodeErrorReason(result.error);
+            }, setRuleCodeErrorReason),
+            settle('bindings', fetchRuleBindingQueue(), result => {
+                if (result.success)
+                    setBindingQueue(result.data);
+                else
+                    setBindingError(result.error);
+            }, setBindingError),
+            settle('decisions', fetchOwnerDecisions(), result => {
+                if (result.success)
+                    setOwnerDecisionItems(result.data.items);
+                else
+                    setOwnerDecisionError(result.error);
+            }, setOwnerDecisionError),
+            settle('inbox', fetchOwnerDecisionInbox(), result => {
+                if (result.success)
+                    setOwnerInbox(result.data);
+                else if (result.reason !== 'feature_disabled')
+                    setOwnerInboxError(result.error);
+            }, setOwnerInboxError),
+        ]);
     }, [experienceMode, t, promptTargetHost]);
+    function changePromptTargetHost(host) {
+        if (host === promptTargetHost)
+            return;
+        requestEpoch.current++;
+        setPendingSources(FOCUS_SOURCES);
+        setCompletedMessage(null);
+        setPromptTargetHost(host);
+    }
     useEffect(() => {
         if (!flagsResolved)
             return;
-        loadData();
+        void loadData();
+        return () => { requestEpoch.current++; };
     }, [flagsResolved, loadData]);
     // ── Loading state ────────────────────────────────────────────────────────
     if (loadingState === "loading") {
@@ -730,9 +433,6 @@ export function FocusPage({ featureFlags }) {
     const pendingGroups = groupedData?.groups.filter((g) => g.status === "pending") ?? [];
     const groupedAvailable = groupedData !== null;
     const decisionItems = selectDecisionSurfaceItems(ownerDecisionItems, groupedAvailable);
-    // Single source for "the inline approval cards are on screen" — the section
-    // count and the empty state must agree on it.
-    const showApprovalCards = groupedAvailable && pendingGroups.length > 0;
     const pendingCount = queueData?.pendingReviewCount ?? 0;
     const deviationCount = queueData?.behaviorDeviationCount ?? 0;
     const stagnationSignals = queueData?.stagnationSignals ?? [];
@@ -748,14 +448,16 @@ export function FocusPage({ featureFlags }) {
     const ruleCodePending = ruleCodeItems.filter(item => item.action === 'code_tool_hook_shadow_activate' && item.enforcement !== 'safety_isolated');
     const ruleCodeAlerts = ruleCodeItems.filter(item => item.enforcement === 'safety_isolated');
     // PRI-787: 决策动作被治理就绪门锁定时，必须在卡片上给出可见原因（rc-9 —
-    // 禁用不允许是无声的）。experienceData 未加载（null）时门默认放行、无锁定。
-    const ownerActionsLockedReason = experienceData === null
-        || (experienceData.readiness.authenticationMode === "authenticated"
-            && experienceData.readiness.ownerIdentityConfiguration === "configured")
-        ? null
-        : t(experienceData.readiness.authenticationMode !== "authenticated"
-            ? "pages.focus.ownerDecision.actionsLockedAuth"
-            : "pages.focus.ownerDecision.actionsLockedIdentity");
+    // 未知就绪状态或新宿主的材料仍在读取时，允许阅读，不放行动作。
+    const ownerActionsLockedReason = pendingSources.includes('summary') || (experienceMode && experienceData === null)
+        ? t("pages.focus.workbench.permissionsUnknown")
+        : experienceData === null
+            || (experienceData.readiness.authenticationMode === "authenticated"
+                && experienceData.readiness.ownerIdentityConfiguration === "configured")
+            ? null
+            : t(experienceData.readiness.authenticationMode !== "authenticated"
+                ? "pages.focus.ownerDecision.actionsLockedAuth"
+                : "pages.focus.ownerDecision.actionsLockedIdentity");
     // ── SPEC-PD-UIUX-001 R2: one primary action surface per decision object ──
     // Matching uses the verified principleId association field (never titles).
     // See partitionInboxForDisplay for the semantics.
@@ -775,21 +477,9 @@ export function FocusPage({ featureFlags }) {
     const unmatchedInboxDecisions = inboxPartition?.unmatchedDecisions ?? [];
     // 待处理口径 (INV-01 lineage): decision + blocked-individual + recovery —
     // same three groups the inbox renders; historical unknowns stay explanatory.
-    const inboxPendingTotal = inboxPartition?.pendingTotal ?? 0;
-    // 可操作口径: the action cards actually on screen (decision cards + approval
-    // cards) — the same number the「需要你决定」section header shows.
-    const actionableCount = (ownerDecisionError === null ? decisionItems.length : 0)
-        + (showApprovalCards ? pendingGroups.length : 0);
     // Review round 2 (P2): the headline never claims allClear from the inbox
-    // alone, degraded payloads surface their reason, and the total is the
-    // association-deduped union of on-screen cards and inbox items — see
-    // deriveConclusionDisplay.
-    const conclusionDisplay = deriveConclusionDisplay({
-        ownerInbox,
-        ownerInboxError,
-        partition: inboxPartition,
-        actionableCount,
-    });
+    // alone; degraded payloads surface their reason — see deriveConclusionDisplay.
+    const conclusionDisplay = deriveConclusionDisplay({ ownerInbox, ownerInboxError });
     // Map codes to i18n text
     // Governance Recovery Actions v1: tasks_need_human_review interpolates the
     // needs_human_review task count, not the approvals count.
@@ -797,7 +487,27 @@ export function FocusPage({ featureFlags }) {
     const stateReasonCount = stateReasonCode === "tasks_need_human_review" ? humanReviewCount : pendingCount;
     const stateReason = getStateReasonText(stateReasonCode, t, stateReasonCount);
     const nextAction = getNextActionText(nextActionCode, t);
-    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.focus.eyebrow") }), _jsx(ShinyText, { as: "h1", className: "text-[29px] font-semibold tracking-tight text-ink mb-2", duration: 4.5, brightness: 0.5, disabled: pendingCount === 0, children: t("pages.focus.title") }), _jsx("p", { className: "text-ink-3 text-[14px] max-w-[760px] leading-relaxed mb-7", children: t("pages.focus.subtitle") }), _jsxs("section", { "aria-label": t("pages.focus.conclusion.sectionTitle"), "data-testid": "focus-conclusion", className: "mb-7 px-[18px] py-[14px] bg-panel border border-line rounded-[6px]", children: [_jsxs("div", { className: "flex items-center gap-2 mb-1", children: [_jsx("span", { className: `inline-flex items-center rounded-[2px] px-[7px] py-1 font-mono text-[11px] uppercase ${experienceMode && experienceData !== null
+    const sourcesUncertain = pendingSources.length > 0 || conclusionDisplay.mode === 'degraded' || experienceData?.dataQuality.degraded === true
+        || ruleCodeErrorReason !== null || errorMessage !== null || ownerDecisionError !== null || groupedErrorReason !== null || bindingError !== null || ownerInboxError !== null;
+    const workItems = [
+        ...ruleCodePending.filter(item => !decisionItems.some(decision => decision.kind === 'rulecode_decision' && decision.taskId === item.activationId)).map(item => ({ key: `activation:${item.activationId}`, title: splitReadingTitleBody(t('pages.focus.workbench.rulePromotion')).title,
+            kind: 'promotion', summary: t('pages.focus.workbench.promotionSummary'), reference: item.activationId,
+            content: _jsxs("div", { className: "text-sm leading-relaxed text-ink-2", children: [_jsx("p", { children: t('pages.focus.workbench.promotionSummary') }), _jsx(Link, { to: `/activation?activationId=${encodeURIComponent(item.activationId)}`, className: "mt-4 inline-block text-gov underline", children: t('pages.focus.workbench.openActivation') })] }) })),
+        ...decisionItems.map(item => ({ key: `decision:${item.reviewKey}`, title: splitReadingTitleBody(item.title).title,
+            kind: decisionWorkKind(item.kind), summary: item.summary, reference: item.taskId,
+            content: _jsx(OwnerDecisionCard, { item: item, governanceReady: ownerActionsLockedReason === null, actionsLockedReason: ownerActionsLockedReason ?? undefined, onResolved: () => { setCompletedMessage({ key: `decision:${item.reviewKey}`, message: t('pages.focus.workbench.decisionRecorded') }); void loadData(); } }, `${item.reviewKey}:${promptTargetHost ?? 'default'}`) })),
+        ...pendingGroups.flatMap(group => group.records.filter(record => record.status === 'pending').map((record, index) => ({
+            key: `approval:${record.id}`, title: new Set(group.records.map(entry => entry.artifactId)).size > 1 ? t('pages.focus.workbench.versionNeedsReview', { index: index + 1 }) : splitReadingTitleBody(selectApprovalGroupDisplayTitle(group) ?? t('pages.focus.untitledCandidate')).title,
+            kind: approvalWorkKind(record.channel),
+            summary: t('pages.focus.workbench.approvalSummary'),
+            content: _jsx(ApprovalSubjectReading, { principleId: group.principleId, approvalId: record.id, artifactId: record.artifactId, channel: record.channel, lockedReason: ownerActionsLockedReason ?? undefined, targetHost: promptTargetHost ?? undefined, revisionReview: new Set(group.records.filter(entry => entry.status === 'pending').map(entry => entry.artifactId)).size === 1 ? group.revisionReview : undefined, revisionReviewUnavailable: record.revisionReviewUnavailable ?? (group.records.some(entry => entry.status === 'pending' && entry.revisionReviewUnavailable === true) ? false : group.revisionReviewUnavailable), sourceUnlinked: showsUnlinkedCandidateNote(group), promptInjection: groupedData?.promptInjection, budgetNotice: groupedData?.promptInjection?.truncated === true && groupedData.promptInjection.capacityStatus !== 'unconfirmed' ? t(groupedData.promptInjection.productionRotates === true ? group.fitsPromptBudget === true ? group.promptBudgetTierFit === 'model_dependent'
+                    ? 'pages.focus.approveQueueBadgeRotationModelDependent' : 'pages.focus.approveQueueBadgeRotation' : 'pages.focus.approveQueueBadgeOversized' : 'pages.focus.approveQueueBadge', { used: groupedData.promptInjection.usedChars, budget: groupedData.promptInjection.budget }) : undefined, onResolved: message => { setCompletedMessage({ key: `approval:${record.id}`, message }); void loadData(); } }, `${record.id}:${promptTargetHost ?? 'default'}`),
+        }))),
+        ...(bindingQueue?.items ?? []).filter(item => !['bound_generating', 'bound_advanced', 'bound_not_built'].includes(deriveRuleBindingCardState(item))).map(item => ({ key: `binding:${item.candidateId}`, title: splitReadingTitleBody(item.text).title,
+            kind: 'binding', summary: item.pain.text ?? t('pages.focus.workbench.bindingSummary'), reference: item.candidateId,
+            content: _jsx(RuleCandidateBindingPanel, { candidateId: item.candidateId, onChanged: () => { void loadData(); } }, item.candidateId) })),
+    ];
+    return (_jsx(PageShell, { className: "max-w-[1120px] owner-workbench-container", 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.focus.eyebrow") }), _jsx(ShinyText, { as: "h1", className: "text-[29px] font-semibold tracking-tight text-ink mb-2", duration: 4.5, brightness: 0.5, disabled: pendingCount === 0, children: t('pages.focus.workbench.title') }), _jsx("p", { className: "text-ink-3 text-[14px] max-w-[760px] leading-relaxed mb-7", children: t('pages.focus.workbench.subtitle') }), _jsxs("section", { "aria-label": t("pages.focus.conclusion.sectionTitle"), "data-testid": "focus-conclusion", className: "mb-7 px-[18px] py-[14px] bg-panel border border-line rounded-[6px]", children: [_jsxs("div", { className: "flex items-center gap-2 mb-1", children: [_jsx("span", { className: `inline-flex items-center rounded-[2px] px-[7px] py-1 font-mono text-[11px] uppercase ${experienceMode && experienceData !== null
                                         ? EXPERIENCE_ATTENTION[experienceData.summary.primaryAttention].badgeClass
                                         : governanceState === "owner_review_ready"
                                             ? "bg-gov/10 text-gov border border-gov/20"
@@ -805,12 +515,9 @@ export function FocusPage({ featureFlags }) {
                                                 ? "bg-amber/10 text-amber border border-amber/20"
                                                 : governanceState === "in_progress"
                                                     ? "bg-green/10 text-green border border-green/20"
-                                                    : "text-ink-4 border border-line bg-surface/80"}`, role: "status", "data-testid": "focus-conclusion-badge", children: experienceMode && experienceData !== null
+                                                    : "text-ink-4 border border-line bg-surface/80"}`, role: "status", "data-testid": "focus-conclusion-badge", children: sourcesUncertain ? t('pages.focus.workbench.sourcesPending') : workItems.length > 0 ? t('pages.focus.workbench.title') : experienceMode && experienceData !== null
                                         ? t(EXPERIENCE_ATTENTION[experienceData.summary.primaryAttention].labelKey)
-                                        : t(`pages.focus.stateLabel.${governanceState}`) }), _jsx("div", { className: "text-ink-2 text-[13px] leading-relaxed", "data-testid": "focus-conclusion-counts", children: conclusionDisplay.mode === 'ok' && conclusionDisplay.displayTotal === 0 ? (_jsx("span", { children: t("pages.focus.conclusion.allClear") })) : conclusionDisplay.mode === 'unavailable' || conclusionDisplay.mode === 'degraded' ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "font-medium", "data-testid": "focus-conclusion-uncertain", children: t("pages.focus.conclusion.pendingUncertain") }), conclusionDisplay.actionableCount > 0 && (_jsxs("span", { className: "text-ink-4", children: [" · ", t(resolveConclusionActionableKey(conclusionDisplay.mode, ownerActionsLockedReason !== null), { count: conclusionDisplay.actionableCount })] }))] })) : (_jsxs(_Fragment, { children: [_jsx("span", { className: "font-medium", children: t("pages.focus.conclusion.pendingTotal", { count: conclusionDisplay.displayTotal }) }), _jsxs("span", { className: "text-ink-4", children: [" · ", t(resolveConclusionActionableKey(conclusionDisplay.mode, ownerActionsLockedReason !== null), { count: conclusionDisplay.actionableCount })] })] })) })] }), conclusionDisplay.mode === 'degraded' && conclusionDisplay.degraded && (_jsxs("div", { className: "mt-3 border border-amber/30 rounded-[6px] bg-surface px-3 py-2.5", "data-testid": "focus-conclusion-degraded", children: [_jsxs("p", { className: "text-[12px] text-ink-3 leading-relaxed", children: [t("pages.focus.conclusion.degradedLabel"), " ", conclusionDisplay.degraded.reason] }), _jsx("p", { className: "mt-1 text-[12px] text-ink-3 leading-relaxed", children: conclusionDisplay.degraded.nextAction })] })), ownerActionsLockedReason !== null && (_jsxs("div", { id: "focus-global-lock-notice", className: "mt-3 flex items-start justify-between gap-3 border border-amber/30 rounded-[6px] bg-surface px-3 py-2.5", "data-testid": "focus-conclusion-lock", children: [_jsx("p", { className: "text-[12px] text-ink-3 leading-relaxed", children: ownerActionsLockedReason }), _jsx(Link, { to: "/settings", className: "shrink-0 text-[12px] text-gov underline hover:text-gov-2", children: t("pages.focus.ownerDecision.goSettingsCta") })] })), _jsx("p", { className: "mt-2 text-ink-4 text-[11.5px] leading-relaxed", "data-testid": "focus-conclusion-scope-note", children: t("pages.focus.conclusion.countsNote") })] }), _jsx(RuleCandidateBindingPanel, {}), _jsxs("section", { "aria-label": t("pages.focus.ownerDecision.sectionTitle"), className: "mb-7", "data-testid": "owner-decisions-section", children: [_jsxs("div", { className: "flex items-baseline gap-2 mb-3", children: [_jsx(SectionTitle, { children: t("pages.focus.ownerDecision.sectionTitle") }), _jsx("span", { className: "font-mono text-ink-4 text-[12px]", children: ownerDecisionError !== null
-                                        ? t("pages.focus.ownerDecision.unavailable")
-                                        : `· ${decisionItems.length + (showApprovalCards ? pendingGroups.length : 0)}` })] }), ownerDecisionError !== null && (_jsx("p", { className: "text-ink-4 text-[12.5px]", children: t("pages.focus.ownerDecision.loadError") })), ownerDecisionError === null && decisionItems.length === 0 && !showApprovalCards && (_jsx("p", { className: "text-ink-4 text-[13px]", children: t("pages.focus.ownerDecision.empty") })), decisionItems.map((item) => (_jsx(OwnerDecisionCard, { item: item, governanceReady: experienceData === null || (experienceData.readiness.authenticationMode === "authenticated"
-                                && experienceData.readiness.ownerIdentityConfiguration === "configured"), actionsLockedReason: ownerActionsLockedReason ?? undefined, onResolved: () => { void loadData(); } }, item.reviewKey))), (() => {
+                                        : t(`pages.focus.stateLabel.${governanceState}`) }), _jsxs("div", { className: "text-ink-2 text-[13px] leading-relaxed", "data-testid": "focus-conclusion-counts", children: [_jsx("span", { className: "font-medium", children: t('pages.focus.workbench.count', { count: workItems.length }) }), sourcesUncertain && _jsx("span", { className: "ml-2 text-amber", "data-testid": "focus-conclusion-uncertain", children: t('pages.focus.workbench.uncertain') })] })] }), conclusionDisplay.mode === 'degraded' && conclusionDisplay.degraded && (_jsxs("div", { className: "mt-3 border border-amber/30 rounded-[6px] bg-surface px-3 py-2.5", "data-testid": "focus-conclusion-degraded", children: [_jsxs("p", { className: "text-[12px] text-ink-3 leading-relaxed", children: [t("pages.focus.conclusion.degradedLabel"), " ", conclusionDisplay.degraded.reason] }), _jsx("p", { className: "mt-1 text-[12px] text-ink-3 leading-relaxed", children: conclusionDisplay.degraded.nextAction })] })), ownerActionsLockedReason !== null && (_jsxs("div", { id: "focus-global-lock-notice", className: "mt-3 flex items-start justify-between gap-3 border border-amber/30 rounded-[6px] bg-surface px-3 py-2.5", "data-testid": "focus-conclusion-lock", children: [_jsx("p", { className: "text-[12px] text-ink-3 leading-relaxed", children: ownerActionsLockedReason }), _jsx(Link, { to: "/settings", className: "shrink-0 text-[12px] text-gov underline hover:text-gov-2", children: t("pages.focus.ownerDecision.goSettingsCta") })] })), _jsxs("details", { className: "mt-2 text-ink-4 text-[11.5px] leading-relaxed", children: [_jsx("summary", { className: "cursor-pointer", children: t('pages.focus.workbench.countExplanation') }), _jsx("p", { className: "mt-2", "data-testid": "focus-conclusion-scope-note", children: t("pages.focus.conclusion.countsNote") })] })] }), (errorMessage || bindingError) && _jsxs("div", { role: "alert", className: "mb-5 border-l-2 border-amber pl-3 text-sm leading-relaxed text-ink-3", children: [_jsx("p", { children: t('pages.focus.workbench.uncertain') }), _jsx("p", { className: "mt-1 text-[12px]", children: errorMessage ?? bindingError }), _jsx("button", { type: "button", onClick: () => { void loadData(); }, className: "mt-2 text-gov underline", children: t('pages.focus.workbench.retry') })] }), ruleCodeAlerts.length > 0 && _jsxs("section", { role: "alert", className: "mb-5 border-l-2 border-danger pl-3 text-sm text-ink", children: [_jsx("p", { children: t('pages.focus.workbench.safetyAlert', { count: ruleCodeAlerts.length }) }), _jsx(Link, { to: "/activation", className: "mt-2 inline-block text-gov underline", children: t('pages.focus.workbench.openActivation') })] }), groupedErrorReason && _jsx("p", { role: "alert", className: "mb-4 text-[13px] text-amber", children: t('pages.focus.workbench.approvalsUnavailable') }), _jsx(OwnerWorkbench, { items: workItems, completed: completedMessage, uncertain: sourcesUncertain }), _jsxs("section", { "aria-label": t("pages.focus.ownerDecision.sectionTitle"), className: "mb-7", "data-testid": "owner-decisions-section", children: [ownerDecisionError !== null && _jsx("p", { role: "alert", className: "text-amber text-[13px]", children: t('pages.focus.ownerDecision.loadError') }), (() => {
                             const unconfirmed = groupedData?.promptInjection;
                             if (unconfirmed === undefined || unconfirmed.capacityStatus !== "unconfirmed")
                                 return null;
@@ -842,15 +549,15 @@ export function FocusPage({ featureFlags }) {
                                                             : "",
                                                 }), entry.budgetFallbackReason !== undefined && (_jsxs("span", { "data-testid": `prompt-capacity-perhost-reason-${entry.hostKind}`, children: [" · ", t(`pages.focus.budgetFallbackReason.${entry.budgetFallbackReason}`, {
                                                             defaultValue: entry.budgetFallbackReason,
-                                                        })] }))] }, entry.hostKind))) }), unconfirmed.nextAction !== undefined && (_jsx("p", { className: "mt-1 text-ink-2", children: unconfirmed.nextAction })), _jsxs("div", { className: "mt-2 flex gap-2", children: [["openclaw", "codex", "workbuddy"].map((host) => (_jsx("button", { type: "button", onClick: () => setPromptTargetHost(host), "data-testid": `prompt-capacity-pick-${host}`, className: `inline-flex items-center border rounded-[3px] px-[10px] py-[4px] transition-colors ${promptTargetHost === host ? "border-amber bg-amber/10" : "border-line hover:border-line-2"}`, children: t("pages.focus.promptCapacityViewAsHost", { host: host === "openclaw" ? "OpenClaw" : host === "workbuddy" ? "WorkBuddy" : "Codex" }) }, host))), promptTargetHost !== null && (_jsx("button", { type: "button", onClick: () => setPromptTargetHost(null), "data-testid": "prompt-capacity-pick-clear", className: "inline-flex items-center border border-line rounded-[3px] px-[10px] py-[4px] hover:border-line-2", children: t("pages.focus.promptCapacityClearHost", { defaultValue: "清除选择" }) }))] })] }));
-                        })(), groupedAvailable && pendingGroups.map((group) => (_jsx(PendingReviewCard, { group: group, actionsLockedReason: ownerActionsLockedReason ?? undefined, promptInjection: groupedData.promptInjection, promptTargetHost: promptTargetHost ?? undefined, onDecisionApplied: () => { void loadData(); } }, group.principleId)))] }), _jsxs("section", { "aria-label": t("pages.focus.ownerAttention.sectionTitle"), className: "mb-7", "data-testid": "owner-attention-section", children: [_jsxs("div", { className: "flex items-baseline gap-2 mb-3", children: [_jsx(SectionTitle, { children: t("pages.focus.ownerAttention.sectionTitle") }), ownerInbox !== null && ownerInboxError === null && (_jsx("span", { className: "font-mono text-ink-4 text-[12px]", "data-testid": "owner-attention-counts", children: `· ${t("pages.focus.ownerAttention.blockedCount", { count: ownerInbox.groups.blocked.length })} · ${t("pages.focus.ownerAttention.recoveryCount", { count: inboxRecovery.length })}` }))] }), ownerInboxError !== null && (_jsx("p", { className: "text-ink-4 text-[12.5px]", children: t("pages.focus.ownerInbox.loadError") })), ownerInbox !== null && ownerInboxError === null && (_jsxs(_Fragment, { children: [ownerInbox.groups.blocked.length === 0
+                                                        })] }))] }, entry.hostKind))) }), unconfirmed.nextAction !== undefined && (_jsx("p", { className: "mt-1 text-ink-2", children: unconfirmed.nextAction })), _jsxs("div", { className: "mt-2 flex gap-2", children: [["openclaw", "codex", "workbuddy"].map((host) => (_jsx("button", { type: "button", onClick: () => changePromptTargetHost(host), "data-testid": `prompt-capacity-pick-${host}`, className: `inline-flex items-center border rounded-[3px] px-[10px] py-[4px] transition-colors ${promptTargetHost === host ? "border-amber bg-amber/10" : "border-line hover:border-line-2"}`, children: t("pages.focus.promptCapacityViewAsHost", { host: host === "openclaw" ? "OpenClaw" : host === "workbuddy" ? "WorkBuddy" : "Codex" }) }, host))), promptTargetHost !== null && (_jsx("button", { type: "button", onClick: () => changePromptTargetHost(null), "data-testid": "prompt-capacity-pick-clear", className: "inline-flex items-center border border-line rounded-[3px] px-[10px] py-[4px] hover:border-line-2", children: t("pages.focus.promptCapacityClearHost", { defaultValue: "清除选择" }) }))] })] }));
+                        })()] }), _jsxs("section", { "aria-label": t("pages.focus.ownerAttention.sectionTitle"), className: "mb-7", "data-testid": "owner-attention-section", children: [_jsxs("div", { className: "flex items-baseline gap-2 mb-3", children: [_jsx(SectionTitle, { children: t("pages.focus.ownerAttention.sectionTitle") }), ownerInbox !== null && ownerInboxError === null && (_jsx("span", { className: "font-mono text-ink-4 text-[12px]", "data-testid": "owner-attention-counts", children: `· ${t("pages.focus.ownerAttention.blockedCount", { count: ownerInbox.groups.blocked.length })} · ${t("pages.focus.ownerAttention.recoveryCount", { count: inboxRecovery.length })}` }))] }), ownerInboxError !== null && (_jsx("p", { className: "text-ink-4 text-[12.5px]", children: t("pages.focus.ownerInbox.loadError") })), ownerInbox !== null && ownerInboxError === null && (_jsxs(_Fragment, { children: [ownerInbox.groups.blocked.length === 0
                                     && inboxRecovery.length === 0
-                                    && unmatchedInboxDecisions.length === 0 && (_jsx("p", { className: "text-ink-4 text-[13px]", children: t("pages.focus.ownerAttention.empty") })), unmatchedInboxDecisions.length > 0 && (_jsx("p", { className: "mb-2 text-ink-4 text-[12px] leading-relaxed", "data-testid": "owner-attention-unmatched-note", children: t("pages.focus.ownerAttention.unmatchedTitle") })), unmatchedInboxDecisions.map((item) => (_jsx(InboxItem, { item: item, t: t, note: t("pages.focus.ownerAttention.unmatchedItemNote") }, item.principleId))), inboxBlockedIndividual.map((item) => (_jsx(InboxItem, { item: item, t: t }, item.principleId))), inboxRecovery.map((item) => (_jsx(InboxItem, { item: item, t: t }, item.principleId))), inboxBlockedAggregate.length > 0 && (_jsxs("p", { className: "mt-2 text-ink-4 text-[12.5px] leading-relaxed", "data-testid": "owner-attention-aggregate-notice", children: [t("pages.focus.ownerAttention.blockedAggregate", { count: inboxBlockedAggregate.length }), " ", _jsx(Link, { to: "/principles", className: "text-gov hover:underline", children: t("pages.focus.ownerInbox.viewLibrary") })] })), ownerInbox.historicalUnknown.count > 0 && (_jsxs("p", { className: "text-ink-4 text-[12.5px] leading-relaxed mt-2", "data-testid": "owner-inbox-aggregate-notice", children: [ownerInbox.historicalUnknown.reasonText, " ", _jsx(Link, { to: "/principles", className: "text-gov hover:underline", children: t("pages.focus.ownerInbox.viewLibrary") })] }))] }))] }), experienceMode && experienceData !== null ? (_jsx(ExperienceSummaryCard, { snapshot: experienceData })) : !experienceMode ? (_jsxs("div", { className: "mb-7 px-[18px] py-[14px] bg-panel border border-line rounded-[6px]", children: [_jsx("div", { className: "flex items-center gap-2 mb-1", children: _jsx("span", { className: `inline-flex items-center rounded-[2px] px-[7px] py-1 font-mono text-[11px] uppercase ${governanceState === "owner_review_ready" ? "bg-gov/10 text-gov border border-gov/20"
-                                    : governanceState === "degraded" ? "bg-amber/10 text-amber border border-amber/20"
-                                        : governanceState === "in_progress" ? "bg-green/10 text-green border border-green/20"
-                                            : "text-ink-4 border border-line bg-surface/80"}`, role: "status", children: t(`pages.focus.stateLabel.${governanceState}`) }) }), _jsx("div", { className: "text-ink-2 text-[13px] leading-relaxed mt-1", children: stateReason }), _jsxs("div", { className: "text-ink-4 text-[13px] leading-relaxed mt-1", children: [_jsx("span", { className: "font-medium", children: t("pages.focus.nextActionLabel") }), " ", nextAction] })] })) : null, !experienceMode && (_jsxs(_Fragment, { children: [_jsx(ProseSummary, { pendingCount: pendingCount, deviationCount: deviationCount, stagnationCount: stagnationCount, evidenceCount: evidenceCount }), _jsx(FeedbackStratification, { gateBlocksToday: gateBlocksToday, inProgressCount: evidenceCount, pendingCount: pendingCount }), !experienceMode && governanceState === "none" && pendingCount === 0 && deviationCount === 0 && stagnationCount === 0 && (stateReasonCode === "state_db_missing" ? (_jsx(ZeroStateDbMissing, {})) : (_jsxs(_Fragment, { children: [_jsx(ZeroStateHealthy, {}), _jsx("div", { className: "mt-4", children: _jsx(OnboardingGuide, {}) })] }))), governanceState === "in_progress" && inProgressSummary && (_jsx(InProgressGuide, { summary: inProgressSummary })), degradedSignals && degradedSignals.length > 0 && (_jsx(DegradedSummary, { signals: degradedSignals }))] })), experienceMode && experienceData !== null && experienceData.summary.primaryAttention === "all_clear" && pendingGroups.length === 0 && (_jsx("div", { className: "mt-4", children: _jsx(OnboardingGuide, {}) })), !experienceMode && (_jsxs("section", { className: "mt-8", "aria-labelledby": "section-deviation", children: [_jsx(SectionTitle, { id: "section-deviation", children: evidenceCount > 0
-                                ? t("pages.focus.sectionEvidenceInProgress")
-                                : t("pages.focus.sectionDeviation") }), deviationCount > 0 ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "text-ink-2 text-sm mb-3", children: [_jsx("span", { className: "font-mono font-semibold text-ink", children: deviationCount }), " ", t("pages.focus.deviationCount", { count: deviationCount })] }), _jsx("div", { className: "text-ink-4 text-[13px] bg-surface/60 border-l-2 border-amber px-3 py-2 mb-4", children: t("pages.focus.deviationDisclaimer") }), _jsxs("details", { className: "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.focus.viewFullChain") }), _jsx("div", { className: "mt-2 pl-4 border-l-2 border-line text-ink-3 text-[13px]", children: t("pages.focus.deviationDetailPending") })] })] })) : evidenceCount > 0 ? (_jsx("div", { className: "text-ink-3 text-[13px] leading-relaxed py-3", children: t("pages.focus.evidenceInProgress", { count: evidenceCount }) })) : (_jsx("div", { className: "text-ink-3 text-[13px] leading-relaxed py-3", children: t("pages.focus.emptyDeviation") }))] })), !experienceMode && (_jsxs("section", { className: "mt-8", "aria-labelledby": "section-signals", children: [_jsx(SectionTitle, { id: "section-signals", children: t("pages.focus.sectionSignals") }), stagnationSignals.length > 0 ? (_jsx("div", { className: "space-y-[10px]", children: stagnationSignals.map((signal) => (_jsx(StagnationSignalCard, { signal: signal }, signal.principleId))) })) : (_jsx("div", { className: "text-ink-3 text-[13px] leading-relaxed py-3", children: t("pages.focus.emptySignals") }))] })), _jsx(DailyThoughtCard, {}), _jsx("footer", { className: "mt-12 pt-6 border-t border-line text-ink-3 text-[13px]", children: t("pages.focus.footer") })] }) }));
+                                    && unmatchedInboxDecisions.length === 0 && (_jsx("p", { className: "text-ink-4 text-[13px]", children: t("pages.focus.ownerAttention.empty") })), unmatchedInboxDecisions.length > 0 && (_jsx("p", { className: "mb-2 text-ink-4 text-[12px] leading-relaxed", "data-testid": "owner-attention-unmatched-note", children: t("pages.focus.ownerAttention.unmatchedTitle") })), unmatchedInboxDecisions.map((item) => (_jsx(InboxItem, { item: item, t: t, note: t("pages.focus.ownerAttention.unmatchedItemNote") }, item.principleId))), inboxBlockedIndividual.map((item) => (_jsx(InboxItem, { item: item, t: t }, item.principleId))), inboxRecovery.map((item) => (_jsx(InboxItem, { item: item, t: t }, item.principleId))), inboxBlockedAggregate.length > 0 && (_jsxs("p", { className: "mt-2 text-ink-4 text-[12.5px] leading-relaxed", "data-testid": "owner-attention-aggregate-notice", children: [t("pages.focus.ownerAttention.blockedAggregate", { count: inboxBlockedAggregate.length }), " ", _jsx(Link, { to: "/principles", className: "text-gov hover:underline", children: t("pages.focus.ownerInbox.viewLibrary") })] })), ownerInbox.historicalUnknown.count > 0 && (_jsxs("p", { className: "text-ink-4 text-[12.5px] leading-relaxed mt-2", "data-testid": "owner-inbox-aggregate-notice", children: [ownerInbox.historicalUnknown.reasonText, " ", _jsx(Link, { to: "/principles", className: "text-gov hover:underline", children: t("pages.focus.ownerInbox.viewLibrary") })] }))] }))] }), _jsxs("details", { className: "mt-8 border-t border-line pt-5", "data-testid": "focus-runtime-records", children: [_jsx("summary", { className: "cursor-pointer text-[14px] text-ink-3", children: t('pages.focus.workbench.runtimeRecords') }), _jsxs("div", { className: "mt-5", children: [_jsxs("details", { className: "mb-6", children: [_jsx("summary", { className: "cursor-pointer text-sm text-gov", children: t('pages.focus.ruleBinding.title') }), _jsx(RuleCandidateBindingPanel, { onChanged: () => { void loadData(); } })] }), experienceMode && experienceData !== null && !(experienceData.summary.primaryAttention === 'all_clear' && (sourcesUncertain || workItems.length > 0)) ? (_jsx(ExperienceSummaryCard, { snapshot: experienceData })) : !experienceMode ? (_jsxs("div", { className: "mb-7 px-[18px] py-[14px] bg-panel border border-line rounded-[6px]", children: [_jsx("div", { className: "flex items-center gap-2 mb-1", children: _jsx("span", { className: `inline-flex items-center rounded-[2px] px-[7px] py-1 font-mono text-[11px] uppercase ${governanceState === "owner_review_ready" ? "bg-gov/10 text-gov border border-gov/20"
+                                                    : governanceState === "degraded" ? "bg-amber/10 text-amber border border-amber/20"
+                                                        : governanceState === "in_progress" ? "bg-green/10 text-green border border-green/20"
+                                                            : "text-ink-4 border border-line bg-surface/80"}`, role: "status", children: t(`pages.focus.stateLabel.${governanceState}`) }) }), _jsx("div", { className: "text-ink-2 text-[13px] leading-relaxed mt-1", children: stateReason }), _jsxs("div", { className: "text-ink-4 text-[13px] leading-relaxed mt-1", children: [_jsx("span", { className: "font-medium", children: t("pages.focus.nextActionLabel") }), " ", nextAction] })] })) : null, !experienceMode && (_jsxs(_Fragment, { children: [_jsx(ProseSummary, { pendingCount: pendingCount, deviationCount: deviationCount, stagnationCount: stagnationCount, evidenceCount: evidenceCount }), _jsx(FeedbackStratification, { gateBlocksToday: gateBlocksToday, inProgressCount: evidenceCount, pendingCount: pendingCount }), !experienceMode && governanceState === "none" && pendingCount === 0 && deviationCount === 0 && stagnationCount === 0 && (stateReasonCode === "state_db_missing" ? (_jsx(ZeroStateDbMissing, {})) : (_jsxs(_Fragment, { children: [_jsx(ZeroStateHealthy, {}), _jsx("div", { className: "mt-4", children: _jsx(OnboardingGuide, {}) })] }))), governanceState === "in_progress" && inProgressSummary && (_jsx(InProgressGuide, { summary: inProgressSummary })), degradedSignals && degradedSignals.length > 0 && (_jsx(DegradedSummary, { signals: degradedSignals }))] })), experienceMode && experienceData !== null && experienceData.summary.primaryAttention === "all_clear" && !sourcesUncertain && workItems.length === 0 && (_jsx("div", { className: "mt-4", children: _jsx(OnboardingGuide, {}) })), !experienceMode && (_jsxs("section", { className: "mt-8", "aria-labelledby": "section-deviation", children: [_jsx(SectionTitle, { id: "section-deviation", children: evidenceCount > 0
+                                                ? t("pages.focus.sectionEvidenceInProgress")
+                                                : t("pages.focus.sectionDeviation") }), deviationCount > 0 ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "text-ink-2 text-sm mb-3", children: [_jsx("span", { className: "font-mono font-semibold text-ink", children: deviationCount }), " ", t("pages.focus.deviationCount", { count: deviationCount })] }), _jsx("div", { className: "text-ink-4 text-[13px] bg-surface/60 border-l-2 border-amber px-3 py-2 mb-4", children: t("pages.focus.deviationDisclaimer") }), _jsxs("details", { className: "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.focus.viewFullChain") }), _jsx("div", { className: "mt-2 pl-4 border-l-2 border-line text-ink-3 text-[13px]", children: t("pages.focus.deviationDetailPending") })] })] })) : evidenceCount > 0 ? (_jsx("div", { className: "text-ink-3 text-[13px] leading-relaxed py-3", children: t("pages.focus.evidenceInProgress", { count: evidenceCount }) })) : (_jsx("div", { className: "text-ink-3 text-[13px] leading-relaxed py-3", children: t("pages.focus.emptyDeviation") }))] })), !experienceMode && (_jsxs("section", { className: "mt-8", "aria-labelledby": "section-signals", children: [_jsx(SectionTitle, { id: "section-signals", children: t("pages.focus.sectionSignals") }), stagnationSignals.length > 0 ? (_jsx("div", { className: "space-y-[10px]", children: stagnationSignals.map((signal) => (_jsx(StagnationSignalCard, { signal: signal }, signal.principleId))) })) : (_jsx("div", { className: "text-ink-3 text-[13px] leading-relaxed py-3", children: t("pages.focus.emptySignals") }))] }))] })] }), _jsx("div", { className: "mt-8", children: _jsx(DailyThoughtCard, {}) }), _jsx("footer", { className: "mt-12 pt-6 border-t border-line text-ink-3 text-[13px]", children: t("pages.focus.footer") })] }) }));
 }
 /** Owner Decision Experience v1 inbox item — display-only (SPEC §11.1). */
 function InboxItem({ item, t, note }) {