create-principles-disciple 1.82.0 → 1.83.0

package/console/dist/ui/components/health-diagnostic-card.js

@@ -1,42 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Card, CardContent, CardHeader, CardTitle } from './ui/card.js';
-import { Badge } from './ui/badge.js';
-import { Button } from './ui/button.js';
-import { RefreshCw } from 'lucide-react';
-import { useTranslation } from 'react-i18next';
-export function HealthDiagnosticCard({ overall, checks, onRefresh, loading, }) {
-    const { t } = useTranslation();
-    const healthyCount = checks.filter(c => c.status === 'healthy').length;
-    const totalCount = checks.length;
-    const getOverallStatusText = () => {
-        switch (overall) {
-            case 'healthy': return t('components:healthDiagnostic.allNormal');
-            case 'degraded': return t('components:healthDiagnostic.needsAttention');
-            case 'error': return t('components:healthDiagnostic.criticalIssues');
-        }
-    };
-    const getOverallBadgeVariant = () => {
-        switch (overall) {
-            case 'healthy': return 'default';
-            case 'degraded': return 'secondary';
-            case 'error': return 'destructive';
-        }
-    };
-    const getStatusIcon = (status) => {
-        switch (status) {
-            case 'healthy': return '\u2713';
-            case 'warning': return '\u26A0';
-            case 'error': return '\u2717';
-            default: return '?';
-        }
-    };
-    const getStatusBadgeVariant = (status) => {
-        switch (status) {
-            case 'healthy': return 'default';
-            case 'warning': return 'secondary';
-            case 'error': return 'destructive';
-            default: return 'outline';
-        }
-    };
-    return (_jsxs(Card, { children: [_jsx(CardHeader, { className: "pb-2", children: _jsxs("div", { className: "flex justify-between items-center", children: [_jsx(CardTitle, { className: "text-sm", children: t('components:healthDiagnostic.title') }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Badge, { variant: getOverallBadgeVariant(), children: [healthyCount, "/", totalCount, " healthy \u00B7 ", getOverallStatusText()] }), onRefresh && (_jsx(Button, { variant: "ghost", size: "sm", onClick: onRefresh, disabled: loading, children: _jsx(RefreshCw, { className: `w-4 h-4 ${loading ? 'animate-spin' : ''}`, "aria-hidden": "true" }) }))] })] }) }), _jsx(CardContent, { className: "flex flex-col gap-2", children: checks.map((check) => (_jsxs("div", { className: "flex items-center justify-between py-1 border-b last:border-0", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Badge, { variant: getStatusBadgeVariant(check.status), children: getStatusIcon(check.status) }), _jsx("span", { className: "text-sm", children: check.name })] }), _jsx("span", { className: "text-xs text-muted-foreground", children: check.message })] }, check.id))) })] }));
-}

package/console/dist/ui/components/page-header.d.ts

