create-principles-disciple 1.143.5 → 1.144.1

package/_release/product-identity.json

@@ -1,5 +1,5 @@
 {
   "schemaVersion": 1,
   "productVersion": "2.1.0",
-  "sourceCommit": "2d4605a339688f0fedfe94d486b106a0d02e354e"
+  "sourceCommit": "8e62cd7369cac812d921464152728dd6d91f7c25"
 }

package/codex-adapter/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@principles/codex-adapter",
-  "version": "0.4.5",
+  "version": "0.4.6",
   "description": "Codex CLI host adapter for Principles Disciple — implements HostAdapter interface for OpenAI Codex CLI's stdin/stdout JSON hook model (ADR-0020).",
   "type": "module",
   "main": "./dist/index.js",

package/console/dist/server/models/ApprovalsGroupedConsoleModel.js

@@ -1,6 +1,6 @@
-import { SqliteConnection, SqliteApprovalQueueStore, SqlitePIArtifactStore, ApprovalQueue, PrincipleTreeLedgerAdapter, } from '@principles/core/runtime-v2';
+import { SqliteConnection, SqliteApprovalQueueStore, SqlitePIArtifactStore, ApprovalQueue, } from '@principles/core/runtime-v2';
 import { loadLedger } from '@principles/core/principle-tree-ledger';
-import { resolveLedgerPrincipleId } from './principle-id-resolution.js';
+import { createArtifactPrincipleResolutionDeps, resolveArtifactPrincipleId, } from './artifact-principle-resolver.js';
 import * as fs from 'node:fs';
 import * as path from 'node:path';
 /** Type guard: non-null object (not array). Replaces `as Record<string, unknown>` assertions. */
