create-principles-disciple 1.145.41 → 1.145.43

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

@@ -2021,6 +2021,68 @@
                 "collapseHint": "Click to collapse diff"
             }
         },
+        "examiner": {
+            "loading": "Loading Examiner…",
+            "title": "Examiner Verification",
+            "subtitle": "Controlled A/B behavior-effect verification for a target principle (offline-first).",
+            "scope": {
+                "title": "Execution scope & gates"
+            },
+            "mode": {
+                "full": "Full Library Incremental A/B (default)",
+                "isolated": "Isolated Principle A/B (diagnostic)"
+            },
+            "create": {
+                "title": "Create an offline study",
+                "target": "Target principle (one per study)",
+                "mode": "Experiment mode",
+                "repetitions": "Repetitions per case",
+                "submit": "Create study",
+                "note": "Synthetic calibration cases (SYNTHETIC_OFFLINE gold). Study identities are server-minted and never overwritten."
+            },
+            "studies": {
+                "title": "Studies",
+                "empty": "No studies yet — create an offline study above."
+            },
+            "study": {
+                "title": "Study {{studyId}}",
+                "mode": "Mode",
+                "intervention": "Intervention",
+                "target": "Target",
+                "plannedPairs": "Planned pairs",
+                "run": "Execution",
+                "finished": "finished",
+                "running": "running",
+                "notRun": "not run",
+                "report": "Report",
+                "preflight": "Run preflight",
+                "runOffline": "Run offline"
+            },
+            "preflight": {
+                "status": "Preflight status"
+            },
+            "report": {
+                "title": "Report V2",
+                "target": "Target",
+                "endpoint": "Primary endpoint",
+                "fidelity": "Treatment Fidelity",
+                "contamination": "Control contamination",
+                "evictions": "Capacity evictions",
+                "ittNote": "planned applicable {{planned}} · determined {{determined}} · unknown sides {{unknown}} · NOT_APPLICABLE {{na}} (excluded from the denominator)",
+                "noExaminerBlock": "This report predates the v0.9 contract (no examiner block).",
+                "offlineNote": "Offline-stub results validate the contract pipeline only — never real-host behavior. Real host experiments require separate Owner authorization."
+            },
+            "created": "Study {{studyId}} created.",
+            "runDone": "Offline execution finished: {{count}} units succeeded.",
+            "reportGenerated": "Report generated ({{status}}).",
+            "errors": {
+                "unavailable": "Examiner dev tooling is unavailable in this installation.",
+                "create": "Failed to create the study.",
+                "preflight": "Preflight failed.",
+                "run": "Offline execution failed.",
+                "report": "Report generation failed."
+            }
+        },
         "debt": {
             "eyebrow": "Principle Debt",
             "title": "Principle Debt Management",
@@ -2233,6 +2295,7 @@
             "principles": "Principles Review",
             "activation": "Activation",
             "debt": "Principle Debt",
+            "examiner": "Examiner Verification",
             "controlCenter": "Control Center",
             "reportProblem": "Feedback",
             "failedTasks": "Failed Tasks",

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

@@ -2021,6 +2021,68 @@
                 "collapseHint": "点击折叠差异"
             }
         },
