create-principles-disciple 1.146.3 → 1.146.6

package/console/dist/ui/components/auth/login-form.d.ts

@@ -1,4 +0,0 @@
-import * as React from "react";
-export declare function LoginForm({ onAuthSuccess }: {
-    onAuthSuccess: () => void;
-}): React.JSX.Element;

package/console/dist/ui/components/auth/login-form.js

@@ -1,142 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { useTranslation } from "react-i18next";
-import { ThemeToggle } from "../theme-toggle.js";
-import { setToken, clearToken, checkAuth } from "../../api.js";
-import { toast } from "sonner";
-function getCompanionBridge() {
-    if (typeof window === "undefined")
-        return undefined;
-    return window.pdCompanion;
-}
-export function LoginForm({ onAuthSuccess }) {
-    const { t } = useTranslation();
-    const [phase, setPhase] = React.useState({ kind: "checking" });
-    const [token, setTokenInput] = React.useState("");
-    const [error, setError] = React.useState(null);
-    // Auto-restore: ask the Companion for the stored credential and connect
-    // without user input. Absent companion / absent credential degrade to the
-    // manual form; a rejected read degrades to the manual form PLUS an
-    // observable diagnostic (rc-9) so version skew is not mistaken for "no
-    // credential". Runs once per mount (onAuthSuccess is a stable useCallback
-    // in App.tsx); the 重新连接 button re-enters the route to re-run it.
-    React.useEffect(() => {
-        const companion = getCompanionBridge();
-        if (companion === undefined) {
-            setPhase({ kind: "form" });
-            return;
-        }
-        let cancelled = false;
-        void (async () => {
-            let status;
-            try {
-                status = await companion.getConsoleToken();
-            }
-            catch {
-                if (!cancelled)
-                    setPhase({ kind: "form-with-read-error" });
-                return;
-            }
-            if (cancelled)
-                return;
-            if (!status.available || status.token === undefined) {
-                setPhase({ kind: "form" });
-                return;
-            }
-            setPhase({ kind: "connecting" });
-            setToken(status.token);
-            const valid = await checkAuth();
-            if (cancelled)
-                return;
-            if (valid) {
-                onAuthSuccess();
-            }
-            else {
-                // checkAuth's 401 path only cleared the session when it was still
-                // this token (api.ts staleness guard).
-                setPhase({ kind: "recovery" });
-            }
-        })();
-        return () => {
-            cancelled = true;
-        };
-    }, [onAuthSuccess]);
-    // The 401 redirect appends session_expired=true before auto-restore has had
-    // a chance to run; that banner would be wrong ("expired") for a fresh
-    // browser session with a valid stored credential, so it is only surfaced on
-    // the manual-entry form.
-    React.useEffect(() => {
-        if (phase.kind !== "form" && phase.kind !== "form-with-read-error")
-            return;
-        if (window.location.hash.includes("session_expired=true")) {
-            setError(t("pages.login.errorExpired"));
-        }
-    }, [phase.kind, t]);
-    const persistToCompanion = async (value) => {
-        const companion = getCompanionBridge();
-        if (companion === undefined)
-            return;
-        try {
-            const result = await companion.configureConsoleToken(value);
-            if (!result.persisted) {
-                // rc-9: never fake success — the workspace opens, but the Owner must
-                // know the credential was NOT durably saved.
-                toast.error(t("pages.login.persistFailed"));
-                if (result.nextAction)
-                    toast.info(result.nextAction, { duration: 8000 });
-                return;
-            }
-            if (result.reason === "external_console_attached") {
-                toast.info(t("pages.login.persistAttached"));
-            }
-            else {
-                toast.success(t("pages.login.persistSucceeded"));
-            }
-        }
-        catch {
-            toast.error(t("pages.login.persistFailed"));
-        }
-    };
-    const handleSubmit = async (e) => {
-        e.preventDefault();
-        const trimmed = token.trim();
-        if (!trimmed)
-            return;
-        setError(null);
-        setPhase({ kind: "connecting" });
-        setToken(trimmed);
-        const valid = await checkAuth();
-        if (valid) {
-            await persistToCompanion(trimmed);
-            onAuthSuccess();
-        }
-        else {
-            setError(t("pages.login.errorInvalid"));
-            setPhase({ kind: "form" });
-        }
-    };
-    // The detection effect keys on mount, so an honest retry re-enters the
-    // route with a clean state instead of duplicating the async body here.
-    const retryCompanionConnect = () => {
-        setError(null);
-        clearToken();
-        window.location.reload();
-    };
-    const showCard = (children) => (_jsxs("div", { className: "min-h-screen flex items-center justify-center bg-paper relative", style: {
-            backgroundImage: `linear-gradient(color-mix(in srgb, var(--color-gov) 3.5%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--color-gov) 3.5%, transparent) 1px, transparent 1px)`,
-            backgroundSize: "32px 32px",
-        }, children: [_jsx("div", { className: "absolute top-4 right-4", children: _jsx(ThemeToggle, {}) }), _jsxs("div", { className: "w-full max-w-[400px] mx-4 p-8 bg-surface rounded-[var(--radius-md)] border border-line shadow-card", children: [_jsxs("div", { className: "flex flex-col items-center mb-6", children: [_jsxs("svg", { viewBox: "0 0 28 28", className: "w-12 h-12 text-gov mb-3", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [_jsx("path", { d: "M6 4V24M22 4V24M2 14H26", strokeLinecap: "square" }), _jsx("circle", { cx: "14", cy: "14", r: "2.5", fill: "currentColor", stroke: "none" })] }), _jsx("div", { className: "font-mono text-[14px] tracking-[0.16em] font-bold text-ink", children: "PD" }), _jsx("div", { className: "font-mono text-[11px] tracking-[0.14em] text-ink-3 mt-1", children: "GOVERNANCE WORKSPACE" }), _jsx("div", { className: "text-[13px] text-ink-3 mt-3", children: t("pages.login.connectWorkspace") })] }), _jsx("div", { className: "border-t border-line my-5" }), children] })] }));
-    if (phase.kind === "checking" || phase.kind === "connecting") {
-        return showCard(_jsxs("div", { className: "flex flex-col items-center gap-4 py-6", "data-testid": "login-connecting", children: [_jsx("div", { className: "w-8 h-8 border-2 border-gov border-t-transparent rounded-full animate-spin" }), _jsx("span", { className: "text-[13px] text-ink-3", children: phase.kind === "checking" ? t("pages.login.detecting") : t("pages.login.connecting") })] }));
-    }
-    if (phase.kind === "recovery") {
-        return showCard(_jsxs("div", { className: "flex flex-col gap-4", "data-testid": "login-recovery", children: [_jsx("p", { className: "text-[13px] text-amber", children: t("pages.login.recoveryTitle") }), _jsx("p", { className: "text-[13px] text-ink-3 leading-relaxed", children: t("pages.login.recoveryReason") }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("button", { type: "button", onClick: retryCompanionConnect, className: "w-full py-2 px-4 bg-gov text-paper rounded-[var(--radius-sm)] text-[12.5px] font-medium hover:bg-gov-2 transition-colors focus:outline-2 focus:outline-offset-2 focus:outline-gov", children: t("pages.login.reconnect") }), _jsx("button", { type: "button", onClick: () => {
-                                clearToken();
-                                setTokenInput("");
-                                setError(null);
-                                setPhase({ kind: "form" });
-                            }, className: "w-full py-2 px-4 border border-line text-ink rounded-[var(--radius-sm)] text-[12.5px] font-medium hover:border-gov transition-colors focus:outline-2 focus:outline-offset-2 focus:outline-gov", children: t("pages.login.manualEntry") })] }), _jsx("p", { className: "text-[12px] text-ink-4 leading-relaxed", children: t("pages.login.manualEntryHint") })] }));
-    }
-    const showReadError = phase.kind === "form-with-read-error";
-    return showCard(_jsxs("form", { onSubmit: handleSubmit, children: [showReadError && (_jsxs("div", { className: "mb-4 border border-amber rounded-[var(--radius-sm)] px-3 py-2", "data-testid": "login-read-error", children: [_jsx("p", { className: "text-[12.5px] font-medium text-amber", children: t("pages.login.readFailedTitle") }), _jsx("p", { className: "text-[12px] text-ink-3 mt-1 leading-relaxed", children: t("pages.login.readFailedHint") })] })), _jsx("label", { htmlFor: "access-token", className: "font-mono text-[11px] tracking-[0.08em] text-ink-3 uppercase mb-2 block", children: t("pages.login.accessToken") }), _jsx("input", { id: "access-token", type: "password", value: token, onChange: (e) => setTokenInput(e.target.value), className: "w-full px-3 py-2 bg-panel border border-line rounded-[var(--radius-sm)] font-mono text-[13px] text-ink focus:border-gov focus:outline-2 focus:outline-offset-2 focus:outline-gov transition-colors", placeholder: t("pages.login.enterAccessToken"), autoFocus: true }), error && _jsx("p", { className: "mt-2 text-[13px] text-amber", children: error }), _jsx("button", { type: "submit", disabled: !token.trim(), className: "mt-4 w-full py-2 px-4 bg-gov text-paper rounded-[var(--radius-sm)] text-[12.5px] font-medium hover:bg-gov-2 disabled:opacity-50 transition-colors focus:outline-2 focus:outline-offset-2 focus:outline-gov", children: t("pages.login.connect") })] }));
-}