@@ -124,27 +124,12 @@ export class ApprovalsGroupedConsoleModel {
             const artifactPrincipleMap = new Map();
             const artifactDescriptionMap = new Map();
             const stateDir = path.join(this.workspaceDir, '.state');
-            const resolutionLedger = new PrincipleTreeLedgerAdapter({ stateDir });
+            const resolutionDeps = createArtifactPrincipleResolutionDeps(conn, artifactStore, this.workspaceDir);
             for (const approval of allApprovals) {
                 if (!artifactPrincipleMap.has(approval.artifactId)) {
                     try {
                         const artifact = await artifactStore.getArtifactById(approval.artifactId);
-                        let mappedId = artifact?.sourcePrincipleId ?? null;
-                        if (artifact && !mappedId) {
-                            const resolution = await resolveLedgerPrincipleId(artifact, {
-                                ledger: resolutionLedger,
-                                getArtifactById: (id) => artifactStore.getArtifactById(id),
-                                getTaskDiagnosticJson: (taskId) => {
-                                    const row = conn
-                                        .getDb()
-                                        .prepare('SELECT diagnostic_json FROM tasks WHERE task_id = ?')
-                                        .get(taskId);
-                                    return row?.diagnostic_json ?? null;
-                                },
-                            });
-                            if (resolution.status === 'resolved')
-                                mappedId = resolution.principleId;
-                        }
+                        const mappedId = artifact ? await resolveArtifactPrincipleId(artifact, resolutionDeps) : null;
                         artifactPrincipleMap.set(approval.artifactId, mappedId);
                         if (artifact?.contentJson) {
                             artifactDescriptionMap.set(approval.artifactId, extractCandidateDescription(artifact.contentJson));

package/console/dist/server/models/OwnerDecisionConsoleModel.js

@@ -13,6 +13,7 @@ import * as fs from 'node:fs';
 import * as path from 'node:path';
 import { SqliteConnection, SqlitePIArtifactStore, SqliteApprovalQueueStore, collectOwnerDecisionFacts, deriveOwnerDecisionCapability, buildOwnerDecisionReview, } from '@principles/core/runtime-v2';
 import { ActivationsConsoleModel } from './ActivationsConsoleModel.js';
+import { createArtifactPrincipleResolutionDeps, resolveArtifactPrincipleId, } from './artifact-principle-resolver.js';
 const GOVERNANCE_TASK_KINDS = new Set(['evaluator', 'rollout_reviewer']);
 /** tasks.status 合法值（PDTaskStatus）运行时守卫。 */
 const TASK_STATUSES = new Set(['pending', 'leased', 'succeeded', 'retry_wait', 'failed', 'needs_human_review']);
@@ -219,11 +220,27 @@ export class OwnerDecisionConsoleModel {
             // ── 2. 既有 approvals pending（高风险部署审批 — 独立门，动作走既有 API）──
             try {
                 const approvals = await new SqliteApprovalQueueStore(conn).listPending();
+                // principleId 深链定位：approval.artifactId → ledger principle id，
+                // 与 approvals/grouped 视图共用同一套解析装配。解析失败时该条目不带
+                // principleId → UI 回退到审查列表链接（即无深链的既有行为），不阻断
+                // 收件箱其余条目。
+                const resolutionDeps = createArtifactPrincipleResolutionDeps(conn, artifactStore, this.workspaceDir);
                 for (const approval of approvals) {
+                    let principleId;
+                    try {
+                        const artifact = await artifactStore.getArtifactById(approval.artifactId);
+                        if (artifact) {
+                            principleId = (await resolveArtifactPrincipleId(artifact, resolutionDeps)) ?? undefined;
+                        }
+                    }
+                    catch {
+                        // 解析失败 → 不带 principleId（rc-9：回退目标=现状基线，非静默行为变更）
+                    }
                     items.push({
                         reviewKey: `apr:${approval.approvalId}`,
                         kind: 'activation_approval',
                         taskId: approval.artifactId,
+                        ...(principleId !== undefined ? { principleId } : {}),
                         title: `部署审批 · ${approval.channel}`,
                         summary: `${approval.riskLevel} 风险通道 ${approval.channel} 的原则部署等待批准。`,
                         reasonCode: 'activation_approval_pending',

package/console/dist/server/models/artifact-principle-resolver.d.ts

@@ -0,0 +1,29 @@
+import { PrincipleTreeLedgerAdapter } from '@principles/core/runtime-v2';
+import type { PIArtifactRecord, SqliteConnection } from '@principles/core/runtime-v2';
+export interface ArtifactPrincipleResolutionDeps {
+    readonly ledger: PrincipleTreeLedgerAdapter;
+    readonly getArtifactById: (artifactId: string) => Promise<PIArtifactRecord | null>;
+    /** Read one column from the tasks table (same workspace as the caller). */
+    readonly getTaskDiagnosticJson: (taskId: string) => string | null;
+}
+/**
+ * Assemble the resolution deps from an open readonly connection — the shape
+ * both approval read models already hold. The ledger adapter is built once
+ * per model call, not per artifact.
+ */
+export declare function createArtifactPrincipleResolutionDeps(conn: SqliteConnection, artifactStore: {
+    getArtifactById(artifactId: string): Promise<PIArtifactRecord | null>;
+}, workspaceDir: string): ArtifactPrincipleResolutionDeps;
+/**
+ * Resolve the ledger principle id behind one approval artifact — ALWAYS via
+ * resolveLedgerPrincipleId, so a direct `sourcePrincipleId` column hit is
+ * validated against the ledger (`hasPrinciple`) before it is trusted and the
+ * candidate lineage is walked otherwise. Returns null when unresolvable —
+ * the caller degrades to unlinked / bare-link and never guesses.
+ *
+ * Contract note (PR #1789 review): this deliberately tightens the previous
+ * grouped-view behavior, which trusted an unvalidated column hit. A stale
+ * column id must not surface as a deep-link target — /principles/<stale-id>
+ * would dead-end the Owner on a not-found page.
+ */
+export declare function resolveArtifactPrincipleId(artifact: PIArtifactRecord, deps: ArtifactPrincipleResolutionDeps): Promise<string | null>;

package/console/dist/server/models/artifact-principle-resolver.js

@@ -0,0 +1,53 @@
+/**
+ * Shared wiring for resolveLedgerPrincipleId over one workspace SQLite store.
+ *
+ * Two approval-facing read models need the same artifact → ledger principleId
+ * chain — ApprovalsGroupedConsoleModel (grouped approvals view) and
+ * OwnerDecisionConsoleModel (activation_approval inbox items, which carry the
+ * principleId the focus page deep-links on) — so the dependency assembly
+ * (ledger adapter + dreamer artifact re-read + tasks diagnostic read) lives
+ * here exactly once instead of being duplicated per model.
+ */
+import * as path from 'node:path';
+import { PrincipleTreeLedgerAdapter } from '@principles/core/runtime-v2';
+import { resolveLedgerPrincipleId } from './principle-id-resolution.js';
+function isRecord(value) {
+    return typeof value === 'object' && value !== null && !Array.isArray(value);
+}
+/**
+ * Assemble the resolution deps from an open readonly connection — the shape
+ * both approval read models already hold. The ledger adapter is built once
+ * per model call, not per artifact.
+ */
+export function createArtifactPrincipleResolutionDeps(conn, artifactStore, workspaceDir) {
+    return {
+        ledger: new PrincipleTreeLedgerAdapter({ stateDir: path.join(workspaceDir, '.state') }),
+        getArtifactById: (artifactId) => artifactStore.getArtifactById(artifactId),
+        getTaskDiagnosticJson: (taskId) => {
+            const row = conn
+                .getDb()
+                .prepare('SELECT diagnostic_json FROM tasks WHERE task_id = ?')
+                .get(taskId);
+            if (!isRecord(row))
+                return null;
+            const value = row.diagnostic_json;
+            return typeof value === 'string' ? value : null;
+        },
+    };
+}
+/**
+ * Resolve the ledger principle id behind one approval artifact — ALWAYS via
+ * resolveLedgerPrincipleId, so a direct `sourcePrincipleId` column hit is
+ * validated against the ledger (`hasPrinciple`) before it is trusted and the
+ * candidate lineage is walked otherwise. Returns null when unresolvable —
+ * the caller degrades to unlinked / bare-link and never guesses.
+ *
+ * Contract note (PR #1789 review): this deliberately tightens the previous
+ * grouped-view behavior, which trusted an unvalidated column hit. A stale
+ * column id must not surface as a deep-link target — /principles/<stale-id>
+ * would dead-end the Owner on a not-found page.
+ */
+export async function resolveArtifactPrincipleId(artifact, deps) {
+    const resolution = await resolveLedgerPrincipleId(artifact, deps);
+    return resolution.status === 'resolved' ? resolution.principleId : null;
+}

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

@@ -1,6 +1,6 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect, useCallback } from "react";
-import { Link, useNavigate } from "react-router-dom";
+import { Link, useNavigate, useSearchParams } from "react-router-dom";
 import { useTranslation } from "react-i18next";
 import { toast } from "sonner";
 import { PageShell } from "../../components/layout/page-shell.js";
@@ -119,6 +119,11 @@ function ActivationFactCard({ record, lifecycleData, receiptCount, onDisable, di
 }
 export function ActivationPage() {
     const { t } = useTranslation();
+    const [searchParams] = useSearchParams();
+    // ?activationId= deep link (治理焦点 RuleCode 决策卡直达): once the list has
+    // loaded, scroll the linked card into view and pulse a theme-token ring
+    // around it. Unknown id → plain landing (the list itself stays the truth).
+    const deepLinkActivationId = searchParams.get("activationId");
     const [activationsData, setActivationsData] = useState(null);
     const [lifecycleCache, setLifecycleCache] = useState({});
     const [receiptCounts, setReceiptCounts] = useState(null);
@@ -219,6 +224,27 @@ export function ActivationPage() {
     useEffect(() => {
         loadData();
     }, [loadData]);
+    // Deep link (?activationId=): scroll the linked activation card into view
+    // and pulse a theme-token ring for a few seconds. Runs once the list has
+    // actually rendered; a card that is not on the page degrades to a plain
+    // landing (rc-9 — no fabricated focus). The URL param is untrusted (rc-1):
+    // CSS.escape (unquoted attribute selector) keeps a crafted id from breaking
+    // the selector.
+    useEffect(() => {
+        if (deepLinkActivationId === null || loadingState !== "loaded")
+            return;
+        const card = document.querySelector(`[data-testid=${CSS.escape(`activation-card-${deepLinkActivationId}`)}]`);
+        if (card === null)
+            return;
+        card.scrollIntoView({ block: "center" });
+        const HIGHLIGHT_CLASSES = ["ring-2", "ring-gov", "ring-offset-2", "ring-offset-paper"];
+        card.classList.add(...HIGHLIGHT_CLASSES);
+        const timer = window.setTimeout(() => card.classList.remove(...HIGHLIGHT_CLASSES), 3000);
+        return () => {
+            window.clearTimeout(timer);
+            card.classList.remove(...HIGHLIGHT_CLASSES);
+        };
+    }, [deepLinkActivationId, loadingState]);
     const handleDisable = useCallback(async (record) => {
         setDisablingIds((prev) => new Set(prev).add(record.activationId));
         const result = await disableActivation(record.activationId);

package/console/dist/ui/pages/failed-tasks/FailedTasksPage.js

@@ -31,7 +31,7 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
  * - rc-9: every error/disabled path surfaces a reason + next action
  */
 import { useState, useEffect, useCallback, useRef, Fragment } from "react";
-import { useNavigate } from "react-router-dom";
+import { useNavigate, useSearchParams } from "react-router-dom";
 import { useTranslation } from "react-i18next";
 import { toast } from "sonner";
 import { PageShell } from "../../components/layout/page-shell.js";
@@ -174,6 +174,10 @@ function groupTasksByKind(tasks) {
 export function FailedTasksPage() {
     const { t } = useTranslation();
     const navigate = useNavigate();
+    const [searchParams] = useSearchParams();
+    // ?taskId= deep link (治理焦点「查看恢复详情」直达): initial value only —
+    // the row auto-expands once; the Owner can still collapse/switch freely.
+    const deepLinkTaskId = searchParams.get("taskId") ?? undefined;
     const [state, setState] = useState({ status: "loading" });
     // Governance Recovery Actions v1 — flag-gated recovery UI (fail-closed:
     // absent/false → no recovery entry, Console stays read-only).
@@ -267,7 +271,7 @@ export function FailedTasksPage() {
             setRecoverLoading(false);
         }
     };
-    return (_jsxs(PageShell, { children: [_jsxs("div", { className: "mb-8", children: [_jsx("div", { className: "font-mono text-[11px] uppercase tracking-[0.14em] text-ink-3", children: t("pages.failedTasks.title") }), _jsx(ShinyText, { as: "h1", className: "text-[29px] font-semibold tracking-tight text-ink mt-3 mb-2", duration: 4.5, brightness: 0.5, disabled: state.status !== "loaded" || state.data.tasks.length === 0, children: t("pages.failedTasks.title") }), _jsx("p", { className: "text-ink-3 text-sm leading-relaxed max-w-[712px]", children: t("pages.failedTasks.subtitle") })] }), state.status === "loading" && (_jsx(PageLoading, { cardCount: 3, label: t("common.loading") })), state.status === "disabled" && (_jsxs("div", { className: "py-8", children: [_jsx("div", { className: "p-5 bg-panel border border-amber/20 rounded-[var(--radius-md)] text-amber text-[13px] leading-relaxed", children: t("pages.failedTasks.disabled") }), _jsx("div", { className: "mt-4", children: _jsx(Button, { variant: "outline", size: "sm", onClick: loadData, children: t("common.refresh") }) })] })), state.status === "error" && (_jsxs("div", { className: "py-8", children: [_jsxs("div", { className: "text-danger text-sm mb-2", children: [t("pages.failedTasks.error"), ": ", state.message] }), state.nextAction && (_jsx("div", { className: "text-ink-3 text-[13px] mb-3", children: state.nextAction })), _jsx(Button, { variant: "outline", size: "sm", onClick: loadData, children: t("common.refresh") })] })), state.status === "loaded" && (_jsx("div", { className: "animate-[pdFadeIn_400ms_ease-out]", children: _jsx(LoadedContent, { data: state.data, onCreateDraft: handleCreateDraft, onRecover: recoveryEnabled ? (task) => setRecoverTarget(task) : undefined, t: t }) })), _jsx(AlertDialog, { open: recoverTarget !== null, onOpenChange: (open) => {
+    return (_jsxs(PageShell, { children: [_jsxs("div", { className: "mb-8", children: [_jsx("div", { className: "font-mono text-[11px] uppercase tracking-[0.14em] text-ink-3", children: t("pages.failedTasks.title") }), _jsx(ShinyText, { as: "h1", className: "text-[29px] font-semibold tracking-tight text-ink mt-3 mb-2", duration: 4.5, brightness: 0.5, disabled: state.status !== "loaded" || state.data.tasks.length === 0, children: t("pages.failedTasks.title") }), _jsx("p", { className: "text-ink-3 text-sm leading-relaxed max-w-[712px]", children: t("pages.failedTasks.subtitle") })] }), state.status === "loading" && (_jsx(PageLoading, { cardCount: 3, label: t("common.loading") })), state.status === "disabled" && (_jsxs("div", { className: "py-8", children: [_jsx("div", { className: "p-5 bg-panel border border-amber/20 rounded-[var(--radius-md)] text-amber text-[13px] leading-relaxed", children: t("pages.failedTasks.disabled") }), _jsx("div", { className: "mt-4", children: _jsx(Button, { variant: "outline", size: "sm", onClick: loadData, children: t("common.refresh") }) })] })), state.status === "error" && (_jsxs("div", { className: "py-8", children: [_jsxs("div", { className: "text-danger text-sm mb-2", children: [t("pages.failedTasks.error"), ": ", state.message] }), state.nextAction && (_jsx("div", { className: "text-ink-3 text-[13px] mb-3", children: state.nextAction })), _jsx(Button, { variant: "outline", size: "sm", onClick: loadData, children: t("common.refresh") })] })), state.status === "loaded" && (_jsx("div", { className: "animate-[pdFadeIn_400ms_ease-out]", children: _jsx(LoadedContent, { data: state.data, onCreateDraft: handleCreateDraft, onRecover: recoveryEnabled ? (task) => setRecoverTarget(task) : undefined, initialExpandedTaskId: deepLinkTaskId, t: t }) })), _jsx(AlertDialog, { open: recoverTarget !== null, onOpenChange: (open) => {
                     if (!open && !recoverLoading) {
                         setRecoverTarget(null);
                     }
@@ -283,7 +287,7 @@ export function FailedTasksPage() {
                                         void handleRecoverConfirmed();
                                     }, children: recoverConfirmLabel })] })] }) })] }));
 }
-function LoadedContent({ data, onCreateDraft, onRecover, t }) {
+function LoadedContent({ data, onCreateDraft, onRecover, initialExpandedTaskId, t }) {
     const hasTasks = data.tasks.length > 0;
     // Empty state — surface nextAction from the API (rc-9: no silent fallback)
     if (!hasTasks) {
@@ -295,18 +299,24 @@ function LoadedContent({ data, onCreateDraft, onRecover, t }) {
                     const tasks = grouped.get(kind);
                     if (!tasks || tasks.length === 0)
                         return null;
-                    return (_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Badge, { variant: "outline", children: t("pages.failedTasks.kind") }), _jsxs(CardTitle, { className: "text-[15px] font-mono", children: [kind, " (", tasks.length, ")"] })] }) }), _jsx(CardContent, { children: _jsx(TaskTable, { tasks: tasks, onCreateDraft: onCreateDraft, onRecover: onRecover, t: t }) })] }, kind));
+                    return (_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Badge, { variant: "outline", children: t("pages.failedTasks.kind") }), _jsxs(CardTitle, { className: "text-[15px] font-mono", children: [kind, " (", tasks.length, ")"] })] }) }), _jsx(CardContent, { children: _jsx(TaskTable, { tasks: tasks, onCreateDraft: onCreateDraft, onRecover: onRecover, initialExpandedTaskId: initialExpandedTaskId, t: t }) })] }, kind));
                 }) }), _jsxs("div", { className: "mt-8 font-mono text-[11px] text-ink-4 space-y-1", children: [_jsxs("div", { children: [t("common.total"), ": ", data.total] }), data.total > data.tasks.length && (_jsx("div", { className: "text-amber/80 leading-relaxed", children: t("pages.failedTasks.partialResults")
                             .replace("{shown}", String(data.tasks.length))
                             .replace("{total}", String(data.total)) }))] })] }));
 }
