create-principles-disciple 1.146.4 → 1.146.7

package/console/dist/ui/pages/settings/UpdatePage.js

@@ -1,215 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * UpdatePage — PD self-update status and history.
- *
- * Contract aligned with backend routes/update.ts:
- * - GET /api/update/check → { hasUpdate, currentVersion, latestVersion, error? }
- * - GET /api/update/history → [{ id, timestamp, fromVersion, toVersion, success }, ...]
- *
- * Privacy boundary: version strings and timestamps only — no session/path data.
- */
-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 { fetchUpdateStatus, fetchUpdateHistory, applyFullUpdate, fetchUpdateRecovery, fetchUpdateTransaction, } from "../../api.js";
-import { validateUpdateStatus, validateUpdateHistory, validateUpdateRecovery, validateUpdateTransaction } from "../../utils/validators.js";
-import { AlertDialog, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction, } from "../../components/ui/alert-dialog.js";
-import { Loader2, CheckCircle2, XCircle, ArrowRight, AlertTriangle } from "lucide-react";
-import { formatDate } from "../../utils/format-date.js";
-export function UpdatePage() {
-    const { t, i18n } = useTranslation();
-    const [statusData, setStatusData] = useState(null);
-    const [historyData, setHistoryData] = useState(null);
-    const [loadingState, setLoadingState] = useState("loading");
-    const [checking, setChecking] = useState(false);
-    const [errorMessage, setErrorMessage] = useState(null);
-    const [historyErrorReason, setHistoryErrorReason] = useState(null);
-    const [updateResult, setUpdateResult] = useState(null);
-    const [showFullUpdateDialog, setShowFullUpdateDialog] = useState(false);
-    const [fullUpdating, setFullUpdating] = useState(false);
-    const [recoveryData, setRecoveryData] = useState(null);
-    // PRI-853 (SPEC §12.1): a running detached update — the page tracks its
-    // transaction instead of treating the accepted request as "success".
-    const [inProgress, setInProgress] = useState(null);
-    const loadData = useCallback(async () => {
-        setLoadingState("loading");
-        setErrorMessage(null);
-        setHistoryErrorReason(null);
-        const [statusResult, historyResult, recoveryResult] = await Promise.all([
-            fetchUpdateStatus(),
-            fetchUpdateHistory(),
-            fetchUpdateRecovery(),
-        ]);
-        // Validate status data (H section / ERR-001/005)
-        if (!statusResult.success) {
-            setLoadingState("error");
-            setErrorMessage(statusResult.error);
-            return;
-        }
-        const validatedStatus = validateUpdateStatus(statusResult.data);
-        if (validatedStatus === null) {
-            setLoadingState("error");
-            setErrorMessage("Update status data has unexpected shape");
-            return;
-        }
-        setStatusData(validatedStatus);
-        // Validate history data (ERR-002: degradation with reason)
-        if (!historyResult.success) {
-            setHistoryData(null);
-            setHistoryErrorReason(historyResult.error ?? "Update history unavailable");
-        }
-        else {
-            const validatedHistory = validateUpdateHistory(historyResult.data);
-            setHistoryData(validatedHistory);
-            if (validatedHistory === null) {
-                setHistoryErrorReason("Update history data has unexpected shape");
-            }
-        }
-        // PRI-848 (SPEC §12.1): recovery surface — surface an unfinished update
-        // transaction instead of letting the Owner start a duplicate update.
-        if (recoveryResult.success) {
-            setRecoveryData(validateUpdateRecovery(recoveryResult.data));
-        }
-        else {
-            setRecoveryData(null);
-        }
-        setLoadingState("loaded");
-    }, []);
-    useEffect(() => {
-        loadData();
-    }, [loadData]);
-    const handleCheckForUpdates = useCallback(async () => {
-        setChecking(true);
-        const result = await fetchUpdateStatus();
-        if (!result.success) {
-            toast.error(t("pages.update.checkFailed"));
-            setChecking(false);
-            return;
-        }
-        const validated = validateUpdateStatus(result.data);
-        if (validated === null) {
-            toast.error(t("pages.update.checkFailed"));
-            setChecking(false);
-            return;
-        }
-        setStatusData(validated);
-        setChecking(false);
-    }, [t]);
-    const handleApplyFullUpdate = useCallback(async () => {
-        setShowFullUpdateDialog(false);
-        setFullUpdating(true);
-        setUpdateResult(null);
-        const result = await applyFullUpdate();
-        setFullUpdating(false);
-        if (!result.success) {
-            setUpdateResult({ success: false, message: result.error ?? 'Unknown error' });
-            toast.error(t('pages.update.updateFailed', { message: result.error ?? 'Unknown error' }));
-            return;
-        }
-        const data = result.data;
-        if (data.state === 'update_in_progress' && data.transactionId) {
-            // PRI-853 (SPEC §12.1): an ACCEPTED request is not a completed update.
-            // Track the detached transaction; only its terminal phase ends this flow.
-            setInProgress({ transactionId: data.transactionId, phase: null });
-            toast.info(t('pages.update.inProgressToast'));
-            return;
-        }
-        if (data.success) {
-            setUpdateResult({
-                success: true,
-                message: data.message,
-                newVersion: data.newVersion,
-                fromVersion: statusData?.currentVersion,
-                requiresRestart: data.requiresRestart,
-                gatewayNotice: data.gatewayNotice,
-            });
-            toast.success(t('pages.update.fullUpdateSuccess'));
-            await loadData();
-        }
-        else {
-            setUpdateResult({
-                success: false,
-                refusal: data.refusal,
-                message: data.message,
-                reason: data.reason,
-                nextAction: data.nextAction,
-                gatewayNotice: data.gatewayNotice,
-            });
-            toast.error(t('pages.update.updateFailed', { message: data.message }));
-        }
-    }, [t, loadData, statusData?.currentVersion]);
-    // PRI-853: poll the detached update's transaction until a terminal phase.
-    useEffect(() => {
-        if (!inProgress)
-            return;
-        let cancelled = false;
-        let attempts = 0;
-        const tick = async () => {
-            if (cancelled)
-                return;
-            attempts += 1;
-            const result = await fetchUpdateTransaction(inProgress.transactionId);
-            if (cancelled)
-                return;
-            const tx = result.success ? validateUpdateTransaction(result.data) : null;
-            if (tx === null || !tx.exists) {
-                if (attempts >= 200) {
-                    setInProgress(null);
-                    setUpdateResult({ success: false, message: t('pages.update.inProgressTimeout'), reason: 'transaction_unresolved' });
-                }
-                return;
-            }
-            setInProgress({ transactionId: inProgress.transactionId, phase: tx.lastState });
-            if (!tx.terminal)
-                return;
-            setInProgress(null);
-            if (tx.lastState === 'confirmed') {
-                setUpdateResult({ success: true, message: t('pages.update.inProgressConfirmed', { version: tx.productVersion ?? '' }), requiresRestart: true });
-                toast.success(t('pages.update.fullUpdateSuccess'));
-            }
-            else {
-                setUpdateResult({ success: false, message: t('pages.update.inProgressEnded', { state: tx.lastState ?? '' }) });
-            }
-            await loadData();
-        };
-        const timer = setInterval(tick, 3000);
-        void tick();
-        return () => { cancelled = true; clearInterval(timer); };
-    }, [inProgress?.transactionId, t, loadData]);
-    // ── Loading state ────────────────────────────────────────────────────────
-    if (loadingState === "loading") {
-        return (_jsx(PageShell, { children: _jsx(PageLoading, { cardCount: 2, label: t("common.loading") }) }));
-    }
-    // ── Error state (ERR-002: degradation with reason) ───────────────────────
-    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.update.eyebrow") }), _jsx("h1", { className: "text-[29px] font-semibold tracking-tight text-ink mb-2", children: t("pages.update.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.update.loadError") }), errorMessage && (_jsx("p", { className: "mt-2 text-ink-4 text-[13px] font-mono", children: errorMessage }))] })] }));
-    }
-    // ── Loaded state ─────────────────────────────────────────────────────────
-    // PRI-848 (SPEC §12.1): explicit state contract. Servers predating the
-    // contract fall back to the legacy hasUpdate/error derivation.
-    const updateState = statusData?.state ??
-        (statusData ? (statusData.error ? 'check_failed' : statusData.hasUpdate ? 'update_available' : 'up_to_date') : 'up_to_date');
-    const isUpToDate = updateState === 'up_to_date';
-    // SPEC §12.1: reason codes localize; an unmapped code falls back to the raw
-    // value instead of hiding it.
-    const localizedReason = (reason) => reason ? t(`pages.update.reason.${reason}`, { defaultValue: reason }) : undefined;
-    const blockedReason = updateState === 'update_blocked' || updateState === 'check_failed'
-        ? localizedReason(statusData?.reason)
-        : undefined;
-    return (_jsxs(PageShell, { children: [_jsxs("div", { className: "animate-[pdFadeIn_400ms_ease-out]", children: [recoveryData?.needsRecovery && recoveryData.unfinished.length > 0 && (_jsxs("div", { className: "mb-6 p-4 bg-amber/5 border border-amber/35 rounded-[6px] text-[13px] leading-relaxed text-ink-2", role: "alert", children: [_jsx("p", { className: "font-medium text-amber", children: t("pages.update.recoveryBanner") }), recoveryData.unfinished.slice(0, 3).map((item) => (_jsx("p", { className: "mt-1 font-mono text-[12px] text-ink-3", children: t("pages.update.recoveryItem", {
-                                    id: item.transactionId,
-                                    phase: item.lastState ?? "—",
-                                }) }, item.transactionId))), recoveryData.nextAction && (_jsx("p", { className: "mt-2 text-[12px] text-ink-3", children: recoveryData.nextAction }))] })), recoveryData?.needsRecovery && recoveryData.recoveryRequired.length > 0 && (_jsxs("div", { className: "mb-6 p-4 bg-amber/5 border border-amber/35 rounded-[6px] text-[13px] leading-relaxed text-ink-2", role: "alert", children: [_jsx("p", { className: "font-medium text-amber", children: t("pages.update.recoveryRequiredBanner") }), recoveryData.recoveryRequired.slice(0, 3).map((item) => (_jsx("p", { className: "mt-1 font-mono text-[12px] text-ink-3", children: t("pages.update.recoveryRequiredItem", { id: item.transactionId }) }, item.transactionId))), recoveryData.nextAction && (_jsx("p", { className: "mt-2 text-[12px] text-ink-3", children: recoveryData.nextAction }))] })), _jsx("div", { className: "font-mono text-[12px] tracking-[0.14em] text-ink-3 uppercase mb-3", children: t("pages.update.eyebrow") }), _jsx("h1", { className: "text-[29px] font-semibold tracking-tight text-ink mb-2", children: t("pages.update.title") }), _jsx("p", { className: "text-ink-3 text-[14px] max-w-[760px] leading-relaxed mb-7", children: t("pages.update.subtitle") }), _jsxs("section", { className: "mb-8", "aria-labelledby": "section-update-status", children: [_jsx(SectionTitle, { id: "section-update-status", children: t("pages.update.currentVersion") }), _jsxs("div", { className: "bg-panel border border-line rounded-[6px] p-5", children: [_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-ink-3 text-[13px]", children: t("pages.update.currentVersion") }), _jsx("span", { className: "font-mono text-[13px] text-ink", children: statusData?.currentVersion ?? "—" })] }), statusData?.identityDivergence && (_jsx("div", { className: "border border-amber/35 rounded-[4px] px-3 py-2 text-[12px] leading-relaxed text-ink-2", children: t("pages.update.identityDivergence", {
-                                                    active: statusData.identityDivergence.activeVersion,
-                                                    plugin: statusData.identityDivergence.pluginVersion,
-                                                }) })), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-ink-3 text-[13px]", children: t("pages.update.latestVersion") }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "font-mono text-[13px] text-ink", children: updateState === 'check_failed' ? "—" : (statusData?.latestVersion || "—") }), updateState === 'check_failed' && (_jsx("span", { className: "inline-flex items-center border border-amber/35 text-amber rounded-[2px] px-[7px] py-1 font-mono text-[11px] uppercase", children: t("pages.update.checkFailed") })), updateState === 'update_blocked' && (_jsx("span", { className: "inline-flex items-center border border-amber/35 text-amber rounded-[2px] px-[7px] py-1 font-mono text-[11px] uppercase", children: t("pages.update.blockedBadge") })), updateState === 'up_to_date' && (_jsx("span", { className: "inline-flex items-center border border-green/35 text-green rounded-[2px] px-[7px] py-1 font-mono text-[11px] uppercase", children: t("pages.update.upToDate") })), updateState === 'update_available' && (_jsx("span", { className: "inline-flex items-center border border-amber/35 text-amber rounded-[2px] px-[7px] py-1 font-mono text-[11px] uppercase", children: t("pages.update.updateAvailable") }))] })] })] }), (updateState === 'update_blocked' || updateState === 'check_failed') && (_jsxs("div", { className: "mt-4 pt-3 border-t border-line text-[12px] leading-relaxed", children: [blockedReason && (_jsxs("p", { className: "text-ink-2", children: [t("pages.update.reasonLabel"), blockedReason] })), statusData?.message && updateState === 'update_blocked' && (_jsx("p", { className: "mt-1 text-ink-3", children: statusData.message })), statusData?.nextAction && (_jsx("p", { className: "mt-1 text-ink-3 font-mono", children: statusData.nextAction }))] })), statusData?.error && (_jsxs("div", { className: "mt-4 pt-3 border-t border-line text-[12px] text-ink-4 font-mono", children: [t("pages.update.checkError"), ": ", statusData.error] })), inProgress && (_jsxs("div", { className: "mt-4 p-4 rounded-[6px] border border-gov/30 bg-surface text-[13px] leading-relaxed", role: "status", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin text-gov" }), _jsx("span", { className: "font-medium text-ink", children: t("pages.update.inProgressPanel") })] }), _jsx("p", { className: "mt-1 font-mono text-[12px] text-ink-3", children: t("pages.update.inProgressPhase", { phase: inProgress.phase ?? "…" }) }), _jsx("p", { className: "mt-1 font-mono text-[12px] text-ink-4", children: inProgress.transactionId })] })), _jsxs("div", { className: "mt-5 pt-4 border-t border-line flex items-center gap-3 flex-wrap", children: [_jsx("button", { type: "button", onClick: handleCheckForUpdates, disabled: checking || fullUpdating || inProgress !== null, className: "border border-line bg-surface text-ink rounded-[3px] px-[14px] py-[6px] text-[12.5px] hover:border-line-2 transition-colors disabled:opacity-50 disabled:cursor-not-allowed focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", children: checking ? t("pages.update.checking") : t("pages.update.checkForUpdates") }), !isUpToDate && updateState === 'update_available' && (_jsx("button", { type: "button", onClick: () => setShowFullUpdateDialog(true), disabled: checking || fullUpdating || inProgress !== null, className: "bg-gov text-white rounded-[3px] px-[14px] py-[6px] text-[12.5px] hover:bg-gov/90 transition-colors disabled:opacity-50 disabled:cursor-not-allowed focus-visible:outline-2 focus-visible:outline-gov focus-visible:outline-offset-2", children: fullUpdating ? (_jsxs("span", { className: "flex items-center gap-1.5", children: [_jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" }), t("pages.update.updating")] })) : (t("pages.update.applyUpdate")) }))] }), updateResult && (_jsx("div", { className: `mt-4 p-4 rounded-[6px] border animate-[pdFadeIn_400ms_ease-out] ${updateResult.success ? 'bg-green/5 border-green/20' : updateResult.refusal ? 'bg-amber/5 border-amber/25' : 'bg-danger/5 border-danger/20'}`, children: _jsxs("div", { className: "flex items-start gap-3", children: [updateResult.success ? (_jsx(CheckCircle2, { className: "h-6 w-6 text-green shrink-0 mt-0.5 animate-[pdFadeIn_600ms_ease-out]", style: { transform: 'scale(1)', animationFillMode: 'both' } })) : updateResult.refusal ? (_jsx(AlertTriangle, { className: "h-6 w-6 text-amber shrink-0 mt-0.5" })) : (_jsx(XCircle, { className: "h-6 w-6 text-danger shrink-0 mt-0.5" })), _jsxs("div", { className: "flex-1 min-w-0", children: [updateResult.refusal && (_jsx("p", { className: "text-[12px] font-mono uppercase text-amber mb-1", children: t("pages.update.blockedBadge") })), updateResult.success && updateResult.fromVersion && updateResult.newVersion && (_jsxs("div", { className: "flex items-center gap-2 mb-1.5", children: [_jsx("span", { className: "font-mono text-[13px] text-ink-3 line-through", children: updateResult.fromVersion }), _jsx(ArrowRight, { className: "h-3.5 w-3.5 text-green" }), _jsx("span", { className: "font-mono text-[13px] text-green font-medium", children: updateResult.newVersion })] })), _jsx("p", { className: `text-[13px] ${updateResult.success ? 'text-green' : updateResult.refusal ? 'text-ink-2' : 'text-danger'}`, children: updateResult.message }), updateResult.success && updateResult.requiresRestart && (_jsx("p", { className: "mt-2 p-2 rounded-[3px] bg-amber/5 border border-amber/20 text-[12px] text-amber leading-relaxed", children: t("pages.update.fullUpdateRestartPrompt") })), updateResult.gatewayNotice && (_jsx("p", { className: "mt-2 p-2 rounded-[3px] bg-amber/5 border border-amber/20 text-[12px] text-amber leading-relaxed font-mono", children: updateResult.gatewayNotice })), !updateResult.success && updateResult.nextAction && (_jsx("p", { className: "mt-1 text-[12px] text-ink-4 font-mono leading-relaxed", children: updateResult.nextAction })), !updateResult.success && (_jsxs("div", { className: "mt-2 flex items-center gap-2", children: [/network|fetch|timeout|ECONNREFUSED|ENOTFOUND/i.test(updateResult.message) && (_jsx("p", { className: "text-[12px] text-ink-4 font-mono", children: t("pages.update.networkErrorHint") })), _jsx("button", { type: "button", onClick: () => setShowFullUpdateDialog(true), disabled: fullUpdating, className: "text-[12px] text-danger underline hover:text-danger/80 disabled:opacity-50", children: t("pages.update.retry") })] }))] })] }) }))] })] }), _jsxs("section", { "aria-labelledby": "section-update-history", children: [_jsx(SectionTitle, { id: "section-update-history", children: t("pages.update.history") }), historyErrorReason ? (_jsxs("div", { className: "text-ink-3 text-[13px] leading-relaxed py-3", children: [t("pages.update.loadError"), " (", historyErrorReason, ")"] })) : historyData && historyData.updates.length > 0 ? (_jsx("div", { className: "space-y-[10px]", children: historyData.updates.map((entry) => (_jsxs("article", { className: "bg-panel border border-line rounded-[6px] px-5 py-4", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "inline-flex items-center border border-line rounded-[2px] px-[7px] py-1 font-mono text-[11px] text-ink-3 bg-surface/80 uppercase", children: t("pages.update.version") }), _jsxs("span", { className: "font-mono text-[13px] text-ink", children: [entry.fromVersion, " \u2192 ", entry.toVersion === "failed" ? "—" : entry.toVersion] }), entry.kind !== "failure" && (_jsx("span", { className: "inline-flex items-center border border-line rounded-[2px] px-[7px] py-1 font-mono text-[11px] text-ink-3 bg-surface/80 uppercase", children: t(`pages.update.historyKind.${entry.kind}`) })), !entry.success && entry.kind !== 'refusal' && (_jsx("span", { className: "inline-flex items-center border border-danger/35 text-danger rounded-[2px] px-[7px] py-1 font-mono text-[11px] uppercase", children: t("pages.update.failed") }))] }), _jsx("div", { className: "flex items-center gap-3", children: _jsx("span", { className: "text-ink-3 text-[13px]", children: formatDate(entry.timestamp, i18n.language, {
-                                                            year: "numeric",
-                                                            month: "short",
-                                                            day: "numeric",
-                                                            hour: "2-digit",
-                                                            minute: "2-digit",
-                                                        }) }) })] }), (entry.reason || entry.nextAction) && (_jsxs("div", { className: "mt-3 border-t border-line pt-3 text-[12px] leading-relaxed text-ink-3", children: [entry.reason && _jsx("p", { children: entry.reason }), entry.nextAction && _jsx("p", { className: "mt-1 text-ink-2", children: entry.nextAction })] }))] }, entry.id))) })) : (_jsx("div", { className: "text-ink-3 text-[13px] leading-relaxed py-3", children: t("pages.update.noHistory") }))] })] }), _jsx(AlertDialog, { open: showFullUpdateDialog, onOpenChange: setShowFullUpdateDialog, children: _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: t("pages.update.confirmFullUpdateTitle") }), _jsx(AlertDialogDescription, { children: t("pages.update.confirmFullUpdateDesc") })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: t("common.cancel") }), _jsx(AlertDialogAction, { onClick: handleApplyFullUpdate, children: t("pages.update.applyFullUpdate") })] })] }) })] }));
-}