package/console/dist/ui/components/auth/splash-screen.d.ts

@@ -1,9 +0,0 @@
-import * as React from "react";
-/**
- * Splash screen — 1-2s loading transition (C.0).
- * Shows threshold mark + "PD" + "GOVERNANCE WORKSPACE" + progress bar.
- * Auto-redirects after animation completes.
- */
-export declare function SplashScreen({ onComplete }: {
-    onComplete: () => void;
-}): React.JSX.Element;

package/console/dist/ui/components/auth/splash-screen.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-/**
- * Splash screen — 1-2s loading transition (C.0).
- * Shows threshold mark + "PD" + "GOVERNANCE WORKSPACE" + progress bar.
- * Auto-redirects after animation completes.
- */
-export function SplashScreen({ onComplete }) {
-    React.useEffect(() => {
-        const prefersReducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-        const timeout = prefersReducedMotion ? 100 : 2200;
-        const timer = setTimeout(onComplete, timeout);
-        return () => clearTimeout(timer);
-    }, [onComplete]);
-    return (_jsxs("div", { className: "min-h-screen flex flex-col items-center justify-center bg-paper", style: {
-            backgroundImage: `linear-gradient(color-mix(in srgb, var(--color-gov) 3.5%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--color-gov) 3.5%, transparent) 1px, transparent 1px)`,
-            backgroundSize: "32px 32px",
-        }, children: [_jsxs("svg", { viewBox: "0 0 28 28", className: "w-16 h-16 text-gov animate-[fadeIn_200ms_ease-out]", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [_jsx("path", { d: "M6 4V24M22 4V24M2 14H26", strokeLinecap: "square" }), _jsx("circle", { cx: "14", cy: "14", r: "2.5", fill: "currentColor", stroke: "none" })] }), _jsx("div", { className: "mt-6 font-mono text-[14px] tracking-[0.16em] font-bold text-ink animate-[fadeIn_500ms_ease-out_200ms_both]", children: "PD" }), _jsx("div", { className: "mt-2 font-mono text-[11px] tracking-[0.14em] text-ink-3 animate-[fadeIn_500ms_ease-out_400ms_both]", children: "GOVERNANCE WORKSPACE" }), _jsx("div", { className: "mt-8 w-48 h-1 bg-line rounded-full overflow-hidden animate-[fadeIn_500ms_ease-out_600ms_both]", children: _jsx("div", { className: "h-full bg-gov rounded-full animate-[progressFill_600ms_ease-out_1.2s_both]" }) }), _jsx("style", { children: `
-        @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
-        @keyframes progressFill { from { width: 0; } to { width: 100%; } }
-      ` })] }));
-}

