create-principles-disciple 1.146.4 → 1.146.6

package/console/dist/ui/pages/intent/IntentPage.js

@@ -1,252 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect, useCallback } from "react";
-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 { fetchIntentSummary, fetchIntentDecisionSummary, patchFeatureFlag, fetchIntentContent, fetchIntentVersions } from "../../api.js";
-import { IntentEditor, CreateIntentButton, EditButton } from "./IntentOnboarding.js";
-import { computeVersionDiff } from "@principles/core/runtime-v2/intent-browser";
-import { formatDate } from "../../utils/format-date.js";
-// ── Sub-components ────────────────────────────────────────────────────────────
-function FlagStatusBadge({ enabled }) {
-    const { t } = useTranslation();
-    // SPEC §22.1.1: Intent Page must show intent_engineering flag status.
-    // Badge has a text label, not color-only (SPEC §23.14.10).
-    const label = enabled
-        ? t("pages.intent.flagStatus.enabled")
-        : t("pages.intent.flagStatus.disabled");
-    return (_jsxs("span", { className: `inline-flex items-center gap-1.5 px-2 py-0.5 rounded-[3px] text-[11px] font-mono border ${enabled
-            ? "border-emerald/40 text-emerald bg-emerald/5"
-            : "border-line text-ink-3 bg-surface"}`, role: "status", "aria-label": t("pages.intent.flagStatus.ariaLabel"), children: [_jsx("span", { className: `w-1.5 h-1.5 rounded-full ${enabled ? "bg-emerald" : "bg-ink-4"}`, "aria-hidden": "true" }), label] }));
-}
-function EditEntry({ filePath }) {
-    const { t } = useTranslation();
-    // SPEC §22.1.1 line 1402: Intent Page must show "edit INTENT.md 入口".
-    // INTENT.md is Owner-owned; PD never auto-modifies it. This entry only
-    // surfaces the file path so the Owner can edit it in their own editor.
-    return (_jsxs("div", { className: "bg-panel border border-line rounded-[6px] p-4", children: [_jsx("h3", { className: "font-mono text-[11px] uppercase tracking-[0.08em] text-ink-3 mb-2", children: t("pages.intent.editEntry.title") }), _jsx("p", { className: "text-ink-3 text-[13px] leading-relaxed mb-2", children: t("pages.intent.editEntry.description") }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("code", { className: "text-[12px] text-ink-2 bg-surface border border-line rounded-[3px] px-2 py-1 break-all", children: filePath }), _jsx("button", { type: "button", onClick: () => {
-                            // Copy to clipboard — Owner pastes into their editor.
-                            void navigator.clipboard?.writeText(filePath);
-                        }, className: "shrink-0 border border-line bg-surface text-ink-2 rounded-[3px] px-2 py-1 text-[11px] hover:border-line-2 transition-colors focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", "aria-label": t("pages.intent.editEntry.copyAriaLabel"), children: t("pages.intent.editEntry.copy") })] })] }));
-}
-function FlagToggleCard({ flagEnabled, onAfterEnable }) {
-    const { t } = useTranslation();
-    const [busy, setBusy] = useState(false);
-    const [acknowledged, setAcknowledged] = useState(false);
-    // Only show when disabled and not yet acknowledged.
-    // flagEnabled === true → already on, nothing to toggle.
-    // acknowledged === true → owner just enabled, parent will re-fetch and
-    //   flagEnabled will flip to true; this prevents a flash of the card.
-    if (flagEnabled || acknowledged)
-        return null;
-    return (_jsxs("div", { className: "bg-panel border border-amber/20 border-l-2 border-l-amber rounded-[6px] p-4 mb-5", children: [_jsx("h2", { className: "text-ink text-[15px] font-semibold mb-2", children: t("pages.intent.flagDisabled.title") }), _jsx("p", { className: "text-ink-3 text-[13px] leading-relaxed mb-3", children: t("pages.intent.flagDisabled.description") }), _jsx("button", { type: "button", disabled: busy, onClick: async () => {
-                    setBusy(true);
-                    try {
-                        const res = await patchFeatureFlag("intent_engineering", true);
-                        if (!res.success) {
-                            toast.error(res.error ?? t("pages.intent.flagStatus.enableFailed"));
-                            return;
-                        }
-                        setAcknowledged(true);
-                        onAfterEnable?.();
-                    }
-                    finally {
-                        setBusy(false);
-                    }
-                }, className: "border border-gov bg-gov text-paper rounded-[3px] px-[14px] py-[6px] text-[12.5px] font-medium hover:bg-gov-2 transition-colors disabled:opacity-50 focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", "aria-label": t("pages.intent.flagStatus.enable"), children: busy ? t("pages.intent.flagStatus.enabling") : t("pages.intent.flagStatus.enable") })] }));
-}
-function NotFoundBanner({ onCreated, lang }) {
-    const { t } = useTranslation();
-    return (_jsxs("div", { className: "bg-panel border border-line rounded-[6px] p-5", children: [_jsx("h2", { className: "text-ink text-[15px] font-semibold mb-2", children: t("pages.intent.notFound.title") }), _jsx("p", { className: "text-ink-3 text-[13px] leading-relaxed mb-3", children: t("pages.intent.notFound.description") }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(CreateIntentButton, { onCreated: onCreated, showOnboarding: true, lang: lang }), _jsx("span", { className: "text-ink-4 text-[12px] font-mono", children: t("pages.intent.notFound.nextAction") })] })] }));
-}
-function OversizedBanner() {
-    const { t } = useTranslation();
-    return (_jsxs("div", { className: "bg-panel border border-amber/30 rounded-[6px] p-5", children: [_jsx("h2", { className: "text-ink text-[15px] font-semibold mb-2", children: t("pages.intent.oversized.title") }), _jsx("p", { className: "text-ink-3 text-[13px] leading-relaxed mb-3", children: t("pages.intent.oversized.description") }), _jsx("div", { className: "font-mono text-[12px] text-ink-2 bg-surface border border-line rounded-[3px] px-3 py-2", children: t("pages.intent.oversized.nextAction") })] }));
-}
-function WarningItem({ warning }) {
-    const { t } = useTranslation();
-    // SPEC: warnings are rendered as governance hints via i18n code key,
-    // not raw server-side English message text (P2 i18n fix).
-    const labelKey = `pages.intent.warnings.${warning.code}`;
-    return (_jsxs("li", { className: "flex items-start gap-2 text-ink-2 text-[13px]", children: [_jsx("span", { className: "text-amber shrink-0 mt-0.5", "aria-hidden": "true", children: "!" }), _jsxs("span", { children: [_jsx("span", { className: "font-medium", children: t(labelKey) }), warning.section && (_jsxs("span", { className: "text-ink-3 font-mono ml-2", children: ["[", warning.section, "]"] }))] })] }));
-}
-function SectionContent({ label, content }) {
-    if (content === undefined || content.trim() === "")
-        return null;
-    return (_jsxs("div", { children: [_jsx("h3", { className: "font-mono text-[11px] uppercase tracking-[0.08em] text-ink-3 mb-1.5", children: label }), _jsx("p", { className: "text-ink-2 text-[13px] leading-relaxed whitespace-pre-wrap", children: content })] }));
-}
-function MetaRow({ label, value }) {
-    return (_jsxs("div", { className: "flex items-baseline gap-3", children: [_jsx("span", { className: "font-mono text-[11px] uppercase tracking-[0.08em] text-ink-3 w-32 shrink-0", children: label }), _jsx("span", { className: "text-ink-2 text-[12px] font-mono break-all", children: value })] }));
-}
-function VersionEntry({ version, previousContent, reasonLabel, defaultExpanded = false }) {
-    const { t, i18n } = useTranslation();
-    const [expanded, setExpanded] = useState(defaultExpanded);
-    // Compute section-level diff between previous and this version.
-    // For the oldest version (no previous), diff against "" so all non-empty
-    // sections show as "changed" — gives the user a visual of what was filled.
-    const diff = computeVersionDiff(previousContent, version.contentSnapshot);
-    // Localize the timestamp for display (avoid showing raw UTC to end users).
-    const localizedTime = formatDate(version.createdAt, i18n.language, {
-        year: 'numeric', month: '2-digit', day: '2-digit',
-        hour: '2-digit', minute: '2-digit',
-    });
-    return (_jsxs("div", { className: "border-b border-line last:border-b-0", children: [_jsxs("button", { type: "button", onClick: () => setExpanded((prev) => !prev), className: "w-full flex items-center gap-3 py-1.5 text-[12px] font-mono text-ink-2 hover:bg-surface-2/50 transition-colors text-left", "aria-expanded": expanded, "aria-label": expanded ? t("pages.intent.versionDiff.collapseHint") : t("pages.intent.versionDiff.expandHint"), title: version.contentHash, children: [_jsx("span", { className: "text-ink-3 shrink-0 w-4 inline-block", children: expanded ? "▾" : "▸" }), _jsx("span", { className: "text-ink-3 shrink-0", children: localizedTime }), _jsx("span", { className: "px-1.5 py-0.5 rounded-[2px] bg-surface-2 text-ink-3 shrink-0", children: reasonLabel }), _jsx("span", { className: "text-ink-4 text-[11px] ml-auto shrink-0 hidden sm:inline", children: expanded ? t("pages.intent.versionDiff.collapseHint") : t("pages.intent.versionDiff.expandHint") })] }), expanded && (_jsx("div", { className: "pb-2.5 pl-7 pr-2", children: _jsx("div", { className: "flex flex-wrap gap-1.5 mb-2", children: diff.map((d) => {
-                        // d.section is one of the 5 section keys from computeVersionDiff's
-                        // SECTION_KEYS — safe to construct the i18n key dynamically.
-                        const labelKey = `pages.intent.wizard.stepLabels.${d.section}`;
-                        return (_jsxs("span", { className: `inline-flex items-center gap-1 px-1.5 py-0.5 rounded-[2px] text-[11px] font-mono border ${d.changed
-                                ? "border-amber/40 text-amber bg-amber/5"
-                                : "border-line text-ink-3 bg-surface"}`, children: [_jsx("span", { className: `w-1.5 h-1.5 rounded-full ${d.changed ? "bg-amber" : "bg-ink-4"}`, "aria-hidden": "true" }), t(labelKey), _jsx("span", { className: "text-ink-4 ml-0.5", children: d.changed ? t("pages.intent.versionDiff.changed") : t("pages.intent.versionDiff.unchanged") })] }, d.section));
-                    }) }) }))] }));
-}
-// Static mapping from ownerAction enum value to its i18n label key.
-// Avoids dynamic string construction so i18n extraction tools can find keys.
-const DECISION_COUNT_LABEL_KEYS = [
-    { action: "confirm_drift", labelKey: "pages.intent.decisions.countConfirmDrift" },
-    { action: "revise_intent", labelKey: "pages.intent.decisions.countReviseIntent" },
-    { action: "observe", labelKey: "pages.intent.decisions.countObserve" },
-    { action: "dismiss", labelKey: "pages.intent.decisions.countDismiss" },
-    { action: "promote_to_principle", labelKey: "pages.intent.decisions.countPromoteToPrinciple" },
-    { action: "promote_to_rulehost", labelKey: "pages.intent.decisions.countPromoteToRulehost" },
-];
-function DecisionSummarySection() {
-    const { t } = useTranslation();
-    const [state, setState] = useState("loading");
-    const [summary, setSummary] = useState(null);
-    const loadSummary = useCallback(async () => {
-        setState("loading");
-        const result = await fetchIntentDecisionSummary();
-        if (!result.success) {
-            // ERR-002: graceful degradation with reason; section collapses to a single line.
-            setState("error");
-            return;
-        }
-        setSummary(result.data);
-        setState("loaded");
-    }, []);
-    useEffect(() => {
-        loadSummary();
-    }, [loadSummary]);
-    return (_jsxs("section", { className: "mt-8", "aria-labelledby": "section-decisions", children: [_jsx(SectionTitle, { id: "section-decisions", children: t("pages.intent.decisions.sectionTitle") }), _jsx("p", { className: "text-ink-3 text-[13px] leading-relaxed mb-3", children: t("pages.intent.decisions.sectionSubtitle") }), state === "loading" && (_jsx("div", { className: "bg-panel border border-line rounded-[6px] p-4 text-ink-3 text-[13px]", children: t("common.loading") })), state === "error" && (_jsx("div", { className: "bg-panel border border-line rounded-[6px] p-4 text-ink-3 text-[13px]", children: t("pages.intent.decisions.loadError") })), state === "loaded" && summary && (_jsxs("div", { className: "bg-panel border border-line rounded-[6px] p-4", children: [_jsx("dl", { className: "grid grid-cols-2 gap-x-6 gap-y-2 sm:grid-cols-3", children: DECISION_COUNT_LABEL_KEYS.map(({ action, labelKey }) => {
-                            const count = summary.counts[action];
-                            return (_jsxs("div", { className: "flex items-baseline gap-2", children: [_jsx("dt", { className: "text-ink-3 text-[12px]", children: t(labelKey) }), _jsx("dd", { className: "text-ink font-mono text-[13px]", children: count })] }, action));
-                        }) }), _jsx("div", { className: "mt-4 pt-3 border-t border-line", children: summary.lastDecisionAt === null ? (_jsx("p", { className: "text-ink-4 text-[12px]", children: t("pages.intent.decisions.noDecisions") })) : (_jsxs("div", { className: "flex items-baseline gap-2", children: [_jsx("span", { className: "font-mono text-[11px] uppercase tracking-[0.08em] text-ink-3", children: t("pages.intent.decisions.lastDecisionAtLabel") }), _jsx("span", { className: "text-ink-2 text-[12px] font-mono break-all", children: summary.lastDecisionAt })] })) })] }))] }));
-}
-// ── Main page component ──────────────────────────────────────────────────────
-export function IntentPage() {
-    const { t } = useTranslation();
-    const [data, setData] = useState(null);
-    const [pageState, setPageState] = useState("loading");
-    const [errorMsg, setErrorMsg] = useState(null);
-    // PRI-477: inline editor state
-    const [isEditing, setIsEditing] = useState(false);
-    const [editorContent, setEditorContent] = useState("");
-    const [editorLoading, setEditorLoading] = useState(false);
-    // Bilingual: language selector state
-    const [lang, setLang] = useState('zh-CN');
-    // Version history
-    const [versions, setVersions] = useState([]);
-    // Map raw backend reason codes to localized labels for the version history panel.
-    // Unknown reasons fall back to the raw string (observability over silent masking).
-    const versionReasonLabel = useCallback((reason) => {
-        if (reason === 'init')
-            return t("pages.intent.versionHistory.reasonInit");
-        if (reason === 'save')
-            return t("pages.intent.versionHistory.reasonSave");
-        return reason;
-    }, [t]);
-    const loadData = useCallback(async () => {
-        setPageState("loading");
-        setErrorMsg(null);
-        const result = await fetchIntentSummary(lang);
-        if (!result.success) {
-            // ERR-002: graceful degradation with reason
-            setErrorMsg(result.error ?? t("pages.intent.loadError"));
-            setPageState("error");
-            return;
-        }
-        // result.data is already validated by validateIntentSummary in the API layer
-        setData(result.data);
-        setPageState("loaded");
-        // Load version history in parallel (best-effort, never blocks page)
-        fetchIntentVersions(lang).then(v => {
-            if (v.success && v.data?.versions) {
-                setVersions(v.data.versions);
-            }
-        }).catch(() => { });
-    }, [t, lang]);
-    useEffect(() => {
-        loadData();
-    }, [loadData]);
-    // P0 fix: when language changes, reset editor state and stale versions.
-    // Without this, switching language while editing would keep the editor open
-    // with the old language's content — and saving would write that content
-    // into the NEW language's file (data corruption).
-    // Also clears stale versions so the panel doesn't show the old language's
-    // history while the new language's fetch is in flight or has failed.
-    useEffect(() => {
-        setIsEditing(false);
-        setEditorContent("");
-        setVersions([]);
-    }, [lang]);
-    // PRI-477: Called when user clicks "Edit" — fetch raw content and open editor
-    const handleStartEdit = useCallback(async () => {
-        setEditorLoading(true);
-        const result = await fetchIntentContent(lang);
-        setEditorLoading(false);
-        if (!result.success) {
-            toast.error(t("pages.intent.loadError"));
-            return;
-        }
-        setEditorContent(result.data.content);
-        setIsEditing(true);
-    }, [t, lang]);
-    // PRI-477: Called when template is created — refresh summary; optionally
-    // open the editor immediately so the user can start filling.
-    //
-    // PR-1083 review (CodeRabbit A5): `openEditor` lets CreateIntentButton
-    // distinguish "Start filling" (open editor) from "Skip" (just refresh the
-    // summary so NotFoundBanner re-renders to the sections view — otherwise the
-    // user would see a stale "file not found" banner even though INTENT.md now
-    // exists on disk).
-    const handleCreated = useCallback(async (openEditor) => {
-        await loadData();
-        if (!openEditor)
-            return;
-        setEditorLoading(true);
-        const result = await fetchIntentContent(lang);
-        setEditorLoading(false);
-        if (result.success) {
-            setEditorContent(result.data.content);
-            setIsEditing(true);
-        }
-    }, [loadData, lang]);
-    // PRI-477: Called after successful save — close editor and refresh summary
-    const handleSaved = useCallback(() => {
-        setIsEditing(false);
-        void loadData();
-    }, [loadData]);
-    // PRI-477: Called when user cancels editing
-    const handleCancelEdit = useCallback(() => {
-        setIsEditing(false);
-    }, []);
-    // ── Loading state ────────────────────────────────────────────────────────
-    if (pageState === "loading") {
-        return (_jsx(PageShell, { children: _jsx(PageLoading, { cardCount: 3, label: t("common.loading") }) }));
-    }
-    // ── Error state (ERR-002: degradation with reason) ───────────────────────
-    if (pageState === "error") {
-        return (_jsxs(PageShell, { children: [_jsx("div", { className: "font-mono text-[12px] tracking-[0.14em] text-ink-3 uppercase mb-3", children: t("pages.intent.eyebrow") }), _jsx("h1", { className: "text-[29px] font-semibold tracking-tight text-ink mb-2", children: t("pages.intent.title") }), _jsxs("div", { className: "mt-6 p-4 bg-panel border border-line rounded-[6px] text-ink-2 text-sm", children: [_jsx("p", { children: t("pages.intent.loadError") }), errorMsg && (_jsx("p", { className: "mt-2 text-ink-4 text-[13px] font-mono", children: errorMsg }))] }), _jsx("div", { className: "mt-4", children: _jsx("button", { type: "button", onClick: loadData, className: "border border-line bg-surface text-ink rounded-[3px] px-[14px] py-[6px] text-[12.5px] hover:border-line-2 transition-colors focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", children: t("common.refresh") }) })] }));
-    }
-    // ── Loaded state ─────────────────────────────────────────────────────────
-    const summary = data;
-    return (_jsx(PageShell, { children: _jsxs("div", { className: "animate-[pdFadeIn_400ms_ease-out]", children: [_jsx("div", { className: "font-mono text-[12px] tracking-[0.14em] text-ink-3 uppercase mb-3", children: t("pages.intent.eyebrow") }), _jsxs("div", { className: "flex items-center gap-3 mb-2", children: [_jsx("h1", { className: "text-[29px] font-semibold tracking-tight text-ink", children: t("pages.intent.title") }), summary && (_jsx(FlagStatusBadge, { enabled: summary.flagEnabled })), _jsxs("select", { value: lang, onChange: (e) => setLang(e.target.value), disabled: isEditing || editorLoading, className: "ml-auto border border-line bg-surface text-ink-2 rounded-[3px] px-2 py-1 text-[12px] font-mono focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2 disabled:opacity-50 disabled:cursor-not-allowed", "aria-label": t("pages.intent.langSelector.ariaLabel"), title: isEditing || editorLoading ? t("pages.intent.langSelector.disabledWhileEditing") : undefined, children: [_jsx("option", { value: "zh-CN", children: "\u4E2D\u6587" }), _jsx("option", { value: "en", children: "English" })] })] }), _jsx("p", { className: "text-ink-3 text-[14px] max-w-[760px] leading-relaxed mb-7", children: t("pages.intent.subtitle") }), summary && !summary.flagEnabled && (_jsx(FlagToggleCard, { flagEnabled: summary.flagEnabled, onAfterEnable: loadData })), summary && summary.flagEnabled && !summary.found && summary.reason === "not_found" && (_jsx(NotFoundBanner, { onCreated: handleCreated, lang: lang })), summary && summary.flagEnabled && summary.found && summary.reason === "oversized" && (_jsx(OversizedBanner, {})), summary && summary.flagEnabled && summary.ok && summary.sections && (_jsxs(_Fragment, { children: [isEditing && (_jsx("section", { "aria-labelledby": "section-editor", className: "mb-8", children: _jsx(IntentEditor, { initialContent: editorContent, onSaved: handleSaved, onCancel: handleCancelEdit, lang: lang }) })), !isEditing && (_jsxs(_Fragment, { children: [_jsxs("section", { "aria-labelledby": "section-content", children: [_jsxs("div", { className: "flex items-center justify-between mb-3", children: [_jsx(SectionTitle, { id: "section-content", children: t("pages.intent.title") }), _jsx(EditButton, { onClick: handleStartEdit, loading: editorLoading })] }), _jsxs("div", { className: "bg-panel border border-line rounded-[6px] p-5 space-y-5", children: [_jsx(SectionContent, { label: t("pages.intent.sections.why"), content: summary.sections.why }), _jsx(SectionContent, { label: t("pages.intent.sections.desiredOutcome"), content: summary.sections.desiredOutcome }), _jsx(SectionContent, { label: t("pages.intent.sections.nonNegotiables"), content: summary.sections.nonNegotiables }), _jsx(SectionContent, { label: t("pages.intent.sections.stopEscalation"), content: summary.sections.stopEscalation }), _jsx(SectionContent, { label: t("pages.intent.sections.currentStrategicFocus"), content: summary.sections.currentStrategicFocus })] })] }), _jsxs("section", { className: "mt-8", "aria-labelledby": "section-warnings", children: [_jsx(SectionTitle, { id: "section-warnings", children: t("pages.intent.warnings.title") }), summary.warnings.length === 0 ? (_jsx("p", { className: "text-ink-3 text-[13px] leading-relaxed", children: t("pages.intent.warnings.empty") })) : (_jsx("ul", { className: "bg-panel border border-line rounded-[6px] p-4 space-y-2", children: summary.warnings.map((w, i) => (_jsx(WarningItem, { warning: w }, i))) }))] }), _jsxs("section", { className: "mt-8", "aria-labelledby": "section-meta", children: [_jsx(SectionTitle, { id: "section-meta", children: t("pages.intent.meta.title") }), _jsxs("div", { className: "bg-panel border border-line rounded-[6px] p-4 space-y-2", children: [summary.lastEditedAt && (_jsx(MetaRow, { label: t("pages.intent.meta.lastEditedAt"), value: summary.lastEditedAt })), summary.contentHash && (_jsx(MetaRow, { label: t("pages.intent.meta.contentHash"), value: summary.contentHash })), summary.path && (_jsx(MetaRow, { label: t("pages.intent.meta.path"), value: summary.path }))] })] }), summary.path && (_jsxs("section", { className: "mt-8", "aria-labelledby": "section-edit", children: [_jsx(SectionTitle, { id: "section-edit", children: t("pages.intent.editEntry.heading") }), _jsx(EditEntry, { filePath: summary.path })] }))] }))] })), summary && summary.flagEnabled && !summary.ok && summary.reason && summary.reason !== "not_found" && summary.reason !== "oversized" && (_jsxs("div", { className: "bg-panel border border-red-200 rounded-[6px] p-5", children: [_jsx("h2", { className: "text-ink text-[15px] font-semibold mb-2", children: t("pages.intent.loadError") }), _jsx("p", { className: "text-ink-3 text-[13px] leading-relaxed mb-3 font-mono", children: summary.reason }), summary.nextAction && (_jsx("p", { className: "text-ink-2 text-[13px] leading-relaxed", children: summary.nextAction }))] })), summary && summary.flagEnabled && (_jsx(DecisionSummarySection, {})), versions.length > 0 && (_jsxs("details", { className: "border border-line rounded-[3px] mt-6", children: [_jsxs("summary", { className: "cursor-pointer px-4 py-2 text-[13px] font-medium text-ink-2 select-none", children: [t("pages.intent.versionHistory.title"), " (", versions.length, ")"] }), _jsx("div", { className: "px-4 py-2 border-t border-line", children: versions.map((v, idx) => {
-                                // versions are sorted newest-first; previous = idx + 1.
-                                // For the oldest version (no previous), diff against "" so
-                                // all filled sections show as "changed".
-                                const previousContent = versions[idx + 1]?.contentSnapshot ?? "";
-                                return (_jsx(VersionEntry, { version: v, previousContent: previousContent, reasonLabel: versionReasonLabel(v.reason), defaultExpanded: idx === 0 }, v.id));
-                            }) })] }))] }) }));
-}

