create-principles-disciple 1.146.4 → 1.146.7

package/console/dist/ui/pages/debt/DebtPage.js

@@ -1,222 +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 { ShinyText } from "../../components/ui/shiny-text.js";
-import { Button } from "../../components/ui/button.js";
-import { AlertTriangle, Archive, Trash2 } from "lucide-react";
-import { fetchPrinciples, fetchAllActivations, fetchGovernanceQueue, archivePrinciple, unarchivePrinciple, disableActivation, } from "../../api.js";
-import { validatePrinciplesList, validateActivations, validateGovernanceQueue, } from "../../utils/validators.js";
-// ── Debt Card Component (Handles its own J.1 confirmation state) ──────────────
-function DebtCard({ item, onArchive, onDeactivate, isProcessing, }) {
-    const { t } = useTranslation();
-    const [confirmAction, setConfirmAction] = useState(null);
-    const [selectedActivationId, setSelectedActivationId] = useState(null);
-    const handleArchiveClick = () => {
-        setConfirmAction("archive");
-    };
-    const handleDeactivateClick = (activationId) => {
-        setSelectedActivationId(activationId);
-        setConfirmAction("deactivate");
-    };
-    const handleCancel = () => {
-        setConfirmAction(null);
-        setSelectedActivationId(null);
-    };
-    const handleConfirm = async () => {
-        if (confirmAction === "archive") {
-            await onArchive(item.id);
-        }
-        else if (confirmAction === "deactivate" && selectedActivationId) {
-            await onDeactivate(selectedActivationId, item.id);
-        }
-        setConfirmAction(null);
-        setSelectedActivationId(null);
-    };
-    // Render natural language reason based on debt type
-    const renderReason = () => {
-        if (item.type === "never_activated") {
-            return (_jsx("span", { className: "text-ink-2", children: t("pages.debt.reasonNeverActivated") }));
-        }
-        if (item.type === "stagnant") {
-            return (_jsxs("span", { className: "text-ink-2", children: [t("pages.debt.reasonStagnant"), item.daysSince !== undefined && (_jsxs("span", { className: "text-amber font-semibold ml-1", children: ["(", t("pages.debt.daysSinceAgo", { count: item.daysSince }), ")"] }))] }));
-        }
-        return null;
-    };
-    const isStagnant = item.type === "stagnant";
-    return (_jsx("article", { className: "p-5 bg-panel border border-line rounded-[6px] hover:border-line-2 transition-colors relative", "aria-label": t("pages.debt.principleAriaLabel", { id: item.id }), children: _jsxs("div", { className: "flex flex-col md:flex-row md:items-start gap-4", children: [_jsxs("div", { className: "flex-1 space-y-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "font-mono text-[11px] uppercase px-2 py-0.5 bg-line rounded text-ink-3", children: item.id }), _jsx("span", { className: `font-mono text-[11px] uppercase px-2 py-0.5 rounded ${isStagnant
-                                        ? "bg-amber/10 text-amber"
-                                        : "bg-danger/10 text-danger"}`, children: isStagnant ? t("pages.focus.summaryStagnation") : t("pages.sidebar.debt") })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-ink text-[15px] font-medium leading-relaxed", children: item.text }), item.triggerPattern && (_jsxs("p", { className: "text-ink-3 text-[13px] font-mono leading-relaxed", children: [t("principles.detail.triggerLabel", { defaultValue: "Trigger:" }), " ", item.triggerPattern] }))] }), _jsxs("div", { className: "flex items-start gap-2 pt-1", children: [_jsx(AlertTriangle, { className: "w-4 h-4 text-amber shrink-0 mt-0.5", "aria-hidden": "true" }), _jsxs("div", { className: "text-[13px] leading-relaxed", children: [_jsxs("span", { className: "font-semibold text-ink-3", children: [t("pages.debt.suggestedAction"), ": "] }), renderReason()] })] })] }), _jsx("div", { className: "flex flex-col gap-2 shrink-0 md:w-48", children: !confirmAction ? (_jsxs(_Fragment, { children: [_jsxs("button", { onClick: handleArchiveClick, disabled: isProcessing, className: "w-full inline-flex items-center justify-center gap-1.5 border border-line bg-surface text-ink hover:border-line-2 transition-colors rounded-[3px] px-[14px] py-[6px] text-[12.5px] focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", "data-testid": `archive-btn-${item.id}`, children: [_jsx(Archive, { className: "w-4 h-4 text-ink-3", "aria-hidden": "true" }), t("pages.debt.actionArchive")] }), item.activeActivationRecords && item.activeActivationRecords.length > 0 ? (item.activeActivationRecords.map((ar) => (_jsxs("button", { onClick: () => handleDeactivateClick(ar.activationId), disabled: isProcessing, className: "w-full inline-flex items-center justify-center gap-1.5 border border-danger/20 bg-surface text-danger hover:bg-danger/5 transition-colors rounded-[3px] px-[14px] py-[6px] text-[12.5px] focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", "data-testid": `deactivate-btn-${ar.activationId}`, children: [_jsx(Trash2, { className: "w-4 h-4 text-danger/80", "aria-hidden": "true" }), t("pages.debt.actionDeactivate"), " (", ar.channel, ")"] }, ar.activationId)))) : (_jsx("button", { disabled: true, className: "w-full inline-flex items-center justify-center gap-1.5 border border-line bg-surface/50 text-ink-4 cursor-not-allowed rounded-[3px] px-[14px] py-[6px] text-[12.5px]", title: t("pages.debt.demoteTooltip"), children: t("pages.debt.actionKeep") }))] })) : (_jsxs("div", { className: "flex flex-col gap-2 p-3 bg-surface border border-amber/20 rounded-[4px] w-full", role: "alert", "data-testid": `confirm-bar-${item.id}`, children: [_jsx("p", { className: "text-ink-2 text-[12px] leading-relaxed", children: confirmAction === "archive"
-                                    ? t("pages.debt.confirmArchive")
-                                    : t("pages.debt.confirmDeactivate") }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { variant: "default", size: "sm", onClick: handleConfirm, disabled: isProcessing, className: "flex-1 text-[12px] py-1", "data-testid": `confirm-btn-${item.id}`, children: t("common.confirm") }), _jsx(Button, { variant: "outline", size: "sm", onClick: handleCancel, className: "flex-1 text-[12px] py-1", children: t("common.cancel") })] })] })) })] }) }));
-}
-// ── Main Page Component ──────────────────────────────────────────────────────
-export function DebtPage() {
-    const { t } = useTranslation();
-    const [loadingState, setLoadingState] = useState("loading");
-    const [errorMessage, setErrorMessage] = useState(null);
-    const [debtItems, setDebtItems] = useState([]);
-    const [isProcessing, setIsProcessing] = useState(false);
-    const loadData = useCallback(async () => {
-        setLoadingState("loading");
-        setErrorMessage(null);
-        try {
-            const [principlesRes, activationsRes, govQueueRes] = await Promise.all([
-                fetchPrinciples("all"),
-                fetchAllActivations(),
-                fetchGovernanceQueue(),
-            ]);
-            // Handle raw response validation (EP-01 / EP-03)
-            if (!principlesRes.success) {
-                setLoadingState("error");
-                setErrorMessage(principlesRes.error || "Failed to fetch principles");
-                return;
-            }
-            if (!activationsRes.success) {
-                setLoadingState("error");
-                setErrorMessage(activationsRes.error || "Failed to fetch activations");
-                return;
-            }
-            if (!govQueueRes.success) {
-                setLoadingState("error");
-                setErrorMessage(govQueueRes.error || "Failed to fetch governance queue");
-                return;
-            }
-            const validatedPrinciples = validatePrinciplesList(principlesRes.data);
-            const validatedActivations = validateActivations(activationsRes.data);
-            const validatedGovQueue = validateGovernanceQueue(govQueueRes.data);
-            if (!validatedPrinciples || !validatedActivations || !validatedGovQueue) {
-                setLoadingState("error");
-                setErrorMessage("Data validation failed: unexpected response shape");
-                return;
-            }
-            // Filter and build the debt list (no-complexity heuristics)
-            const allPrinciples = validatedPrinciples.principles;
-            const allActivations = validatedActivations.activations;
-            const stagnationSignals = validatedGovQueue.stagnationSignals;
-            const items = [];
-            // 1. Identify "Never Activated" Principles
-            // An active principle with status === 'active' is never activated if it has no active activations.
-            const activePrinciples = allPrinciples.filter((p) => p.status === "active");
-            for (const p of activePrinciples) {
-                const principleActivations = allActivations.filter((a) => a.principleId === p.id);
-                const hasActiveActivation = principleActivations.some((a) => a.status === "active");
-                if (!hasActiveActivation) {
-                    // It qualifies as never-activated debt
-                    items.push({
-                        id: p.id,
-                        text: p.text,
-                        triggerPattern: p.triggerPattern,
-                        type: "never_activated",
-                        status: p.status,
-                        activeActivationRecords: principleActivations.filter((a) => a.status === "active"),
-                    });
-                }
-            }
-            // 2. Identify "Stagnant" Principle Approvals (stagnant for > 7 days)
-            for (const signal of stagnationSignals) {
-                // Skip if we already added it (should not overlap, but to be safe)
-                if (items.some((item) => item.id === signal.principleId)) {
-                    continue;
-                }
-                const p = allPrinciples.find((p) => p.id === signal.principleId);
-                if (p) {
-                    items.push({
-                        id: p.id,
-                        text: p.text,
-                        triggerPattern: p.triggerPattern,
-                        type: "stagnant",
-                        daysSince: signal.daysSince,
-                        status: p.status,
-                    });
-                }
-            }
-            setDebtItems(items);
-            setLoadingState("loaded");
-        }
-        catch (e) {
-            setLoadingState("error");
-            setErrorMessage(e instanceof Error ? e.message : String(e));
-        }
-    }, []);
-    useEffect(() => {
-        loadData();
-    }, [loadData]);
-    // Archive Action: calls POST /api/principles/:id/archive and triggers J.2 Undo toast
-    const handleArchive = async (principleId) => {
-        setIsProcessing(true);
-        const result = await archivePrinciple(principleId);
-        if (result.success) {
-            // Remove it from the local view immediately
-            setDebtItems((prev) => prev.filter((item) => item.id !== principleId));
-            // J.2 Undo Toast: 5 seconds countdown action link
-            toast.success(t("pages.debt.archiveSuccess"), {
-                description: t("pages.activation.disableSuccessDescription", { id: principleId, defaultValue: `Principle ${principleId} archived` }),
-                action: {
-                    label: t("pages.debt.undoAction"),
-                    onClick: async () => {
-                        const undoResult = await unarchivePrinciple(principleId);
-                        if (undoResult.success) {
-                            toast.success(t("pages.debt.undoSuccess"));
-                            loadData(); // Reload to restore the principle in list
-                        }
-                        else {
-                            toast.error(t("pages.debt.undoFailed"));
-                        }
-                    },
-                },
-                duration: 5000,
-            });
-        }
-        else {
-            toast.error(t("pages.debt.archiveFailed"), {
-                description: result.error,
-                duration: 8000,
-            });
-        }
-        setIsProcessing(false);
-    };
-    // Deactivate Action: calls POST /api/v1/activations/:id/disable
-    const handleDeactivate = async (activationId, principleId) => {
-        setIsProcessing(true);
-        const result = await disableActivation(activationId);
-        if (result.success) {
-            // Update local state by filtering out this deactivated record
-            setDebtItems((prev) => prev
-                .map((item) => {
-                if (item.id !== principleId)
-                    return item;
-                const updatedActivations = item.activeActivationRecords?.filter((ar) => ar.activationId !== activationId);
-                return {
-                    ...item,
-                    activeActivationRecords: updatedActivations,
-                };
-            }));
-            toast.success(t("pages.debt.deactivateSuccess"), {
-                description: t("pages.activation.disableSuccessDescription", { id: principleId }),
-                duration: 5000,
-            });
-            loadData(); // reload fresh state
-        }
-        else {
-            toast.error(t("pages.debt.deactivateFailed"), {
-                description: result.error,
-                duration: 8000,
-            });
-        }
-        setIsProcessing(false);
-    };
-    // ── Loading state ──────────────────────────────────────────────────────────
-    if (loadingState === "loading") {
-        return (_jsx(PageShell, { children: _jsx(PageLoading, { cardCount: 3, label: t("common.loading") }) }));
-    }
-    // ── Error state (ERR-002: degradation with explanation) ────────────────────
-    if (loadingState === "error") {
-        return (_jsxs(PageShell, { children: [_jsx("div", { className: "font-mono text-[12px] tracking-[0.14em] text-ink-3 uppercase mb-3", children: t("pages.debt.eyebrow") }), _jsx("h1", { className: "text-[29px] font-semibold tracking-tight text-ink mb-2", children: t("pages.debt.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.debt.loadError") }), errorMessage && (_jsx("p", { className: "mt-2 text-ink-4 text-[13px] font-mono", children: errorMessage }))] })] }));
-    }
-    // ── Loaded state ───────────────────────────────────────────────────────────
-    return (_jsx(PageShell, { children: _jsxs("div", { className: "animate-[pdFadeIn_400ms_ease-out] space-y-6", children: [_jsxs("div", { children: [_jsx("div", { className: "font-mono text-[12px] tracking-[0.14em] text-ink-3 uppercase mb-3", children: t("pages.debt.eyebrow") }), _jsx(ShinyText, { as: "h1", className: "text-[29px] font-semibold tracking-tight text-ink mb-2", duration: 4.5, brightness: 0.5, disabled: debtItems.length === 0, children: t("pages.debt.title") }), _jsx("p", { className: "text-ink-3 text-[14px] max-w-[760px] leading-relaxed", children: t("pages.debt.subtitle") })] }), _jsx("section", { "aria-label": t("pages.debt.listAriaLabel"), className: "space-y-[14px]", children: debtItems.length > 0 ? (_jsxs(_Fragment, { children: [_jsxs(SectionTitle, { id: "section-debt-list", children: [t("pages.sidebar.debt"), " (", debtItems.length, ")"] }), _jsx("div", { className: "space-y-[14px]", children: debtItems.map((item) => (_jsx(DebtCard, { item: item, onArchive: handleArchive, onDeactivate: handleDeactivate, isProcessing: isProcessing }, `${item.id}-${item.type}`))) })] })) : (_jsxs("div", { className: "p-8 text-center bg-panel border border-line border-dashed rounded-[6px] space-y-3", role: "status", children: [_jsx("p", { className: "text-ink-2 font-medium text-[16px]", children: t("pages.debt.emptyTitle") }), _jsx("p", { className: "text-ink-3 text-[13px] max-w-[500px] mx-auto leading-relaxed", children: t("pages.debt.emptyDescription") })] })) })] }) }));
-}

package/console/dist/ui/pages/design-system/DesignSystemPage.d.ts

@@ -1,2 +0,0 @@
-import * as React from "react";
-export declare function DesignSystemPage(): React.JSX.Element;

package/console/dist/ui/pages/design-system/DesignSystemPage.js

@@ -1,30 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from "../../components/ui/button.js";
-import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from "../../components/ui/card.js";
-import { Badge } from "../../components/ui/badge.js";
-import { PageShell } from "../../components/layout/page-shell.js";
-import { SectionTitle } from "../../components/layout/section-title.js";
-/**
- * Design system preview page — dev-only visual regression anchor.
- * Renders all tokens, component states, and patterns for CR1 verification.
- */
-const LIGHT_TOKENS = [
-    { name: "--paper", value: "#f7f3ea" },
-    { name: "--paper-2", value: "#f2ede3" },
-    { name: "--surface", value: "#fbf8f0" },
-    { name: "--panel", value: "#fffdf7" },
-    { name: "--ink", value: "#1f2933" },
-    { name: "--ink-2", value: "#384150" },
-    { name: "--ink-3", value: "#525966" },
-    { name: "--ink-4", value: "#5F6774" },
-    { name: "--line", value: "#d7d1c4" },
-    { name: "--line-2", value: "#c7bfaf" },
-    { name: "--gov", value: "#1e3a5f" },
-    { name: "--gov-2", value: "#2f557f" },
-    { name: "--amber", value: "#a66a2a" },
-    { name: "--green", value: "#4d6b52" },
-    { name: "--danger", value: "#8b3a3a" },
-];
-export function DesignSystemPage() {
-    return (_jsxs(PageShell, { children: [_jsx(SectionTitle, { children: "Design System Preview" }), _jsx("h1", { className: "text-[29px] font-semibold tracking-tight text-ink mb-2", children: "Warm Paper + Blueprint" }), _jsx("p", { className: "text-ink-3 text-sm mb-8", children: "Visual regression anchor for CR1. All tokens and component states rendered here." }), _jsx(SectionTitle, { children: "Color Palette" }), _jsx("div", { className: "grid grid-cols-5 gap-3 mb-8", children: LIGHT_TOKENS.map(({ name, value }) => (_jsxs("div", { className: "flex flex-col items-center gap-1", children: [_jsx("div", { className: "w-full h-12 rounded-[var(--radius-md)] border border-line", style: { backgroundColor: value } }), _jsx("span", { className: "font-mono text-[10px] text-ink-3", children: name }), _jsx("span", { className: "font-mono text-[10px] text-ink-4", children: value })] }, name))) }), _jsx(SectionTitle, { children: "Buttons" }), _jsxs("div", { className: "flex flex-wrap gap-3 mb-8 items-center", children: [_jsx(Button, { variant: "default", children: "Primary (Gov)" }), _jsx(Button, { variant: "outline", children: "Outline" }), _jsx(Button, { variant: "ghost", children: "Ghost" }), _jsx(Button, { variant: "quiet", children: "Quiet" }), _jsx(Button, { variant: "secondary", children: "Secondary" }), _jsx(Button, { variant: "destructive", children: "Destructive" }), _jsx(Button, { variant: "link", children: "Link" }), _jsx(Button, { variant: "default", disabled: true, children: "Disabled" }), _jsx(Button, { variant: "default", size: "sm", children: "Small" }), _jsx(Button, { variant: "default", size: "lg", children: "Large" })] }), _jsx(SectionTitle, { children: "Cards" }), _jsxs("div", { className: "grid grid-cols-2 gap-4 mb-8", children: [_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Default Card" }), _jsx(CardDescription, { children: "With shadow, hover deepens border + shadow. No transform." })] }), _jsx(CardContent, { children: _jsxs("p", { className: "text-sm text-ink-3", children: ["Cards use ", _jsx("code", { className: "font-mono text-[11px] bg-paper-2 px-1 rounded-[2px]", children: "--shadow-card" }), " and hover with deeper shadow. No translateY or scale on hover (B.4.4)."] }) }), _jsx(CardFooter, { children: _jsx(Button, { variant: "default", size: "sm", children: "Action" }) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Card with Badges" }), _jsx(CardDescription, { children: "Status labels in Blueprint style" })] }), _jsxs(CardContent, { children: [_jsxs("div", { className: "flex flex-wrap gap-2 mb-3", children: [_jsx(Badge, { variant: "default", children: "\u5F85\u5BA1\u67E5" }), _jsx(Badge, { variant: "amber", children: "\u9700\u6CE8\u610F" }), _jsx(Badge, { variant: "green", children: "\u7A33\u5B9A" }), _jsx(Badge, { variant: "destructive", children: "\u98CE\u9669" }), _jsx(Badge, { variant: "secondary", children: "\u5DF2\u5F52\u6863" }), _jsx(Badge, { variant: "outline", children: "\u5DF2\u6682\u5B58" })] }), _jsx("p", { className: "text-sm text-ink-3", children: "Badges: 2px border-radius, mono font, 11px, low saturation (B.4.5)." })] })] })] }), _jsx(SectionTitle, { children: "Badges / Status Labels" }), _jsxs("div", { className: "flex flex-wrap gap-3 mb-8", children: [_jsx(Badge, { variant: "default", children: "\u5F85\u5BA1\u67E5" }), _jsx(Badge, { variant: "amber", children: "\u9700\u6CE8\u610F" }), _jsx(Badge, { variant: "green", children: "\u7A33\u5B9A" }), _jsx(Badge, { variant: "destructive", children: "\u98CE\u9669" }), _jsx(Badge, { variant: "secondary", children: "\u5DF2\u5F52\u6863" }), _jsx(Badge, { variant: "outline", children: "\u5DF2\u6682\u5B58" })] }), _jsx(SectionTitle, { children: "Empty State" }), _jsx(Card, { className: "mb-8", children: _jsxs(CardContent, { className: "py-12 text-center", children: [_jsx("p", { className: "text-ink-3 text-sm mb-2", children: "\u8FD8\u6CA1\u6709\u53EF\u5BA1\u67E5\u539F\u5219\u3002\u5F53 PD \u6355\u83B7\u5230\u884C\u4E3A\u504F\u5DEE\u4FE1\u53F7\u65F6\uFF0C\u4F1A\u5728\u8FD9\u91CC\u751F\u6210\u539F\u5219\u5019\u9009\uFF0C\u7B49\u5F85\u4F60\u5BA1\u67E5\u3002" }), _jsx(Button, { variant: "outline", size: "sm", children: "\u4E86\u89E3\u66F4\u591A" })] }) }), _jsx(SectionTitle, { children: "Error State" }), _jsx(Card, { className: "mb-8", children: _jsxs(CardContent, { className: "py-8", children: [_jsx("p", { className: "text-ink-3 text-sm mb-2", children: "\u65E0\u6CD5\u52A0\u8F7D\u8FD9\u6761\u539F\u5219\u7684\u8BC1\u636E\u6765\u6E90\u3002\u539F\u5219\u672C\u8EAB\u672A\u53D7\u5F71\u54CD\u3002\u4F60\u53EF\u4EE5\u7A0D\u540E\u91CD\u8BD5\uFF0C\u6216\u6682\u65F6\u4FDD\u7559\u5728\u5F85\u5BA1\u67E5\u72B6\u6001\u3002" }), _jsx(Button, { variant: "outline", size: "sm", children: "\u91CD\u8BD5" })] }) }), _jsx(SectionTitle, { children: "Typography" }), _jsxs("div", { className: "space-y-3 mb-8", children: [_jsx("h1", { className: "text-[29px] font-semibold tracking-tight text-ink", children: "Page Title \u2014 29px" }), _jsx("h2", { className: "text-[17px] font-semibold tracking-tight text-ink", children: "Card Title \u2014 17px" }), _jsx("h3", { className: "text-[13px] font-semibold text-ink-2", children: "Section Title \u2014 13px" }), _jsx("p", { className: "text-[15px] text-ink leading-relaxed", children: "Body text \u2014 15px. The quick brown fox jumps over the lazy dog. \u6570\u5B57\u4F7F\u7528 tabular-nums: 1,234,567." }), _jsx("p", { className: "text-[14px] text-ink-2", children: "Card body \u2014 14px" }), _jsx("p", { className: "text-[13px] text-ink-3", children: "Auxiliary text \u2014 13px" }), _jsx("p", { className: "font-mono text-[11px] tracking-[0.1em] uppercase text-ink-3", children: "EYEBROW / LABEL \u2014 11PX MONO" }), _jsx("p", { className: "font-mono text-[11px] text-ink-4", children: "Metadata / timestamp \u2014 11px mono" })] }), _jsx(SectionTitle, { children: "Layout \u2014 712px Container" }), _jsx("p", { className: "text-sm text-ink-3 mb-4", children: "This page is already inside a PageShell (712px centered). The blueprint grid is visible on the body background." }), _jsx("div", { className: "border border-dashed border-line-2 p-4 text-center text-ink-4 text-xs font-mono", children: "\u2190 712px max-width \u2192" })] }));
-}

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

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

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

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

package/console/dist/ui/pages/failed-tasks/FailedTasksPage.d.ts

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