+        "examiner": {
+            "loading": "正在加载 Examiner…",
+            "title": "Examiner 验证",
+            "subtitle": "对目标原则进行受控 A/B 行为效果验证（离线优先）。",
+            "scope": {
+                "title": "执行范围与门禁"
+            },
+            "mode": {
+                "full": "完整原则库增量 A/B（默认）",
+                "isolated": "独立原则 A/B（诊断模式）"
+            },
+            "create": {
+                "title": "创建离线 Study",
+                "target": "目标原则（每次实验一条）",
+                "mode": "实验模式",
+                "repetitions": "每题重复次数",
+                "submit": "创建 Study",
+                "note": "使用合成校准题（SYNTHETIC_OFFLINE Gold）。Study 身份由服务端铸造，创建后不可覆盖。"
+            },
+            "studies": {
+                "title": "研究列表",
+                "empty": "还没有 Study。从上方创建一个离线 Study。"
+            },
+            "study": {
+                "title": "Study {{studyId}}",
+                "mode": "模式",
+                "intervention": "干预类型",
+                "target": "目标原则",
+                "plannedPairs": "计划配对",
+                "run": "执行",
+                "finished": "已完成",
+                "running": "进行中",
+                "notRun": "未执行",
+                "report": "报告",
+                "preflight": "运行预检",
+                "runOffline": "离线执行"
+            },
+            "preflight": {
+                "status": "预检状态"
+            },
+            "report": {
+                "title": "Report V2",
+                "target": "目标",
+                "endpoint": "主要终点",
+                "fidelity": "Treatment Fidelity（注入忠实度）",
+                "contamination": "Control 污染",
+                "evictions": "容量挤出",
+                "ittNote": "计划适用配对 {{planned}} · 完全确定 {{determined}} · 未知侧 {{unknown}} · 不适用 {{na}}（不进入分母）",
+                "noExaminerBlock": "该报告早于 v0.9 契约（无 examiner 区块）。",
+                "offlineNote": "离线 Stub 结果仅验证契约管线，绝不代表真实宿主行为。真实宿主实验需要拥有者单独授权。"
+            },
+            "created": "Study {{studyId}} 已创建。",
+            "runDone": "离线执行完成：{{count}} 个单元成功。",
+            "reportGenerated": "报告已生成（{{status}}）。",
+            "errors": {
+                "unavailable": "Examiner 开发工具在此安装中不可用。",
+                "create": "创建 Study 失败。",
+                "preflight": "预检失败。",
+                "run": "离线执行失败。",
+                "report": "报告生成失败。"
+            }
+        },
         "debt": {
             "eyebrow": "原则债务",
             "title": "原则债务管理",
@@ -2233,6 +2295,7 @@
             "principles": "原则审查",
             "activation": "生效情况",
             "debt": "原则债务",
+            "examiner": "Examiner 验证",
             "controlCenter": "控制中心",
             "reportProblem": "产品反馈",
             "failedTasks": "失败任务",

package/console/dist/ui/pages/examiner/ExaminerPage.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+/**
+ * SPEC-PD-EXAMINER-001 v0.9 §8 — Examiner product entry (offline-first).
+ *
+ * The Owner journey: pick a target principle from the workspace ledger →
+ * choose a mode (full-library incremental default / isolated diagnostic) →
+ * create the study (server-minted identity) → run the fail-closed preflight →
+ * run the OFFLINE-STUB execution → read the Report V2 (ITT + fidelity).
+ *
+ * Honesty contract: every result is labelled offline-stub / synthetic gold —
+ * the console NEVER presents these as real-host behavior; real runs require
+ * separate Owner authorization (the gates panel says exactly what is and is
+ * not ready).
+ */
+export declare function ExaminerPage(): React.ReactElement;

package/console/dist/ui/pages/examiner/ExaminerPage.js

@@ -0,0 +1,158 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useCallback } from "react";
+import { useSearchParams } 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 { Button } from "../../components/ui/button.js";
+import { truncateByCodePoints } from "../../utils/reading-layout.js";
+import { FlaskConical, ShieldCheck, Play, FileText, Loader2 } from "lucide-react";
+import { fetchExaminerOverview, fetchExaminerPrinciples, createExaminerStudy, fetchExaminerStudyStatus, runExaminerPreflight, runExaminerStudy, generateExaminerReport, fetchExaminerReport, } from "../../api.js";
+/**
+ * SPEC-PD-EXAMINER-001 v0.9 §8 — Examiner product entry (offline-first).
+ *
+ * The Owner journey: pick a target principle from the workspace ledger →
+ * choose a mode (full-library incremental default / isolated diagnostic) →
+ * create the study (server-minted identity) → run the fail-closed preflight →
+ * run the OFFLINE-STUB execution → read the Report V2 (ITT + fidelity).
+ *
+ * Honesty contract: every result is labelled offline-stub / synthetic gold —
+ * the console NEVER presents these as real-host behavior; real runs require
+ * separate Owner authorization (the gates panel says exactly what is and is
+ * not ready).
+ */
+export function ExaminerPage() {
+    const { t } = useTranslation();
+    // §8.1: prefill the target from the principle-detail entry link
+    // (?principle=<id>); only an EXACT id match is honored.
+    const [searchParams] = useSearchParams();
+    const prefillPrinciple = searchParams.get("principle");
+    const [overview, setOverview] = useState(null);
+    const [principles, setPrinciples] = useState([]);
+    const [targetPrincipleId, setTargetPrincipleId] = useState("");
+    const [experimentMode, setExperimentMode] = useState("full_library_incremental");
+    const [repetitions, setRepetitions] = useState(2);
+    const [selectedStudy, setSelectedStudy] = useState(null);
+    const [status, setStatus] = useState(null);
+    const [preflight, setPreflight] = useState(null);
+    const [report, setReport] = useState(null);
+    const [busy, setBusy] = useState(null);
+    const [error, setError] = useState(null);
+    const refreshStatus = useCallback(async (studyId) => {
+        const statusResponse = await fetchExaminerStudyStatus(studyId);
+        if (!statusResponse.success) {
+            setError(statusResponse.error ?? "status unavailable");
+            return;
+        }
+        setStatus(statusResponse.data);
+    }, []);
+    const selectStudy = useCallback(async (studyId) => {
+        setSelectedStudy(studyId);
+        setStatus(null);
+        setPreflight(null);
+        setReport(null);
+        await refreshStatus(studyId);
+        const reportResponse = await fetchExaminerReport(studyId);
+        if (reportResponse.success)
+            setReport(reportResponse.data);
+    }, [refreshStatus]);
+    useEffect(() => {
+        let cancelled = false;
+        (async () => {
+            const overviewResponse = await fetchExaminerOverview();
+            if (cancelled)
+                return;
+            if (!overviewResponse.success) {
+                setError(overviewResponse.error ?? t("pages.examiner.errors.unavailable"));
+                return;
+            }
+            setOverview(overviewResponse.data);
+            const principlesResponse = await fetchExaminerPrinciples();
+            if (!cancelled && principlesResponse.success) {
+                const active = principlesResponse.data.principles.filter((p) => p.status === "active");
+                setPrinciples(active);
+                if (prefillPrinciple !== null) {
+                    const prefilled = active.find((p) => p.id === prefillPrinciple);
+                    if (prefilled !== undefined)
+                        setTargetPrincipleId(prefilled.id);
+                    else if (active[0] !== undefined)
+                        setTargetPrincipleId(active[0].id);
+                }
+                else if (active[0] !== undefined) {
+                    setTargetPrincipleId(active[0].id);
+                }
+            }
+        })();
+        return () => {
+            cancelled = true;
+        };
+    }, [t, prefillPrinciple]);
+    const handleCreate = async () => {
+        if (!targetPrincipleId)
+            return;
+        setBusy("create");
+        setError(null);
+        const response = await createExaminerStudy({ targetPrincipleId, experimentMode, repetitionsPerCase: repetitions });
+        setBusy(null);
+        if (!response.success) {
+            toast.error(response.error ?? t("pages.examiner.errors.create"));
+            return;
+        }
+        toast.success(t("pages.examiner.created", { studyId: response.data.studyId }));
+        const overviewResponse = await fetchExaminerOverview();
+        if (overviewResponse.success)
+            setOverview(overviewResponse.data);
+        await selectStudy(response.data.studyId);
+    };
+    const handlePreflight = async () => {
+        if (!selectedStudy)
+            return;
+        setBusy("preflight");
+        const response = await runExaminerPreflight(selectedStudy);
+        setBusy(null);
+        if (!response.success) {
+            toast.error(response.error ?? t("pages.examiner.errors.preflight"));
+            return;
+        }
+        setPreflight(response.data);
+    };
+    const handleRun = async () => {
+        if (!selectedStudy)
+            return;
+        setBusy("run");
+        const response = await runExaminerStudy(selectedStudy);
+        setBusy(null);
+        if (!response.success) {
+            toast.error(response.error ?? t("pages.examiner.errors.run"));
+            return;
+        }
+        toast.success(t("pages.examiner.runDone", { count: response.data.units.filter((u) => u.state === "SUCCEEDED").length }));
+        await refreshStatus(selectedStudy);
+    };
+    const handleReport = async () => {
+        if (!selectedStudy)
+            return;
+        setBusy("report");
+        const generated = await generateExaminerReport(selectedStudy);
+        setBusy(null);
+        if (!generated.success) {
+            toast.error(generated.error ?? t("pages.examiner.errors.report"));
+            return;
+        }
+        const fetched = await fetchExaminerReport(selectedStudy);
+        if (fetched.success)
+            setReport(fetched.data);
+        await refreshStatus(selectedStudy);
+        toast.success(t("pages.examiner.reportGenerated", { status: generated.data.status }));
+    };
+    if (!overview && !error)
+        return _jsx(PageLoading, { label: t("pages.examiner.loading") });
+    return (_jsxs(PageShell, { children: [_jsxs("header", { className: "mb-6", children: [_jsx("h1", { className: "text-[22px] font-semibold text-ink", "data-testid": "examiner-page-title", children: t("pages.examiner.title") }), _jsx("p", { className: "mt-1 text-[14px] text-ink-3", children: t("pages.examiner.subtitle") })] }), error && (_jsx("div", { className: "rounded-lg border border-destructive/40 bg-destructive/10 p-4 text-sm text-destructive", "data-testid": "examiner-error", children: error })), overview && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "rounded-lg border bg-card p-4 text-sm", "data-testid": "examiner-scope", children: [_jsxs("div", { className: "flex items-center gap-2 font-medium", children: [_jsx(ShieldCheck, { className: "size-4" }), t("pages.examiner.scope.title")] }), _jsx("p", { className: "mt-1 text-muted-foreground", children: overview.executionScope }), _jsx("div", { className: "mt-3 grid gap-1 text-xs text-muted-foreground", children: Object.entries(overview.gates).map(([gate, state]) => (_jsxs("div", { "data-testid": `examiner-gate-${gate}`, children: [_jsx("span", { className: "font-mono", children: gate }), ": ", state] }, gate))) })] }), _jsx(SectionTitle, { children: t("pages.examiner.create.title") }), _jsxs("div", { className: "grid gap-3 rounded-lg border bg-card p-4", "data-testid": "examiner-create", children: [_jsxs("label", { className: "text-sm", children: [_jsx("span", { className: "mb-1 block font-medium", children: t("pages.examiner.create.target") }), _jsx("select", { className: "w-full rounded-md border bg-background px-3 py-2 text-sm", value: targetPrincipleId, onChange: (e) => setTargetPrincipleId(e.target.value), "data-testid": "examiner-target-select", children: principles.map((p) => (_jsxs("option", { value: p.id, children: [p.id, " \u2014 ", truncateByCodePoints(p.text, 60)] }, p.id))) })] }), _jsxs("label", { className: "text-sm", children: [_jsx("span", { className: "mb-1 block font-medium", children: t("pages.examiner.create.mode") }), _jsxs("select", { className: "w-full rounded-md border bg-background px-3 py-2 text-sm", value: experimentMode, onChange: (e) => setExperimentMode(e.target.value), "data-testid": "examiner-mode-select", children: [_jsx("option", { value: "full_library_incremental", children: t("pages.examiner.mode.full") }), _jsx("option", { value: "isolated_principle", children: t("pages.examiner.mode.isolated") })] })] }), _jsxs("label", { className: "text-sm", children: [_jsx("span", { className: "mb-1 block font-medium", children: t("pages.examiner.create.repetitions") }), _jsx("select", { className: "w-full rounded-md border bg-background px-3 py-2 text-sm", value: repetitions, onChange: (e) => setRepetitions(Number(e.target.value)), children: [1, 2, 3, 4, 5].map((n) => (_jsx("option", { value: n, children: n }, n))) })] }), _jsxs(Button, { onClick: handleCreate, disabled: !targetPrincipleId || busy === "create", "data-testid": "examiner-create-button", children: [busy === "create" ? _jsx(Loader2, { className: "size-4 animate-spin" }) : _jsx(FlaskConical, { className: "size-4" }), t("pages.examiner.create.submit")] }), _jsx("p", { className: "text-xs text-muted-foreground", children: t("pages.examiner.create.note") })] }), _jsx(SectionTitle, { children: t("pages.examiner.studies.title") }), _jsxs("div", { className: "grid gap-2", "data-testid": "examiner-study-list", children: [overview.studies.length === 0 && (_jsx("p", { className: "text-sm text-muted-foreground", children: t("pages.examiner.studies.empty") })), overview.studies.map((studyId) => (_jsx("button", { className: `rounded-md border px-3 py-2 text-left font-mono text-xs ${selectedStudy === studyId ? "border-primary bg-primary/10" : "bg-card hover:bg-accent"}`, onClick: () => selectStudy(studyId), "data-testid": `examiner-study-${studyId}`, children: studyId }, studyId)))] }), selectedStudy && status && (_jsxs(_Fragment, { children: [_jsx(SectionTitle, { children: t("pages.examiner.study.title", { studyId: selectedStudy }) }), _jsxs("div", { className: "grid gap-3 rounded-lg border bg-card p-4 text-sm", "data-testid": "examiner-study-detail", children: [_jsxs("div", { className: "grid grid-cols-2 gap-2 text-xs", children: [_jsxs("div", { children: [t("pages.examiner.study.mode"), ": ", _jsx("span", { className: "font-mono", children: status.experimentMode })] }), _jsxs("div", { children: [t("pages.examiner.study.intervention"), ": ", _jsx("span", { className: "font-mono", children: status.interventionType })] }), _jsxs("div", { children: [t("pages.examiner.study.target"), ": ", _jsx("span", { className: "font-mono", children: status.targetPrincipleId })] }), _jsxs("div", { children: [t("pages.examiner.study.plannedPairs"), ": ", status.plannedPairs] }), _jsxs("div", { children: [t("pages.examiner.study.run"), ": ", status.runStarted ? (status.runFinished ? t("pages.examiner.study.finished") : t("pages.examiner.study.running")) : t("pages.examiner.study.notRun")] }), _jsxs("div", { children: [t("pages.examiner.study.report"), ": ", _jsx("span", { className: "font-mono", children: status.reportStatus ?? "—" })] })] }), Object.keys(status.unitStates).length > 0 && (_jsx("div", { className: "text-xs text-muted-foreground", "data-testid": "examiner-unit-states", children: Object.entries(status.unitStates).map(([state, count]) => `${state}: ${count}`).join(" · ") })), _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsxs(Button, { variant: "outline", size: "sm", onClick: handlePreflight, disabled: busy === "preflight", "data-testid": "examiner-preflight-button", children: [busy === "preflight" ? _jsx(Loader2, { className: "size-4 animate-spin" }) : _jsx(ShieldCheck, { className: "size-4" }), t("pages.examiner.study.preflight")] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: handleRun, disabled: busy === "run", "data-testid": "examiner-run-button", children: [busy === "run" ? _jsx(Loader2, { className: "size-4 animate-spin" }) : _jsx(Play, { className: "size-4" }), t("pages.examiner.study.runOffline")] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: handleReport, disabled: busy === "report", "data-testid": "examiner-report-button", children: [busy === "report" ? _jsx(Loader2, { className: "size-4 animate-spin" }) : _jsx(FileText, { className: "size-4" }), t("pages.examiner.study.report")] })] }), preflight && (_jsxs("div", { className: "rounded-md border p-3 text-xs", "data-testid": "examiner-preflight-result", children: [_jsxs("div", { className: "font-medium", children: [t("pages.examiner.preflight.status"), ": ", preflight.status] }), preflight.blockers.length > 0 && (_jsx("div", { className: "mt-2 text-destructive", children: preflight.blockers.map((b) => (_jsxs("div", { children: ["\u26D4 ", b.id, ": ", b.detail] }, b.id))) })), preflight.warnings.length > 0 && (_jsx("div", { className: "mt-2 text-amber-600 dark:text-amber-400", children: preflight.warnings.map((w) => (_jsxs("div", { children: ["\u26A0 ", w.id, ": ", w.detail] }, w.id))) }))] }))] })] })), report && report.report && (_jsxs(_Fragment, { children: [_jsx(SectionTitle, { children: t("pages.examiner.report.title") }), _jsxs("div", { className: "grid gap-3 rounded-lg border bg-card p-4 text-sm", "data-testid": "examiner-report", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "rounded bg-muted px-2 py-0.5 font-mono text-xs", children: report.report.status }), report.report.examiner && (_jsx("span", { className: "rounded bg-muted px-2 py-0.5 font-mono text-xs", children: report.report.examiner.experimentMode }))] }), report.report.examiner ? (_jsxs("div", { className: "grid gap-3", children: [_jsxs("div", { className: "text-xs text-muted-foreground", children: [t("pages.examiner.report.target"), ": ", _jsx("span", { className: "font-mono", children: report.report.examiner.targetPrincipleId }), " \u00B7 ", t("pages.examiner.report.endpoint"), ": ", _jsx("span", { className: "font-mono", children: report.report.examiner.primaryEndpoint?.id })] }), _jsxs("div", { className: "rounded-md border p-3", "data-testid": "examiner-report-itt", children: [_jsx("div", { className: "font-medium", children: "ITT" }), report.report.examiner.itt.pointEstimate.status === "ESTIMABLE" ? (_jsx("div", { className: "text-2xl font-bold", children: report.report.examiner.itt.pointEstimate.value })) : (_jsxs("div", { className: "font-mono text-sm", children: ["[", report.report.examiner.itt.lowerBound.value ?? "n/a", ", ", report.report.examiner.itt.upperBound.value ?? "n/a", "]"] })), _jsx("div", { className: "text-xs text-muted-foreground", children: t("pages.examiner.report.ittNote", {
+                                                            planned: report.report.examiner.itt.plannedApplicablePairs,
+                                                            determined: report.report.examiner.itt.determinedPairs,
+                                                            unknown: report.report.examiner.itt.unknownPairs,
+                                                            na: report.report.examiner.applicability.notApplicablePairs,
+                                                        }) })] }), _jsxs("div", { className: "rounded-md border p-3", "data-testid": "examiner-report-fidelity", children: [_jsx("div", { className: "font-medium", children: t("pages.examiner.report.fidelity") }), _jsxs("div", { className: "text-xs", children: ["CONTEXT_PRESENT+ ", report.report.examiner.treatmentFidelity.contextPresent, "/", report.report.examiner.treatmentFidelity.plannedTreatmentUnits, " \u00B7 RUNTIME_LOADED ", report.report.examiner.treatmentFidelity.runtimeLoaded, " \u00B7 ", t("pages.examiner.report.contamination"), " ", report.report.examiner.treatmentFidelity.controlContamination.units, " \u00B7 ", t("pages.examiner.report.evictions"), " ", report.report.examiner.treatmentFidelity.capacityEvictions.units] })] })] })) : (_jsx("p", { className: "text-xs text-muted-foreground", children: t("pages.examiner.report.noExaminerBlock") })), _jsx("p", { className: "text-xs text-muted-foreground", children: t("pages.examiner.report.offlineNote") })] })] }))] }))] }));
+}