package/console/dist/ui/pages/welcome/WelcomePage.d.ts

@@ -1,5 +0,0 @@
-interface WelcomePageProps {
-    workspaceId: string;
-}
-export declare function WelcomePage({ workspaceId }: WelcomePageProps): import("react").JSX.Element;
-export {};

package/console/dist/ui/pages/welcome/WelcomePage.js

@@ -1,187 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect, useCallback, useRef } from 'react';
-import { useNavigate } from 'react-router-dom';
-import { useTranslation } from 'react-i18next';
-import { CircuitDiagram } from '../../components/onboarding/CircuitDiagram.js';
-import { DemoResultView } from '../../components/onboarding/DemoResultView.js';
-import { SlashCommandsCard } from '../../components/onboarding/SlashCommandsCard.js';
-import { ONBOARDING_SLASH_COMMANDS } from '../../components/onboarding/slashCommands.js';
-import { getOnboardingState, setOnboardingState } from '../../utils/onboarding-state.js';
-import { request } from '../../api.js';
-// Polling configuration for step 4 evidence detection (spec 6.5.2).
-const TWO_HOURS_MS = 2 * 60 * 60 * 1000;
-const POLL_INTERVAL_MS = 30 * 1000;
-// rc-1/rc-2/rc-4: validate the demo response shape before use.
-// The backend owns this shape, but parsed JSON is treated as unknown.
-function isDemoStage(value) {
-    if (typeof value !== 'object' || value === null)
-        return false;
-    const name = Object.hasOwn(value, 'name') ? Reflect.get(value, 'name') : undefined;
-    const status = Object.hasOwn(value, 'status') ? Reflect.get(value, 'status') : undefined;
-    if (typeof name !== 'string')
-        return false;
-    return status === 'passed' || status === 'failed' || status === 'degraded' || status === 'skipped';
-}
-function parseDemoResponse(value) {
-    if (typeof value !== 'object' || value === null)
-        return null;
-    const v = value;
-    if (typeof v.simulated !== 'boolean')
-        return null;
-    if (typeof v.demo !== 'object' || v.demo === null)
-        return null;
-    const d = v.demo;
-    if (typeof d.status !== 'string')
-        return null;
-    const demo = { status: d.status };
-    if (typeof d.generatedAt === 'string')
-        demo.generatedAt = d.generatedAt;
-    if (typeof d.narrative === 'string')
-        demo.narrative = d.narrative;
-    if (typeof d.storyDescription === 'string')
-        demo.storyDescription = d.storyDescription;
-    if (typeof d.simulated === 'boolean')
-        demo.simulated = d.simulated;
-    if (Object.hasOwn(d, 'stages')) {
-        if (!Array.isArray(d.stages) || !d.stages.every(isDemoStage))
-            return null;
-        demo.stages = d.stages;
-    }
-    return { demo, simulated: v.simulated };
-}
-export function WelcomePage({ workspaceId }) {
-    const { t } = useTranslation();
-    const navigate = useNavigate();
-    const [step, setStep] = useState(1);
-    const [demoStatus, setDemoStatus] = useState('idle');
-    const [demoResult, setDemoResult] = useState(null);
-    const [demoError, setDemoError] = useState(null);
-    const [stateError, setStateError] = useState(null);
-    const [pollingActive, setPollingActive] = useState(false);
-    const [pollingStatus, setPollingStatus] = useState('idle');
-    const [pollingError, setPollingError] = useState(null);
-    // Refs for polling cleanup (spec 6.5.2 test case 3: unmount clears timers).
-    const pollingIntervalRef = useRef(null);
-    const pollingTimeoutRef = useRef(null);
-    // P2-2B: track consecutive polling errors; after 3, stop polling and surface
-    // the failure (rc-9: no silent fallback). Reset to 0 on any successful poll.
-    const errorCountRef = useRef(0);
-    // P2-3: baseline record count captured when polling starts, so we only
-    // trigger evidence-found on NEW evidence (not pre-existing records).
-    const baselineCountRef = useRef(0);
-    // If onboarding was already completed for this workspace, skip the wizard.
-    useEffect(() => {
-        const state = getOnboardingState(workspaceId);
-        if (state.completed) {
-            navigate('/focus', { replace: true });
-        }
-    }, [workspaceId, navigate]);
-    const completeOnboarding = useCallback((status) => {
-        if (!setOnboardingState(workspaceId, {
-            completed: true,
-            step: 4,
-            status,
-            completedAt: new Date().toISOString(),
-        })) {
-            setStateError(t('pages.welcome.stateSaveError'));
-            return;
-        }
-        navigate('/focus', { replace: true });
-    }, [workspaceId, navigate, t]);
-    const runDemo = useCallback(async () => {
-        setDemoStatus('loading');
-        setDemoError(null);
-        try {
-            const response = await request('/api/v1/onboarding/run-demo', { method: 'POST' }, parseDemoResponse);
-            if (!response.success) {
-                throw new Error(response.error);
-            }
-            setDemoResult(response.data.demo);
-            setDemoStatus('success');
-        }
-        catch (err) {
-            const message = err instanceof Error ? err.message : 'Demo failed to start';
-            setDemoError(message);
-            setDemoStatus('error');
-        }
-    }, []);
-    const skipOnboarding = useCallback(() => {
-        completeOnboarding('skipped');
-    }, [completeOnboarding]);
-    // EP-05 (Loop State Freshness): each poll fetches fresh evidence.
-    const stopPolling = useCallback(() => {
-        setPollingActive(false);
-        if (pollingIntervalRef.current) {
-            clearInterval(pollingIntervalRef.current);
-            pollingIntervalRef.current = null;
-        }
-        if (pollingTimeoutRef.current) {
-            clearTimeout(pollingTimeoutRef.current);
-            pollingTimeoutRef.current = null;
-        }
-    }, []);
-    const startPolling = useCallback(() => {
-        setPollingActive(true);
-        setPollingStatus('polling');
-        setPollingError(null);
-        errorCountRef.current = 0;
-        pollingTimeoutRef.current = setTimeout(() => {
-            setPollingStatus('timeout');
-            stopPolling();
-        }, TWO_HOURS_MS);
-        // P2-3: capture baseline count on first poll, then only trigger
-        // evidence-found when count exceeds baseline (NEW evidence appeared).
-        let baselineCaptured = false;
-        const checkForEvidence = async () => {
-            try {
-                const response = await request('/api/v1/evidence-chain');
-                // P2-A: request() returns { success: false, error } on HTTP/network
-                // errors instead of throwing. Convert non-success into a thrown error
-                // so the catch block (error counter + retry UI) actually fires.
-                if (!response.success) {
-                    throw new Error(response.error || 'Failed to fetch evidence');
-                }
-                if (response.data) {
-                    const data = response.data;
-                    if (typeof data === 'object' && data !== null && Object.hasOwn(data, 'records')) {
-                        const records = data.records;
-                        if (Array.isArray(records)) {
-                            // P2-2B: a successful poll with valid data resets the error streak.
-                            errorCountRef.current = 0;
-                            if (!baselineCaptured) {
-                                // First poll: capture baseline count, do not trigger.
-                                baselineCountRef.current = records.length;
-                                baselineCaptured = true;
-                                return;
-                            }
-                            if (records.length > baselineCountRef.current) {
-                                setPollingStatus('evidence-found');
-                                stopPolling();
-                            }
-                        }
-                    }
-                }
-            }
-            catch {
-                // P2-2B (rc-9: no silent fallback) — surface the failure instead of
-                // swallowing it. After 3 consecutive errors, stop polling and show the
-                // error UI so the user can retry rather than waiting up to 2 hours.
-                errorCountRef.current += 1;
-                setPollingError(t('pages.welcome.step4.pollingError'));
-                if (errorCountRef.current >= 3) {
-                    setPollingStatus('error');
-                    stopPolling();
-                }
-            }
-        };
-        checkForEvidence();
-        pollingIntervalRef.current = setInterval(checkForEvidence, POLL_INTERVAL_MS);
-    }, [stopPolling, t]);
-    // Cleanup on unmount (spec 6.5.2 test case 3: no memory leak).
-    useEffect(() => {
-        return () => {
-            stopPolling();
-        };
-    }, [stopPolling]);
-    return (_jsxs("div", { className: "welcome-page", role: "main", children: [_jsxs("header", { className: "welcome-header", children: [_jsx("h1", { children: t('pages.welcome.title') }), _jsx("p", { className: "welcome-subtitle", children: t('pages.welcome.subtitle') }), _jsx("div", { className: "welcome-step-indicator", role: "progressbar", "aria-valuetext": t('pages.welcome.stepIndicator', { current: step, total: 4 }), children: [1, 2, 3, 4].map((s) => (_jsx("span", { className: `step-dot ${s === step ? 'active' : ''} ${s < step ? 'completed' : ''}` }, s))) })] }), stateError && _jsx("p", { className: "polling-error", role: "alert", children: stateError }), step === 1 && (_jsxs("section", { className: "welcome-step welcome-step-1", "aria-labelledby": "step1-title", children: [_jsx("h2", { id: "step1-title", children: t('pages.welcome.step1.title') }), _jsx("p", { children: t('pages.welcome.step1.description') }), _jsx(CircuitDiagram, {}), _jsxs("div", { className: "welcome-actions", children: [_jsx("button", { className: "pd-btn pd-btn-brand", onClick: () => setStep(2), children: t('pages.welcome.step1.startButton') }), _jsx("button", { className: "pd-btn pd-btn-alt", onClick: skipOnboarding, children: t('pages.welcome.step1.skipButton') })] })] })), step === 2 && (_jsxs("section", { className: "welcome-step welcome-step-2", "aria-labelledby": "step2-title", children: [_jsx("h2", { id: "step2-title", children: t('pages.welcome.step2.title') }), _jsx("p", { children: t('pages.welcome.step2.description') }), _jsx(DemoResultView, { result: demoResult, loading: demoStatus === 'loading', error: demoError }), _jsxs("div", { className: "welcome-actions", children: [demoStatus === 'idle' && (_jsx("button", { className: "pd-btn pd-btn-brand", onClick: runDemo, children: t('pages.welcome.step2.runDemoButton') })), (demoStatus === 'success' || demoStatus === 'error') && (_jsx("button", { className: "pd-btn pd-btn-alt", onClick: () => setStep(3), children: t('pages.welcome.step2.nextButton') }))] })] })), step === 3 && (_jsxs("section", { className: "welcome-step welcome-step-3", "aria-labelledby": "step3-title", children: [_jsx("h2", { id: "step3-title", children: t('pages.welcome.step3.title') }), _jsx("p", { children: t('pages.welcome.step3.description') }), _jsx("p", { className: "slash-commands-intro", children: t('pages.welcome.step3.commandsIntro') }), _jsx(SlashCommandsCard, { commands: ONBOARDING_SLASH_COMMANDS }), _jsxs("div", { className: "welcome-actions", children: [_jsx("button", { className: "pd-btn pd-btn-brand", onClick: () => setStep(4), children: t('pages.welcome.step3.nextButton') }), _jsx("button", { className: "pd-btn pd-btn-alt", onClick: skipOnboarding, children: t('pages.welcome.step1.skipButton') })] })] })), step === 4 && (_jsxs("section", { className: "welcome-step welcome-step-4", "aria-labelledby": "step4-title", children: [_jsx("h2", { id: "step4-title", children: t('pages.welcome.step4.title') }), _jsx("p", { children: t('pages.welcome.step4.description') }), _jsxs("div", { className: "example-prompt", role: "note", children: [_jsx("span", { className: "prompt-label", children: t('pages.welcome.step4.examplePrompt') }), _jsx("code", { className: "prompt-text", children: t('pages.welcome.step4.examplePromptText') })] }), pollingStatus === 'idle' && (_jsxs(_Fragment, { children: [_jsx("p", { className: "window-hint", children: t('pages.welcome.step4.windowHint') }), _jsxs("div", { className: "welcome-actions", children: [_jsx("button", { className: "pd-btn pd-btn-brand", onClick: () => { startPolling(); }, children: t('pages.welcome.step4.tryNowButton') }), _jsx("button", { className: "pd-btn pd-btn-alt", onClick: () => completeOnboarding('demo'), children: t('pages.welcome.step4.goToFocusButton') }), _jsx("button", { className: "pd-btn pd-btn-alt", onClick: skipOnboarding, children: t('pages.welcome.step4.skipButton') })] })] })), pollingStatus === 'polling' && (_jsxs("div", { className: "polling-active", role: "status", "aria-live": "polite", children: [_jsx("p", { children: t('pages.welcome.step4.pollingActive') }), _jsx("button", { className: "pd-btn pd-btn-alt", onClick: () => { stopPolling(); completeOnboarding('demo'); }, children: t('pages.welcome.step4.stopPollingButton') })] })), pollingStatus === 'evidence-found' && (_jsxs("div", { className: "polling-success", role: "status", children: [_jsx("p", { children: t('pages.welcome.step4.evidenceFound') }), _jsx("button", { className: "pd-btn pd-btn-brand", onClick: () => completeOnboarding('evidence_found'), children: t('pages.welcome.step4.goToFocusButton') })] })), pollingStatus === 'timeout' && (_jsxs("div", { className: "polling-timeout", role: "status", children: [_jsx("p", { children: t('pages.welcome.step4.timeoutHint') }), _jsx("button", { className: "pd-btn pd-btn-brand", onClick: () => completeOnboarding('demo'), children: t('pages.welcome.step4.goToFocusButton') }), _jsx("button", { className: "pd-btn pd-btn-alt", onClick: skipOnboarding, children: t('pages.welcome.step4.skipButton') })] })), pollingStatus === 'error' && (_jsxs("div", { className: "polling-error", role: "alert", children: [_jsx("p", { children: pollingError ?? t('pages.welcome.step4.pollingError') }), _jsxs("div", { className: "welcome-actions", children: [_jsx("button", { className: "pd-btn pd-btn-brand", onClick: () => { startPolling(); }, children: t('pages.welcome.step4.retryButton') }), _jsx("button", { className: "pd-btn pd-btn-alt", onClick: () => completeOnboarding('demo'), children: t('pages.welcome.step4.goToFocusButton') })] })] }))] }))] }));
-}

