create-principles-disciple 1.146.4 → 1.146.7

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

@@ -1,602 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect, useCallback, useRef } from "react";
-import { useParams, useNavigate, useLocation, 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 { Button } from "../../components/ui/button.js";
-import { fetchPrincipleDetail, fetchApprovalsGrouped, fetchLifecycleMetrics, fetchPrincipleTrajectory, fetchPrincipleGovernance, fetchPrincipleReceipts, fetchEvidenceAudit, fetchOwnerDecisionView, disableActivation, } from "../../api.js";
-import { ApprovalSubjectReading } from "../focus/ApprovalSubjectReading.js";
-import { ReceiptCoverageDisclosure, getReceiptSourceStatusLabelKey } from "../../components/receipts/ReceiptCoverageDisclosure.js";
-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";
-}
-function isRecord(v) {
-    return typeof v === "object" && v !== null && !Array.isArray(v);
-}
-function safeStringArray(v) {
-    if (!Array.isArray(v))
-        return [];
-    return v.filter(isString);
-}
-/**
- * Validate and normalize a PrincipleDetail from untrusted network data.
- * Returns a normalized object with safe defaults for all fields the page
- * actually accesses. Never returns null for individual fields — only for
- * completely unparseable top-level structures.
- */
-function validatePrincipleDetail(data) {
-    if (!isRecord(data))
-        return null;
-    if (!Object.hasOwn(data, "principle") || !isRecord(data.principle))
-        return null;
-    const raw = data.principle;
-    // Required fields — fail loud if missing
-    if (!Object.hasOwn(raw, "id") || !isString(raw.id))
-        return null;
-    if (!Object.hasOwn(raw, "text") || !isString(raw.text))
-        return null;
-    if (!Object.hasOwn(raw, "status") || !isString(raw.status))
-        return null;
-    // Normalize fields the page accesses with safe defaults
-    const normalized = {
-        ...raw,
-        triggerPattern: typeof raw.triggerPattern === "string" ? raw.triggerPattern : "",
-        action: typeof raw.action === "string" ? raw.action : "",
-        derivedFromPainIds: safeStringArray(raw.derivedFromPainIds),
-        rules: Array.isArray(raw.rules) ? raw.rules : [],
-    };
-    return { principle: normalized };
-}
-function validateApprovalsGrouped(data) {
-    if (!isRecord(data))
-        return null;
-    if (!Object.hasOwn(data, "groups") || !Array.isArray(data.groups))
-        return null;
-    for (const g of data.groups) {
-        if (!isRecord(g))
-            return null;
-        if (!Object.hasOwn(g, "principleId") || !isString(g.principleId))
-            return null;
-        if (!Object.hasOwn(g, "status") || !isString(g.status))
-            return null;
-        if (!Object.hasOwn(g, "records") || !Array.isArray(g.records))
-            return null;
-        for (const r of g.records) {
-            if (!isRecord(r))
-                return null;
-            if (!Object.hasOwn(r, "id") || !isString(r.id))
-                return null;
-            if (!Object.hasOwn(r, "channel") || !isString(r.channel))
-                return null;
-        }
-    }
-    return data;
-}
-function validateLifecycleMetrics(data) {
-    if (!isRecord(data))
-        return null;
-    if (!Object.hasOwn(data, "adherence") || !isRecord(data.adherence))
-        return null;
-    const a = data.adherence;
-    if (!Object.hasOwn(a, "insufficientData") || typeof a.insufficientData !== "boolean")
-        return null;
-    if (!Object.hasOwn(a, "note") || !isString(a.note))
-        return null;
-    // rate can be number or null
-    if (Object.hasOwn(a, "rate") && a.rate !== null && typeof a.rate !== "number")
-        return null;
-    if (!Object.hasOwn(data, "ruleMetrics") || !Array.isArray(data.ruleMetrics))
-        return null;
-    return data;
-}
-// ── Trajectory stage labels (i18n key mapping) ─────────────────────────────
-const STAGE_LABEL_KEYS = {
-    evidence: "principles.detail.stageEvidence",
-    diagnosis: "principles.detail.stageDiagnosis",
-    proposal: "principles.detail.stageProposal",
-    review: "principles.detail.stageReview",
-    deploy: "principles.detail.stageDeploy",
-    behavior: "principles.detail.stageBehavior",
-};
-// ── Component ───────────────────────────────────────────────────────────────
-// SPEC-PD-UIUX-001 R1: the headline must agree with BOTH verified counts.
-//   effect>0            → effect headline (records exist; no permanence claim)
-//   effect=0,presence>0 → "injections recorded, no effect records yet"
-//   effect=0,presence=0 → "nothing observed within the current retention window"
-// Presence is never inferred from approval/activation, and effect is never
-// inferred from presence — the degraded branch (status≠ok) handles
-// "cannot be confirmed" separately.
-export function getReceiptPresentation(effectCount, presenceCount) {
-    if (effectCount > 0) {
-        return {
-            headlineKey: 'principles.detail.receipts.headline',
-            presenceMissing: presenceCount === 0,
-            showZeroEffectExplanation: false,
-        };
-    }
-    if (presenceCount > 0) {
-        return {
-            headlineKey: 'principles.detail.receipts.headlinePresence',
-            presenceMissing: false,
-            showZeroEffectExplanation: true,
-        };
-    }
-    return {
-        headlineKey: 'principles.detail.receipts.headlineNone',
-        presenceMissing: false,
-        showZeroEffectExplanation: true,
-    };
-}
-export const GOVERNANCE_BLOCK_I18N_KEYS = {
-    recoveryReason: 'principles.detail.governance.reason.recovery_required',
-    recoveryNextAction: 'principles.detail.governance.next.inspect_recovery',
-    noDecisionReason: 'principles.detail.governance.actionsNotAuthorized',
-    nextActionLabel: 'principles.detail.governance.nextActionLabel',
-};
-/**
- * Returns `null` when decision controls may render; otherwise the reason they
- * must stay hidden.
- */
-export function deriveGovernanceControlBlock(input) {
-    const { governance, governanceUnavailable } = input;
-    if (governance === null) {
-        // Flag-off keeps the pre-projection experience: controls stay available and
-        // no blocked notice is shown (ERR-102: disabled ≠ unavailable).
-        if (governanceUnavailable === null)
-            return null;
-        return governanceUnavailable.nextAction === undefined
-            ? { source: 'server', reason: governanceUnavailable.reason }
-            : { source: 'server', reason: governanceUnavailable.reason, nextAction: governanceUnavailable.nextAction };
-    }
-    if (governance.attention.primary === 'owner_required')
-        return null;
-    if (governance.attention.primary === 'recovery_required') {
-        return {
-            source: 'i18n',
-            reasonKey: GOVERNANCE_BLOCK_I18N_KEYS.recoveryReason,
-            nextActionKey: GOVERNANCE_BLOCK_I18N_KEYS.recoveryNextAction,
-        };
-    }
-    return { source: 'i18n', reasonKey: GOVERNANCE_BLOCK_I18N_KEYS.noDecisionReason };
-}
-export function narrativeTexts(field) {
-    if (field.status === 'known' && Array.isArray(field.value)) {
-        const texts = [];
-        for (const item of field.value) {
-            if (isRecord(item) && isString(item.text))
-                texts.push(item.text);
-        }
-        return { status: 'known', texts };
-    }
-    const reason = isRecord(field.reason) && isString(field.reason.ownerText) ? field.reason.ownerText : '';
-    return { status: 'unknown', reason };
-}
-/** Resolves the concrete mutation target id for an action (never from URL). */
-export function actionTargetId(action, kind) {
-    const ref = action.targetRefs.find((target) => target.kind === kind);
-    return ref?.id ?? null;
-}
-// Codex review P2 fix (localization): the decision panel's CHROME (action
-// labels, next action, blocker headline) localizes in the client via stable
-// semantic codes; narrative CONTENT (artifact-derived text) stays in its
-// source language — the model-generated material cannot be translated by a
-// key lookup, so a full locale-carried response remains a follow-up.
-const ACTION_LABEL_KEY = {
-    approve: 'principles.detail.ownerDecision.actionLabel.approve',
-    reject: 'principles.detail.ownerDecision.actionLabel.reject',
-    edit_approval: 'principles.detail.ownerDecision.actionLabel.edit_approval',
-    disable: 'principles.detail.ownerDecision.actionLabel.disable',
-};
-export function localizeActionLabel(action, t) {
-    const key = ACTION_LABEL_KEY[action.semantic];
-    if (key === undefined)
-        return action.label;
-    const localized = t(key, { defaultValue: '' });
-    return localized === '' ? action.label : localized;
-}
-export function localizeNextAction(code, ownerText, t) {
-    const localized = t(`principles.detail.ownerDecision.next.${code}`, { defaultValue: '' });
-    return localized === '' ? ownerText : localized;
-}
-const DECISION_STATE_LABEL_KEY = {
-    needs_owner_decision: 'principles.detail.ownerDecision.state.needs_owner_decision',
-    processing: 'principles.detail.ownerDecision.state.processing',
-    blocked: 'principles.detail.ownerDecision.state.blocked',
-    recovery_needed: 'principles.detail.ownerDecision.state.recovery_needed',
-    decided: 'principles.detail.ownerDecision.state.decided',
-    no_action: 'principles.detail.ownerDecision.state.no_action',
-};
-export function PrincipleDetailPage() {
-    const { t, i18n } = useTranslation("pages");
-    const { id } = useParams();
-    const navigate = useNavigate();
-    const location = useLocation();
-    const navigationState = location.state;
-    const requestedReturn = navigationState !== null && typeof navigationState === 'object' && Object.hasOwn(navigationState, 'returnTo') ? Reflect.get(navigationState, 'returnTo') : null;
-    const returnTo = typeof requestedReturn === 'string' && (requestedReturn === '/principles' || requestedReturn.startsWith('/principles?') || requestedReturn === '/focus' || requestedReturn.startsWith('/focus?')) ? requestedReturn : '/principles';
-    const [principle, setPrinciple] = useState(null);
-    const [approvalGroup, setApprovalGroup] = useState(null);
-    const [approvalGroupUnavailable, setApprovalGroupUnavailable] = useState(false);
-    const [lifecycle, setLifecycle] = useState(null);
-    const [trajectory, setTrajectory] = useState(null);
-    const [governance, setGovernance] = useState(null);
-    const [governanceUnavailable, setGovernanceUnavailable] = useState(null);
-    const [ownerDecision, setOwnerDecision] = useState(null);
-    const [ownerDecisionUnavailable, setOwnerDecisionUnavailable] = useState(null);
-    const [receipts, setReceipts] = useState(null);
-    // PD v2 Phase 1: normalized intervention evidence audit (ADR-0027) — the
-    // four-query read stays a separate surface from the legacy receipt history.
-    const [evidenceAudit, setEvidenceAudit] = useState(null);
-    const [loadingEvidenceKind, setLoadingEvidenceKind] = useState(null);
-    const [loading, setLoading] = useState(true);
-    const [error, setError] = useState(null);
-    const detailEpoch = useRef(0);
-    // Decision action state — driven by backend available_actions only.
-    const [pendingAction, setPendingAction] = useState(null);
-    const [rejectReason, setRejectReason] = useState("");
-    const [newArtifactId, setNewArtifactId] = useState("");
-    const [approveNote, setApproveNote] = useState("");
-    const [actionLoading, setActionLoading] = useState(false);
-    // Evidence ID copy state (Wave 6: stop showing raw UUIDs as primary content)
-    const [evidenceCopied, setEvidenceCopied] = useState(false);
-    const [evidenceExpanded, setEvidenceExpanded] = useState(false);
-    // Fetch data
-    const loadData = useCallback(async () => {
-        if (!id)
-            return;
-        const epoch = ++detailEpoch.current;
-        setLoading(true);
-        setLoadingEvidenceKind(null);
-        setError(null);
-        setApprovalGroup(null); // Clear previous approval group to prevent stale actionability (P1)
-        setApprovalGroupUnavailable(false);
-        setGovernance(null);
-        setGovernanceUnavailable(null);
-        setOwnerDecision(null);
-        setOwnerDecisionUnavailable(null);
-        setReceipts(null);
-        setEvidenceAudit(null);
-        try {
-            const [pResult, aResult, lResult, tResult, gResult, dResult, rResult, eResult] = await Promise.all([
-                fetchPrincipleDetail(id),
-                fetchApprovalsGrouped(),
-                fetchLifecycleMetrics(id),
-                fetchPrincipleTrajectory(id),
-                fetchPrincipleGovernance(id),
-                fetchOwnerDecisionView(id),
-                fetchPrincipleReceipts(id),
-                fetchEvidenceAudit('principle', id),
-            ]);
-            if (epoch !== detailEpoch.current)
-                return;
-            if (!pResult.success) {
-                setError(pResult.error ?? "Failed to load principle");
-                return;
-            }
-            const pData = validatePrincipleDetail(pResult.data);
-            if (!pData) {
-                setError("Invalid principle data received");
-                return;
-            }
-            setPrinciple(pData.principle);
-            const aData = aResult.success ? validateApprovalsGrouped(aResult.data) : null;
-            if (aData) {
-                const group = aData.groups.find((g) => g.principleId === id);
-                setApprovalGroup(group ?? null);
-            }
-            else {
-                setApprovalGroup(null);
-                // The grouped list is the only source of pending approval records here;
-                // swallowing the failure would hide the decision surface without a word.
-                setApprovalGroupUnavailable(true);
-            }
-            const lData = lResult.success ? validateLifecycleMetrics(lResult.data) : null;
-            setLifecycle(lData);
-            // Trajectory — validated at request layer via validateTrajectoryData
-            if (tResult.success && tResult.data) {
-                setTrajectory(tResult.data);
-            }
-            else {
-                setTrajectory(null);
-            }
-            if (gResult.success && gResult.data) {
-                setGovernance(gResult.data);
-            }
-            else if (!gResult.success && gResult.reason !== 'feature_disabled') {
-                setGovernanceUnavailable({ reason: gResult.error, ...(gResult.nextAction === undefined ? {} : { nextAction: gResult.nextAction }) });
-            }
-            // Owner Decision Experience v1: the canonical first layer. feature_disabled
-            // mirrors the governance flag-off path (no owner-decision data, no error).
-            if (dResult.success && dResult.data) {
-                setOwnerDecision(dResult.data);
-            }
-            else if (!dResult.success && dResult.reason !== 'feature_disabled') {
-                setOwnerDecisionUnavailable({ reason: dResult.error });
-            }
-            // PRI-533: receipt history (degraded carries reason + nextAction)
-            if (rResult.success && rResult.data) {
-                setReceipts(rResult.data);
-            }
-            else {
-                setReceipts(null);
-            }
-            // PD v2 Phase 1: evidence audit (degraded carries reason + nextAction)
-            if (eResult.success && eResult.data) {
-                setEvidenceAudit(eResult.data);
-            }
-            else {
-                setEvidenceAudit(null);
-            }
-        }
-        catch (err) {
-            if (epoch !== detailEpoch.current)
-                return;
-            setError(err instanceof Error ? err.message : "Unknown error");
-            setApprovalGroup(null);
-            setApprovalGroupUnavailable(true);
-        }
-        finally {
-            if (epoch === detailEpoch.current)
-                setLoading(false);
-        }
-    }, [id]);
-    useEffect(() => {
-        setPendingAction(null);
-        setRejectReason('');
-        setNewArtifactId('');
-        setApproveNote('');
-        setActionLoading(false);
-        void loadData();
-        return () => { detailEpoch.current++; };
-    }, [loadData]);
-    const loadOlderEvidence = async (kind) => {
-        if (!id || !evidenceAudit || loadingEvidenceKind)
-            return;
-        const page = evidenceAudit.pages[kind];
-        if (!page.hasMore || !page.nextCursor)
-            return;
-        setLoadingEvidenceKind(kind);
-        const epoch = detailEpoch.current;
-        try {
-            const result = await fetchEvidenceAudit('principle', id, { kind, after: page.nextCursor });
-            if (epoch !== detailEpoch.current)
-                return;
-            if (!result.success || !result.data)
-                return;
-            if (result.data.status !== 'ok') {
-                toast.error(result.data.reason ?? '读取更早的干预证据失败');
-                return;
-            }
-            const section = kind === 'delivery' ? 'deliveries'
-                : kind === 'application' ? 'applications'
-                    : kind === 'behavior_episode' ? 'episodes'
-                        : kind === 'effect' ? 'effects' : 'outcomes';
-            setEvidenceAudit((current) => current === null ? current : ({
-                ...current,
-                [section]: [...current[section], ...result.data[section]],
-                pages: { ...current.pages, [kind]: result.data.pages[kind] },
-                unresolvedReferences: [...new Map([...current.unresolvedReferences, ...result.data.unresolvedReferences]
-                        .map((entry) => [`${entry.evidenceId}:${entry.field}:${entry.missingKey}`, entry])).values()],
-            }));
-        }
-        catch (err) {
-            if (epoch !== detailEpoch.current)
-                return;
-            toast.error(err instanceof Error ? err.message : '读取更早的干预证据失败');
-        }
-        finally {
-            if (epoch === detailEpoch.current)
-                setLoadingEvidenceKind(null);
-        }
-    };
-    // ── Owner decision actions (SPEC §8.4: mutation service is the authority) ─
-    // The view's actions are advisory; every submission goes through the real
-    // mutation service. On failure: show the service reason, invalidate stale
-    // actions, re-GET the view. Never auto-retry a mutation.
-    const submitOwnerAction = async (action) => {
-        if (actionLoading)
-            return;
-        if (action.semantic !== 'disable')
-            return;
-        setActionLoading(true);
-        const epoch = detailEpoch.current;
-        try {
-            let failed = false;
-            let failureDetail = '';
-            const settle = (result) => {
-                if (!result.success) {
-                    failed = true;
-                    failureDetail = `${result.error ?? ''}${result.nextAction ? ` ${result.nextAction}` : ''}`.trim();
-                }
-            };
-            if (action.semantic === 'disable') {
-                const activationId = actionTargetId(action, 'activation');
-                if (activationId === null) {
-                    toast.error(t("principles.detail.ownerDecision.invalidTarget", { defaultValue: "动作目标缺失，无法提交。" }));
-                    return;
-                }
-                settle(await disableActivation(activationId));
-            }
-            else {
-                return; // unknown semantics are never rendered; belt-and-suspenders
-            }
-            if (epoch !== detailEpoch.current)
-                return;
-            if (!failed) {
-                toast.success(t("principles.detail.ownerDecision.actionDone", { defaultValue: "操作已提交。" }));
-            }
-            else {
-                // SPEC §8.4: surface the service's real refusal reason and let the
-                // fresh GET decide what is actionable now — never auto-retry.
-                toast.error(t("principles.detail.ownerDecision.actionFailed", {
-                    defaultValue: "操作被拒绝：{{detail}} 可用操作已刷新，请基于最新状态重新决定。",
-                    detail: failureDetail === '' ? t("principles.detail.unknownFailure", { defaultValue: "请检查服务日志。" }) : failureDetail,
-                }));
-            }
-        }
-        catch (err) {
-            if (epoch !== detailEpoch.current)
-                return;
-            toast.error(err instanceof Error ? err.message : String(err));
-        }
-        finally {
-            if (epoch === detailEpoch.current) {
-                setActionLoading(false);
-                setPendingAction(null);
-                setRejectReason("");
-                setNewArtifactId("");
-                setApproveNote("");
-                // Invalidate the stale action list and re-derive from a fresh GET.
-                await loadData();
-            }
-        }
-    };
-    // ── Render ──────────────────────────────────────────────────────────────
-    if (loading) {
-        return (_jsx(PageShell, { children: _jsx(PageLoading, { cardCount: 1, label: t("principles.loading", { defaultValue: "Loading…" }) }) }));
-    }
-    if (error || !principle) {
-        return (_jsxs(PageShell, { children: [_jsxs(Button, { variant: "ghost", onClick: () => navigate(returnTo), className: "mb-4", children: ["\u2190 ", t("principles.detail.backToList")] }), _jsxs("div", { className: "border border-danger/30 rounded-[var(--radius-md)] p-4", children: [_jsx("p", { className: "text-danger text-sm", children: error ?? t("principles.notFound") }), _jsx(Button, { variant: "outline", size: "sm", onClick: loadData, className: "mt-2", children: t("principles.retry", { defaultValue: "Retry" }) })] })] }));
-    }
-    const hasRules = principle.rules.length > 0;
-    const receiptPresentation = receipts?.status === 'ok'
-        ? getReceiptPresentation(receipts.effectCount, receipts.presenceCount)
-        : null;
-    // 切片1（R2/R3/R7）：标题/正文分层——h1 只承载短标题预览；known 路径的逐字
-    // 全文在下方 learned 块渲染（一次），unknown 路径在此处正文块渲染（一次）。
-    const learnedText = ownerDecision?.learnedPrinciple.status === 'known'
-        ? ownerDecision.learnedPrinciple.value.text
-        : undefined;
-    const learnedKnown = learnedText !== undefined;
-    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("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 ?? "" });
-                                        navigate(`/report-problem?${params.toString()}`);
-                                    }, children: t("reportProblem.entryFeedback") })] })] }), ownerDecision !== null && (_jsxs("section", { className: "mb-8", "aria-labelledby": "owner-decision-title", "data-testid": "owner-decision-view", children: [_jsx(SectionTitle, { children: t("principles.detail.ownerDecision.title", { defaultValue: "这条原则的决策视图" }) }), _jsxs("div", { className: "rounded-[var(--radius-md)] border border-gov/25 bg-gov/5 p-4", children: [_jsxs("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-start sm:justify-between", children: [_jsxs("div", { children: [_jsx("h2", { id: "owner-decision-title", className: "text-[18px] font-semibold text-ink", children: t(DECISION_STATE_LABEL_KEY[ownerDecision.decisionState]) }), _jsx("p", { className: "mt-1 text-[13px] leading-relaxed text-ink-2", children: localizeNextAction(ownerDecision.nextAction.code, ownerDecision.nextAction.ownerText, t) })] }), _jsx("span", { "data-testid": "owner-decision-state", className: "w-fit rounded-full border border-line px-2 py-1 font-mono text-[11px] text-ink-3", children: ownerDecision.sourceReadStatus === 'complete'
-                                                ? t("principles.detail.ownerDecision.readsComplete", { defaultValue: "本次所需数据已读取" })
-                                                : t("principles.detail.ownerDecision.readsPartial", { defaultValue: "部分数据源读取失败" }) })] }), _jsxs("div", { className: "mt-4", "data-testid": "owner-decision-learned", children: [_jsx("p", { className: "font-mono text-[11px] uppercase tracking-[0.08em] text-ink-4", children: t("principles.detail.ownerDecision.learned", { defaultValue: "Agent 学到的行为准则" }) }), ownerDecision.learnedPrinciple.status === 'known' ? (_jsxs(_Fragment, { children: [_jsx("p", { className: "mt-1 text-ink-2 text-[15px] leading-relaxed whitespace-pre-wrap break-words", children: learnedPreview }), learnedTruncated && _jsxs("details", { className: "mt-3 text-sm text-ink-2", children: [_jsx("summary", { className: "cursor-pointer text-gov", children: t('principles.detail.fullRule') }), _jsx("p", { className: "mt-3 whitespace-pre-wrap break-words leading-relaxed", children: learnedText })] }), _jsx("p", { className: "mt-1 text-ink-4 text-[12px]", children: t("principles.detail.ownerDecision.sourceTierLabel", {
-                                                        defaultValue: "来源：{{tier}}（未经改写）",
-                                                        tier: t(`principles.detail.ownerDecision.tier.${ownerDecision.learnedPrinciple.value.sourceTier}`, { defaultValue: ownerDecision.learnedPrinciple.value.sourceTier }),
-                                                    }) })] })) : (_jsx("p", { className: "mt-1 text-amber text-[13px] leading-relaxed", children: ownerDecision.learnedPrinciple.reason.ownerText }))] }), ownerDecision.decisionSubjects.some((subject) => subject.state !== 'pending') && (_jsxs("div", { className: "mt-3", "data-testid": "owner-decision-history", children: [_jsx("p", { className: "font-mono text-[11px] uppercase tracking-[0.08em] text-ink-4", children: t("principles.detail.ownerDecision.history", { defaultValue: "决定历史" }) }), _jsx("ul", { className: "mt-1 space-y-1 text-[13px] text-ink-2", children: ownerDecision.decisionSubjects.filter((subject) => subject.state !== 'pending').map((subject) => {
-                                                const decidedAt = subject.targetRefs.find((target) => target.kind === 'approval')?.recordedAt;
-                                                const stateKey = `principles.detail.ownerDecision.historyState.${subject.state}`;
-                                                return (_jsxs("li", { children: [t(stateKey, { defaultValue: subject.state }), decidedAt !== undefined ? ` · ${decidedAt.slice(0, 10)}` : '', ' · ', t(`principles.detail.ownerDecision.channel.${subject.channel}`, { defaultValue: subject.channel })] }, `hist-${subject.key}`));
-                                            }) })] })), _jsxs("div", { className: "mt-5 border-t border-line pt-4", "data-testid": "owner-decision-actions", children: [_jsx("p", { className: "font-mono text-[11px] uppercase tracking-[0.08em] text-ink-4", children: t("principles.detail.ownerDecision.decision", { defaultValue: "你的决定" }) }), ownerDecision.availableActions.length === 0 && (_jsx("p", { className: "mt-1 text-ink-3 text-[13px]", children: t("principles.detail.ownerDecision.noActions", { defaultValue: "当前没有可以执行的操作。" }) })), approvalGroupUnavailable && ownerDecision.availableActions.length > 0 && (_jsxs("div", { role: "alert", className: "mt-2 text-[13px] leading-relaxed text-amber", "data-testid": "detail-approvals-unavailable", children: [_jsx("p", { children: t('focus.workbench.approvalsUnavailable') }), _jsx("button", { type: "button", onClick: () => { void loadData(); }, className: "mt-1 text-gov underline", children: t('focus.workbench.retry') })] })), approvalGroup?.records.filter(record => record.status === 'pending').map(record => {
-                                            const allowedActions = ownerDecision.availableActions
-                                                .filter(action => actionTargetId(action, 'approval') === record.id)
-                                                .map(action => action.semantic)
-                                                .filter((semantic) => semantic === 'approve' || semantic === 'reject' || semantic === 'edit_approval');
-                                            // A sibling's broken revision review must not block this record;
-                                            // without any per-record defect the group flag still covers the
-                                            // "multiple versions pending" ambiguity.
-                                            const revisionReviewUnavailable = record.revisionReviewUnavailable
-                                                ?? (approvalGroup.records.some(entry => entry.status === 'pending' && entry.revisionReviewUnavailable === true)
-                                                    ? false : approvalGroup.revisionReviewUnavailable);
-                                            return _jsxs("details", { className: "mt-4 rounded border border-line p-4", "data-testid": "detail-approval-review", children: [_jsxs("summary", { className: "cursor-pointer text-sm text-gov", children: [t('focus.workbench.proposal'), " \u00B7 ", t(`principles.detail.ownerDecision.channel.${record.channel}`, { defaultValue: record.channel })] }), _jsx("div", { className: "mt-5", children: _jsx(ApprovalSubjectReading, { principleId: principle.id, approvalId: record.id, artifactId: record.artifactId, channel: record.channel, showPrincipleLink: false, revisionReview: new Set(approvalGroup.records.filter(entry => entry.status === 'pending').map(entry => entry.artifactId)).size === 1 ? approvalGroup.revisionReview : undefined, revisionReviewUnavailable: revisionReviewUnavailable, allowedActions: allowedActions, lockedReason: ownerDecision.availableActions.some(action => actionTargetId(action, 'approval') === record.id) ? undefined : t('focus.workbench.permissionsUnknown'), onResolved: message => { toast.success(message); void loadData(); } }) })] }, record.id);
-                                        }), _jsx("div", { className: "mt-2 flex flex-wrap gap-3", children: ownerDecision.availableActions.filter(action => action.semantic === 'disable').map((action) => (_jsx(Button, { variant: action.semantic === 'reject' ? 'destructive' : action.semantic === 'disable' ? 'outline' : 'default', size: "sm", disabled: actionLoading, "data-action-semantic": action.semantic, onClick: () => {
-                                                    setRejectReason("");
-                                                    setApproveNote("");
-                                                    setPendingAction(action);
-                                                }, children: localizeActionLabel(action, t) }, action.key))) }), ownerDecision.blockers.length > 0 && (_jsx("ul", { className: "mt-3 space-y-1 text-[12px] text-ink-3", children: ownerDecision.blockers.map((blocker, index) => (_jsx("li", { "data-testid": "owner-decision-blocker", children: localizeAggregatedBlocker(blocker.reason, t) }, `blk-${index}`))) })), pendingAction !== null && (_jsxs("div", { className: "border-t border-line pt-6 mt-6", "data-testid": "owner-decision-confirm", children: [_jsx(SectionTitle, { children: pendingAction.label }), _jsxs("div", { className: "mt-2 p-3 bg-gov/5 border border-gov/20 rounded-[var(--radius-md)]", children: [pendingAction.expectedConsequence.status === 'known' && (_jsx("div", { className: "mb-3", children: pendingAction.expectedConsequence.value.map((item, index) => (_jsx("p", { className: "text-ink-2 text-[13px] leading-relaxed mb-1", children: item.text }, `exp-${index}`))) })), _jsx("p", { className: "text-ink-2 text-[13px] mb-3", children: pendingAction.confirmation.text }), pendingAction.requirements.some((req) => req.name === 'newArtifactId') && (_jsxs(_Fragment, { children: [_jsx("label", { className: "block font-mono text-[11px] uppercase tracking-[0.08em] text-ink-3 mb-2", children: t("principles.detail.editNewArtifactLabel", { defaultValue: "新的已验证工件 ID" }) }), _jsx("input", { type: "text", value: newArtifactId, onChange: (e) => setNewArtifactId(e.target.value), placeholder: t("principles.detail.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 font-mono focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gov", "aria-label": t("principles.detail.editNewArtifactPlaceholder", { defaultValue: "输入新的已验证工件 ID" }) })] })), pendingAction.requirements.some((req) => req.name === 'reason') && (_jsxs(_Fragment, { children: [_jsx("label", { className: "block font-mono text-[11px] uppercase tracking-[0.08em] text-ink-3 mb-2", children: t("principles.detail.rejectReasonLabel", { defaultValue: "拒绝原因" }) }), _jsx("textarea", { value: rejectReason, onChange: (e) => setRejectReason(e.target.value), placeholder: t("principles.detail.rejectReasonPlaceholder"), 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", "aria-label": t("principles.detail.rejectReasonPlaceholder") })] })), pendingAction.requirements.some((req) => req.name === 'note') && (_jsxs(_Fragment, { children: [_jsx("label", { className: "block font-mono text-[11px] uppercase tracking-[0.08em] text-ink-3 mb-2", children: t("principles.detail.approveNoteLabel", { defaultValue: "批准备注（可选）" }) }), _jsx("textarea", { "data-testid": "owner-decision-note", value: approveNote, onChange: (e) => setApproveNote(e.target.value), placeholder: pendingAction.requirements.find((req) => req.name === 'note')?.ownerText
-                                                                        ?? t("principles.detail.approveNotePlaceholder", { 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", "aria-label": t("principles.detail.approveNoteLabel", { defaultValue: "批准备注（可选）" }) })] })), _jsxs("div", { className: "flex gap-2 mt-3", children: [_jsx(Button, { variant: pendingAction.semantic === 'reject' ? 'destructive' : 'default', size: "sm", disabled: actionLoading
-                                                                        || (pendingAction.requirements.some((req) => req.name === 'reason') && !rejectReason.trim())
-                                                                        || (pendingAction.requirements.some((req) => req.name === 'newArtifactId') && !newArtifactId.trim()), onClick: () => {
-                                                                        const action = pendingAction;
-                                                                        void submitOwnerAction(action);
-                                                                    }, children: t("principles.detail.confirm", { defaultValue: "确认" }) }), _jsx(Button, { variant: "outline", size: "sm", onClick: () => { setPendingAction(null); setRejectReason(""); setNewArtifactId(""); setApproveNote(""); }, children: t("principles.detail.cancel") })] })] })] }))] }), _jsxs("details", { className: "mt-5 border-t border-line pt-4", "data-testid": "principle-formation-disclosure", children: [_jsx("summary", { className: "cursor-pointer text-sm text-gov", children: t('principles.detail.formationDisclosure') }), _jsxs("div", { className: "mt-4", children: [_jsx(OwnerNarrativeBlock, { testId: "owner-decision-incident", label: t("principles.detail.ownerDecision.incident", { defaultValue: "发生了什么" }), field: ownerDecision.incidentSummary }), _jsx(OwnerNarrativeBlock, { testId: "owner-decision-rationale", label: t("principles.detail.ownerDecision.rationale", { defaultValue: "为什么这么判断" }), field: ownerDecision.rationale })] })] }), _jsx(OwnerNarrativeBlock, { testId: "owner-decision-applicability", label: t("principles.detail.ownerDecision.applicability", { defaultValue: "什么时候适用" }), field: ownerDecision.applicability }), _jsx(OwnerNarrativeBlock, { testId: "owner-decision-expected", label: t("principles.detail.ownerDecision.expected", { defaultValue: "批准后会怎样（拟议行为，未部署）" }), field: ownerDecision.expectedBehavior }), ownerDecision.currentEnforcement.status === 'known' && (_jsxs("div", { className: "mt-4", "data-testid": "owner-decision-enforcement", children: [_jsx("p", { className: "font-mono text-[11px] uppercase tracking-[0.08em] text-ink-4", children: t("principles.detail.ownerDecision.enforcementLabel", { defaultValue: "当前实际执行" }) }), _jsx("p", { className: "mt-1 text-ink-2 text-[14px] leading-relaxed", children: ownerDecision.currentEnforcement.value?.state === 'active'
-                                                ? t("principles.detail.ownerDecision.enforcement.active", { defaultValue: "当前有正在执行的生效方式（见下方明细）。" })
-                                                : ownerDecision.currentEnforcement.value?.state === 'deactivated'
-                                                    ? t("principles.detail.ownerDecision.enforcement.deactivated", { defaultValue: "此前的执行方式已停用；当前没有正在执行的生效方式。" })
-                                                    : ownerDecision.currentEnforcement.value?.state === 'partially_active'
-                                                        ? t("principles.detail.ownerDecision.enforcement.partial", { defaultValue: "部分执行方式仍在运行（见下方明细）。" })
-                                                        : t("principles.detail.ownerDecision.enforcement.none", { defaultValue: "这条原则当前没有生效中的执行方式。" }) }), ownerDecision.currentEnforcement.value?.items.map((item) => (_jsxs("p", { className: "mt-1 text-ink-3 text-[12px]", children: [item.mode.status === 'known' ? item.mode.value : item.channel, " · ", item.active
-                                                    ? t("principles.detail.ownerDecision.enforcement.since", { defaultValue: "生效中（自 {{since}}）", since: item.since.status === 'known' ? item.since.value.slice(0, 10) : '?' })
-                                                    : t("principles.detail.ownerDecision.enforcement.stopped", { defaultValue: "已停用" })] }, item.activationRef.id)))] })), ownerDecision.currentEnforcement.status === 'unknown' && (_jsx("p", { className: "mt-4 text-amber text-[13px]", "data-testid": "owner-decision-enforcement-unknown", children: ownerDecision.currentEnforcement.reason?.ownerText })), ownerDecision.evidenceSummary.status === 'known' && (_jsxs("div", { className: "mt-4", "data-testid": "owner-decision-evidence", children: [_jsx("p", { className: "font-mono text-[11px] uppercase tracking-[0.08em] text-ink-4", children: t("principles.detail.ownerDecision.evidence", { defaultValue: "行为证据" }) }), _jsx("p", { className: "mt-1 text-ink-2 text-[13px] leading-relaxed", children: ownerDecision.evidenceSummary.value?.ownerExplanation })] })), _jsxs("div", { className: "mt-4", "data-testid": "owner-decision-uncertainty", children: [_jsx("p", { className: "font-mono text-[11px] uppercase tracking-[0.08em] text-ink-4", children: t("principles.detail.ownerDecision.uncertainty", { defaultValue: "风险与不确定性" }) }), ownerDecision.risk.status === 'known' && (ownerDecision.risk.value?.items.length ?? 0) > 0 && (_jsx("ul", { className: "mt-1 space-y-1 text-[13px] text-ink-2", children: ownerDecision.risk.value?.items.map((item, index) => (_jsx("li", { children: item.text }, `risk-${index}`))) })), ownerDecision.risk.status === 'known' && (ownerDecision.risk.value?.items.length ?? 0) === 0 && (_jsx("p", { className: "mt-1 text-ink-3 text-[13px]", children: t("principles.detail.ownerDecision.riskNotAssessed", { defaultValue: "尚未做过风险评估；这不代表没有风险。" }) })), ownerDecision.risk.status === 'unknown' && (_jsx("p", { className: "mt-1 text-ink-3 text-[13px]", children: ownerDecision.risk.reason?.ownerText })), ownerDecision.uncertainty.status === 'known' && ownerDecision.uncertainty.value.length > 0 && (_jsx("ul", { className: "mt-2 space-y-1 text-[12px] text-ink-3", children: ownerDecision.uncertainty.value.map((item, index) => (_jsx("li", { children: item.text }, `unc-${index}`))) }))] }), _jsxs("div", { className: "mt-4", "data-testid": "owner-decision-rollback", children: [_jsx("p", { className: "font-mono text-[11px] uppercase tracking-[0.08em] text-ink-4", children: t("principles.detail.ownerDecision.rollback", { defaultValue: "如何停止影响" }) }), ownerDecision.rollback.status === 'known' && (_jsxs(_Fragment, { children: [_jsx("p", { className: "mt-1 text-ink-2 text-[13px] leading-relaxed", children: ownerDecision.rollback.value?.ownerText }), ownerDecision.rollback.value?.stopFuture.status === 'known' && (_jsx("ul", { className: "mt-1 space-y-1 text-[12px] text-ink-3", children: ownerDecision.rollback.value.stopFuture.value.map((item, index) => (_jsx("li", { children: item.text }, `rb-${index}`))) })), ownerDecision.rollback.value?.stopFuture.status === 'not_applicable' && (_jsx("p", { className: "mt-1 text-ink-3 text-[12px]", children: ownerDecision.rollback.value.stopFuture.reason.ownerText }))] })), ownerDecision.rollback.status === 'unknown' && (_jsx("p", { className: "mt-1 text-amber text-[13px]", children: ownerDecision.rollback.reason?.ownerText }))] })] })] })), ownerDecision === null && ownerDecisionUnavailable !== null && (_jsxs("section", { className: "mb-8", "data-testid": "owner-decision-unavailable", children: [_jsx(SectionTitle, { children: t("principles.detail.ownerDecision.title", { defaultValue: "这条原则的决策视图" }) }), _jsxs("div", { className: "rounded-[var(--radius-md)] border border-amber/30 bg-amber/5 p-4", role: "status", children: [_jsx("p", { className: "text-ink-2 text-[13px]", children: t("principles.detail.ownerDecision.unavailable", { defaultValue: "决策视图暂时不可用，无法据此做决定。" }) }), _jsx("p", { className: "mt-1 text-ink-4 text-[12px] font-mono", children: ownerDecisionUnavailable.reason })] })] })), (governance !== null || governanceUnavailable !== null) && (_jsxs("section", { className: "mb-8", "aria-labelledby": "governance-summary-title", children: [_jsx(SectionTitle, { children: t('principles.detail.governance.title') }), governance !== null ? (_jsxs("div", { "data-testid": "governance-summary", className: `rounded-[var(--radius-md)] border p-4 ${governance.dataQuality.degraded ? 'border-amber/30 bg-amber/5' : 'border-gov/25 bg-gov/5'}`, children: [_jsxs("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-start sm:justify-between", children: [_jsxs("div", { children: [_jsx("h2", { id: "governance-summary-title", className: "text-[18px] font-semibold text-ink", children: t(`principles.detail.${governance.summary.headlineCode}`, { defaultValue: governance.summary.headlineCode }) }), _jsx("p", { className: "mt-1 text-[13px] leading-relaxed text-ink-2", children: t(`principles.detail.${governance.summary.reasonCode}`, { defaultValue: governance.summary.reasonCode }) })] }), _jsx("span", { className: "w-fit rounded-full border border-line px-2 py-1 font-mono text-[11px] text-ink-3", children: t(`principles.detail.governance.confidence.${governance.dataQuality.degraded ? 'degraded' : 'strong'}`) })] }), _jsxs("dl", { className: "mt-4 grid grid-cols-1 gap-3 sm:grid-cols-3", children: [_jsxs("div", { children: [_jsx("dt", { className: "font-mono text-[11px] text-ink-4", children: t('principles.detail.governance.principleState') }), _jsx("dd", { className: "text-[13px] text-ink-2", children: t(`principles.detail.governance.state.${governance.principleState.value}`) })] }), _jsxs("div", { children: [_jsx("dt", { className: "font-mono text-[11px] text-ink-4", children: t('principles.detail.governance.process') }), _jsx("dd", { className: "text-[13px] text-ink-2", children: governance.process.stage === undefined ? t('principles.detail.governance.none') : t(`principles.detail.governance.stage.${governance.process.stage}`) })] }), _jsxs("div", { children: [_jsx("dt", { className: "font-mono text-[11px] text-ink-4", children: t('principles.detail.governance.automation') }), _jsx("dd", { className: "text-[13px] text-ink-2", children: t(`principles.detail.governance.automationState.${governance.automation.state}`) })] })] }), _jsxs("div", { "data-testid": "governance-next-action", className: "mt-4 border-l-2 border-l-gov pl-3", children: [_jsx("p", { className: "font-mono text-[11px] uppercase tracking-[0.08em] text-ink-4", children: t('principles.detail.governance.nextAction') }), _jsx("p", { className: "text-[13px] text-ink-2", children: t(`principles.detail.${governance.summary.nextActionCode}`, { defaultValue: governance.summary.nextActionCode }) })] }), governance.attention.items.length > 0 && (_jsxs("div", { className: "mt-4", children: [_jsx("p", { className: "font-mono text-[11px] uppercase tracking-[0.08em] text-ink-4", children: t('principles.detail.governance.blockers') }), _jsx("ul", { className: "mt-1 space-y-1 text-[13px] text-ink-2", children: groupByReasonCode(governance.attention.items).map(group => _jsx("li", { children: formatGroupedReasonLine(t, 'principles.detail.governance.attention', group) }, group.reasonCode)) })] })), governance.dataQuality.degraded && (_jsxs("div", { "data-testid": "governance-data-quality", className: "mt-4 rounded-[var(--radius-sm)] border border-amber/20 p-3", children: [_jsx("p", { className: "font-mono text-[11px] uppercase tracking-[0.08em] text-amber", children: t('principles.detail.governance.uncertainty') }), _jsx("ul", { className: "mt-1 space-y-1 text-[12px] text-ink-3", children: groupByReasonCode(governance.dataQuality.issues).map(group => _jsx("li", { children: formatGroupedReasonLine(t, 'principles.detail.governance.issue', group) }, group.reasonCode)) })] }))] })) : (_jsxs("div", { "data-testid": "governance-data-quality", className: "rounded-[var(--radius-md)] border border-amber/30 bg-amber/5 p-4", role: "status", children: [_jsx("h2", { id: "governance-summary-title", className: "text-[16px] font-semibold text-ink", children: t('principles.detail.governance.unavailable') }), _jsx("p", { className: "mt-1 text-[13px] text-ink-2", children: t('principles.detail.governance.unavailableReason') }), _jsx("p", { className: "mt-2 text-[12px] text-ink-3", children: t('principles.detail.governance.unavailableNextAction') })] }))] })), receipts !== null && (_jsxs("section", { className: "mb-8", "aria-labelledby": "receipt-history-title", children: [_jsx(SectionTitle, { children: t('principles.detail.receipts.title') }), receipts.status === 'ok' ? (_jsxs("div", { "data-testid": "receipt-history", className: "rounded-[var(--radius-md)] border border-line p-4", children: [_jsxs("div", { className: "flex flex-wrap items-baseline justify-between gap-2", children: [_jsx("h2", { id: "receipt-history-title", className: "text-[15px] font-semibold text-ink", children: receiptPresentation?.headlineKey === 'principles.detail.receipts.headline'
-                                                ? t(receiptPresentation.headlineKey, {
-                                                    defaultValue: '',
-                                                    effectCount: receipts.effectCount,
-                                                    lastEffectAt: receipts.lastEffectAt ? formatDate(receipts.lastEffectAt, i18n.language) : '',
-                                                })
-                                                : t(receiptPresentation?.headlineKey ?? 'principles.detail.receipts.headlinePresence') }), _jsx("span", { "data-testid": "receipt-history-counts", className: "font-mono text-[11px] text-ink-3", children: t('principles.detail.receipts.counts', { effectCount: receipts.effectCount, presenceCount: receipts.presenceCount }) })] }), receiptPresentation?.showZeroEffectExplanation && (_jsx("p", { "data-testid": "receipt-history-zero-effect", className: "mt-2 text-[12px] leading-relaxed text-ink-3", children: t(receipts.presenceCount > 0
-                                        ? 'principles.detail.receipts.zeroEffectPresence'
-                                        : 'principles.detail.receipts.zeroEffectNone') })), receiptPresentation?.presenceMissing && (_jsx("p", { "data-testid": "receipt-history-presence-missing", className: "mt-2 text-[12px] leading-relaxed text-ink-3", children: t('principles.detail.receipts.presenceMissingNote') })), receipts.events.length > 0 ? (_jsx("ul", { className: "mt-3 space-y-1.5", children: receipts.events.map((event, index) => (_jsxs("li", { className: `flex flex-wrap items-baseline gap-2 text-[13px] ${event.level === 'presence' ? 'text-ink-4' : 'text-ink-2'}`, children: [_jsx("span", { className: "font-mono text-[11px] text-ink-4", children: event.createdAt.slice(0, 16).replace('T', ' ') }), _jsx("span", { className: "font-mono text-[11px]", children: t(`principles.detail.receipts.kind.${event.kind}`, { defaultValue: event.kind }) }), event.digest && _jsx("span", { className: "min-w-0 flex-1 truncate", title: event.digest, children: event.digest })] }, `${event.createdAt}-${index}`))) })) : (_jsx("p", { className: "mt-2 text-[13px] text-ink-3", children: t('principles.detail.receipts.empty') })), _jsx("p", { className: "mt-3 text-[11px] leading-relaxed text-ink-4", children: t('principles.detail.receipts.note') }), _jsx("div", { className: "mt-3 border-t border-line pt-3", children: _jsx(ReceiptCoverageDisclosure, { coverage: receipts.coverage }) })] })) : (_jsxs("div", { "data-testid": "receipt-history-degraded", className: "rounded-[var(--radius-md)] border border-amber/30 bg-amber/5 p-4", role: "status", children: [_jsx("h3", { className: "text-[13px] font-semibold text-ink", children: i18n.t(getReceiptSourceStatusLabelKey(receipts.coverage.sourceStatus)) }), _jsx("p", { className: "mt-1 text-[13px] text-ink-2", children: receipts.reason ?? t('principles.detail.receipts.unavailableReason') }), receipts.nextAction && _jsx("p", { className: "mt-1 text-[12px] text-ink-3", children: receipts.nextAction })] }))] })), evidenceAudit !== null && (_jsxs("section", { className: "mb-8", "aria-labelledby": "evidence-audit-title", children: [_jsx(SectionTitle, { children: t('principles.detail.evidenceAudit.title') }), evidenceAudit.status === 'ok' ? (_jsxs("div", { "data-testid": "evidence-audit", className: "rounded-[var(--radius-md)] border border-line p-4", children: [_jsx("h2", { id: "evidence-audit-title", className: "text-[15px] font-semibold text-ink", children: t('principles.detail.evidenceAudit.headline', {
-                                        d: evidenceAudit.deliveries.length,
-                                        a: evidenceAudit.applications.length,
-                                        e: evidenceAudit.episodes.length,
-                                        f: evidenceAudit.effects.length,
-                                        o: evidenceAudit.outcomes.length,
-                                    }) }), evidenceAudit.unresolvedReferences.length > 0 && (_jsx("p", { "data-testid": "evidence-audit-unresolved", className: "mt-2 text-[12px] text-amber", children: t('principles.detail.evidenceAudit.unresolved', {
-                                        count: evidenceAudit.unresolvedReferences.length,
-                                    }) })), _jsx("dl", { className: "mt-3 space-y-2 text-[13px]", children: [
-                                        ['delivery', 'principles.detail.evidenceAudit.sectionDelivery', evidenceAudit.deliveries, 'delivery'],
-                                        ['application', 'principles.detail.evidenceAudit.sectionApplication', evidenceAudit.applications, 'application'],
-                                        ['episode', 'principles.detail.evidenceAudit.sectionEpisode', evidenceAudit.episodes, 'behavior_episode'],
-                                        ['effect', 'principles.detail.evidenceAudit.sectionEffect', evidenceAudit.effects, 'effect'],
-                                        ['outcome', 'principles.detail.evidenceAudit.sectionOutcome', evidenceAudit.outcomes, 'outcome'],
-                                    ].map(([key, labelKey, list, recordKind]) => (_jsxs("div", { className: "border-t border-line pt-2", children: [_jsx("dt", { className: "font-mono text-[11px] uppercase tracking-[0.08em] text-ink-4", children: t(labelKey) }), _jsx("dd", { className: "mt-1", children: list.length === 0 ? (_jsx("span", { className: "text-[13px] text-ink-3", children: t('principles.detail.evidenceAudit.emptySection') })) : (_jsx("ul", { className: "space-y-1", children: list.map((record) => (_jsxs("li", { className: "flex flex-wrap items-baseline gap-2 text-[13px] text-ink-2", children: [_jsx("span", { className: "font-mono text-[11px] text-ink-4", children: record.recordedAt.slice(0, 16).replace('T', ' ') }), _jsx("span", { className: "font-mono text-[11px]", children: record.summary }), _jsx("span", { className: "min-w-0 flex-1 break-words", title: `${record.observationKey}\n${record.detail}`, children: record.detail }), record.associationStatus === 'pending_association' && (_jsx("span", { className: "font-mono text-[10px] rounded bg-amber/15 px-1.5 py-0.5 text-amber", children: t('principles.detail.evidenceAudit.pending') }))] }, record.evidenceId))) })) }), evidenceAudit.pages[recordKind].hasMore && (_jsx(Button, { variant: "ghost", size: "sm", disabled: loadingEvidenceKind !== null, onClick: () => void loadOlderEvidence(recordKind), children: loadingEvidenceKind === recordKind ? t('principles.detail.evidenceAudit.loading') : t('principles.detail.evidenceAudit.loadOlder') }))] }, key))) }), evidenceAudit.capabilityDeclarations.length > 0 && (_jsxs("details", { className: "mt-3 border-t border-line pt-3", children: [_jsx("summary", { className: "cursor-pointer font-mono text-[11px] uppercase tracking-[0.08em] text-ink-4", children: t('principles.detail.evidenceAudit.capabilities') }), _jsx("ul", { className: "mt-2 space-y-1", children: evidenceAudit.capabilityDeclarations.map((cap) => (_jsxs("li", { className: "text-[12px] text-ink-3", children: [_jsxs("span", { className: "font-mono", children: [cap.hostKind, " \u00B7 ", cap.capability, " \u00B7 ", cap.status] }), cap.note && _jsxs("span", { children: [" \u2014 ", cap.note] })] }, `${cap.hostKind}-${cap.capability}`))) })] })), _jsxs("details", { className: "mt-3 border-t border-line pt-3", "data-testid": "evidence-audit-technical", children: [_jsx("summary", { className: "cursor-pointer font-mono text-[11px] uppercase tracking-[0.08em] text-ink-4", children: t('principles.detail.evidenceAudit.technicalSummary') }), _jsx("p", { className: "mt-2 text-[11px] leading-relaxed text-ink-4", children: t('principles.detail.evidenceAudit.technicalNote') }), _jsx("ul", { className: "mt-2 space-y-1", children: [
-                                                ['principles.detail.evidenceAudit.sectionDelivery', evidenceAudit.deliveries],
-                                                ['principles.detail.evidenceAudit.sectionApplication', evidenceAudit.applications],
-                                                ['principles.detail.evidenceAudit.sectionEpisode', evidenceAudit.episodes],
-                                                ['principles.detail.evidenceAudit.sectionEffect', evidenceAudit.effects],
-                                                ['principles.detail.evidenceAudit.sectionOutcome', evidenceAudit.outcomes],
-                                            ].flatMap(([labelKey, list]) => list.map((record) => (_jsxs("li", { className: "text-[11px] leading-relaxed text-ink-4", children: [_jsx("span", { className: "font-mono", children: record.evidenceId }), record.sourceStatus === 'unknown' && _jsxs(_Fragment, { children: [" \u00B7 ", t('principles.detail.evidenceAudit.sourceUnknown')] }), record.contentRedactedAt && _jsxs(_Fragment, { children: [" \u00B7 ", t('principles.detail.evidenceAudit.contentRedacted', { date: record.contentRedactedAt.slice(0, 10) })] }), record.contentReference && (_jsxs(_Fragment, { children: [" \u00B7 ", t('principles.detail.evidenceAudit.contentReference', {
-                                                                resolution: record.contentReference.resolution === 'resolved' ? t('principles.detail.evidenceAudit.referenceResolved') : t('principles.detail.evidenceAudit.referenceUnresolved'),
-                                                                principleId: record.contentReference.principleId,
-                                                                artifactId: record.contentReference.artifactId ? ` · ${record.contentReference.artifactId}` : '',
-                                                                // Review round (P2): keep the payload digest traceable —
-                                                                // the technical note promises it.
-                                                                payloadDigest: ` · ${t('principles.detail.evidenceAudit.payloadDigestLabel')}: ${record.contentReference.payloadDigest ?? t('principles.detail.evidenceAudit.noPayloadDigest')}`,
-                                                            })] })), record.activationReference && (_jsxs(_Fragment, { children: [" \u00B7 ", t('principles.detail.evidenceAudit.activationReference', {
-                                                                activationId: record.activationReference.activationId,
-                                                                activatedAt: record.activationReference.activatedAt ? ` · ${record.activationReference.activatedAt}` : '',
-                                                                snapshotDigest: ` · ${t('principles.detail.evidenceAudit.snapshotDigestLabel')}: ${record.activationReference.sourceSnapshotDigest}`,
-                                                            })] })), record.nativeLineage.length > 0 && _jsxs(_Fragment, { children: [" \u00B7 ", t('principles.detail.evidenceAudit.nativeLineage', { lineage: record.nativeLineage.join(' · ') })] })] }, record.evidenceId)))) })] }), _jsx("p", { className: "mt-3 text-[11px] leading-relaxed text-ink-4", children: t('principles.detail.evidenceAudit.note') })] })) : (_jsxs("div", { "data-testid": "evidence-audit-degraded", className: "rounded-[var(--radius-md)] border border-amber/30 bg-amber/5 p-4", role: "status", children: [_jsx("h3", { className: "text-[13px] font-semibold text-ink", children: t('principles.detail.evidenceAudit.unavailable') }), _jsx("p", { className: "mt-1 text-[13px] text-ink-2", children: evidenceAudit.reason ?? '—' }), evidenceAudit.nextAction && _jsx("p", { className: "mt-1 text-[12px] text-ink-3", children: evidenceAudit.nextAction })] }))] })), _jsxs("details", { className: "mb-8 border-t border-line pt-4", "data-testid": "principle-extra-context", children: [_jsx("summary", { className: "cursor-pointer text-sm text-gov", children: t('principles.detail.extraContext') }), _jsxs("div", { className: "mt-5", children: [_jsxs("section", { className: "mb-8", children: [_jsx(SectionTitle, { children: t("principles.detail.whyExists") }), _jsxs("div", { className: "space-y-3 mb-6", children: [_jsxs("div", { children: [_jsx("span", { className: "font-mono text-[11px] uppercase tracking-[0.08em] text-ink-3", children: t("principles.detail.applicable", { defaultValue: "适用场景（原始触发配置）" }) }), _jsx("p", { className: "text-ink-2 text-[14px] leading-relaxed font-mono break-all", children: principle.triggerPattern || t("principles.detail.notSpecified", { defaultValue: "未指定" }) })] }), _jsxs("div", { children: [_jsx("span", { className: "font-mono text-[11px] uppercase tracking-[0.08em] text-ink-3", children: t("principles.detail.expectedBehavior", { defaultValue: "预期行为（原始建议）" }) }), _jsx("p", { className: "text-ink-2 text-[14px] leading-relaxed", children: principle.action || t("principles.detail.notSpecified", { defaultValue: "未指定" }) })] })] }), principle.derivedFromPainIds.length > 0 && (_jsxs("div", { children: [_jsx("span", { className: "font-mono text-[11px] uppercase tracking-[0.08em] text-ink-3", children: t("principles.detail.evidence") }), _jsxs("div", { className: "mt-2 flex items-center gap-3 flex-wrap", children: [_jsx("p", { className: "text-ink-2 text-[14px] leading-relaxed", children: t("principles.detail.evidenceCount", {
-                                                                defaultValue: "已关联 {{count}} 条证据记录",
-                                                                count: principle.derivedFromPainIds.length,
-                                                            }) }), _jsx(Button, { variant: "ghost", size: "sm", onClick: async () => {
-                                                                try {
-                                                                    const summary = principle.derivedFromPainIds
-                                                                        .map((pid, i) => `pain_${i + 1}_id: ${pid}`)
-                                                                        .join("\n");
-                                                                    await navigator.clipboard.writeText(summary);
-                                                                    setEvidenceCopied(true);
-                                                                    setTimeout(() => setEvidenceCopied(false), 2000);
-                                                                }
-                                                                catch (error) {
-                                                                    // clipboard unavailable — expand as fallback
-                                                                    console.warn("Evidence ID copy failed; expanding technical details.", error);
-                                                                    if (!evidenceExpanded)
-                                                                        setEvidenceExpanded(true);
-                                                                }
-                                                            }, className: "font-mono text-[11px] h-7", children: evidenceCopied
-                                                                ? t("principles.detail.evidenceCopied", { defaultValue: "已复制" })
-                                                                : t("principles.detail.copyEvidenceId", { defaultValue: "复制证据 ID" }) }), _jsx("button", { type: "button", onClick: () => setEvidenceExpanded((v) => !v), className: "font-mono text-[11px] text-ink-4 hover:text-ink-3 transition-colors underline-offset-2 hover:underline", children: t("principles.detail.expandTechDetails", { defaultValue: "展开技术细节" }) }), _jsx(Link, { to: "/pain", className: "font-mono text-[11px] text-gov hover:underline transition-colors", children: t("principles.detail.viewEvidenceChain", { defaultValue: "在证据链页查看 →" }) })] }), evidenceExpanded && (_jsx("div", { className: "mt-3 p-3 bg-paper-2 border border-line rounded-[var(--radius-sm)]", children: _jsx("div", { className: "grid grid-cols-[auto 1fr] gap-x-4 gap-y-2 text-[13px]", children: principle.derivedFromPainIds.map((painId, idx) => (_jsxs("div", { className: "contents", children: [_jsx("span", { className: "font-mono text-ink-4", children: t("principles.detail.evidenceIdLabel", {
-                                                                        defaultValue: "证据 {{n}} ID",
-                                                                        n: idx + 1,
-                                                                    }) }), _jsx("span", { className: "font-mono text-ink-2 break-all", children: painId })] }, `${painId}-${idx}`))) }) }))] }))] }), _jsxs("section", { className: "mb-8 border-t border-line pt-6", children: [_jsx(SectionTitle, { children: t("principles.detail.ownerReflection") }), _jsxs("div", { className: "space-y-3", children: [_jsx("div", { className: "border-l-2 border-l-gov pl-3 text-ink-2 text-[13px] leading-relaxed", children: t("principles.detail.reflectionQ1") }), _jsx("div", { className: "border-l-2 border-l-gov pl-3 text-ink-2 text-[13px] leading-relaxed", children: t("principles.detail.reflectionQ2") }), _jsx("div", { className: "border-l-2 border-l-gov pl-3 text-ink-2 text-[13px] leading-relaxed", children: t("principles.detail.reflectionQ3") })] })] })] })] }), _jsxs("details", { className: "mb-8 border border-line rounded-[var(--radius-md)]", children: [_jsx("summary", { className: "px-4 py-3 cursor-pointer font-mono text-[11px] uppercase tracking-[0.1em] text-ink-3 hover:text-ink focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gov", children: t("principles.detail.trajectory") }), _jsxs("div", { className: "px-4 pb-4 border-t border-line pt-4", children: [governance !== null && (_jsxs("section", { className: "mb-6", "data-testid": "governance-timeline", children: [_jsx(SectionTitle, { children: t('principles.detail.governance.timeline') }), governance.timeline.length === 0 ? _jsx("p", { className: "text-[13px] text-ink-4", children: t('principles.detail.governance.timelineEmpty') }) : (_jsx("ol", { className: "space-y-3 border-l border-line pl-4", children: governance.timeline.map((event, index) => {
-                                                const derived = event.code === 'revision_requested' || event.code === 'revision_reopened';
-                                                return _jsxs("li", { children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("span", { className: "text-[13px] text-ink-2", children: t(`principles.detail.governance.timelineCode.${event.code}`, { defaultValue: event.code }) }), _jsx("span", { className: "rounded border border-line px-1.5 py-0.5 font-mono text-[10px] text-ink-4", children: t(`principles.detail.governance.${derived ? 'derived' : 'fact'}`) })] }), _jsx("p", { className: "mt-0.5 font-mono text-[11px] text-ink-4", children: event.occurredAt ?? event.recordedAt })] }, `${event.sourceRef.type}-${event.sourceRef.id}-${event.code}-${index}`);
-                                            }) }))] })), trajectory?.degraded && (_jsxs("div", { className: "mb-4 p-3 bg-amber/5 border border-amber/20 rounded-[var(--radius-sm)]", children: [_jsx("p", { className: "text-amber text-[12px] font-mono", children: trajectory.degraded.reason }), _jsx("p", { className: "text-ink-4 text-[11px] mt-1", children: trajectory.degraded.nextAction })] })), _jsx("div", { className: "space-y-4", children: (trajectory?.stages ?? []).length > 0 ? (trajectory.stages.map((stage) => (_jsxs("div", { className: "flex gap-4", children: [_jsx("span", { className: "font-mono text-[12px] text-ink-3 min-w-[80px]", children: t(STAGE_LABEL_KEYS[stage.key] ?? `principles.detail.stage${stage.key}`, { defaultValue: stage.key }) }), _jsx("div", { className: "flex-1", children: stage.status === 'available' ? (_jsxs(_Fragment, { children: [_jsx("p", { className: "text-ink-2 text-[13px]", children: stage.summary }), stage.detail && (_jsx("p", { className: "text-ink-3 text-[12px] mt-0.5", children: stage.detail })), stage.timestamp && (_jsx("p", { className: "text-ink-4 text-[11px] mt-0.5 font-mono", children: stage.timestamp }))] })) : (_jsxs("p", { className: "text-ink-4 text-[13px]", children: [stage.unavailableReason ?? '—', stage.nextAction && (_jsx("span", { className: "block text-ink-4 text-[11px] mt-0.5", children: stage.nextAction }))] })) })] }, stage.key)))) : (
-                                    // Fallback: show loading state or no-data message
-                                    ['evidence', 'diagnosis', 'proposal', 'review', 'deploy', 'behavior'].map((key) => (_jsxs("div", { className: "flex gap-4", children: [_jsx("span", { className: "font-mono text-[12px] text-ink-3 min-w-[80px]", children: t(STAGE_LABEL_KEYS[key] ?? `principles.detail.stage${key}`, { defaultValue: key }) }), _jsx("div", { className: "flex-1", children: _jsx("p", { className: "text-ink-4 text-[13px]", children: trajectory === null
-                                                        ? t("principles.detail.trajectoryLoadFailed", { defaultValue: "无法加载轨迹数据" })
-                                                        : "—" }) })] }, key)))) }), hasRules && lifecycle && (_jsxs("div", { className: "mt-6 pt-4 border-t border-line", children: [_jsx("span", { className: "font-mono text-[11px] uppercase tracking-[0.08em] text-ink-3", children: t("principles.detail.lifecycleMetrics", { defaultValue: "生命周期指标" }) }), _jsx("p", { className: "text-amber text-[12px] font-mono mt-1 mb-3", children: t("principles.detail.lifecycleNote") }), lifecycle.adherence.insufficientData ? (_jsx("p", { className: "text-ink-3 text-[13px] leading-relaxed", children: t("principles.detail.insufficientData") })) : (_jsxs("div", { children: [_jsxs("p", { className: "text-ink-2 text-[14px]", children: [t("principles.detail.adherenceRate", { defaultValue: "遵守率" }), ": ", lifecycle.adherence.rate !== null ? `${(lifecycle.adherence.rate * 100).toFixed(1)}%` : "—"] }), _jsx("p", { className: "text-ink-3 text-[12px] mt-1", children: lifecycle.adherence.note })] })), lifecycle.ruleMetrics.length > 0 && (_jsx("div", { className: "mt-3", children: lifecycle.ruleMetrics.map((rm) => (_jsxs("div", { className: "flex gap-3 text-[12px] font-mono text-ink-3", children: [_jsx("span", { children: rm.ruleId }), _jsxs("span", { children: [t("principles.detail.triggered", { defaultValue: "触发" }), ": ", rm.triggered] })] }, rm.ruleId))) }))] })), hasRules && !lifecycle && (_jsx("div", { className: "mt-6 pt-4 border-t border-line", children: _jsx("p", { className: "text-ink-3 text-[13px]", children: t("principles.detail.lifecycleLoadFailed", { defaultValue: "无法加载生命周期指标。你可以稍后重试。" }) }) }))] })] })] }) }));
-}
-/** Small presentational block: known narrative items or the honest unknown. */
-function OwnerNarrativeBlock({ label, field, testId }) {
-    const rendered = narrativeTexts(field);
-    return (_jsxs("div", { className: "mt-4", "data-testid": testId, children: [_jsx("p", { className: "font-mono text-[11px] uppercase tracking-[0.08em] text-ink-4", children: label }), rendered.status === 'known' ? (rendered.texts.length > 0 ? (rendered.texts.map((text, index) => (_jsx("p", { className: "mt-1 text-ink-2 text-[14px] leading-relaxed", children: text }, `${testId}-${index}`)))) : (_jsx("p", { className: "mt-1 text-ink-4 text-[13px]", children: "\u2014" }))) : (_jsx("p", { className: "mt-1 text-ink-3 text-[13px] leading-relaxed", children: rendered.reason }))] }));
-}