create-principles-disciple 1.146.3 → 1.146.6

package/console/dist/ui/pages/pain/PainPage.js

@@ -1,420 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * PainPage — Behavior Evidence page showing real evidence/pain/diagnosis chain states.
- *
- * PRI-331: Replaces the old approach of deriving evidence from principle metrics
- * with a direct read model from pain_events, tasks, candidates, and ledger.
- *
- * Privacy boundary (G.2 / F.3 / F.5):
- * - No raw prompt, chat, trajectory, token, full absolute path, or stack trace
- * - All summaries are already sanitized by the backend EvidenceChainConsoleModel
- * - Degraded paths show reason + nextAction, never silent fallback (ERR-002)
- */
-import { useState, useEffect, useCallback } from 'react';
-import { useTranslation } from 'react-i18next';
-import { useNavigate } from 'react-router-dom';
-import { PageShell } from '../../components/layout/page-shell.js';
-import { PageLoading } from '../../components/layout/page-loading.js';
-import { Badge } from '../../components/ui/badge.js';
-import { Card, CardContent, CardHeader, CardTitle } from '../../components/ui/card.js';
-import { Button } from '../../components/ui/button.js';
-import { ShinyText } from '../../components/ui/shiny-text.js';
-import { fetchEvidenceChain, recordIntentDecision, listIntentDecisionsByPainId, listIntentDecisionsByTaskId, dispatchFollowUp } from '../../api.js';
-import { formatDate } from '../../utils/format-date.js';
-import i18n from '../../i18n/index.js';
-import { buildCardLayers, buildDebugIdSummary, isLayer2EffectivelyEmpty, shouldRenderIntentTensionPanel, shouldRenderFollowUpActions, buildIntentDecisionPayload } from './pain-card-helpers.js';
-import { enumLabel } from '../../utils/enum-labels.js';
-// utils/format.js was retired into the defensive single-owner formatter
-// (format-date.ts) — same datetime components, invalid dates now render the
-// raw string instead of Intl throwing.
-const DATETIME_FORMAT_OPTS = {
-    year: 'numeric', month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit',
-};
-function formatDateTime(iso) {
-    return formatDate(iso, i18n.language, DATETIME_FORMAT_OPTS);
-}
-function groupForState(state) {
-    switch (state) {
-        case 'evidence-only':
-            return 'evidence_only';
-        case 'recorded-only':
-        case 'diagnosis-queued':
-        case 'diagnosis-running':
-        case 'diagnosis-succeeded':
-        case 'candidate-generated':
-        case 'internalization-missing':
-        case 'internalization-pending':
-        case 'internalization-running':
-        case 'internalization-succeeded':
-        case 'owner-reviewable':
-            return 'active_chain';
-        case 'diagnosis-failed':
-        case 'diagnosis-retry-wait':
-        case 'internalization-failed':
-            return 'failed';
-        case 'malformed':
-        case 'degraded':
-        default:
-            return 'evidence_only';
-    }
-}
-const GROUP_ORDER = ['active_chain', 'failed', 'evidence_only'];
-export function PainPage() {
-    const { t } = useTranslation();
-    const [state, setState] = useState({ status: 'loading' });
-    const [expandedIds, setExpandedIds] = useState(new Set());
-    const loadData = useCallback(async () => {
-        setState({ status: 'loading' });
-        const result = await fetchEvidenceChain();
-        if (!result.success) {
-            setState({ status: 'error', message: result.error ?? 'Unknown error' });
-            return;
-        }
-        if (result.data) {
-            setState({ status: 'loaded', data: result.data });
-        }
-        else {
-            // Validation returned null — degraded state
-            setState({
-                status: 'error',
-                message: t('pages.pain.validationError'),
-            });
-        }
-    }, [t]);
-    useEffect(() => {
-        loadData();
-    }, [loadData]);
-    const toggleExpanded = (id) => {
-        setExpandedIds((prev) => {
-            const next = new Set(prev);
-            if (next.has(id)) {
-                next.delete(id);
-            }
-            else {
-                next.add(id);
-            }
-            return next;
-        });
-    };
-    return (_jsxs(PageShell, { children: [_jsxs("div", { className: "mb-8", children: [_jsx("div", { className: "font-mono text-[11px] uppercase tracking-[0.14em] text-ink-3", children: t('pages.pain.eyebrow') }), _jsx(ShinyText, { as: "h1", className: "text-[29px] font-semibold tracking-tight text-ink mt-3 mb-2", duration: 4.5, brightness: 0.5, disabled: state.status !== 'loaded' || state.data.records.length === 0, children: t('pages.pain.title') }), _jsx("p", { className: "text-ink-3 text-sm leading-relaxed max-w-[712px]", children: t('pages.pain.description') })] }), _jsx("div", { className: "mb-6 p-3 bg-panel border border-line rounded-[var(--radius-md)] text-ink-3 text-[13px] leading-relaxed", children: t('pages.pain.honestyNote') }), state.status === 'loading' && (_jsx(PageLoading, { cardCount: 4, label: t('common.loading') })), state.status === 'error' && (_jsxs("div", { className: "py-8", children: [_jsxs("div", { className: "text-danger text-sm mb-2", children: [t('pages.pain.loadError'), ": ", state.message] }), _jsx(Button, { variant: "outline", size: "sm", onClick: loadData, children: t('common.refresh') })] })), state.status === 'loaded' && (_jsx("div", { className: "animate-[pdFadeIn_400ms_ease-out]", children: _jsx(LoadedContent, { data: state.data, expandedIds: expandedIds, onToggle: toggleExpanded, onRefresh: loadData, t: t }) }))] }));
-}
-function LoadedContent({ data, expandedIds, onToggle, onRefresh, t }) {
-    const [reviewQueueExpanded, setReviewQueueExpanded] = useState(false);
-    // Show degraded banner if data sources are partially unavailable
-    const hasDegraded = !!data.degradedReason;
-    // Group records by state category
-    const grouped = new Map();
-    for (const record of data.records) {
-        const group = groupForState(record.state);
-        const existing = grouped.get(group) ?? [];
-        existing.push(record);
-        grouped.set(group, existing);
-    }
-    const hasRecords = data.records.length > 0;
-    return (_jsxs(_Fragment, { children: [hasDegraded && (_jsxs("div", { className: "mb-4 p-3 bg-panel border border-amber/20 rounded-[var(--radius-md)] text-amber text-[13px]", children: [_jsx("div", { className: "mb-1", children: data.degradedReason }), data.nextAction && (_jsx("div", { className: "text-ink-3 text-[12px]", children: data.nextAction }))] })), !hasRecords && data.note && (_jsx("div", { className: "mb-4 p-3 bg-panel border border-line rounded-[var(--radius-md)] text-ink-3 text-[13px]", children: data.note })), !hasRecords && !hasDegraded && _jsx(EmptyState, { t: t }), hasRecords && (_jsx("div", { className: "space-y-8", children: GROUP_ORDER.map((group) => {
-                    const records = grouped.get(group);
-                    if (!records || records.length === 0)
-                        return null;
-                    // For active_chain group, fold owner-reviewable records into a count
-                    // row when there are 2+ — they are already in the governance queue
-                    // and repeating each as a full card here is noise. Single record
-                    // stays expanded. Click the fold row to expand in-place.
-                    if (group === 'active_chain') {
-                        const inReview = records.filter((r) => r.state === 'owner-reviewable');
-                        const others = records.filter((r) => r.state !== 'owner-reviewable');
-                        const foldReviewQueue = inReview.length >= 2;
-                        const reviewQueueLabel = t('pages.pain.inReviewQueueCount').replace('{{count}}', String(inReview.length));
-                        return (_jsxs("div", { children: [_jsxs("div", { className: "font-mono text-[11px] uppercase tracking-[0.12em] text-ink-4 mb-3", children: [t(`pages.pain.group_${group}`), " (", records.length, ")"] }), _jsxs("div", { className: "space-y-4", children: [others.map((record) => (_jsx(EvidenceChainCard, { record: record, expanded: expandedIds.has(record.id), onToggle: () => onToggle(record.id), t: t }, record.id))), foldReviewQueue && !reviewQueueExpanded && (_jsxs("button", { type: "button", onClick: () => setReviewQueueExpanded(true), className: "w-full text-left p-3 bg-panel border border-line rounded-[var(--radius-md)] text-ink-3 text-sm hover:bg-paper-2 transition-colors", children: [reviewQueueLabel, " \u00B7 ", t('pages.pain.goToGovernance')] })), (!foldReviewQueue || reviewQueueExpanded) && inReview.map((record) => (_jsx(EvidenceChainCard, { record: record, expanded: expandedIds.has(record.id), onToggle: () => onToggle(record.id), t: t }, record.id))), foldReviewQueue && reviewQueueExpanded && (_jsxs("button", { type: "button", onClick: () => setReviewQueueExpanded(false), className: "font-mono text-[11px] text-ink-4 hover:text-ink-3 transition-colors", children: [reviewQueueLabel, " \u25B2"] }))] })] }, group));
-                    }
-                    return (_jsxs("div", { children: [_jsxs("div", { className: "font-mono text-[11px] uppercase tracking-[0.12em] text-ink-4 mb-3", children: [t(`pages.pain.group_${group}`), " (", records.length, ")"] }), _jsx("div", { className: "space-y-4", children: records.map((record) => (_jsx(EvidenceChainCard, { record: record, expanded: expandedIds.has(record.id), onToggle: () => onToggle(record.id), t: t }, record.id))) })] }, group));
-                }) })), _jsxs("div", { className: "mt-8 font-mono text-[11px] text-ink-4", children: [t('pages.pain.generatedAt'), ": ", formatDateTime(data.generatedAt)] })] }));
-}
-// ── Empty state (E section: guide next step, not "暂无数据") ──────────────────
-function EmptyState({ t }) {
-    return (_jsx("div", { className: "py-8", children: _jsxs("div", { className: "p-5 bg-panel border border-line rounded-[var(--radius-md)]", children: [_jsx("h3", { className: "text-[17px] font-semibold text-ink mb-2", children: t('pages.pain.emptyTitle') }), _jsx("p", { className: "text-ink-3 text-sm leading-relaxed", children: t('pages.pain.emptyDescription') })] }) }));
-}
-function EvidenceChainCard({ record, expanded, onToggle, t }) {
-    const [copied, setCopied] = useState(false);
-    const navigate = useNavigate();
-    const layer2Empty = isLayer2EffectivelyEmpty(record);
-    const stateVariant = stateToVariant(record.state);
-    const stateLabel = enumLabel('evidenceState', record.state, t);
-    const sourceLabel = enumLabel('sourceKind', record.sourceKind, t);
-    const layers = buildCardLayers(record);
-    // Confidence label — resolve via enumLabel for consistent i18n
-    const confidenceDisplay = layers.layer2.confidence
-        ? `${enumLabel('confidence', layers.layer2.confidence.label, t)} (${layers.layer2.confidence.raw.toFixed(2)})`
-        : null;
-    return (_jsxs(Card, { className: "overflow-hidden", children: [_jsx(CardHeader, { children: _jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [_jsx(Badge, { variant: stateVariant, children: stateLabel }), _jsx(Badge, { variant: "outline", children: sourceLabel }), record.hostKind && record.hostKind !== 'unknown' && (_jsx(Badge, { variant: "secondary", children: t(`pages.pain.hostKind.${record.hostKind}`) })), record.admissionDecision && (_jsx(Badge, { variant: "secondary", children: enumLabel('admission', record.admissionDecision, t) }))] }), _jsxs("div", { className: "flex items-center gap-2 shrink-0", children: [_jsx(Button, { variant: "ghost", size: "sm", "data-testid": `pain-feedback-${record.id}`, onClick: () => {
-                                        const params = new URLSearchParams({ source: "pain_page", painId: record.id });
-                                        navigate(`/report-problem?${params.toString()}`);
-                                    }, children: t('pages.reportProblem.entryFeedback') }), _jsx("span", { className: "font-mono text-[11px] text-ink-4 whitespace-nowrap", children: formatDateTime(record.observedAt) })] })] }) }), _jsxs(CardContent, { children: [_jsxs("div", { className: "space-y-3 mb-4", children: [_jsxs("div", { children: [_jsx("div", { className: "font-mono text-[11px] uppercase tracking-[0.08em] text-ink-4 mb-1", children: t('pages.pain.fieldTrigger') }), layer2Empty ? (_jsx("p", { className: "text-ink-3 text-sm italic leading-relaxed", children: t('pages.pain.noHumanSummary') })) : (_jsx(CardTitle, { className: "text-[15px] leading-relaxed", children: layers.layer2.triggerSummary }))] }), layers.layer2.conclusion && (_jsxs("div", { children: [_jsx("div", { className: "font-mono text-[11px] uppercase tracking-[0.08em] text-ink-4 mb-1", children: t('pages.pain.fieldConclusion') }), _jsx("p", { className: "text-ink text-sm leading-relaxed font-medium", children: layers.layer2.conclusion })] })), layers.layer2.applicability && (_jsxs("div", { children: [_jsx("div", { className: "font-mono text-[11px] uppercase tracking-[0.08em] text-ink-4 mb-1", children: t('pages.pain.fieldApplicability') }), _jsx("p", { className: "text-ink-2 text-sm leading-relaxed", children: layers.layer2.applicability })] })), confidenceDisplay && (_jsxs("div", { children: [_jsx("div", { className: "font-mono text-[11px] uppercase tracking-[0.08em] text-ink-4 mb-1", children: t('pages.pain.fieldConfidence') }), _jsx("p", { className: "text-ink-2 text-sm", children: confidenceDisplay })] })), layers.layer2.failureReason && (_jsxs("div", { children: [_jsx("div", { className: "font-mono text-[11px] uppercase tracking-[0.08em] text-ink-4 mb-1", children: t('pages.pain.fieldFailureReason') }), _jsx("p", { className: "text-danger text-sm leading-relaxed", children: layers.layer2.failureReason })] })), layers.layer2.degradedReason && (_jsxs("div", { children: [_jsx("div", { className: "font-mono text-[11px] uppercase tracking-[0.08em] text-ink-4 mb-1", children: t('pages.pain.fieldDegradedReason') }), _jsx("p", { className: "text-amber text-sm leading-relaxed", children: layers.layer2.degradedReason })] })), layers.layer2.nextAction && (_jsxs("div", { children: [_jsx("div", { className: "font-mono text-[11px] uppercase tracking-[0.08em] text-ink-4 mb-1", children: t('pages.pain.fieldNextAction') }), _jsx("p", { className: "text-ink-2 text-sm leading-relaxed", children: layers.layer2.nextAction })] }))] }), shouldRenderIntentTensionPanel(layers.layer2.intentTension) && (_jsx(IntentTensionPanel, { tension: layers.layer2.intentTension, recordId: record.id, painId: record.id, taskId: record.linkedTaskId ?? undefined, linkedCandidateId: record.linkedCandidateId ?? undefined, t: t })), _jsxs("div", { className: "mt-4 pt-3 border-t border-line", children: [_jsxs("div", { className: "flex items-center gap-3 flex-wrap", children: [_jsx(Button, { variant: "ghost", size: "sm", onClick: async () => {
-                                            try {
-                                                await navigator.clipboard.writeText(buildDebugIdSummary(record));
-                                                setCopied(true);
-                                                setTimeout(() => setCopied(false), 2000);
-                                            }
-                                            catch (error) {
-                                                // clipboard unavailable — expand details as fallback
-                                                console.warn("Debug ID copy failed; falling back to expanded details.", error);
-                                                if (!expanded)
-                                                    onToggle();
-                                            }
-                                        }, className: "font-mono text-[11px] h-7", children: copied ? t('pages.pain.copied') : t('pages.pain.copyDebugId') }), _jsx("button", { type: "button", onClick: onToggle, className: "font-mono text-[11px] text-ink-4 hover:text-ink-3 transition-colors underline-offset-2 hover:underline", children: t('pages.pain.expandTechDetails') })] }), expanded && (_jsx("div", { className: "mt-3 p-3 bg-paper-2 border border-line rounded-[var(--radius-sm)]", children: _jsxs("div", { className: "grid grid-cols-[auto_1fr] gap-x-4 gap-y-2 text-[13px]", children: [_jsx("span", { className: "font-mono text-ink-4", children: t('pages.pain.chainId') }), _jsx("span", { className: "font-mono text-ink-2", children: layers.layer3.id }), layers.layer3.linkedTaskId && (_jsxs(_Fragment, { children: [_jsx("span", { className: "font-mono text-ink-4", children: t('pages.pain.chainTaskId') }), _jsx("span", { className: "font-mono text-ink-2", children: layers.layer3.linkedTaskId })] })), layers.layer3.linkedTaskStatus && (_jsxs(_Fragment, { children: [_jsx("span", { className: "font-mono text-ink-4", children: t('pages.pain.chainTaskStatus') }), _jsx("span", { className: "font-mono text-ink-2", children: layers.layer3.linkedTaskStatus })] })), layers.layer3.linkedCandidateId && (_jsxs(_Fragment, { children: [_jsx("span", { className: "font-mono text-ink-4", children: t('pages.pain.chainCandidateId') }), _jsx("span", { className: "font-mono text-ink-2", children: layers.layer3.linkedCandidateId })] })), layers.layer3.linkedPrincipleId && (_jsxs(_Fragment, { children: [_jsx("span", { className: "font-mono text-ink-4", children: t('pages.pain.chainPrincipleId') }), _jsx("span", { className: "font-mono text-ink-2", children: layers.layer3.linkedPrincipleId })] })), layers.layer3.internalizationTaskId && (_jsxs(_Fragment, { children: [_jsx("span", { className: "font-mono text-ink-4", children: t('pages.pain.chainInternalizationTask') }), _jsx("span", { className: "font-mono text-ink-2", children: layers.layer3.internalizationTaskId })] })), layers.layer3.dreamerTaskStatus && (_jsxs(_Fragment, { children: [_jsx("span", { className: "font-mono text-ink-4", children: t('pages.pain.chainDreamerStatus') }), _jsx("span", { className: "font-mono text-ink-2", children: layers.layer3.dreamerTaskStatus })] })), _jsx("span", { className: "font-mono text-ink-4", children: t('pages.pain.chainSourceKind') }), _jsx("span", { className: "font-mono text-ink-2", children: layers.layer3.sourceKind }), _jsx("span", { className: "font-mono text-ink-4", children: t('pages.pain.chainState') }), _jsx("span", { className: "font-mono text-ink-2", children: layers.layer3.state })] }) }))] })] })] }));
-}
-// ── Helpers ────────────────────────────────────────────────────────────────────
-function stateToVariant(state) {
-    switch (state) {
-        case 'evidence-only':
-            return 'secondary';
-        case 'recorded-only':
-        case 'diagnosis-queued':
-        case 'diagnosis-running':
-        case 'internalization-pending':
-        case 'internalization-running':
-            return 'amber';
-        case 'diagnosis-succeeded':
-        case 'candidate-generated':
-        case 'internalization-succeeded':
-        case 'owner-reviewable':
-            return 'green';
-        case 'diagnosis-failed':
-        case 'internalization-failed':
-            return 'destructive';
-        case 'diagnosis-retry-wait':
-            return 'amber';
-        case 'malformed':
-        case 'degraded':
-        default:
-            return 'secondary';
-    }
-}
-// ── PRI-469: Intent Tension panel (SPEC §22.1) ───────────────────────────────
-/**
- * Convert a snake_case enum value to a PascalCase suffix for i18n keys.
- * E.g. 'action_drift' → 'ActionDrift', 'none' → 'None'.
- */
-function snakeToPascal(value) {
-    return value
-        .split('_')
-        .map((part) => part.charAt(0).toUpperCase() + part.slice(1))
-        .join('');
-}
-/**
- * Resolve an intentTension enum value to its localized label.
- * kind determines the i18n key prefix:
- * - 'source' → pages.pain.intentTensionSource{Pascal}
- * - 'evidenceStrength' → pages.pain.intentTensionEvidenceStrength{Pascal}
- * - 'suggestedAction' → pages.pain.intentTensionSuggestedAction{Pascal}
- */
-function intentTensionEnumLabel(value, kind, t) {
-    const keyPrefix = kind === 'source'
-        ? 'intentTensionSource'
-        : kind === 'evidenceStrength'
-            ? 'intentTensionEvidenceStrength'
-            : 'intentTensionSuggestedAction';
-    return t(`pages.pain.${keyPrefix}${snakeToPascal(value)}`);
-}
-/**
- * IntentTensionPanel — renders the intent tension decision panel (SPEC §22.1.2).
- *
- * This panel is rendered only when shouldRenderIntentTensionPanel returns true
- * (i.e., tension is non-null AND source !== 'none' per SPEC §22.1.3).
- *
- * Follow-up actions (SPEC §22.1.4) appear only after a decision is persisted
- * (PRI-471). The FollowUpActions component is rendered inside OwnerDecisionPanel
- * when shouldRenderFollowUpActions returns true.
- *
- * Accessibility (EP-09):
- * - Uses semantic <section> with aria-label
- * - Uses <dl>/<dt>/<dd> for label-value pairs
- * - Color is not the only indicator (text labels always present)
- */
-function IntentTensionPanel({ tension, recordId, painId, taskId, linkedCandidateId, t }) {
-    const sourceLabel = intentTensionEnumLabel(tension.source, 'source', t);
-    const strengthLabel = intentTensionEnumLabel(tension.evidenceStrength, 'evidenceStrength', t);
-    const actionLabel = intentTensionEnumLabel(tension.suggestedOwnerAction, 'suggestedAction', t);
-    return (_jsxs("section", { className: "mt-4 p-4 border border-line rounded-[var(--radius-sm)] bg-paper-2", "aria-label": t('pages.pain.intentTensionTitle'), children: [_jsxs("h4", { className: "text-[13px] font-semibold text-ink mb-3 flex items-center gap-2", children: [_jsx("span", { "aria-hidden": "true", className: "inline-block w-1.5 h-1.5 rounded-full bg-amber" }), t('pages.pain.intentTensionTitle')] }), _jsxs("dl", { className: "grid grid-cols-[auto_1fr] gap-x-4 gap-y-2 text-[13px]", children: [_jsx("dt", { className: "font-mono text-ink-4", children: t('pages.pain.intentTensionSourceLabel') }), _jsx("dd", { className: "text-ink-2", children: sourceLabel }), _jsx("dt", { className: "font-mono text-ink-4", children: t('pages.pain.intentTensionEvidenceStrengthLabel') }), _jsx("dd", { className: "text-ink-2", children: strengthLabel }), _jsx("dt", { className: "font-mono text-ink-4", children: t('pages.pain.intentTensionSuggestedActionLabel') }), _jsx("dd", { className: "text-ink-2 font-medium", children: actionLabel })] }), tension.relatedIntentFields.length > 0 && (_jsxs("div", { className: "mt-3", children: [_jsx("div", { className: "font-mono text-[11px] uppercase tracking-[0.08em] text-ink-4 mb-1", children: t('pages.pain.intentTensionRelatedIntentFieldsLabel') }), _jsx("div", { className: "flex flex-wrap gap-1.5", children: tension.relatedIntentFields.map((field, idx) => (_jsx(Badge, { variant: "outline", children: field }, `${field}-${idx}`))) })] })), tension.evidence.length > 0 && (_jsxs("div", { className: "mt-3", children: [_jsx("div", { className: "font-mono text-[11px] uppercase tracking-[0.08em] text-ink-4 mb-1", children: t('pages.pain.intentTensionEvidenceLabel') }), _jsx("ul", { className: "text-ink-2 text-sm leading-relaxed space-y-1", children: tension.evidence.map((item, idx) => (_jsx("li", { className: "pl-3 relative before:content-[''] before:absolute before:left-0 before:top-2 before:w-1 before:h-1 before:rounded-full before:bg-ink-4", children: item }, `${idx}-${item.slice(0, 12)}`))) })] })), _jsxs("div", { className: "mt-3", children: [_jsx("div", { className: "font-mono text-[11px] uppercase tracking-[0.08em] text-ink-4 mb-1", children: t('pages.pain.intentTensionExplanationLabel') }), _jsx("p", { className: "text-ink-2 text-sm leading-relaxed", children: tension.explanation })] }), tension.intentDocHash && (_jsxs("div", { className: "mt-3", children: [_jsx("div", { className: "font-mono text-[11px] uppercase tracking-[0.08em] text-ink-4 mb-1", children: t('pages.pain.intentTensionIntentDocHashLabel') }), _jsx("p", { className: "font-mono text-[11px] text-ink-3 break-all", children: tension.intentDocHash })] })), _jsx(OwnerDecisionPanel, { tension: tension, recordId: recordId, painId: painId, taskId: taskId, linkedCandidateId: linkedCandidateId, t: t })] }));
-}
-const OWNER_ACTION_BUTTONS = [
-    { action: 'confirm_drift', labelKey: 'pages.pain.ownerDecisionSubmitConfirmDrift' },
-    { action: 'revise_intent', labelKey: 'pages.pain.ownerDecisionSubmitReviseIntent' },
-    { action: 'observe', labelKey: 'pages.pain.ownerDecisionSubmitObserve' },
-    { action: 'dismiss', labelKey: 'pages.pain.ownerDecisionSubmitDismiss' },
-    { action: 'promote_to_principle', labelKey: 'pages.pain.ownerDecisionSubmitPromoteToPrinciple' },
-    { action: 'promote_to_rulehost', labelKey: 'pages.pain.ownerDecisionSubmitPromoteToRulehost' },
-];
-/**
- * SPEC §22.1.3 + §24.5: each `source` value has exactly ONE primary action.
- * - action_drift     → Confirm Drift (primary)
- * - intent_suspect   → Revise Intent (primary)
- * - healthy_tension  → Observe (primary)
- * - none             → (no decision panel rendered — handled by shouldRenderIntentTensionPanel)
- *
- * The primary button uses `variant="default"` (the Button component's primary
- * style: bg-gov text-paper); all others use `variant="outline"`.
- * This satisfies §24.5 acceptance criterion 4: "primary action 不相同，且每种状态只有一个 primary".
- */
-const PRIMARY_ACTION_BY_SOURCE = {
-    action_drift: 'confirm_drift',
-    intent_suspect: 'revise_intent',
-    healthy_tension: 'observe',
-};
-/**
- * OwnerDecisionPanel — renders the Owner decision flow for an intent tension.
- *
- * State machine: 'idle' | 'submitting' | 'recorded' | 'error'
- * - On mount, fetches existing decisions by painId (or taskId fallback).
- * - Shows 6 action buttons + optional note input.
- * - On submit, calls buildIntentDecisionPayload + recordIntentDecision.
- * - Follow-up actions placeholder appears when existingDecisions is non-empty.
- *
- * Accessibility (EP-09):
- * - Uses semantic <section> with aria-label
- * - Buttons have descriptive text labels
- */
-function OwnerDecisionPanel({ tension, recordId, painId, taskId, linkedCandidateId, t }) {
-    const [panelState, setPanelState] = useState('idle');
-    const [loadState, setLoadState] = useState('loading');
-    const [existingDecisions, setExistingDecisions] = useState([]);
-    const [note, setNote] = useState('');
-    const [errorMsg, setErrorMsg] = useState(null);
-    // Fetch existing decisions on mount — use painId when available, fall back to taskId.
-    useEffect(() => {
-        let cancelled = false;
-        const loadExisting = async () => {
-            setLoadState('loading');
-            const hasPainId = painId !== undefined && painId.length > 0;
-            const hasTaskId = taskId !== undefined && taskId.length > 0;
-            if (!hasPainId && !hasTaskId) {
-                // Nothing to query by — skip loading, treat as empty.
-                if (!cancelled)
-                    setLoadState('loaded');
-                return;
-            }
-            const result = hasPainId
-                ? await listIntentDecisionsByPainId(painId)
-                : await listIntentDecisionsByTaskId(taskId);
-            if (cancelled)
-                return;
-            if (!result.success) {
-                setLoadState('error');
-                return;
-            }
-            setExistingDecisions(result.data);
-            setLoadState('loaded');
-        };
-        void loadExisting();
-        return () => { cancelled = true; };
-    }, [painId, taskId]);
-    const handleSubmit = async (ownerAction) => {
-        setPanelState('submitting');
-        setErrorMsg(null);
-        // P0 fix (PRI-471): server requires a caller-supplied decision id.
-        // Use crypto.randomUUID() — available in modern browsers and Node 19+.
-        // Fallback to a timestamp-based id if crypto is unavailable (defensive).
-        const decisionId = (typeof crypto !== 'undefined' && typeof crypto.randomUUID === 'function')
-            ? crypto.randomUUID()
-            : 'decision-' + Date.now() + '-' + Math.random().toString(36).slice(2, 10);
-        const context = {
-            id: decisionId,
-            recordId,
-            painId,
-            taskId,
-            intentDocHash: tension.intentDocHash,
-        };
-        const payload = buildIntentDecisionPayload(tension, context, { ownerAction, note });
-        const result = await recordIntentDecision(payload);
-        if (!result.success) {
-            setPanelState('error');
-            setErrorMsg(result.error ?? t('pages.pain.ownerDecisionFailed'));
-            return;
-        }
-        setPanelState('recorded');
-        // Add the new decision so follow-up actions appear.
-        setExistingDecisions([result.data.record, ...existingDecisions]);
-    };
-    const hasExisting = existingDecisions.length > 0;
-    const showFollowUp = shouldRenderFollowUpActions(existingDecisions);
-    // PRI-471: the most recent decision drives which follow-up actions are shown.
-    // Decisions are sorted DESC by createdAt (server side), so [0] is the latest.
-    const latestDecision = existingDecisions[0];
-    return (_jsxs("div", { className: "mt-4 pt-3 border-t border-line", children: [_jsx("h5", { className: "text-[13px] font-semibold text-ink mb-1", children: t('pages.pain.ownerDecisionPanelTitle') }), _jsx("p", { className: "text-ink-3 text-[12px] leading-relaxed mb-3", children: t('pages.pain.ownerDecisionPanelSubtitle') }), loadState === 'loading' && (_jsx("p", { className: "text-ink-4 text-[12px] italic", children: t('pages.pain.ownerDecisionLoadingExisting') })), loadState === 'error' && (_jsx("p", { className: "text-amber text-[12px]", children: t('pages.pain.ownerDecisionLoadFailed') })), loadState === 'loaded' && hasExisting && panelState !== 'recorded' && (_jsx("p", { className: "text-ink-3 text-[12px] mb-3 italic", children: t('pages.pain.ownerDecisionExisting') })), panelState === 'recorded' && (_jsx("p", { className: "text-emerald text-[12px] mb-3 font-medium", children: t('pages.pain.ownerDecisionRecorded') })), panelState === 'error' && errorMsg && (_jsxs("p", { className: "text-danger text-[12px] mb-3", children: [t('pages.pain.ownerDecisionFailed'), ": ", errorMsg] })), panelState !== 'recorded' && loadState === 'loaded' && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "mb-3", children: [_jsx("label", { className: "block font-mono text-[11px] uppercase tracking-[0.08em] text-ink-4 mb-1", children: t('pages.pain.ownerDecisionNoteLabel') }), _jsx("input", { type: "text", value: note, onChange: (e) => setNote(e.target.value), placeholder: t('pages.pain.ownerDecisionNotePlaceholder'), disabled: panelState === 'submitting', className: "w-full px-3 py-1.5 text-[13px] bg-surface border border-line rounded-[var(--radius-sm)] text-ink-2 focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2 disabled:opacity-50" })] }), _jsx("div", { className: "flex flex-wrap gap-2", children: OWNER_ACTION_BUTTONS.map(({ action, labelKey }) => {
-                            // SPEC §22.1.3: the source determines which single button is primary.
-                            const isPrimary = PRIMARY_ACTION_BY_SOURCE[tension.source] === action;
-                            return (_jsx(Button, { variant: isPrimary ? 'default' : 'outline', size: "sm", disabled: panelState === 'submitting', onClick: () => void handleSubmit(action), children: panelState === 'submitting'
-                                    ? t('pages.pain.ownerDecisionSubmitting')
-                                    : t(labelKey) }, action));
-                        }) })] })), showFollowUp && latestDecision && (_jsx(FollowUpActions, { decision: latestDecision, linkedCandidateId: linkedCandidateId, onDecisionUpdated: (updated) => {
-                    // Replace the updated decision in the list (idempotent on id).
-                    setExistingDecisions((prev) => prev.map((d) => (d.id === updated.id ? updated : d)));
-                }, t: t }))] }));
-}
-/**
- * FollowUpActions — renders the governed follow-up actions available after an
- * Owner decision has been persisted (SPEC §22.1.4).
- *
- * Which actions are shown depends on the decision's `ownerAction`:
- * - `confirm_drift` → "Link Existing Candidate" (links to the evidence chain's
- *   linkedCandidateId, or prompts the Owner to enter one if not available).
- * - `promote_to_rulehost` → "View RuleHost Guidance" (returns CLI command).
- * - `revise_intent` → "View Intent Patch Proposal" (returns read-only markdown).
- * - `observe` / `dismiss` → no follow-up actions rendered (SPEC §22.1.4).
- *
- * Boundaries respected:
- * - No new activation channel — `link_candidate` only records an audit link.
- * - No SkillFileWriter, no auto-modification of INTENT.md — the patch proposal
- *   is display-only.
- * - No direct rule creation — `guide_rulehost` only returns CLI guidance.
- *
- * Accessibility (EP-09):
- * - Uses semantic <section> with aria-label
- * - Buttons have descriptive text labels
- * - Status messages use role="status" for screen readers
- */
-function FollowUpActions({ decision, linkedCandidateId, onDecisionUpdated, t }) {
-    const [busyState, setBusyState] = useState('idle');
-    const [errorMsg, setErrorMsg] = useState(null);
-    const [response, setResponse] = useState(null);
-    const [candidateIdInput, setCandidateIdInput] = useState(linkedCandidateId ?? '');
-    const ownerAction = decision.ownerAction;
-    // SPEC §22.1.4: observe and dismiss record decisions without follow-up actions.
-    if (ownerAction === 'observe' || ownerAction === 'dismiss') {
-        return null;
-    }
-    const handleDispatch = async (type) => {
-        setBusyState('dispatching');
-        setErrorMsg(null);
-        setResponse(null);
-        // Trim the candidate id so leading/trailing whitespace never reaches the
-        // audit trail (the disable-check already trims; the payload must match it).
-        // The server re-trims as the trust-boundary authority (EP-01).
-        const payload = type === 'link_candidate'
-            ? { type, candidateId: candidateIdInput.trim() }
-            : { type };
-        const result = await dispatchFollowUp(decision.id, payload);
-        if (!result.success) {
-            setBusyState('error');
-            setErrorMsg(result.error ?? t('pages.pain.followUpDispatchFailed'));
-            return;
-        }
-        setBusyState('dispatched');
-        setResponse(result.data);
-        // For follow-up types that update the record (link_candidate,
-        // generate_patch_proposal), propagate the updated record up so the
-        // parent's existingDecisions list stays in sync.
-        if (result.data.type === 'link_candidate' || result.data.type === 'generate_patch_proposal') {
-            onDecisionUpdated(result.data.record);
-        }
-    };
-    const isDispatching = busyState === 'dispatching';
-    return (_jsxs("div", { className: "mt-4 p-3 bg-paper-2 border border-line rounded-[var(--radius-sm)]", children: [_jsx("div", { className: "font-mono text-[11px] uppercase tracking-[0.08em] text-ink-4 mb-2", children: t('pages.pain.followUpActionsTitle') }), ownerAction === 'confirm_drift' && (_jsxs("div", { className: "space-y-2", children: [_jsx("p", { className: "text-ink-2 text-[13px] leading-relaxed", children: t('pages.pain.followUpLinkCandidateDescription') }), _jsxs("div", { className: "flex gap-2 items-start", children: [_jsx("input", { type: "text", value: candidateIdInput, onChange: (e) => setCandidateIdInput(e.target.value), placeholder: t('pages.pain.followUpCandidateIdPlaceholder'), "aria-label": t('pages.pain.followUpCandidateIdAriaLabel'), disabled: isDispatching, className: "flex-1 px-3 py-1.5 text-[13px] bg-surface border border-line rounded-[var(--radius-sm)] text-ink-2 focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2 disabled:opacity-50 font-mono" }), _jsx(Button, { variant: "outline", size: "sm", disabled: isDispatching || candidateIdInput.trim() === '', onClick: () => void handleDispatch('link_candidate'), children: isDispatching
-                                    ? t('pages.pain.followUpDispatching')
-                                    : t('pages.pain.followUpLinkCandidateButton') })] }), linkedCandidateId && (_jsx("p", { className: "text-ink-4 text-[11px] italic", children: t('pages.pain.followUpPrefilledFromEvidenceChain') })), busyState === 'dispatched' && response?.type === 'link_candidate' && (_jsxs("p", { role: "status", className: "text-emerald text-[12px] font-medium", children: [t('pages.pain.followUpLinkedSuccess'), ": ", _jsx("span", { className: "font-mono", children: response.linkedCandidateId })] }))] })), ownerAction === 'promote_to_rulehost' && (_jsxs("div", { className: "space-y-2", children: [_jsx("p", { className: "text-ink-2 text-[13px] leading-relaxed", children: t('pages.pain.followUpGuideRulehostDescription') }), _jsx(Button, { variant: "outline", size: "sm", disabled: isDispatching, onClick: () => void handleDispatch('guide_rulehost'), children: isDispatching
-                            ? t('pages.pain.followUpDispatching')
-                            : t('pages.pain.followUpGuideRulehostButton') }), busyState === 'dispatched' && response?.type === 'guide_rulehost' && (_jsxs("div", { role: "status", className: "mt-2 p-2 bg-surface border border-line rounded-[var(--radius-sm)]", children: [_jsx("div", { className: "font-mono text-[11px] uppercase tracking-[0.08em] text-ink-4 mb-1", children: t('pages.pain.followUpCliCommandLabel') }), _jsx("pre", { className: "font-mono text-[12px] text-ink-2 whitespace-pre-wrap break-all", children: response.cliCommand }), _jsx("p", { className: "text-ink-3 text-[12px] mt-2 leading-relaxed", children: response.note })] }))] })), ownerAction === 'revise_intent' && (_jsxs("div", { className: "space-y-2", children: [_jsx("p", { className: "text-ink-2 text-[13px] leading-relaxed", children: t('pages.pain.followUpPatchProposalDescription') }), _jsx(Button, { variant: "outline", size: "sm", disabled: isDispatching, onClick: () => void handleDispatch('generate_patch_proposal'), children: isDispatching
-                            ? t('pages.pain.followUpDispatching')
-                            : t('pages.pain.followUpViewPatchProposalButton') }), busyState === 'dispatched' && response?.type === 'generate_patch_proposal' && (_jsxs("div", { role: "status", className: "mt-2 p-2 bg-surface border border-line rounded-[var(--radius-sm)]", children: [_jsxs("div", { className: "flex items-center gap-2 mb-2", children: [_jsx("div", { className: "font-mono text-[11px] uppercase tracking-[0.08em] text-ink-4", children: t('pages.pain.followUpPatchProposalLabel') }), _jsx(Badge, { variant: "outline", className: "text-[10px]", children: t('pages.pain.followUpPatchProposalReadOnlyBadge') })] }), _jsx("pre", { className: "font-mono text-[11px] text-ink-2 whitespace-pre-wrap break-all bg-paper-2 p-2 rounded-[var(--radius-sm)] border border-line max-h-80 overflow-y-auto", children: response.patchProposal.markdown }), _jsx("p", { className: "text-amber text-[11px] mt-2 italic", children: t('pages.pain.followUpPatchProposalWarning') })] }))] })), ownerAction === 'promote_to_principle' && (_jsxs("div", { className: "space-y-2", children: [_jsx("p", { className: "text-ink-2 text-[13px] leading-relaxed", children: t('pages.pain.followUpPromoteToPrincipleDescription') }), _jsxs("div", { className: "flex gap-2 items-start", children: [_jsx("input", { type: "text", value: candidateIdInput, onChange: (e) => setCandidateIdInput(e.target.value), placeholder: t('pages.pain.followUpCandidateIdPlaceholder'), "aria-label": t('pages.pain.followUpCandidateIdAriaLabel'), disabled: isDispatching, className: "flex-1 px-3 py-1.5 text-[13px] bg-surface border border-line rounded-[var(--radius-sm)] text-ink-2 focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2 disabled:opacity-50 font-mono" }), _jsx(Button, { variant: "outline", size: "sm", disabled: isDispatching || candidateIdInput.trim() === '', onClick: () => void handleDispatch('link_candidate'), children: isDispatching
-                                    ? t('pages.pain.followUpDispatching')
-                                    : t('pages.pain.followUpLinkCandidateButton') })] }), linkedCandidateId && (_jsx("p", { className: "text-ink-4 text-[11px] italic", children: t('pages.pain.followUpPrefilledFromEvidenceChain') })), busyState === 'dispatched' && response?.type === 'link_candidate' && (_jsxs("p", { role: "status", className: "text-emerald text-[12px] font-medium", children: [t('pages.pain.followUpLinkedSuccess'), ": ", _jsx("span", { className: "font-mono", children: response.linkedCandidateId })] }))] })), busyState === 'error' && errorMsg && (_jsxs("p", { role: "alert", className: "text-danger text-[12px] mt-2", children: [t('pages.pain.followUpDispatchFailed'), ": ", errorMsg] }))] }));
-}