package/console/dist/ui/pages/principles/PrincipleDetailPage.js

@@ -14,6 +14,7 @@ import { formatDate } from "../../utils/format-date.js";
 import { localizeAggregatedBlocker } from "../../utils/blocker-localization.js";
 import { groupByReasonCode, formatGroupedReasonLine } from "../../utils/attention-presentation.js";
 import { splitReadingTitleBody, truncateByCodePoints } from "../../utils/reading-layout.js";
+import { IS_DEV } from "../../utils/runtime-mode.js";
 // ── Runtime validation (H section) ──────────────────────────────────────────
 function isString(v) {
     return typeof v === "string";
@@ -479,7 +480,7 @@ export function PrincipleDetailPage() {
     const learnedPreview = learnedText === undefined ? undefined : truncateByCodePoints(learnedText, 240);
     const learnedTruncated = learnedPreview !== learnedText;
     const headlineLayout = splitReadingTitleBody(learnedText ?? principle.text);
-    return (_jsx(PageShell, { children: _jsxs("div", { className: "animate-[pdFadeIn_400ms_ease-out]", children: [_jsxs(Button, { variant: "ghost", onClick: () => navigate(returnTo), className: "mb-4 -ml-2", children: ["\u2190 ", t("principles.detail.backToList")] }), _jsxs("section", { className: "mb-8", children: [_jsx(SectionTitle, { children: t("principles.detail.conclusion") }), _jsx("h1", { className: "text-[22px] font-semibold text-ink leading-snug mb-3", "data-testid": "principle-detail-title", children: headlineLayout.title }), headlineLayout.body !== null && !learnedKnown && (_jsx("div", { className: "mb-3 text-[15px] leading-relaxed text-ink whitespace-pre-wrap break-words", "data-testid": "principle-detail-body", children: headlineLayout.body })), ownerDecision !== null && ownerDecision.learnedPrinciple.status !== 'known' && (_jsx("p", { className: "text-amber text-[13px] leading-relaxed mb-3", "data-testid": "owner-decision-technical-note", children: t("principles.detail.ownerDecision.technicalOriginalNote", {
+    return (_jsx(PageShell, { children: _jsxs("div", { className: "animate-[pdFadeIn_400ms_ease-out]", children: [_jsxs("div", { className: "mb-4 flex items-center justify-between", children: [_jsxs(Button, { variant: "ghost", onClick: () => navigate(returnTo), className: "-ml-2", children: ["\u2190 ", t("principles.detail.backToList")] }), IS_DEV && (_jsx(Link, { to: `/examiner?principle=${encodeURIComponent(String(id ?? ''))}`, className: "text-[13px] text-ink-3 underline decoration-dotted underline-offset-4 hover:text-ink", "data-testid": "principle-detail-examiner-link", children: t("principles.detail.examinerEntry", { defaultValue: "验证此原则的行为效果 (Examiner)" }) }))] }), _jsxs("section", { className: "mb-8", children: [_jsx(SectionTitle, { children: t("principles.detail.conclusion") }), _jsx("h1", { className: "text-[22px] font-semibold text-ink leading-snug mb-3", "data-testid": "principle-detail-title", children: headlineLayout.title }), headlineLayout.body !== null && !learnedKnown && (_jsx("div", { className: "mb-3 text-[15px] leading-relaxed text-ink whitespace-pre-wrap break-words", "data-testid": "principle-detail-body", children: headlineLayout.body })), ownerDecision !== null && ownerDecision.learnedPrinciple.status !== 'known' && (_jsx("p", { className: "text-amber text-[13px] leading-relaxed mb-3", "data-testid": "owner-decision-technical-note", children: t("principles.detail.ownerDecision.technicalOriginalNote", {
                                 defaultValue: "以上为原始技术建议文本；可读的行为准则暂缺（保留原文以保证可追溯）。",
                             }) })), _jsx("p", { className: "text-ink-3 text-[14px] leading-relaxed mb-3", children: t("principles.detail.policyNote") }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("span", { className: "text-ink-4 text-[13px]", children: t("principles.detail.modifyWordingNote") }), _jsx(Button, { variant: "ghost", size: "sm", className: "ml-auto", "data-testid": "principle-feedback", onClick: () => {
                                         const params = new URLSearchParams({ source: "principle_page", principleId: id ?? "" });

package/console/dist/ui/utils/runtime-mode.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Build-time runtime mode.
+ *
+ * Vite replaces `import.meta.env.DEV` with a boolean literal at build time, so
+ * a production bundle resolves this to `false` and dead-code elimination can
+ * drop the DEV-only surfaces from the shipped UI. This is a trust boundary in
+ * the CLIENT only — the server independently refuses the Examiner API outside
+ * a dev runtime (see `examinerDevEnabled` in the examiner route).
+ */
+export declare const IS_DEV: boolean;

package/console/dist/ui/utils/runtime-mode.js

@@ -0,0 +1,10 @@
+/**
+ * Build-time runtime mode.
+ *
+ * Vite replaces `import.meta.env.DEV` with a boolean literal at build time, so
+ * a production bundle resolves this to `false` and dead-code elimination can
+ * drop the DEV-only surfaces from the shipped UI. This is a trust boundary in
+ * the CLIENT only — the server independently refuses the Examiner API outside
+ * a dev runtime (see `examinerDevEnabled` in the examiner route).
+ */
+export const IS_DEV = import.meta.env.DEV;

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

@@ -41,6 +41,8 @@
     --text-base--line-height: calc(1.5 / 1);
     --text-lg: 1.125rem;
     --text-lg--line-height: calc(1.75 / 1.125);
+    --text-2xl: 1.5rem;
+    --text-2xl--line-height: calc(2 / 1.5);
     --font-weight-normal: 400;
     --font-weight-medium: 500;
     --font-weight-semibold: 600;
@@ -79,6 +81,7 @@
     --color-danger: #8b3a3a;
     --color-background: var(--color-paper);
     --color-foreground: var(--color-ink);
+    --color-card: var(--color-surface);
     --color-popover: var(--color-panel);
     --color-popover-foreground: var(--color-ink);
     --color-primary: var(--color-gov);
@@ -566,6 +569,10 @@
   .table {
     display: table;
   }
+  .size-4 {
+    width: calc(var(--spacing) * 4);
+    height: calc(var(--spacing) * 4);
+  }
   .h-1 {
     height: var(--spacing);
   }
@@ -1185,6 +1192,9 @@
   .rounded-full {
     border-radius: calc(infinity * 1px);
   }
+  .rounded-lg {
+    border-radius: var(--radius-lg);
+  }
   .rounded-md {
     border-radius: var(--radius-md);
   }
@@ -1341,6 +1351,12 @@
       border-color: color-mix(in oklab, var(--color-danger) 50%, transparent);
     }
   }
+  .border-destructive\/40 {
+    border-color: color-mix(in srgb, #8b3a3a 40%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
+    }
+  }
   .border-destructive\/50 {
     border-color: color-mix(in srgb, #8b3a3a 50%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1449,6 +1465,9 @@
   .border-paper {
     border-color: var(--color-paper);
   }
+  .border-primary {
+    border-color: var(--color-primary);
+  }
   .border-red-200 {
     border-color: var(--color-red-200);
   }
@@ -1533,6 +1552,9 @@
   .bg-border {
     background-color: var(--color-border);
   }
+  .bg-card {
+    background-color: var(--color-card);
+  }
   .bg-danger {
     background-color: var(--color-danger);
   }
@@ -1551,6 +1573,12 @@
   .bg-destructive {
     background-color: var(--color-destructive);
   }
+  .bg-destructive\/10 {
+    background-color: color-mix(in srgb, #8b3a3a 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-destructive) 10%, transparent);
+    }
+  }
   .bg-gov {
     background-color: var(--color-gov);
   }
@@ -1659,6 +1687,12 @@
   .bg-primary {
     background-color: var(--color-primary);
   }
+  .bg-primary\/10 {
+    background-color: color-mix(in srgb, #1e3a5f 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
+    }
+  }
   .bg-primary\/70 {
     background-color: color-mix(in srgb, #1e3a5f 70%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1968,6 +2002,10 @@
   .font-mono {
     font-family: var(--font-mono);
   }
+  .text-2xl {
+    font-size: var(--text-2xl);
+    line-height: var(--tw-leading, var(--text-2xl--line-height));
+  }
   .text-base {
     font-size: var(--text-base);
     line-height: var(--tw-leading, var(--text-base--line-height));
@@ -2269,6 +2307,9 @@
   .underline {
     text-decoration-line: underline;
   }
+  .decoration-dotted {
+    text-decoration-style: dotted;
+  }
   .underline-offset-2 {
     text-underline-offset: 2px;
   }
@@ -2570,6 +2611,9 @@
     .hover\:border-line-2:hover {
       border-color: var(--color-line-2);
     }
+    .hover\:bg-accent:hover {
+      background-color: var(--color-accent);
+    }
     .hover\:bg-danger\/5:hover {
       background-color: color-mix(in srgb, #8b3a3a 5%, transparent);
     }