package/console/dist/ui/components/error-boundary.d.ts

@@ -1,15 +0,0 @@
-import { Component, type ReactNode } from "react";
-interface ErrorBoundaryProps {
-    children: ReactNode;
-    fallback?: ReactNode;
-}
-interface ErrorBoundaryState {
-    hasError: boolean;
-    error: Error | null;
-}
-export declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
-    constructor(props: ErrorBoundaryProps);
-    static getDerivedStateFromError(error: Error): ErrorBoundaryState;
-    render(): string | number | bigint | boolean | import("react").JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | Iterable<ReactNode> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("react").ReactPortal | null | undefined> | null | undefined;
-}
-export {};

package/console/dist/ui/components/error-boundary.js

@@ -1,30 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Component } from "react";
-import { useLocation, useNavigate } from "react-router-dom";
-import i18n from "../i18n/index.js";
-import { Card, CardContent } from "./ui/card.js";
-import { Button } from "./ui/button.js";
-import { AlertCircle, MessageSquare } from "lucide-react";
-export class ErrorBoundary extends Component {
-    constructor(props) {
-        super(props);
-        this.state = { hasError: false, error: null };
-    }
-    static getDerivedStateFromError(error) {
-        return { hasError: true, error };
-    }
-    render() {
-        if (this.state.hasError) {
-            if (this.props.fallback)
-                return this.props.fallback;
-            return (_jsx(ErrorBoundaryCard, { error: this.state.error, onRetry: () => this.setState({ hasError: false, error: null }) }));
-        }
-        return this.props.children;
-    }
-}
-function ErrorBoundaryCard({ error, onRetry }) {
-    const navigate = useNavigate();
-    const location = useLocation();
-    const reportHref = `/report-problem?source=${encodeURIComponent("error")}&message=${encodeURIComponent(error?.message ?? "")}&from=${encodeURIComponent(location.pathname + location.search)}`;
-    return (_jsx(Card, { className: "border-destructive/50", children: _jsxs(CardContent, { className: "p-6", children: [_jsxs("div", { className: "flex items-center gap-3 mb-4", children: [_jsx(AlertCircle, { className: "h-5 w-5 text-destructive" }), _jsx("h3", { className: "font-semibold text-destructive", children: i18n.t("components:errorBoundary.title") })] }), _jsx("p", { className: "text-sm text-muted-foreground mb-4", children: error?.message ?? i18n.t("components:errorBoundary.description") }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx(Button, { variant: "outline", onClick: onRetry, children: i18n.t("components:errorBoundary.retry") }), _jsxs(Button, { variant: "ghost", onClick: () => navigate(reportHref), children: [_jsx(MessageSquare, { className: "h-4 w-4 mr-2" }), i18n.t("components:errorBoundary.reportAction")] })] })] }) }));
-}

package/console/dist/ui/components/focus/daily-thought-card.d.ts

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