package/console/dist/ui/pages/pain/pain-card-helpers.d.ts

@@ -1,175 +0,0 @@
-/**
- * pain-card-helpers.ts — Pure display logic for EvidenceChainCard.
- *
- * PRI-344: Extracted from PainPage.tsx for testability.
- * No React dependency, no I/O. All functions are pure.
- */
-import type { IntentTensionData, IntentDecisionRecordData } from '../../utils/validators.js';
-import type { IntentDecisionInputPayload } from '../../api.js';
-export type ConfidenceLabel = 'high' | 'mid' | 'low';
-/**
- * Map a numeric confidence to a human-readable label.
- * Thresholds: ≥0.7 → 'high', 0.4–<0.7 → 'mid', <0.4 → 'low'
- */
-export declare function mapConfidenceLabel(confidence: number): ConfidenceLabel;
-export interface Layer1Data {
-    stateLabel: string;
-    sourceLabel: string;
-    observedAt: string;
-}
-export interface Layer2Data {
-    /** trigger behavior summary — always present */
-    triggerSummary: string;
-    /** PD conclusion — only when candidateTitle exists */
-    conclusion: string | null;
-    /** applicability — candidateSummary or rootCauseSummary */
-    applicability: string | null;
-    /** confidence level label + raw value */
-    confidence: {
-        label: ConfidenceLabel;
-        raw: number;
-    } | null;
-    /** failure reason — only for failed states */
-    failureReason: string | null;
-    /** degraded reason — when data is degraded */
-    degradedReason: string | null;
-    /** next action guidance */
-    nextAction: string | null;
-    /**
-     * PRI-469: optional intent tension from the diagnostician artifact.
-     * Present only when the record carries a validated intentTension.
-     * The UI renders an IntentTensionPanel when this is non-null (SPEC §22.1.2).
-     */
-    intentTension: IntentTensionData | null;
-}
-export interface Layer3Data {
-    id: string;
-    linkedTaskId: string | null;
-    linkedTaskStatus: string | null;
-    linkedCandidateId: string | null;
-    linkedPrincipleId: string | null;
-    sourceKind: string;
-    state: string;
-    /** PRI-380: internalization task linkage */
-    internalizationTaskId: string | null;
-    dreamerTaskStatus: string | null;
-}
-export interface CardLayers {
-    layer1: Layer1Data;
-    layer2: Layer2Data;
-    layer3: Layer3Data;
-}
-export interface RecordData {
-    id: string;
-    sourceKind: string;
-    observedAt: string;
-    state: string;
-    summary: string;
-    candidateTitle?: string;
-    candidateSummary?: string;
-    rootCauseSummary?: string;
-    confidence?: number;
-    recommendationKind?: string;
-    failureReason?: string;
-    degradedReason?: string;
-    nextAction?: string;
-    linkedTaskId?: string;
-    linkedTaskStatus?: string;
-    linkedCandidateId?: string;
-    linkedPrincipleId?: string;
-    /** PRI-380: internalization task linkage */
-    internalizationTaskId?: string;
-    dreamerTaskStatus?: string;
-    /** PRI-469: optional intent tension from diagnostician artifact (SPEC §16). */
-    intentTension?: IntentTensionData;
-}
-/**
- * Build the three-layer card data from a record.
- * - Layer 1: status badges + source + timestamp
- * - Layer 2: human-readable content (trigger, conclusion, applicability, confidence)
- * - Layer 3: technical IDs (collapsed by default)
- */
-export declare function buildCardLayers(record: RecordData): CardLayers;
-/**
- * Build a copyable debug ID summary string for developer troubleshooting.
- * Only includes non-null fields. Format: `key: value` per line.
- *
- * Purpose: replaces the 8-row ID table in Layer 3 with one copyable string,
- * so Owners never need to read raw IDs in the UI — they copy this string
- * only when reporting an issue to a developer.
- */
-export declare function buildDebugIdSummary(record: RecordData): string;
-/**
- * Check if a record's Layer 2 human-readable content is effectively empty.
- * Used to show an honest placeholder instead of a visually-empty card that
- * invites the user to expand Layer 3 IDs.
- *
- * "Effectively empty" = triggerSummary is blank OR equals a generic state-machine
- * string, AND no conclusion/applicability/failureReason/degradedReason.
- */
-export declare function isLayer2EffectivelyEmpty(record: RecordData): boolean;
-/**
- * Whether the IntentTensionPanel should render a high-salience decision panel.
- *
- * SPEC §22.1.3: when `source = none`, do NOT render a high-salience decision
- * panel. The tension may still be shown in technical details as "no intent
- * tension", but it must not compete for the Owner's attention.
- *
- * This helper is pure and tested independently of the React component.
- */
-export declare function shouldRenderIntentTensionPanel(tension: IntentTensionData | null | undefined): tension is IntentTensionData;
-/**
- * Whether follow-up actions (precipitate candidate principle, promote to
- * RuleHost, view Intent Patch Proposal) should be visible.
- *
- * SPEC §22.1.4: follow-up actions are NOT the first-layer decision. They only
- * appear after the Owner has confirmed a decision (an IntentDecisionRecord
- * has been persisted for this tension).
- *
- * PRI-470: replaced the PRI-469 stub. Now returns true only when a non-empty
- * decisions array exists — i.e., at least one IntentDecisionRecord has been
- * persisted for this tension.
- */
-export declare function shouldRenderFollowUpActions(decisions?: IntentDecisionRecordData[] | null): boolean;
-/**
- * Context needed to build an IntentDecisionInputPayload from a tension.
- * `id` is a caller-supplied UUID for the decision record. `recordId` is the
- * evidence chain record ID used as a fallback when taskId is not available.
- * `painId` and `intentDocHash` are optional.
- */
-export interface IntentDecisionContext {
-    id: string;
-    recordId: string;
-    painId?: string;
-    taskId?: string;
-    intentDocHash?: string;
-}
-/**
- * The Owner's decision on an intent tension. `ownerAction` overrides
- * `tension.suggestedOwnerAction` — the Owner may choose a different action
- * than the one PD suggested. `note` is an optional trimmed annotation.
- */
-export interface IntentDecisionChoice {
-    ownerAction: string;
-    note?: string;
-}
-/**
- * Build an IntentDecisionInputPayload from an IntentTension and the Owner's
- * chosen action. The payload is sent to POST /api/v1/intent-decisions.
- *
- * - `id` is the caller-supplied decision UUID (P0 fix: server requires this).
- * - `taskId` falls back to `recordId` when not provided.
- * - Optional fields (painId, intentDocHash, note) are omitted when empty.
- * - `note` is trimmed before being included.
- * - `evidenceRefs` is passed through as-is; truncation is the backend's job
- *   (the frontend must not silently drop evidence the Owner might rely on).
- * - `ownerAction` overrides `tension.suggestedOwnerAction` — the Owner may
- *   choose a different action than the one PD suggested.
- *
- * P0 fix (PRI-471): the previous payload used `evidence` + `explanation` +
- * `suggestedAction` and omitted `id`, which did not match the server's
- * `IntentDecisionInput` contract (SPEC §21.7). The server requires `id` and
- * `evidenceRefs`, and does not accept `explanation` or `suggestedAction` —
- * those are snapshot fields the server persists from the tension, not inputs.
- */
-export declare function buildIntentDecisionPayload(tension: IntentTensionData, context: IntentDecisionContext, choice: IntentDecisionChoice): IntentDecisionInputPayload;