package/console/dist/ui/utils/agent-metadata.d.ts

@@ -1,71 +0,0 @@
-/**
- * Agent Metadata — Control Center agent grouping & role descriptions
- *
- * Pure data module (no React, no I/O). Defines:
- * - Which dependency cluster each of the 9 internal agents belongs to
- * - Bilingual role / detail / impact / tech-detail text for progressive disclosure
- * - Whether toggling the agent off requires inline confirmation (isCore)
- *
- * Content source: design-prototype/control-center.html (approved prototype).
- * Agent names match INTERNAL_AGENT_NAMES from @principles/core (camelCase).
- *
- * ERR entries:
- * - rc-1: pure static data, no untrusted input
- * - rc-2: no `as` bypasses
- * - rc-5: consumers use Object.hasOwn() to look up metadata by agent name
- */
-import type { InternalAgentName } from '@principles/core/runtime-v2';
-export type AgentGroup = 'core_trio' | 'code_chain' | 'quality_polish' | 'sidechain';
-export type ImpactLevel = 'danger' | 'amber' | 'green';
-export type GroupTag = 'must' | 'recommend' | 'optional' | 'independent';
-export interface AgentMeta {
-    name: InternalAgentName;
-    group: AgentGroup;
-    /** 中文角色名（如"诊断师"） */
-    displayNameZh: string;
-    displayNameEn: string;
-    /** 一句话角色（L1 折叠态显示） */
-    roleZh: string;
-    roleEn: string;
-    /** 展开后的详细说明（L2），段落用 \n\n 分隔 */
-    detailZh: string;
-    detailEn: string;
-    /** 关掉会怎样（L2 impact box） */
-    impactLevel: ImpactLevel;
-    impactZh: string;
-    impactEn: string;
-    /** 技术细节（L3 嵌套折叠）— 键为标签，值可含反引号包裹的 code 片段 */
-    techDetailZh: Record<string, string>;
-    techDetailEn: Record<string, string>;
-    /** 是否核心代理（关掉需 inline confirm）。true 对应原型 data-core="true" */
-    isCore: boolean;
-    /** MVP 状态说明（可选，仅 philosopher/rolloutReviewer 有） */
-    mvpNoteZh?: string;
-    mvpNoteEn?: string;
-    /** 操作入口（可选，仅侧链代理用于跳转管理页面） */
-    action?: ActionMeta;
-}
-/**
- * 操作入口（可选，仅侧链代理用于跳转管理页面）
- */
-export interface ActionMeta {
-    /** 链接文本（中） */
-    linkTextZh: string;
-    /** 链接文本（英） */
-    linkTextEn: string;
-    /** 路由路径 */
-    to: string;
-}
-export interface AgentGroupMeta {
-    id: AgentGroup;
-    labelZh: string;
-    labelEn: string;
-    tag: GroupTag;
-    tagLabelZh: string;
-    tagLabelEn: string;
-    hintZh: string;
-    hintEn: string;
-}
-export declare const GROUP_ORDER: AgentGroup[];
-export declare const AGENT_GROUPS: AgentGroupMeta[];
-export declare const AGENT_METADATA: Record<InternalAgentName, AgentMeta>;