-function TaskTable({ tasks, onCreateDraft, onRecover, t }) {
+function TaskTable({ tasks, onCreateDraft, onRecover, initialExpandedTaskId, t }) {
     // PRI-747 F22: one row at a time is expanded into its detail panel.
-    const [expandedId, setExpandedId] = useState(null);
+    // ?taskId= deep link seeds the initial expansion (only when this table
+    // actually contains the task); after mount it behaves like a normal toggle.
+    const deepLinkTask = initialExpandedTaskId !== undefined
+        ? tasks.find((task) => task.taskId === initialExpandedTaskId)
+        : undefined;
+    const [expandedId, setExpandedId] = useState(deepLinkTask?.taskId ?? null);
     const [detail, setDetail] = useState({ status: "idle" });
     // Drop responses from a superseded expand/collapse (rc-7: only the newest
     // request's result may become current state).
     const detailRequestIdRef = useRef(0);
+    const deepLinkFetchedRef = useRef(false);
     // Fetch (or refetch) one task's detail; a stale response from a superseded
     // request is dropped (rc-7: only the newest request's result may land).
     const requestDetail = useCallback(async (taskId) => {
@@ -326,6 +336,19 @@ function TaskTable({ tasks, onCreateDraft, onRecover, t }) {
             setDetail({ status: "error", taskId, message: result.error, nextAction: result.nextAction });
         }
     }, []);
+    // Deep link (?taskId=): fetch the linked task's detail and scroll its row
+    // into view once. The table mounts only after the task list has loaded, so
+    // the row is present at first effect run. The URL param is untrusted
+    // (rc-1): CSS.escape (unquoted attribute selector) keeps a crafted id from
+    // breaking the selector.
+    useEffect(() => {
+        if (deepLinkTask === undefined || deepLinkFetchedRef.current)
+            return;
+        deepLinkFetchedRef.current = true;
+        void requestDetail(deepLinkTask.taskId);
+        const row = document.querySelector(`[data-testid=${CSS.escape(`detail-toggle-${deepLinkTask.taskId}`)}]`);
+        row?.scrollIntoView({ block: "center" });
+    }, [deepLinkTask, requestDetail]);
     const toggleDetail = useCallback((taskId) => {
         if (expandedId === taskId) {
             // Invalidate any in-flight response, then collapse.

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

@@ -95,7 +95,7 @@ export function OwnerDecisionCard({ item, onResolved, governanceReady = true, ac
             : item.kind === "rulecode_decision"
                 ? t("pages.focus.ownerDecision.kindRulecode")
                 : t("pages.focus.ownerDecision.kindEvaluator");
-    return (_jsxs("article", { className: "bg-panel border border-line rounded-[6px] p-4 mb-3", "data-testid": `owner-decision-${item.taskId}`, children: [_jsxs("div", { className: "flex items-start justify-between gap-3 mb-2", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-ink text-[14px] font-medium leading-snug", children: item.title }), _jsx("div", { className: "mt-1 text-ink-4 text-[11px] font-mono uppercase tracking-[0.08em]", children: kindLabel })] }), item.legacy && (_jsx("span", { className: "shrink-0 text-ink-4 border border-line rounded-[2px] px-[7px] py-[3px] text-[10.5px] font-mono", children: t("pages.focus.ownerDecision.legacyBadge") }))] }), _jsx("p", { className: "text-ink-2 text-[13px] leading-relaxed mb-2", children: item.summary }), item.review?.brief.kind === "evaluator" && (_jsxs("div", { className: "mb-3 grid gap-2 text-[12.5px] leading-relaxed", children: [item.review.brief.principle?.statement && (_jsxs("p", { children: [_jsx("span", { className: "font-medium text-ink", children: t("pages.focus.ownerDecision.principleLabel") }), " ", item.review.brief.principle.statement] })), item.review.brief.implementation?.summary && (_jsxs("p", { children: [_jsx("span", { className: "font-medium text-ink", children: t("pages.focus.ownerDecision.implementationLabel") }), " ", item.review.brief.implementation.summary] })), (item.review.brief.concerns?.length ?? 0) > 0 && (_jsxs("p", { className: "text-amber", children: [_jsx("span", { className: "font-medium", children: t("pages.focus.ownerDecision.concernLabel") }), " ", item.review.brief.concerns?.[0]] })), (item.review.brief.qualityChecklist?.items?.length ?? 0) > 0 && (_jsxs("div", { className: "mt-1 rounded-[3px] border border-line bg-surface-2 p-2", "data-testid": `owner-quality-checklist-${item.taskId}`, children: [_jsx("div", { className: "font-mono text-[10.5px] uppercase tracking-[0.06em] text-ink-3 mb-1", children: t("pages.focus.ownerDecision.qualityChecklistLabel") }), _jsx("ul", { className: "grid gap-0.5", children: item.review.brief.qualityChecklist?.items.map((qItem) => (_jsxs("li", { className: "flex items-start gap-1.5 text-[12px]", children: [_jsx("span", { className: qItem.pass ? "text-emerald" : "text-amber", "aria-hidden": "true", children: qItem.pass ? "✓" : "!" }), _jsx("span", { className: "sr-only", children: qItem.pass ? t("pages.focus.ownerDecision.qualityCheckStatus.passed") : t("pages.focus.ownerDecision.qualityCheckStatus.failed") }), _jsxs("span", { className: "text-ink-2", children: [_jsx("span", { className: "font-medium", children: t(`pages.focus.ownerDecision.qualityCheck.${qItem.id}`) }), " ", qItem.note] })] }, qItem.id))) })] })), item.review.brief.formationEvidence && (_jsxs("div", { className: "mt-1 rounded-[3px] border border-line bg-surface-2 p-2", "data-testid": `owner-formation-evidence-${item.taskId}`, children: [_jsx("div", { className: "font-mono text-[10.5px] uppercase tracking-[0.06em] text-ink-3 mb-1", children: t("pages.focus.ownerDecision.formationLabel") }), item.review.brief.formationEvidence.sourcePainId ? (_jsxs("p", { className: "text-ink-2", children: [_jsx("span", { className: "font-medium", children: t("pages.focus.ownerDecision.formationPainLabel") }), " ", _jsx("span", { className: "font-mono text-[11.5px]", children: item.review.brief.formationEvidence.sourcePainId })] })) : null, item.review.brief.formationEvidence.diagnosis?.summary && (_jsxs("p", { className: "text-ink-2", children: [_jsx("span", { className: "font-medium", children: t("pages.focus.ownerDecision.formationDiagnosisLabel") }), " ", item.review.brief.formationEvidence.diagnosis.summary] })), item.review.brief.formationEvidence.diagnosis?.rootCause && (_jsxs("p", { className: "text-ink-2", children: [_jsx("span", { className: "font-medium", children: t("pages.focus.ownerDecision.formationRootCauseLabel") }), " ", item.review.brief.formationEvidence.diagnosis.rootCause] })), (item.review.brief.formationEvidence.diagnosis?.evidence.length ?? 0) > 0 && (_jsxs("div", { children: [_jsx("span", { className: "font-medium text-ink-2", children: t("pages.focus.ownerDecision.formationEvidenceLabel") }), _jsx("ul", { className: "mt-0.5 grid gap-0.5 text-[12px] text-ink-3", children: item.review.brief.formationEvidence.diagnosis?.evidence.slice(0, 3).map((row, index) => (_jsxs("li", { children: [_jsx("span", { className: "font-mono text-[11px]", children: row.sourceRef }), " ", row.note] }, `${row.sourceRef}-${index}`))) })] })), !item.review.brief.formationEvidence.diagnosis && (_jsx("p", { className: "text-ink-3", children: t("pages.focus.ownerDecision.formationUnavailableNote") }))] }))] })), item.review && (_jsxs("div", { className: "mb-2 flex flex-wrap gap-2 text-[10.5px] font-mono uppercase tracking-[0.06em]", children: [_jsx("span", { className: "rounded-[2px] border border-line px-2 py-1 text-ink-3", children: t(`pages.focus.ownerDecision.evidence.${item.review.evidence.completeness}`) }), item.review.evidence.deterministicChecks.map(check => (_jsxs("span", { className: "rounded-[2px] border border-line px-2 py-1 text-ink-3", children: [check.check, ": ", check.status] }, check.check)))] })), item.machineRecommendation && (_jsxs("p", { className: "text-ink-3 text-[12.5px] mb-1", children: [_jsx("span", { className: "font-medium", children: t("pages.focus.ownerDecision.machineRecommendationLabel") }), " ", item.machineRecommendation, item.score !== undefined && _jsx("span", { className: "font-mono ml-1", children: item.score.toFixed(2) })] })), item.kind === "rollout_review" && (_jsx("p", { className: "text-ink-4 text-[12px] mb-1", children: t("pages.focus.ownerDecision.rolloutSafetyNote") })), evidenceUnavailable ? (_jsxs("div", { className: "mt-3 rounded-[3px] border border-amber/40 bg-amber/5 p-3", children: [_jsx("p", { className: "text-ink-2 text-[12.5px] leading-relaxed", children: t("pages.focus.ownerDecision.evidenceUnavailable") }), _jsx(Link, { to: "/failed", "data-testid": `owner-evidence-recover-${item.taskId}`, 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.goRecoverCta") })] })) : isTaskDecision ? (_jsxs(_Fragment, { children: [showInstruction && (_jsxs("div", { className: "mt-2 mb-2", children: [_jsx("label", { className: "block font-mono text-[11px] uppercase tracking-[0.08em] text-ink-3 mb-2", children: t("pages.focus.ownerDecision.instructionLabel") }), _jsx("textarea", { value: instruction, onChange: (e) => setInstruction(e.target.value.slice(0, 500)), "data-testid": `owner-instruction-${item.taskId}`, placeholder: t("pages.focus.ownerDecision.instructionPlaceholder"), className: "w-full border border-line rounded-[var(--radius-md)] bg-surface text-ink px-3 py-2 text-[13px] min-h-[64px] resize-y focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gov" })] })), requiresPartialAcknowledgement && (_jsxs("label", { className: "mt-2 mb-1 flex items-start gap-2 text-[12px] text-ink-3", children: [_jsx("input", { type: "checkbox", checked: partialEvidenceAcknowledged, onChange: (event) => setPartialEvidenceAcknowledged(event.target.checked), "data-testid": `owner-partial-evidence-ack-${item.taskId}`, className: "mt-0.5" }), _jsx("span", { children: t("pages.focus.ownerDecision.partialEvidenceAcknowledgement") })] })), !governanceReady && actionsLockedReason && (_jsxs("div", { className: "mt-3 rounded-[3px] border border-amber/40 bg-amber/5 p-3", "data-testid": `owner-actions-locked-${item.taskId}`, children: [_jsx("p", { className: "text-ink-2 text-[12.5px] leading-relaxed", children: actionsLockedReason }), _jsx(Link, { to: "/settings", "data-testid": `owner-actions-locked-settings-${item.taskId}`, 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") })] })), _jsxs("div", { className: "flex flex-wrap gap-2 mt-3", children: [canAccept && (_jsx("button", { type: "button", onClick: () => handleAction("accept_current"), disabled: !governanceReady || actionLoading !== null || (requiresPartialAcknowledgement && !partialEvidenceAcknowledged), "data-testid": `owner-accept-${item.taskId}`, 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: actionLoading === "accept_current" ? t("common.loading") : t("pages.focus.ownerDecision.acceptCurrent") })), canRevise && (_jsx("button", { type: "button", onClick: () => {
+    return (_jsxs("article", { className: "bg-panel border border-line rounded-[6px] p-4 mb-3", "data-testid": `owner-decision-${item.taskId}`, children: [_jsxs("div", { className: "flex items-start justify-between gap-3 mb-2", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-ink text-[14px] font-medium leading-snug", children: item.title }), _jsx("div", { className: "mt-1 text-ink-4 text-[11px] font-mono uppercase tracking-[0.08em]", children: kindLabel })] }), item.legacy && (_jsx("span", { className: "shrink-0 text-ink-4 border border-line rounded-[2px] px-[7px] py-[3px] text-[10.5px] font-mono", children: t("pages.focus.ownerDecision.legacyBadge") }))] }), _jsx("p", { className: "text-ink-2 text-[13px] leading-relaxed mb-2", children: item.summary }), item.review?.brief.kind === "evaluator" && (_jsxs("div", { className: "mb-3 grid gap-2 text-[12.5px] leading-relaxed", children: [item.review.brief.principle?.statement && (_jsxs("p", { children: [_jsx("span", { className: "font-medium text-ink", children: t("pages.focus.ownerDecision.principleLabel") }), " ", item.review.brief.principle.statement] })), item.review.brief.implementation?.summary && (_jsxs("p", { children: [_jsx("span", { className: "font-medium text-ink", children: t("pages.focus.ownerDecision.implementationLabel") }), " ", item.review.brief.implementation.summary] })), (item.review.brief.concerns?.length ?? 0) > 0 && (_jsxs("p", { className: "text-amber", children: [_jsx("span", { className: "font-medium", children: t("pages.focus.ownerDecision.concernLabel") }), " ", item.review.brief.concerns?.[0]] })), (item.review.brief.qualityChecklist?.items?.length ?? 0) > 0 && (_jsxs("div", { className: "mt-1 rounded-[3px] border border-line bg-surface-2 p-2", "data-testid": `owner-quality-checklist-${item.taskId}`, children: [_jsx("div", { className: "font-mono text-[10.5px] uppercase tracking-[0.06em] text-ink-3 mb-1", children: t("pages.focus.ownerDecision.qualityChecklistLabel") }), _jsx("ul", { className: "grid gap-0.5", children: item.review.brief.qualityChecklist?.items.map((qItem) => (_jsxs("li", { className: "flex items-start gap-1.5 text-[12px]", children: [_jsx("span", { className: qItem.pass ? "text-emerald" : "text-amber", "aria-hidden": "true", children: qItem.pass ? "✓" : "!" }), _jsx("span", { className: "sr-only", children: qItem.pass ? t("pages.focus.ownerDecision.qualityCheckStatus.passed") : t("pages.focus.ownerDecision.qualityCheckStatus.failed") }), _jsxs("span", { className: "text-ink-2", children: [_jsx("span", { className: "font-medium", children: t(`pages.focus.ownerDecision.qualityCheck.${qItem.id}`) }), " ", qItem.note] })] }, qItem.id))) })] })), item.review.brief.formationEvidence && (_jsxs("div", { className: "mt-1 rounded-[3px] border border-line bg-surface-2 p-2", "data-testid": `owner-formation-evidence-${item.taskId}`, children: [_jsx("div", { className: "font-mono text-[10.5px] uppercase tracking-[0.06em] text-ink-3 mb-1", children: t("pages.focus.ownerDecision.formationLabel") }), item.review.brief.formationEvidence.sourcePainId ? (_jsxs("p", { className: "text-ink-2", children: [_jsx("span", { className: "font-medium", children: t("pages.focus.ownerDecision.formationPainLabel") }), " ", _jsx("span", { className: "font-mono text-[11.5px]", children: item.review.brief.formationEvidence.sourcePainId })] })) : null, item.review.brief.formationEvidence.diagnosis?.summary && (_jsxs("p", { className: "text-ink-2", children: [_jsx("span", { className: "font-medium", children: t("pages.focus.ownerDecision.formationDiagnosisLabel") }), " ", item.review.brief.formationEvidence.diagnosis.summary] })), item.review.brief.formationEvidence.diagnosis?.rootCause && (_jsxs("p", { className: "text-ink-2", children: [_jsx("span", { className: "font-medium", children: t("pages.focus.ownerDecision.formationRootCauseLabel") }), " ", item.review.brief.formationEvidence.diagnosis.rootCause] })), (item.review.brief.formationEvidence.diagnosis?.evidence.length ?? 0) > 0 && (_jsxs("div", { children: [_jsx("span", { className: "font-medium text-ink-2", children: t("pages.focus.ownerDecision.formationEvidenceLabel") }), _jsx("ul", { className: "mt-0.5 grid gap-0.5 text-[12px] text-ink-3", children: item.review.brief.formationEvidence.diagnosis?.evidence.slice(0, 3).map((row, index) => (_jsxs("li", { children: [_jsx("span", { className: "font-mono text-[11px]", children: row.sourceRef }), " ", row.note] }, `${row.sourceRef}-${index}`))) })] })), !item.review.brief.formationEvidence.diagnosis && (_jsx("p", { className: "text-ink-3", children: t("pages.focus.ownerDecision.formationUnavailableNote") }))] }))] })), item.review && (_jsxs("div", { className: "mb-2 flex flex-wrap gap-2 text-[10.5px] font-mono uppercase tracking-[0.06em]", children: [_jsx("span", { className: "rounded-[2px] border border-line px-2 py-1 text-ink-3", children: t(`pages.focus.ownerDecision.evidence.${item.review.evidence.completeness}`) }), item.review.evidence.deterministicChecks.map(check => (_jsxs("span", { className: "rounded-[2px] border border-line px-2 py-1 text-ink-3", children: [check.check, ": ", check.status] }, check.check)))] })), item.machineRecommendation && (_jsxs("p", { className: "text-ink-3 text-[12.5px] mb-1", children: [_jsx("span", { className: "font-medium", children: t("pages.focus.ownerDecision.machineRecommendationLabel") }), " ", item.machineRecommendation, item.score !== undefined && _jsx("span", { className: "font-mono ml-1", children: item.score.toFixed(2) })] })), item.kind === "rollout_review" && (_jsx("p", { className: "text-ink-4 text-[12px] mb-1", children: t("pages.focus.ownerDecision.rolloutSafetyNote") })), evidenceUnavailable ? (_jsxs("div", { className: "mt-3 rounded-[3px] border border-amber/40 bg-amber/5 p-3", children: [_jsx("p", { className: "text-ink-2 text-[12.5px] leading-relaxed", children: t("pages.focus.ownerDecision.evidenceUnavailable") }), _jsx(Link, { to: `/failed-tasks?taskId=${encodeURIComponent(item.taskId)}`, "data-testid": `owner-evidence-recover-${item.taskId}`, 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.goRecoverCta") })] })) : isTaskDecision ? (_jsxs(_Fragment, { children: [showInstruction && (_jsxs("div", { className: "mt-2 mb-2", children: [_jsx("label", { className: "block font-mono text-[11px] uppercase tracking-[0.08em] text-ink-3 mb-2", children: t("pages.focus.ownerDecision.instructionLabel") }), _jsx("textarea", { value: instruction, onChange: (e) => setInstruction(e.target.value.slice(0, 500)), "data-testid": `owner-instruction-${item.taskId}`, placeholder: t("pages.focus.ownerDecision.instructionPlaceholder"), className: "w-full border border-line rounded-[var(--radius-md)] bg-surface text-ink px-3 py-2 text-[13px] min-h-[64px] resize-y focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gov" })] })), requiresPartialAcknowledgement && (_jsxs("label", { className: "mt-2 mb-1 flex items-start gap-2 text-[12px] text-ink-3", children: [_jsx("input", { type: "checkbox", checked: partialEvidenceAcknowledged, onChange: (event) => setPartialEvidenceAcknowledged(event.target.checked), "data-testid": `owner-partial-evidence-ack-${item.taskId}`, className: "mt-0.5" }), _jsx("span", { children: t("pages.focus.ownerDecision.partialEvidenceAcknowledgement") })] })), !governanceReady && actionsLockedReason && (_jsxs("div", { className: "mt-3 rounded-[3px] border border-amber/40 bg-amber/5 p-3", "data-testid": `owner-actions-locked-${item.taskId}`, children: [_jsx("p", { className: "text-ink-2 text-[12.5px] leading-relaxed", children: actionsLockedReason }), _jsx(Link, { to: "/settings", "data-testid": `owner-actions-locked-settings-${item.taskId}`, 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") })] })), _jsxs("div", { className: "flex flex-wrap gap-2 mt-3", children: [canAccept && (_jsx("button", { type: "button", onClick: () => handleAction("accept_current"), disabled: !governanceReady || actionLoading !== null || (requiresPartialAcknowledgement && !partialEvidenceAcknowledged), "data-testid": `owner-accept-${item.taskId}`, 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: actionLoading === "accept_current" ? t("common.loading") : t("pages.focus.ownerDecision.acceptCurrent") })), canRevise && (_jsx("button", { type: "button", onClick: () => {
                                     if (!showInstruction) {
                                         setShowInstruction(true);
                                         return;
@@ -105,5 +105,7 @@ export function OwnerDecisionCard({ item, onResolved, governanceReady = true, ac
                             ? t("pages.focus.ownerDecision.actionConsequence")
                             : acceptBlockedCopy }), _jsxs("button", { type: "button", onClick: () => setShowAdvanced(!showAdvanced), className: "mt-2 text-ink-4 text-[11px] font-mono uppercase tracking-[0.08em] hover:text-ink-3", "data-testid": `owner-advanced-toggle-${item.taskId}`, children: [showAdvanced ? "▾" : "▸", " ", t("pages.focus.ownerDecision.advanced")] }), showAdvanced && (_jsxs("dl", { className: "mt-2 grid gap-1 text-[11.5px] font-mono text-ink-4", children: [_jsxs("div", { children: ["taskId: ", item.taskId] }), _jsxs("div", { children: ["reasonCode: ", item.reasonCode] }), _jsxs("div", { children: ["reviewKey: ", item.reviewKey.slice(0, 24), "\u2026"] }), _jsxs("div", { children: ["epoch: ", item.expectedRevisionEpoch] }), item.review?.brief.requiredChanges.map((change, index) => (_jsxs("div", { children: ["requiredChange: ", change] }, `${change}-${index}`))), item.review?.evidence.items.map((evidence, index) => (_jsxs("div", { children: [evidence.evidenceClass, "/", evidence.label, ": ", evidence.value] }, `${evidence.label}-${index}`))), item.review?.brief.kind === "evaluator" && item.review.brief.formationEvidence && (_jsxs(_Fragment, { children: [_jsxs("div", { children: ["dreamerArtifact: ", item.review.brief.formationEvidence.provenance.sourceDreamerArtifactId] }), item.review.brief.formationEvidence.provenance.sourceDiagnosisArtifactId && (_jsxs("div", { children: ["diagnosisArtifact: ", item.review.brief.formationEvidence.provenance.sourceDiagnosisArtifactId] })), item.review.brief.formationEvidence.notes.map((note, index) => (_jsxs("div", { children: ["formationNote: ", note] }, `${note}-${index}`)))] }))] }))] })) : (_jsxs("div", { className: "mt-2", children: [_jsx("p", { className: "text-ink-4 text-[12px] mb-2", children: item.kind === "activation_approval"
                             ? t("pages.focus.ownerDecision.approvalHint")
-                            : t("pages.focus.ownerDecision.rulecodeHint") }), item.kind === "activation_approval" ? (_jsx(Link, { to: "/principles", "data-testid": `go-approvals-${item.taskId}`, 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", children: t("pages.focus.ownerDecision.goApprovalsCta") })) : (_jsx(Link, { to: "/activation", "data-testid": `go-activation-${item.taskId}`, 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", children: t("pages.focus.ownerDecision.goActivationCta") }))] }))] }));
+                            : t("pages.focus.ownerDecision.rulecodeHint") }), item.kind === "activation_approval" ? (_jsx(Link, { to: item.principleId !== undefined
+                            ? `/principles/${encodeURIComponent(item.principleId)}`
+                            : "/principles", "data-testid": `go-approvals-${item.taskId}`, 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", children: t("pages.focus.ownerDecision.goApprovalsCta") })) : (_jsx(Link, { to: `/activation?activationId=${encodeURIComponent(item.taskId)}`, "data-testid": `go-activation-${item.taskId}`, 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", children: t("pages.focus.ownerDecision.goActivationCta") }))] }))] }));
 }

package/console/dist/web/assets/app.css

@@ -2187,9 +2187,27 @@
     --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .ring {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .ring-2 {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .ring-gov {
+    --tw-ring-color: var(--color-gov);
+  }
+  .ring-offset-2 {
+    --tw-ring-offset-width: 2px;
+    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  }
   .ring-offset-background {
     --tw-ring-offset-color: var(--color-background);
   }
+  .ring-offset-paper {
+    --tw-ring-offset-color: var(--color-paper);
+  }
   .outline {
     outline-style: var(--tw-outline-style);
     outline-width: 1px;