package/console/dist/ui/components/focus/daily-thought-card.js

@@ -1,41 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useMemo, useState } from "react";
-import { useTranslation } from "react-i18next";
-import { RefreshCw } from "lucide-react";
-import { DAILY_THOUGHTS, getDailyThoughtIndex } from "../../data/daily-thoughts.js";
-const FEATURE_DAILY_THOUGHT_ENABLED = true;
-function formatLocalDate(d) {
-    const year = d.getFullYear();
-    const month = String(d.getMonth() + 1).padStart(2, "0");
-    const day = String(d.getDate()).padStart(2, "0");
-    return `${year}-${month}-${day}`;
-}
-export function DailyThoughtCard() {
-    const { t, i18n } = useTranslation();
-    const [overrideIndex, setOverrideIndex] = useState(null);
-    const [isChanging, setIsChanging] = useState(false);
-    const dailyIndex = useMemo(() => getDailyThoughtIndex(DAILY_THOUGHTS, formatLocalDate(new Date())), []);
-    const currentIndex = overrideIndex ?? dailyIndex;
-    const thought = DAILY_THOUGHTS[currentIndex] ?? DAILY_THOUGHTS[0];
-    const locale = i18n.language === "zh-CN" ? "zh" : "en";
-    const content = thought?.[locale];
-    const handleNext = useCallback(() => {
-        if (isChanging)
-            return;
-        setIsChanging(true);
-        window.setTimeout(() => {
-            setOverrideIndex((prev) => {
-                const base = prev ?? dailyIndex;
-                return (base + 1) % DAILY_THOUGHTS.length;
-            });
-            setIsChanging(false);
-        }, 200);
-    }, [isChanging, dailyIndex]);
-    if (!FEATURE_DAILY_THOUGHT_ENABLED) {
-        return null;
-    }
-    if (!thought || !content) {
-        return null;
-    }
-    return (_jsxs("article", { "aria-label": t("pages.focus.dailyThought.ariaLabel"), className: "daily-thought-entrance bg-panel border border-line rounded-[6px] px-[18px] py-[14px] mb-7", children: [_jsxs("div", { className: "flex items-center justify-between mb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "breathing-dot", "aria-hidden": "true" }), _jsx("span", { className: "font-mono text-[11px] uppercase tracking-[0.08em] text-ink-4", children: t("pages.focus.dailyThought.eyebrow") })] }), _jsxs("button", { type: "button", onClick: handleNext, disabled: isChanging, "aria-label": t("pages.focus.dailyThought.nextAriaLabel"), className: "inline-flex items-center gap-1.5 text-[12px] text-gov hover:text-gov-2 transition-colors disabled:opacity-50", children: [_jsx(RefreshCw, { className: "h-3 w-3", "aria-hidden": "true" }), t("pages.focus.dailyThought.next")] })] }), _jsxs("div", { className: `transition-opacity duration-200 ${isChanging ? "opacity-0" : "opacity-100"}`, children: [_jsx("p", { className: "font-semibold text-ink text-[15px] leading-snug", children: content.quote }), _jsxs("p", { className: "mt-1 text-ink-3 text-[13px]", children: [t("pages.focus.dailyThought.authorPrefix", { defaultValue: "——" }), content.author] }), _jsx("p", { className: "mt-3 text-ink-3 text-[13px] leading-relaxed", children: content.note })] })] }));
-}

package/console/dist/ui/components/language-switcher.d.ts

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

package/console/dist/ui/components/language-switcher.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
-import { Button } from "./ui/button.js";
-const LANGUAGES = [
-    { code: "zh-CN", label: "中文", englishLabel: "Chinese" },
-    { code: "en", label: "English", englishLabel: "English" },
-];
-export function LanguageSwitcher() {
-    const { i18n } = useTranslation();
-    const currentLang = LANGUAGES.find((lang) => lang.code === i18n.language);
-    const toggleLanguage = () => {
-        const nextLang = i18n.language === "zh-CN" ? "en" : "zh-CN";
-        i18n.changeLanguage(nextLang);
-        localStorage.setItem("pd-language", nextLang);
-    };
-    return (_jsx(Button, { variant: "ghost", size: "sm", onClick: toggleLanguage, className: "min-w-[70px]", children: currentLang?.label }));
-}

package/console/dist/ui/components/layout/app-sidebar.d.ts

@@ -1,27 +0,0 @@
-import * as React from "react";
-/**
- * The Examiner is a shipped product surface: the offline research panel ships
- * with the console payload, so the navigation entry is build-mode independent.
- */
-export declare function visibleMainNavItems(): {
-    id: string;
-    labelKey: string;
-    href: string;
-    icon: React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
-}[];
-export declare function AppSidebar({ featureFlags }: {
-    featureFlags?: Record<string, {
-        enabled: boolean;
-    }>;
-}): React.JSX.Element;
-/**
- * Narrow-screen shell replacement for the fixed 256px sidebar (R3): a top bar
- * with a 44px menu button opening a left Sheet drawer. Radix Dialog provides
- * focus trapping, Esc-to-close and focus return to the trigger; selecting a
- * route closes the drawer. Desktop keeps the fixed sidebar (lg and up).
- */
-export declare function MobileNav({ featureFlags }: {
-    featureFlags?: Record<string, {
-        enabled: boolean;
-    }>;
-}): React.JSX.Element;

package/console/dist/ui/components/layout/app-sidebar.js

@@ -1,128 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { Link, useLocation, useNavigate } from "react-router-dom";
-import { Sun, Moon, Focus, AlertTriangle, AlertCircle, BookOpen, Zap, Archive, Compass, FlaskConical, Settings, MessageSquare, RefreshCw, LogOut, Languages, Menu, } from "lucide-react";
-import { useTheme } from "../theme-provider.js";
-import { useTranslation } from "react-i18next";
-import { useNotifications } from "../notifications/useNotifications.js";
-import { clearToken } from "../../api.js";
-import { cn } from "../../../lib/utils.js";
-import { Sheet, SheetContent, SheetDescription, SheetTitle, SheetTrigger } from "../ui/sheet.js";
-function ThresholdMark({ className }) {
-    return (_jsxs("svg", { viewBox: "0 0 28 28", className: className, fill: "none", stroke: "currentColor", strokeWidth: "1.5", "aria-hidden": "true", children: [_jsx("path", { d: "M6 4V24M22 4V24M2 14H26", strokeLinecap: "square" }), _jsx("circle", { cx: "14", cy: "14", r: "2.5", fill: "currentColor", stroke: "none" })] }));
-}
-const mainNavItems = [
-    { id: "focus", labelKey: "components.sidebar.focus", href: "/focus", icon: Focus },
-    { id: "pain", labelKey: "components.sidebar.pain", href: "/pain", icon: AlertTriangle },
-    { id: "principles", labelKey: "components.sidebar.principles", href: "/principles", icon: BookOpen },
-    { id: "activation", labelKey: "components.sidebar.activation", href: "/activation", icon: Zap },
-    { id: "debt", labelKey: "components.sidebar.debt", href: "/debt", icon: Archive },
-    { id: "examiner", labelKey: "components.sidebar.examiner", href: "/examiner", icon: FlaskConical },
-    { id: "intent", labelKey: "components.sidebar.intent", href: "/intent", icon: Compass },
-];
-/**
- * The Examiner is a shipped product surface: the offline research panel ships
- * with the console payload, so the navigation entry is build-mode independent.
- */
-export function visibleMainNavItems() {
-    return mainNavItems;
-}
-const toolNavItems = [
-    { id: "control-center", labelKey: "components.sidebar.controlCenter", href: "/control-center", icon: Settings },
-    { id: "report-problem", labelKey: "components.sidebar.reportProblem", href: "/report-problem", icon: MessageSquare },
-    { id: "failed-tasks", labelKey: "components.sidebar.failedTasks", href: "/failed-tasks", icon: AlertCircle },
-    { id: "settings", labelKey: "components.sidebar.settings", href: "/settings", icon: Settings },
-    { id: "update", labelKey: "components.sidebar.update", href: "/update", icon: RefreshCw },
-];
-/**
- * Shared sidebar body — rendered by the desktop aside and by the narrow-screen
- * drawer (SPEC-PD-UIUX-001 R3). Display-only: navigation targets and flags are
- * unchanged; `onNavigate` lets the drawer close after a selection.
- */
-function SidebarContent({ featureFlags, onNavigate, touchTargets, }) {
-    const location = useLocation();
-    const navigate = useNavigate();
-    const { theme, setTheme } = useTheme();
-    const { t, i18n } = useTranslation();
-    const { pendingCount, degradedCount } = useNotifications();
-    const isActive = (href) => {
-        if (href === "/")
-            return location.pathname === "/";
-        return location.pathname === href || location.pathname.startsWith(href + "/");
-    };
-    const handleSignOut = () => {
-        clearToken();
-        navigate("/login");
-    };
-    const toggleLanguage = () => {
-        const nextLang = i18n.language === "zh-CN" ? "en" : "zh-CN";
-        i18n.changeLanguage(nextLang);
-        localStorage.setItem("pd-language", nextLang);
-    };
-    return (_jsxs(_Fragment, { children: [_jsxs("nav", { className: "flex-1 py-2 overflow-y-auto", "aria-label": t("components.sidebar.navigation", { defaultValue: "主导航" }), children: [_jsx("div", { className: "px-2", children: visibleMainNavItems().map((item) => {
-                            const Icon = item.icon;
-                            const active = isActive(item.href);
-                            return (_jsxs(Link, { to: item.href, "data-testid": `nav-${item.id}`, "aria-current": active ? "page" : undefined, onClick: onNavigate, className: cn("flex items-center gap-3 px-3 rounded-[var(--radius-sm)] text-[13px] transition-all duration-150", touchTargets ? "min-h-[44px] py-2" : "py-2", active
-                                    ? "border-l-2 border-l-gov bg-paper-2 text-ink"
-                                    : "border-l-2 border-l-transparent text-ink-3 hover:text-ink hover:bg-paper-2"), children: [_jsx(Icon, { className: "h-4 w-4 flex-shrink-0", "aria-hidden": "true" }), _jsx("span", { className: "flex-1", children: t(item.labelKey) }), item.id === "focus" && pendingCount > 0 ? (_jsx("span", { className: "ml-auto h-2 w-2 rotate-45 rounded-[1px] border border-rose-400/50 bg-rose-400/15 shadow-[0_0_3px_rgba(251,113,133,0.35)]", role: "status", "aria-label": t("components.sidebar.pendingApprovalsAria", { count: pendingCount }) })) : null] }, item.id));
-                        }) }), _jsxs("div", { className: "mt-4 pt-3 border-t border-line mx-4", children: [_jsx("div", { className: "px-1 pb-1 text-[10px] font-mono tracking-[0.1em] uppercase text-ink-4", children: "Tools" }), _jsx("div", { className: "px-0", children: toolNavItems.map((item) => {
-                                    // Feature-flag gate: failed-tasks entry only shows when
-                                    // failed_tasks_observability is enabled. When featureFlags is
-                                    // undefined (still loading) or the flag is missing, hide the
-                                    // entry to avoid surfacing a page the backend will 403.
-                                    if (item.id === "failed-tasks" && featureFlags?.failed_tasks_observability?.enabled !== true) {
-                                        return null;
-                                    }
-                                    const Icon = item.icon;
-                                    const active = isActive(item.href);
-                                    return (_jsxs(Link, { to: item.href, "data-testid": `nav-${item.id}`, "aria-current": active ? "page" : undefined, onClick: onNavigate, className: cn("flex items-center gap-3 px-3 rounded-[var(--radius-sm)] text-[12px] transition-all duration-150", touchTargets ? "min-h-[44px] py-2" : "py-1.5", active
-                                            ? "border-l-2 border-l-gov bg-paper-2 text-ink"
-                                            : "border-l-2 border-l-transparent text-ink-4 hover:text-ink-3 hover:bg-paper-2"), children: [_jsx(Icon, { className: "h-3.5 w-3.5 flex-shrink-0", "aria-hidden": "true" }), _jsx("span", { className: "flex-1", children: t(item.labelKey) }), item.id === "control-center" && degradedCount > 0 ? (_jsx("span", { className: "ml-auto h-[7px] w-[7px] rotate-45 rounded-[1px] border border-amber-400/50 bg-amber-400/15 shadow-[0_0_3px_rgba(251,191,36,0.35)]", role: "status", "aria-label": t("components.sidebar.degradedSignalsAria", { count: degradedCount }) })) : null] }, item.id));
-                                }) })] })] }), _jsxs("div", { className: "px-3 py-3 border-t border-line space-y-1", children: [_jsxs("button", { type: "button", onClick: () => setTheme(theme === "dark" ? "light" : "dark"), className: cn("flex items-center gap-3 px-3 rounded-[var(--radius-sm)] text-[12px] text-ink-4 hover:text-ink-3 hover:bg-paper-2 transition-colors w-full", touchTargets ? "min-h-[44px] py-2" : "py-1.5"), title: theme === "dark" ? t("components.sidebar.themeToLight") : t("components.sidebar.themeToDark"), children: [theme === "dark" ? (_jsx(Sun, { className: "h-3.5 w-3.5 flex-shrink-0", "aria-hidden": "true" })) : (_jsx(Moon, { className: "h-3.5 w-3.5 flex-shrink-0", "aria-hidden": "true" })), _jsx("span", { children: theme === "dark" ? t("components.sidebar.themeToLight") : t("components.sidebar.themeToDark") })] }), _jsxs("button", { type: "button", onClick: toggleLanguage, className: cn("flex items-center gap-3 px-3 rounded-[var(--radius-sm)] text-[12px] text-ink-4 hover:text-ink-3 hover:bg-paper-2 transition-colors w-full", touchTargets ? "min-h-[44px] py-2" : "py-1.5"), title: t("components.sidebar.switchLanguage"), children: [_jsx(Languages, { className: "h-3.5 w-3.5 flex-shrink-0", "aria-hidden": "true" }), _jsx("span", { children: i18n.language === "zh-CN" ? "English" : "中文" })] }), _jsxs("button", { type: "button", onClick: handleSignOut, className: cn("flex items-center gap-3 px-3 rounded-[var(--radius-sm)] text-[12px] text-ink-4 hover:text-ink-3 hover:bg-paper-2 transition-colors w-full", touchTargets ? "min-h-[44px] py-2" : "py-1.5"), children: [_jsx(LogOut, { className: "h-3.5 w-3.5 flex-shrink-0", "aria-hidden": "true" }), _jsx("span", { children: t("components.sidebar.signOut") })] })] })] }));
-}
-export function AppSidebar({ featureFlags }) {
-    return (_jsxs("aside", { className: "w-[256px] h-screen fixed left-0 top-0 hidden lg:flex flex-col bg-surface border-r border-line flex-shrink-0 z-20", children: [_jsx("div", { className: "px-5 pt-5 pb-4", children: _jsxs("div", { className: "flex items-center gap-2.5", children: [_jsx(ThresholdMark, { className: "w-6 h-6 text-gov" }), _jsxs("div", { children: [_jsx("div", { className: "font-mono text-[14px] tracking-[0.16em] font-bold text-ink", children: "PD" }), _jsx("div", { className: "font-mono text-[10px] tracking-[0.14em] text-ink-3", children: "GOVERNANCE WORKSPACE" })] })] }) }), _jsx(SidebarContent, { featureFlags: featureFlags })] }));
-}
-/**
- * Narrow-screen shell replacement for the fixed 256px sidebar (R3): a top bar
- * with a 44px menu button opening a left Sheet drawer. Radix Dialog provides
- * focus trapping, Esc-to-close and focus return to the trigger; selecting a
- * route closes the drawer. Desktop keeps the fixed sidebar (lg and up).
- */
-export function MobileNav({ featureFlags }) {
-    const { t } = useTranslation();
-    const [open, setOpen] = React.useState(false);
-    const location = useLocation();
-    // Route changes (e.g. browser back/forward) close the drawer so the main
-    // content is never left behind a stale overlay.
-    React.useEffect(() => {
-        setOpen(false);
-    }, [location.pathname]);
-    // SPEC-PD-UIUX-001 R3 (Owner review Q2): the Sheet portals to <body>, so
-    // growing a 390px window to desktop left the overlay + focus trap alive over
-    // the now-visible fixed sidebar. Crossing INTO the desktop breakpoint closes
-    // the drawer; where focus lands is decided in onCloseAutoFocus below (the
-    // hidden trigger cannot receive it on desktop).
-    React.useEffect(() => {
-        const desktop = window.matchMedia("(min-width: 1024px)");
-        const onChange = (event) => {
-            if (event.matches && open) {
-                setOpen(false);
-            }
-        };
-        desktop.addEventListener("change", onChange);
-        return () => desktop.removeEventListener("change", onChange);
-    }, [open]);
-    return (_jsxs("header", { className: "lg:hidden fixed top-0 left-0 right-0 z-30 h-14 flex items-center gap-2 px-3 bg-surface border-b border-line", children: [_jsxs(Sheet, { open: open, onOpenChange: setOpen, children: [_jsx(SheetTrigger, { asChild: true, children: _jsx("button", { type: "button", "data-testid": "mobile-nav-trigger", "aria-label": t("components.sidebar.openMenu"), className: "inline-flex items-center justify-center h-11 w-11 rounded-[var(--radius-sm)] text-ink-3 hover:text-ink hover:bg-paper-2 transition-colors", children: _jsx(Menu, { className: "h-5 w-5", "aria-hidden": "true" }) }) }), _jsxs(SheetContent, { side: "left", className: "w-[280px] max-w-[85vw] p-0 border-r border-line bg-surface flex flex-col", "data-testid": "mobile-nav-drawer", onCloseAutoFocus: (event) => {
-                            // On desktop the trigger is display:none and cannot take focus
-                            // back (review Q2): hand focus to the main content instead. On
-                            // mobile keep Radix's default return-to-trigger behavior.
-                            if (window.matchMedia("(min-width: 1024px)").matches) {
-                                event.preventDefault();
-                                const main = document.getElementById("main-content");
-                                if (main instanceof HTMLElement) {
-                                    main.focus({ preventScroll: true });
-                                }
-                            }
-                        }, children: [_jsx(SheetTitle, { className: "sr-only", children: t("components.sidebar.navigation") }), _jsx(SheetDescription, { className: "sr-only", children: t("components.sidebar.navigationDescription") }), _jsx("div", { className: "px-5 pt-5 pb-4 border-b border-line", children: _jsxs("div", { className: "flex items-center gap-2.5", children: [_jsx(ThresholdMark, { className: "w-6 h-6 text-gov" }), _jsxs("div", { children: [_jsx("div", { className: "font-mono text-[14px] tracking-[0.16em] font-bold text-ink", children: "PD" }), _jsx("div", { className: "font-mono text-[10px] tracking-[0.14em] text-ink-3", children: "GOVERNANCE WORKSPACE" })] })] }) }), _jsx(SidebarContent, { featureFlags: featureFlags, onNavigate: () => setOpen(false), touchTargets: true })] })] }), _jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [_jsx(ThresholdMark, { className: "w-5 h-5 text-gov flex-shrink-0" }), _jsx("span", { className: "font-mono text-[12px] tracking-[0.12em] font-bold text-ink truncate", children: "PD" })] })] }));
-}

package/console/dist/ui/components/layout/page-loading.d.ts

@@ -1,13 +0,0 @@
-/**
- * Reusable loading skeleton for full-page loading states.
- * Shows a title skeleton + N card skeletons with a subtle fade-in.
- * Replaces plain "Loading…" text across all pages for consistent perceived performance.
- *
- * Accessibility: the root container is a live region (role="status" aria-live="polite")
- * with a localized aria-label, so screen readers announce the loading state.
- * Callers MUST pass a localized `label` (e.g. t("common.loading")).
- */
-export declare function PageLoading({ cardCount, label, }: {
-    cardCount?: number;
-    label: string;
-}): import("react").JSX.Element;

package/console/dist/ui/components/layout/page-loading.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Skeleton } from "../ui/skeleton.js";
-/**
- * Reusable loading skeleton for full-page loading states.
- * Shows a title skeleton + N card skeletons with a subtle fade-in.
- * Replaces plain "Loading…" text across all pages for consistent perceived performance.
- *
- * Accessibility: the root container is a live region (role="status" aria-live="polite")
- * with a localized aria-label, so screen readers announce the loading state.
- * Callers MUST pass a localized `label` (e.g. t("common.loading")).
- */
-export function PageLoading({ cardCount = 3, label, }) {
-    return (_jsxs("div", { className: "animate-[pdFadeIn_200ms_ease-out]", role: "status", "aria-live": "polite", "aria-label": label, children: [_jsx(Skeleton, { className: "h-8 w-[60%] rounded-[4px] mb-3" }), _jsx(Skeleton, { className: "h-4 w-[80%] rounded-sm mb-2" }), _jsx(Skeleton, { className: "h-4 w-[50%] rounded-sm mb-8" }), _jsx("div", { className: "space-y-4", children: Array.from({ length: cardCount }).map((_, i) => (_jsxs("div", { className: "bg-panel border border-line rounded-[var(--radius-md)] p-4", children: [_jsxs("div", { className: "flex items-center gap-2 mb-3", children: [_jsx(Skeleton, { className: "h-5 w-20 rounded-[2px]" }), _jsx(Skeleton, { className: "h-5 w-16 rounded-[2px]" })] }), _jsx(Skeleton, { className: "h-4 w-full rounded-sm mb-2" }), _jsx(Skeleton, { className: "h-4 w-[75%] rounded-sm mb-4" }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Skeleton, { className: "h-3.5 w-24 rounded-sm" }), _jsx(Skeleton, { className: "h-3.5 w-20 rounded-sm" })] })] }, i))) })] }));
-}