@@ -1,10 +0,0 @@
-import * as React from "react";
-interface PageHeaderProps {
-    title: string;
-    description?: string;
-    onRefresh?: () => void;
-    lastUpdated?: Date | null;
-    actions?: React.ReactNode;
-}
-export declare function PageHeader({ title, description, onRefresh, lastUpdated, actions, }: PageHeaderProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/console/dist/ui/components/page-header.js

@@ -1,37 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { useTranslation } from "react-i18next";
-import { RefreshCw } from "lucide-react";
-import { cn } from "../../lib/utils.js";
-import { Button } from "./ui/button.js";
-import { Separator } from "./ui/separator.js";
-export function PageHeader({ title, description, onRefresh, lastUpdated, actions, }) {
-    const { t } = useTranslation();
-    const [refreshing, setRefreshing] = React.useState(false);
-    const handleRefresh = async () => {
-        if (!onRefresh)
-            return;
-        setRefreshing(true);
-        try {
-            await onRefresh();
-        }
-        finally {
-            setRefreshing(false);
-        }
-    };
-    const formatTime = (date) => {
-        const now = new Date();
-        const diff = now.getTime() - date.getTime();
-        const minutes = Math.floor(diff / 60000);
-        const hours = Math.floor(minutes / 60);
-        const days = Math.floor(hours / 24);
-        if (minutes < 1)
-            return t("components:pageHeader.justNow");
-        if (minutes < 60)
-            return t("components:pageHeader.minutesAgo", { count: minutes });
-        if (hours < 24)
-            return t("components:pageHeader.hoursAgo", { count: hours });
-        return t("components:pageHeader.daysAgo", { count: days });
-    };
-    return (_jsxs("header", { className: "mb-6", children: [_jsxs("div", { className: "flex items-start justify-between", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-bold tracking-tight", children: title }), description && (_jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: description }))] }), _jsxs("div", { className: "flex items-center gap-3", children: [onRefresh && (_jsxs(Button, { variant: "outline", size: "sm", onClick: handleRefresh, disabled: refreshing, children: [_jsx(RefreshCw, { className: cn("h-4 w-4 mr-2", refreshing && "animate-spin"), "aria-hidden": "true" }), t("components:pageHeader.refresh")] })), actions] })] }), lastUpdated && (_jsx("div", { className: "mt-3 flex items-center text-xs text-muted-foreground", children: _jsx("span", { children: t("components:pageHeader.lastUpdated", { time: formatTime(lastUpdated) }) }) })), _jsx(Separator, { className: "mt-4" })] }));
-}

package/console/dist/ui/hooks/useAutoRefresh.d.ts

@@ -1,13 +0,0 @@
-interface AutoRefreshState<T> {
-    data: T | null;
-    error: string | null;
-    loading: boolean;
-    refresh: () => void;
-    lastUpdated: string | null;
-}
-export declare function useAutoRefresh<T>(fetcher: () => Promise<{
-    success: boolean;
-    data?: T;
-    error?: string;
-}>, intervalMs?: number, enabled?: boolean): AutoRefreshState<T>;
-export {};

package/console/dist/ui/hooks/useAutoRefresh.js

@@ -1,64 +0,0 @@
-import { useState, useEffect, useCallback, useRef } from "react";
-export function useAutoRefresh(fetcher, intervalMs = 30000, enabled = true) {
-    const [data, setData] = useState(null);
-    const [error, setError] = useState(null);
-    const [loading, setLoading] = useState(true);
-    const [lastUpdated, setLastUpdated] = useState(null);
-    const timerRef = useRef(null);
-    const abortControllerRef = useRef(null);
-    const fetcherRef = useRef(fetcher);
-    fetcherRef.current = fetcher;
-    const mountedRef = useRef(true);
-    const refresh = useCallback(() => {
-        if (!mountedRef.current)
-            return;
-        if (abortControllerRef.current) {
-            abortControllerRef.current.abort();
-        }
-        abortControllerRef.current = new AbortController();
-        setLoading(true);
-        setError(null);
-        fetcherRef
-            .current()
-            .then((result) => {
-            if (!mountedRef.current)
-                return;
-            if (result.success && result.data !== undefined) {
-                setData(result.data);
-                setError(null);
-            }
-            else {
-                setError(result.error ?? "Unknown error");
-            }
-            setLastUpdated(new Date().toISOString());
-            setLoading(false);
-        })
-            .catch((err) => {
-            if (!mountedRef.current)
-                return;
-            if (err instanceof Error && err.name === "AbortError")
-                return;
-            setError(err instanceof Error ? err.message : "Network error");
-            setLoading(false);
-        });
-    }, []);
-    useEffect(() => {
-        mountedRef.current = true;
-        if (!enabled)
-            return;
-        refresh();
-        timerRef.current = setInterval(refresh, intervalMs);
-        return () => {
-            mountedRef.current = false;
-            if (timerRef.current !== null) {
-                clearInterval(timerRef.current);
-                timerRef.current = null;
-            }
-            if (abortControllerRef.current) {
-                abortControllerRef.current.abort();
-                abortControllerRef.current = null;
-            }
-        };
-    }, [enabled, intervalMs, refresh]);
-    return { data, error, loading, refresh, lastUpdated };
-}

package/console/dist/ui/hooks/useBookmarks.d.ts

@@ -1,6 +0,0 @@
-export declare function useBookmarks(): {
-    bookmarks: string[];
-    toggleBookmark: (id: string) => void;
-    isBookmarked: (id: string) => boolean;
-    clearBookmarks: () => void;
-};

package/console/dist/ui/hooks/useBookmarks.js

@@ -1,43 +0,0 @@
-import { useState, useEffect, useCallback } from "react";
-const STORAGE_KEY = "pd-principles-bookmarks";
-function loadBookmarks() {
-    try {
-        const raw = localStorage.getItem(STORAGE_KEY);
-        if (!raw)
-            return [];
-        const parsed = JSON.parse(raw);
-        if (!Array.isArray(parsed))
-            return [];
-        return parsed.filter((item) => typeof item === "string");
-    }
-    catch {
-        return [];
-    }
-}
-function saveBookmarks(ids) {
-    try {
-        localStorage.setItem(STORAGE_KEY, JSON.stringify(ids));
-    }
-    catch {
-        // ignore storage errors
-    }
-}
-export function useBookmarks() {
-    const [bookmarks, setBookmarks] = useState(() => loadBookmarks());
-    useEffect(() => {
-        saveBookmarks(bookmarks);
-    }, [bookmarks]);
-    const toggleBookmark = useCallback((id) => {
-        setBookmarks((prev) => {
-            if (prev.includes(id)) {
-                return prev.filter((b) => b !== id);
-            }
-            return [...prev, id];
-        });
-    }, []);
-    const isBookmarked = useCallback((id) => bookmarks.includes(id), [bookmarks]);
-    const clearBookmarks = useCallback(() => {
-        setBookmarks([]);
-    }, []);
-    return { bookmarks, toggleBookmark, isBookmarked, clearBookmarks };
-}

package/console/dist/ui/hooks/useDebounce.d.ts

@@ -1,2 +0,0 @@
-export declare function useDebounce<T>(value: T, delay: number): T;
-export declare function useDebouncedCallback<T extends (...args: Parameters<T>) => ReturnType<T>>(callback: T, delay: number): (...args: Parameters<T>) => void;

package/console/dist/ui/hooks/useDebounce.js

@@ -1,32 +0,0 @@
-import { useState, useEffect, useRef, useCallback } from "react";
-export function useDebounce(value, delay) {
-    const [debouncedValue, setDebouncedValue] = useState(value);
-    useEffect(() => {
-        const timer = setTimeout(() => {
-            setDebouncedValue(value);
-        }, delay);
-        return () => {
-            clearTimeout(timer);
-        };
-    }, [value, delay]);
-    return debouncedValue;
-}
-export function useDebouncedCallback(callback, delay) {
-    const timeoutRef = useRef(null);
-    const debouncedCallback = useCallback((...args) => {
-        if (timeoutRef.current !== null) {
-            clearTimeout(timeoutRef.current);
-        }
-        timeoutRef.current = setTimeout(() => {
-            callback(...args);
-        }, delay);
-    }, [callback, delay]);
-    useEffect(() => {
-        return () => {
-            if (timeoutRef.current !== null) {
-                clearTimeout(timeoutRef.current);
-            }
-        };
-    }, []);
-    return debouncedCallback;
-}

package/console/dist/ui/hooks/useKeyboardNavigation.d.ts

@@ -1,14 +0,0 @@
-interface UseKeyboardNavigationOptions {
-    itemCount: number;
-    onSelect: (index: number) => void;
-    enabled?: boolean;
-}
-export declare function useKeyboardNavigation({ itemCount, onSelect, enabled, }: UseKeyboardNavigationOptions): {
-    resetSelection: () => void;
-    selectedIndex: number;
-};
-interface UseFocusSearchOptions {
-    enabled?: boolean;
-}
-export declare function useFocusSearch({ enabled }: UseFocusSearchOptions): void;
-export {};

package/console/dist/ui/hooks/useKeyboardNavigation.js

@@ -1,75 +0,0 @@
-import { useEffect, useCallback, useRef } from "react";
-function isInputFocused() {
-    const { activeElement } = document;
-    return (activeElement instanceof HTMLInputElement ||
-        activeElement instanceof HTMLTextAreaElement ||
-        activeElement instanceof HTMLSelectElement);
-}
-export function useKeyboardNavigation({ itemCount, onSelect, enabled = true, }) {
-    const selectedIndexRef = useRef(-1);
-    const handleKeyDown = useCallback((event) => {
-        if (!enabled || itemCount === 0)
-            return;
-        switch (event.key) {
-            case "j":
-            case "ArrowDown":
-                event.preventDefault();
-                selectedIndexRef.current = Math.min(selectedIndexRef.current + 1, itemCount - 1);
-                onSelect(selectedIndexRef.current);
-                break;
-            case "k":
-            case "ArrowUp":
-                event.preventDefault();
-                selectedIndexRef.current = Math.max(selectedIndexRef.current - 1, 0);
-                onSelect(selectedIndexRef.current);
-                break;
-            case "g":
-                if (!event.shiftKey) {
-                    event.preventDefault();
-                    selectedIndexRef.current = 0;
-                    onSelect(0);
-                }
-                break;
-            case "G":
-                event.preventDefault();
-                selectedIndexRef.current = itemCount - 1;
-                onSelect(selectedIndexRef.current);
-                break;
-        }
-    }, [enabled, itemCount, onSelect]);
-    useEffect(() => {
-        if (!enabled)
-            return;
-        document.addEventListener("keydown", handleKeyDown);
-        return () => {
-            document.removeEventListener("keydown", handleKeyDown);
-        };
-    }, [enabled, handleKeyDown]);
-    const resetSelection = useCallback(() => {
-        selectedIndexRef.current = -1;
-    }, []);
-    return { resetSelection, selectedIndex: selectedIndexRef.current };
-}
-export function useFocusSearch({ enabled = true }) {
-    const handleKeyDown = useCallback((event) => {
-        if (!enabled)
-            return;
-        if (event.key === "/" && !isInputFocused()) {
-            event.preventDefault();
-            const searchInput = document.querySelector('[data-search-input]');
-            searchInput?.focus();
-        }
-        if (event.key === "Escape" && isInputFocused()) {
-            const searchInput = document.querySelector('[data-search-input]');
-            searchInput?.blur();
-        }
-    }, [enabled]);
-    useEffect(() => {
-        if (!enabled)
-            return;
-        document.addEventListener("keydown", handleKeyDown);
-        return () => {
-            document.removeEventListener("keydown", handleKeyDown);
-        };
-    }, [enabled, handleKeyDown]);
-}

package/console/dist/ui/pages/AgentsPage.d.ts

@@ -1 +0,0 @@
-export declare function AgentsPage(): import("react/jsx-runtime").JSX.Element;

package/console/dist/ui/pages/AgentsPage.js

@@ -1,167 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState, useEffect, useCallback } from "react";
-import { useTranslation } from "react-i18next";
-import { PageHeader } from "../components/page-header.js";
-import { Card, CardContent } from "../components/ui/card.js";
-import { Badge } from "../components/ui/badge.js";
-import { Button } from "../components/ui/button.js";
-import { Skeleton } from "../components/ui/skeleton.js";
-import { Separator } from "../components/ui/separator.js";
-import { Cpu, Stethoscope, Moon, Sparkles, Scale, PenTool, SearchCheck, ShieldCheck, ChevronDown, ChevronRight, ExternalLink, AlertCircle, Clock, } from "lucide-react";
-import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription } from "../components/ui/sheet.js";
-import { fetchAgents, fetchAgentDetail } from "../api.js";
-import { formatDate } from "../utils/format.js";
-const ICON_MAP = {
-    Cpu,
-    Stethoscope,
-    Moon,
-    Sparkles,
-    Scale,
-    PenTool,
-    SearchCheck,
-    ShieldCheck,
-};
-const STATUS_COLORS = {
-    running: "#22c55e",
-    idle: "#9ca3af",
-    cooldown: "#eab308",
-    failed: "#ef4444",
-    unknown: "#d1d5db",
-};
-const STATUS_BADGE_VARIANT = {
-    running: "default",
-    idle: "secondary",
-    cooldown: "outline",
-    failed: "destructive",
-    unknown: "secondary",
-};
-const FLOW_NODES = [
-    { id: "after_tool_call", x: 60, y: 40, w: 150, h: 52, nameZh: "after_tool_call", icon: "ShieldCheck" },
-    { id: "pain-diagnostic-gate", x: 280, y: 40, w: 170, h: 52, nameZh: "PainDiagnosticGate", icon: "SearchCheck" },
-    { id: "diagnostician", x: 520, y: 40, w: 150, h: 52, nameZh: "诊断者", icon: "Stethoscope" },
-    { id: "evolution-worker", x: 60, y: 180, w: 170, h: 52, nameZh: "Evolution Worker", icon: "Cpu" },
-    { id: "correction-observer", x: 310, y: 180, w: 170, h: 52, nameZh: "纠正观察者", icon: "SearchCheck" },
-    { id: "detection-funnel", x: 560, y: 180, w: 150, h: 44, nameZh: "Detection Funnel", icon: "Cpu", small: true },
-];
-const FLOW_EDGES = [
-    { from: "after_tool_call", to: "pain-diagnostic-gate" },
-    { from: "pain-diagnostic-gate", to: "diagnostician" },
-    { from: "evolution-worker", to: "correction-observer" },
-    { from: "evolution-worker", to: "detection-funnel" },
-];
-const SVG_W = 760;
-const SVG_H = 400;
-function getNodeCenter(node) {
-    return { x: node.x + node.w / 2, y: node.y + node.h / 2 };
-}
-function getEdgePath(from, to) {
-    const fc = getNodeCenter(from);
-    const tc = getNodeCenter(to);
-    const startX = from.x + from.w;
-    const startY = fc.y;
-    const endX = to.x;
-    const endY = tc.y;
-    const midX = (startX + endX) / 2;
-    return `M ${startX} ${startY} C ${midX} ${startY}, ${midX} ${endY}, ${endX} ${endY}`;
-}
-function AgentNode({ node, agent, selected, onClick, }) {
-    const Icon = ICON_MAP[node.icon] ?? Cpu;
-    const status = agent?.status ?? "unknown";
-    return (_jsxs("g", { onClick: onClick, style: { cursor: "pointer" }, children: [_jsx("rect", { x: node.x, y: node.y, width: node.w, height: node.h, rx: node.small ? 6 : 10, fill: "var(--color-card, hsl(0 0% 100%))", stroke: selected ? "var(--color-primary, hsl(220 90% 56%))" : "var(--color-border, hsl(220 14% 78%))", strokeWidth: selected ? 2.5 : 1.5, className: "transition-all duration-200" }), _jsx("foreignObject", { x: node.x + 6, y: node.y + (node.small ? 4 : 6), width: node.small ? 16 : 22, height: node.small ? 16 : 22, children: _jsx("div", { className: node.small ? "w-3.5 h-3.5 text-muted-foreground" : "w-4.5 h-4.5 text-muted-foreground", children: _jsx(Icon, { className: "w-full h-full" }) }) }), _jsx("text", { x: node.x + 34, y: node.y + node.h / 2 + 1, dominantBaseline: "middle", fontSize: node.small ? 11 : 13, fontWeight: 500, fill: "var(--color-foreground, hsl(0 0% 9%))", children: node.nameZh }), _jsx("circle", { cx: node.x + node.w - 14, cy: node.y + node.h / 2, r: 5, fill: STATUS_COLORS[status], className: "transition-colors duration-300" }), agent?.cooldownRemaining && (_jsx("text", { x: node.x + node.w - 14, y: node.y + 6, textAnchor: "middle", fontSize: 8, fill: "hsl(45 93% 47%)", children: "\u23F3" }))] }));
-}
-function FlowEdgeLine({ from, to }) {
-    const d = getEdgePath(from, to);
-    return (_jsxs("g", { children: [_jsx("defs", { children: _jsx("marker", { id: `arrow-${from.id}-${to.id}`, viewBox: "0 0 10 10", refX: "9", refY: "5", markerWidth: "6", markerHeight: "6", orient: "auto-start-reverse", children: _jsx("path", { d: "M 0 0 L 10 5 L 0 10 z", fill: "var(--color-accent, hsl(180 70% 50%))" }) }) }), _jsx("path", { d: d, fill: "none", stroke: "var(--color-accent, hsl(180 70% 50%))", strokeWidth: 1.8, markerEnd: `url(#arrow-${from.id}-${to.id})`, className: "opacity-70" })] }));
-}
-function RowLabel({ x, y, text }) {
-    return (_jsx("text", { x: x, y: y, fontSize: 10, fill: "var(--color-muted-foreground, hsl(220 10% 46%))", fontStyle: "italic", children: text }));
-}
-function AgentFlowMap({ agents, selectedId, onSelect, }) {
-    const { t } = useTranslation();
-    const agentMap = new Map(agents.map((a) => [a.id, a]));
-    return (_jsx(Card, { children: _jsx(CardContent, { className: "p-4", children: _jsxs("svg", { viewBox: `0 0 ${SVG_W} ${SVG_H}`, className: "w-full h-auto", style: { maxHeight: 500 }, children: [_jsx(RowLabel, { x: 60, y: 24, text: t("pages:agents.realtimeTriggerPath") }), _jsx(RowLabel, { x: 60, y: 168, text: t("pages:agents.backgroundHeartbeatPath") }), FLOW_EDGES.map((edge) => {
-                        const fromNode = FLOW_NODES.find((n) => n.id === edge.from);
-                        const toNode = FLOW_NODES.find((n) => n.id === edge.to);
-                        return _jsx(FlowEdgeLine, { from: fromNode, to: toNode }, `${edge.from}-${edge.to}`);
-                    }), FLOW_NODES.map((node) => (_jsx(AgentNode, { node: node, agent: agentMap.get(node.id), selected: selectedId === node.id, onClick: () => onSelect(node.id) }, node.id)))] }) }) }));
-}
-function CollapsibleSection({ title, defaultOpen = false, children, }) {
-    const [open, setOpen] = useState(defaultOpen);
-    return (_jsxs("div", { children: [_jsxs("button", { type: "button", className: "flex items-center gap-1 text-sm font-medium w-full py-1", onClick: () => setOpen(!open), children: [open ? _jsx(ChevronDown, { className: "h-4 w-4" }) : _jsx(ChevronRight, { className: "h-4 w-4" }), title] }), open && _jsx("div", { className: "pl-5 pb-2", children: children })] }));
-}
-function AgentDrawer({ agent, loading, onClose, open, }) {
-    const { t } = useTranslation();
-    const Icon = ICON_MAP[agent?.icon ?? ""] ?? Cpu;
-    return (_jsx(Sheet, { open: open, onOpenChange: (isOpen) => { if (!isOpen)
-            onClose(); }, children: _jsxs(SheetContent, { className: "w-[400px] sm:max-w-[400px] overflow-y-auto", children: [_jsxs(SheetHeader, { children: [_jsxs(SheetTitle, { className: "flex items-center gap-2", children: [_jsx(Icon, { className: "h-5 w-5 text-primary" }), agent?.nameZh ?? agent?.name ?? ""] }), agent && (_jsx(SheetDescription, { className: "sr-only", children: agent.descriptionZh || agent.description }))] }), _jsx("div", { className: "mt-4 flex flex-col gap-4", children: loading ? (_jsxs("div", { className: "flex flex-col gap-4", children: [_jsx(Skeleton, { className: "h-6 w-24" }), _jsx(Skeleton, { className: "h-4 w-full" }), _jsx(Skeleton, { className: "h-4 w-3/4" }), _jsx(Skeleton, { className: "h-32 w-full" })] })) : agent ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Badge, { variant: STATUS_BADGE_VARIANT[agent.status] ?? "secondary", children: t(`pages:agents.${agent.status}`) }), agent.lastRunAt && (_jsxs("span", { className: "text-xs text-muted-foreground", children: [_jsx(Clock, { className: "h-3 w-3 inline mr-1" }), formatDate(agent.lastRunAt)] }))] }), _jsx("p", { className: "text-sm text-muted-foreground", children: agent.descriptionZh || agent.description }), agent.cooldownRemaining && (_jsxs("div", { className: "flex items-center gap-2 p-2 rounded-md bg-amber-500/10 border border-amber-500/20", children: [_jsx(Clock, { className: "h-4 w-4 text-amber-500" }), _jsxs("span", { className: "text-sm text-amber-600", children: [t("pages:agents.cooldown"), ": ", agent.cooldownRemaining] })] })), _jsx(Separator, {}), _jsx(CollapsibleSection, { title: t("pages:agents.prompt"), defaultOpen: false, children: _jsx("pre", { className: "text-xs bg-muted p-3 rounded-md overflow-x-auto whitespace-pre-wrap max-h-60 overflow-y-auto", children: agent.prompt || "—" }) }), _jsx(CollapsibleSection, { title: t("pages:agents.tools"), defaultOpen: true, children: _jsx("div", { className: "flex flex-wrap gap-1.5", children: agent.tools.length > 0 ? (agent.tools.map((tool) => (_jsx(Badge, { variant: "outline", className: "text-xs", children: tool }, tool)))) : (_jsx("span", { className: "text-xs text-muted-foreground", children: "\u2014" })) }) }), _jsx(Separator, {}), _jsxs("div", { children: [_jsx("h4", { className: "text-sm font-medium mb-2", children: t("pages:agents.recentRuns") }), agent.recentTasks.length > 0 ? (_jsxs("table", { className: "w-full text-xs", children: [_jsx("thead", { children: _jsxs("tr", { className: "text-muted-foreground border-b", children: [_jsx("th", { className: "text-left py-1 font-medium", children: "Time" }), _jsx("th", { className: "text-left py-1 font-medium", children: "Status" }), _jsx("th", { className: "text-left py-1 font-medium", children: "Attempts" })] }) }), _jsx("tbody", { children: agent.recentTasks.slice(0, 5).map((task) => (_jsxs("tr", { className: "border-b border-border/50", children: [_jsx("td", { className: "py-1.5", children: formatDate(task.createdAt) }), _jsx("td", { className: "py-1.5", children: _jsx(Badge, { variant: task.status === "succeeded"
-                                                                    ? "default"
-                                                                    : task.status === "failed"
-                                                                        ? "destructive"
-                                                                        : "secondary", className: "text-[10px]", children: task.status }) }), _jsx("td", { className: "py-1.5", children: task.attemptCount })] }, task.taskId))) })] })) : (_jsx("p", { className: "text-xs text-muted-foreground", children: t("pages:agents.noRecentRuns") }))] }), agent.recentTasks.some((t) => t.lastError) && (_jsxs(_Fragment, { children: [_jsx(Separator, {}), _jsxs("div", { children: [_jsx("h4", { className: "text-sm font-medium mb-2 text-destructive", children: t("pages:agents.errorLog") }), _jsx("div", { className: "flex flex-col gap-2", children: agent.recentTasks
-                                                    .filter((t) => t.lastError)
-                                                    .map((task) => (_jsxs("div", { className: "p-2 rounded-md bg-destructive/10 border border-destructive/20 text-xs", children: [_jsx("p", { className: "font-medium text-destructive", children: task.lastError }), _jsx("p", { className: "text-destructive mt-1", children: formatDate(task.updatedAt) })] }, task.taskId))) })] })] })), _jsx(Separator, {}), _jsx(Button, { variant: "outline", size: "sm", className: "w-full", asChild: true, children: _jsxs("a", { href: "#/tasks", children: [_jsx(ExternalLink, { className: "h-3 w-3 mr-2" }), t("pages:agents.viewTasks")] }) })] })) : null })] }) }));
-}
-function LoadingSkeleton() {
-    return (_jsxs("div", { children: [_jsxs("div", { className: "flex items-center justify-between mb-6", children: [_jsx(Skeleton, { className: "h-8 w-32" }), _jsx(Skeleton, { className: "h-8 w-20" })] }), _jsx(Card, { children: _jsx(CardContent, { className: "p-4", children: _jsx(Skeleton, { className: "h-[400px] w-full" }) }) })] }));
-}
-function AgentsPageInner() {
-    const { t } = useTranslation();
-    const [agents, setAgents] = useState([]);
-    const [loading, setLoading] = useState(true);
-    const [error, setError] = useState(null);
-    const [selectedId, setSelectedId] = useState(null);
-    const [detail, setDetail] = useState(null);
-    const [detailLoading, setDetailLoading] = useState(false);
-    const [lastUpdated, setLastUpdated] = useState(null);
-    const loadData = useCallback(async () => {
-        const result = await fetchAgents();
-        if (!result.success) {
-            setError(result.error ?? t("pages:agents.loadFailed"));
-        }
-        else {
-            setAgents(result.data);
-            setLastUpdated(new Date());
-            setError(null);
-        }
-        setLoading(false);
-    }, []);
-    useEffect(() => {
-        loadData();
-        const interval = setInterval(loadData, 30_000);
-        return () => clearInterval(interval);
-    }, [loadData]);
-    useEffect(() => {
-        if (!selectedId) {
-            setDetail(null);
-            return;
-        }
-        let cancelled = false;
-        setDetailLoading(true);
-        fetchAgentDetail(selectedId).then((result) => {
-            if (cancelled)
-                return;
-            setDetailLoading(false);
-            if (result.success && result.data) {
-                setDetail(result.data);
-            }
-            else {
-                setDetail(null);
-            }
-        });
-        return () => {
-            cancelled = true;
-        };
-    }, [selectedId]);
-    const handleSelect = (id) => {
-        setSelectedId((prev) => (prev === id ? null : id));
-    };
-    if (loading)
-        return _jsx(LoadingSkeleton, {});
-    if (error) {
-        return (_jsx(Card, { children: _jsxs(CardContent, { className: "p-6", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(AlertCircle, { className: "h-5 w-5 text-destructive" }), _jsx("p", { className: "text-destructive", children: error })] }), _jsx(Button, { variant: "outline", className: "mt-4", onClick: loadData, children: t("common:refresh") })] }) }));
-    }
-    return (_jsxs("div", { className: "relative", children: [_jsx(PageHeader, { title: t("pages:agents.title"), description: t("pages:agents.description"), onRefresh: loadData, lastUpdated: lastUpdated ?? undefined }), _jsx(AgentFlowMap, { agents: agents, selectedId: selectedId, onSelect: handleSelect }), _jsx(AgentDrawer, { agent: detail, loading: detailLoading, onClose: () => setSelectedId(null), open: selectedId !== null })] }));
-}
-export function AgentsPage() {
-    return _jsx(AgentsPageInner, {});
-}

package/console/dist/ui/pages/ApprovalsPage.d.ts

@@ -1 +0,0 @@
-export declare function ApprovalsPage(): import("react/jsx-runtime").JSX.Element;