package/console/dist/ui/pages/pain/PainEvidenceValidators.d.ts

@@ -1,59 +0,0 @@
-/**
- * Runtime validators and derivation logic for Pain Evidence page data.
- *
- * Derives behavior evidence from existing principles data — no new backend
- * route needed. Principles with `derivedFromPainIds` or `painPreventedCount > 0`
- * represent evidence that was captured and internalized.
- *
- * This follows H-section rules and ERR-001/005/009/010.
- */
-export interface PainEvidence {
-    /** The principle ID that was derived from this pain evidence */
-    id: string;
-    /** Principle text — serves as the evidence title */
-    title: string;
-    /** The trigger pattern — describes the context where the deviation occurred */
-    context: string;
-    /** The action — describes what the agent should do instead */
-    expectedBehavior: string;
-    /** Source: always 'principle_derivation' since we derive from principles */
-    source: 'principle_derivation';
-    /** Maps principle status to recommendation state */
-    recommendationState: 'pending' | 'candidate' | 'principle' | 'dismissed';
-    /** Pain-related metadata from the principle */
-    trajectorySummary: {
-        principleId: string;
-        painPreventedCount: number;
-        lastPainPreventedAt: string;
-        derivedFromPainIds: string[];
-    };
-    createdAt: string;
-}
-export interface PainEvidenceListData {
-    evidence: PainEvidence[];
-    generatedAt: string;
-    /** Present when data is degraded/missing rather than genuinely zero */
-    note?: string;
-}
-export interface PainEvidenceDegraded {
-    reason: string;
-    nextAction: string;
-}
-/**
- * Derive a single PainEvidence from a principle list item + detail.
- * Returns null if the principle has no pain-related data.
- */
-export declare function derivePainEvidenceFromPrinciple(listItem: unknown, detail?: unknown): PainEvidence | null;
-/**
- * Validate the principles list response and derive pain evidence.
- * Uses existing /api/principles data — no new backend route needed.
- */
-export declare function derivePainEvidenceFromPrinciplesList(raw: unknown): PainEvidenceListData | PainEvidenceDegraded;
-/**
- * Check if a parsed result is degraded (missing data).
- */
-export declare function isDegraded(result: PainEvidenceListData | PainEvidenceDegraded): result is PainEvidenceDegraded;
-/**
- * Get error message from an unknown API error.
- */
-export declare function getErrorMessage(err: unknown): string;

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