package/console/dist/ui/components/layout/page-shell.d.ts

@@ -1,12 +0,0 @@
-import * as React from "react";
-interface PageShellProps extends React.HTMLAttributes<HTMLDivElement> {
-    children: React.ReactNode;
-}
-/**
- * 712px centered container — the "slow thinking" physical layout.
- * Blueprint grid background is on body (globals.css), this adds
- * the centered content column with generous whitespace.
- * Includes a subtle fade-in on mount for page transitions.
- */
-export declare function PageShell({ children, className, ...props }: PageShellProps): React.JSX.Element;
-export {};

package/console/dist/ui/components/layout/page-shell.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "../../../lib/utils.js";
-/**
- * 712px centered container — the "slow thinking" physical layout.
- * Blueprint grid background is on body (globals.css), this adds
- * the centered content column with generous whitespace.
- * Includes a subtle fade-in on mount for page transitions.
- */
-export function PageShell({ children, className, ...props }) {
-    return (_jsx("div", { className: cn("mx-auto max-w-[712px] px-6 py-8 animate-[pdFadeIn_200ms_ease-out]", className), ...props, children: children }));
-}

package/console/dist/ui/components/layout/section-title.d.ts

@@ -1,10 +0,0 @@
-import * as React from "react";
-interface SectionTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
-    children: React.ReactNode;
-}
-/**
- * 11px uppercase monospace section title with bottom border (B.4.6).
- * Used for governance page section headings.
- */
-export declare function SectionTitle({ children, className, ...props }: SectionTitleProps): React.JSX.Element;
-export {};

package/console/dist/ui/components/layout/section-title.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "../../../lib/utils.js";
-/**
- * 11px uppercase monospace section title with bottom border (B.4.6).
- * Used for governance page section headings.
- */
-export function SectionTitle({ children, className, ...props }) {
-    return (_jsx("h2", { className: cn("font-mono text-[11px] uppercase tracking-[var(--tracking-wide)] text-ink-3", "border-b border-line pb-2 mb-4", className), ...props, children: children }));
-}

package/console/dist/ui/components/notifications/NotificationProvider.d.ts

@@ -1,14 +0,0 @@
-import { type ReactNode } from 'react';
-export type NotificationState = {
-    pendingCount: number;
-    degradedCount: number;
-    soundEnabled: boolean;
-};
-export type NotificationContextValue = NotificationState & {
-    setSoundEnabled: (enabled: boolean) => void;
-    audioUnlocked: boolean;
-};
-export declare const NotificationContext: import("react").Context<NotificationContextValue | null>;
-export declare function NotificationProvider({ children }: {
-    children: ReactNode;
-}): import("react").JSX.Element;