@@ -1,125 +0,0 @@
-/**
- * Runtime validators and derivation logic for Pain Evidence page data.
- *
- * Derives behavior evidence from existing principles data — no new backend
- * route needed. Principles with `derivedFromPainIds` or `painPreventedCount > 0`
- * represent evidence that was captured and internalized.
- *
- * This follows H-section rules and ERR-001/005/009/010.
- */
-// ── Validators ────────────────────────────────────────────────────────────────
-const VALID_PRINCIPLE_STATUSES = ['candidate', 'active', 'archived', 'deprecated', 'probation'];
-function isString(value) {
-    return typeof value === 'string';
-}
-function isNumber(value) {
-    return typeof value === 'number' && !Number.isNaN(value);
-}
-function isRecord(value) {
-    return typeof value === 'object' && value !== null && !Array.isArray(value);
-}
-/**
- * Map a principle status to a pain evidence recommendationState.
- * - candidate → pending (not yet reviewed)
- * - active → principle (internalized)
- * - probation → candidate (under review)
- * - archived/deprecated → dismissed
- */
-function mapRecommendationState(status) {
-    switch (status) {
-        case 'candidate': return 'pending';
-        case 'active': return 'principle';
-        case 'probation': return 'candidate';
-        case 'archived':
-        case 'deprecated': return 'dismissed';
-        default: return 'pending';
-    }
-}
-/**
- * Derive a single PainEvidence from a principle list item + detail.
- * Returns null if the principle has no pain-related data.
- */
-export function derivePainEvidenceFromPrinciple(listItem, detail) {
-    if (!isRecord(listItem))
-        return null;
-    // Must have pain-related fields
-    const { painPreventedCount, derivedFromPainIds, lastPainPreventedAt } = detail && isRecord(detail) ? detail : listItem;
-    const painCount = isNumber(painPreventedCount) ? painPreventedCount : 0;
-    const painIds = Array.isArray(derivedFromPainIds)
-        ? derivedFromPainIds.filter(isString)
-        : [];
-    const lastPainAt = isString(lastPainPreventedAt) ? lastPainPreventedAt : '';
-    // Only derive evidence if there's actual pain data
-    if (painCount === 0 && painIds.length === 0 && !lastPainAt) {
-        return null;
-    }
-    // Required fields from list item
-    const { id, text, triggerPattern, action, status, createdAt } = listItem;
-    if (!isString(id) || !isString(text))
-        return null;
-    const principleStatus = isString(status) && VALID_PRINCIPLE_STATUSES.includes(status)
-        ? status
-        : 'candidate';
-    return {
-        id,
-        title: isString(text) ? text : '',
-        context: isString(triggerPattern) ? triggerPattern : '',
-        expectedBehavior: isString(action) ? action : '',
-        source: 'principle_derivation',
-        recommendationState: mapRecommendationState(principleStatus),
-        trajectorySummary: {
-            principleId: id,
-            painPreventedCount: painCount,
-            lastPainPreventedAt: lastPainAt,
-            derivedFromPainIds: painIds,
-        },
-        createdAt: isString(createdAt) ? createdAt : new Date().toISOString(),
-    };
-}
-/**
- * Validate the principles list response and derive pain evidence.
- * Uses existing /api/principles data — no new backend route needed.
- */
-export function derivePainEvidenceFromPrinciplesList(raw) {
-    if (!isRecord(raw)) {
-        return {
-            reason: 'Invalid response format from server',
-            nextAction: 'Try refreshing the page. If the problem persists, check the Console API.',
-        };
-    }
-    const { principles: rawPrinciples } = raw;
-    if (!Array.isArray(rawPrinciples)) {
-        return {
-            reason: 'Response missing principles array',
-            nextAction: 'Try refreshing the page.',
-        };
-    }
-    // Derive evidence from each principle (ERR-005/007: validate array element types)
-    const evidence = [];
-    for (const item of rawPrinciples) {
-        const derived = derivePainEvidenceFromPrinciple(item);
-        if (derived !== null) {
-            evidence.push(derived);
-        }
-    }
-    return {
-        evidence,
-        generatedAt: new Date().toISOString(),
-    };
-}
-/**
- * Check if a parsed result is degraded (missing data).
- */
-export function isDegraded(result) {
-    return !Object.hasOwn(result, 'evidence');
-}
-/**
- * Get error message from an unknown API error.
- */
-export function getErrorMessage(err) {
-    if (err instanceof Error)
-        return err.message;
-    if (typeof err === 'string')
-        return err;
-    return 'Unknown error';
-}

package/console/dist/ui/pages/pain/PainPage.d.ts

@@ -1 +0,0 @@
-export declare function PainPage(): import("react").JSX.Element;