create-principles-disciple 1.0.0 → 1.74.0

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

@@ -0,0 +1,105 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { useSearchParams } from "react-router-dom";
+import { useTranslation } from "react-i18next";
+import { fetchSamples, fetchSampleDetail, reviewSample } from "../api.js";
+import { PageHeader } from "../components/page-header.js";
+import { Card, CardContent, CardHeader, CardTitle } from "../components/ui/card.js";
+import { Button } from "../components/ui/button.js";
+import { Select, SelectTrigger, SelectContent, SelectItem, SelectValue } from "../components/ui/select.js";
+import { Badge } from "../components/ui/badge.js";
+import { Skeleton } from "../components/ui/skeleton.js";
+import { Check, X, ChevronLeft, ChevronRight, ClipboardList } from "lucide-react";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger } from "../components/ui/alert-dialog.js";
+import { formatDate } from "../utils/format.js";
+const STATUS_VARIANT = {
+    pending: "outline",
+    approved: "default",
+    rejected: "destructive",
+};
+export function SamplesPage() {
+    const { t } = useTranslation();
+    const [searchParams, setSearchParams] = useSearchParams();
+    const [statusFilter, setStatusFilter] = useState(() => searchParams.get("status") ?? "all");
+    const [page, setPage] = useState(() => {
+        const p = searchParams.get("page");
+        return p ? Math.max(1, parseInt(p, 10) || 1) : 1;
+    });
+    const [data, setData] = useState(null);
+    const [selected, setSelected] = useState(null);
+    const [selectedId, setSelectedId] = useState(() => searchParams.get("id") ?? "");
+    const [error, setError] = useState("");
+    const [reviewLoading, setReviewLoading] = useState(false);
+    useEffect(() => {
+        const params = new URLSearchParams();
+        if (statusFilter !== "all")
+            params.set("status", statusFilter);
+        if (page > 1)
+            params.set("page", String(page));
+        if (selectedId)
+            params.set("id", selectedId);
+        setSearchParams(params, { replace: true });
+    }, [statusFilter, page, selectedId, setSearchParams]);
+    useEffect(() => {
+        fetchSamples(statusFilter, page).then((result) => {
+            if (result.success) {
+                setData(result.data);
+                setError("");
+            }
+            else {
+                setError(result.error);
+            }
+        });
+    }, [statusFilter, page]);
+    useEffect(() => {
+        if (!selectedId) {
+            setSelected(null);
+            return;
+        }
+        fetchSampleDetail(selectedId).then((result) => {
+            if (result.success) {
+                setSelected(result.data);
+                setError("");
+            }
+            else {
+                setError(result.error);
+            }
+        });
+    }, [selectedId]);
+    async function handleReview(decision) {
+        if (!selected)
+            return;
+        setReviewLoading(true);
+        try {
+            const result = await reviewSample(selected.sampleId, decision);
+            if (result.success) {
+                const [samplesResult, detailResult] = await Promise.all([
+                    fetchSamples(statusFilter, page),
+                    fetchSampleDetail(selected.sampleId),
+                ]);
+                if (samplesResult.success)
+                    setData(samplesResult.data);
+                if (detailResult.success)
+                    setSelected(detailResult.data);
+            }
+            else {
+                setError(result.error);
+            }
+        }
+        finally {
+            setReviewLoading(false);
+        }
+    }
+    if (error && !data) {
+        return (_jsx(Card, { children: _jsxs(CardContent, { className: "p-6", children: [_jsx("p", { className: "text-destructive", children: error }), _jsx(Button, { variant: "outline", className: "mt-4", onClick: () => window.location.reload(), children: t("components:errorBoundary.retry") })] }) }));
+    }
+    if (!data) {
+        return (_jsxs("div", { children: [_jsx(Skeleton, { className: "h-8 w-48 mb-6" }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [_jsx(Card, { children: _jsx(CardContent, { className: "p-6", children: _jsx(Skeleton, { className: "h-40" }) }) }), _jsx(Card, { children: _jsx(CardContent, { className: "p-6", children: _jsx(Skeleton, { className: "h-40" }) }) })] })] }));
+    }
+    return (_jsxs("div", { children: [_jsx(PageHeader, { title: t("pages:samples.title"), description: t("pages:samples.description"), actions: _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("span", { id: "samples-status-filter-label", className: "text-sm text-muted-foreground", children: [t("pages:samples.filterByStatus"), ":"] }), _jsxs(Select, { value: statusFilter, onValueChange: (v) => { setStatusFilter(v); setPage(1); setSelectedId(""); }, children: [_jsx(SelectTrigger, { className: "h-9 text-sm w-[130px]", "aria-labelledby": "samples-status-filter-label", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "all", children: t("common:all") }), _jsx(SelectItem, { value: "pending", children: t("common:pending") }), _jsx(SelectItem, { value: "approved", children: t("common:completed") }), _jsx(SelectItem, { value: "rejected", children: t("common:failed") })] })] })] }) }), Object.keys(data.counters).length > 0 && (_jsx("div", { className: "flex gap-2 mb-4 flex-wrap", children: Object.entries(data.counters).map(([key, value]) => (_jsxs(Badge, { variant: "secondary", children: [key, ": ", _jsx("strong", { className: "ml-1", children: value })] }, key))) })), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [_jsxs(Card, { children: [_jsx(CardHeader, { className: "pb-3", children: _jsxs(CardTitle, { className: "text-sm", children: [t("pages:samples.title"), " (", data.pagination.total, ")"] }) }), _jsxs(CardContent, { className: "max-h-[500px] overflow-y-auto", children: [data.items.length === 0 && (_jsx("p", { className: "text-sm text-muted-foreground text-center py-8", children: t("components:zoneSection.empty") })), data.items.map((item) => (_jsxs("div", { onClick: () => setSelectedId(item.sampleId), role: "button", tabIndex: 0, onKeyDown: (e) => { if (e.key === "Enter" || e.key === " ") {
+                                            e.preventDefault();
+                                            setSelectedId(item.sampleId);
+                                        } }, className: `p-3 border-b border-border cursor-pointer transition-colors duration-150 ${selectedId === item.sampleId
+                                            ? "bg-primary/5 border-l-2 border-l-primary"
+                                            : "hover:bg-accent"}`, children: [_jsxs("div", { className: "flex justify-between items-start", children: [_jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("p", { className: "font-medium text-sm truncate", children: item.title || item.sampleId }), _jsx("p", { className: "text-xs text-muted-foreground mt-0.5 line-clamp-2", children: item.description })] }), _jsxs("div", { className: "flex flex-col items-end gap-1 ml-2", children: [_jsx(Badge, { variant: STATUS_VARIANT[item.reviewStatus] ?? "outline", children: item.reviewStatus }), item.confidence !== null && (_jsxs("span", { className: "text-xs text-muted-foreground", children: [t("pages:samples.score"), " ", item.confidence] }))] })] }), _jsx("p", { className: "text-xs text-muted-foreground mt-1", children: formatDate(item.createdAt) })] }, item.sampleId)))] }), data.pagination.totalPages > 1 && (_jsxs("div", { className: "flex justify-center items-center gap-3 p-3 border-t border-border", children: [_jsx(Button, { variant: "outline", size: "sm", disabled: page <= 1, onClick: () => setPage(page - 1), children: _jsx(ChevronLeft, { className: "h-4 w-4" }) }), _jsxs("span", { className: "text-sm text-muted-foreground", children: [data.pagination.page, " / ", data.pagination.totalPages] }), _jsx(Button, { variant: "outline", size: "sm", disabled: page >= data.pagination.totalPages, onClick: () => setPage(page + 1), children: _jsx(ChevronRight, { className: "h-4 w-4" }) })] }))] }), _jsxs(Card, { children: [!selected && (_jsxs("div", { className: "flex flex-col items-center justify-center py-16 text-muted-foreground", children: [_jsx(ClipboardList, { className: "h-12 w-12 mb-3 opacity-50" }), _jsx("p", { className: "text-sm", children: t("pages:samples.selectSample") })] })), selected && (_jsxs("div", { children: [_jsx("div", { className: "p-4 border-b border-border bg-muted/30", children: _jsxs("div", { className: "flex justify-between items-start", children: [_jsxs("div", { children: [_jsx("p", { className: "font-semibold text-sm", children: selected.title || selected.sampleId }), _jsxs("div", { className: "flex items-center gap-2 mt-1 text-xs text-muted-foreground", children: [_jsxs("span", { children: [selected.sampleId.slice(0, 12), "\u2026"] }), _jsx(Badge, { variant: STATUS_VARIANT[selected.reviewStatus] ?? "outline", children: selected.reviewStatus }), selected.confidence !== null && (_jsxs("span", { children: [t("pages:samples.score"), " ", selected.confidence] }))] })] }), selected.reviewStatus === "pending" && (_jsxs("div", { className: "flex gap-2", children: [_jsxs(Button, { size: "sm", onClick: () => handleReview("approved"), disabled: reviewLoading, children: [_jsx(Check, { className: "h-3 w-3 mr-1" }), reviewLoading ? "…" : t("components:taskCard.approve")] }), _jsxs(AlertDialog, { children: [_jsx(AlertDialogTrigger, { asChild: true, children: _jsxs(Button, { variant: "destructive", size: "sm", disabled: reviewLoading, children: [_jsx(X, { className: "h-3 w-3 mr-1" }), reviewLoading ? "…" : t("components:taskCard.reject")] }) }), _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: t("pages:samples.confirmRejectTitle") }), _jsx(AlertDialogDescription, { children: t("pages:samples.confirmRejectDescription") })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: t("common:cancel") }), _jsx(AlertDialogAction, { className: "bg-destructive text-destructive-foreground hover:bg-destructive/90", onClick: () => handleReview("rejected"), children: t("common:confirm") })] })] })] })] }))] }) }), _jsxs("div", { className: "p-4 max-h-[450px] overflow-y-auto", children: [selected.description && (_jsxs("div", { className: "mb-4", children: [_jsx("h4", { className: "text-xs font-medium text-muted-foreground mb-1", children: t("common:description") }), _jsx("p", { className: "text-sm leading-relaxed", children: selected.description })] })), selected.recommendation && (_jsxs("div", { className: "mb-4", children: [_jsx("h4", { className: "text-xs font-medium text-muted-foreground mb-1", children: t("pages:samples.recommendation") }), _jsxs("div", { className: "bg-muted/50 p-3 rounded-md text-sm flex flex-col gap-2", children: [selected.recommendation.title && (_jsxs("div", { children: [_jsx("strong", { children: t("pages:samples.titleLabel") }), " ", selected.recommendation.title] })), selected.recommendation.text && (_jsxs("div", { children: [_jsx("strong", { children: t("pages:samples.textLabel") }), " ", selected.recommendation.text] })), selected.recommendation.triggerPattern && (_jsxs("div", { children: [_jsx("strong", { children: t("pages:samples.triggerPatternLabel") }), " ", _jsx("code", { className: "bg-muted px-1.5 py-0.5 rounded text-xs", children: selected.recommendation.triggerPattern })] })), selected.recommendation.action && (_jsxs("div", { children: [_jsx("strong", { children: t("pages:samples.actionLabel") }), " ", selected.recommendation.action] })), selected.recommendation.abstractedPrinciple && (_jsxs("div", { children: [_jsx("strong", { children: t("pages:samples.abstractedPrinciple") }), " ", selected.recommendation.abstractedPrinciple] }))] })] })), selected.artifactContent && (_jsxs("div", { className: "mb-4", children: [_jsx("h4", { className: "text-xs font-medium text-muted-foreground mb-1", children: t("pages:samples.artifactContent") }), _jsx("pre", { className: "bg-muted/50 p-3 rounded-md text-xs overflow-x-auto max-h-[200px]", children: JSON.stringify(selected.artifactContent, null, 2) })] })), _jsxs("p", { className: "text-xs text-muted-foreground mt-4", children: [t("pages:samples.createdLabel"), " ", formatDate(selected.createdAt), " | ", t("pages:samples.taskLabel"), " ", selected.taskId.slice(0, 12), "\u2026"] })] })] }))] })] })] }));
+}

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

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

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

@@ -0,0 +1,86 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { useTranslation } from "react-i18next";
+import { getToken, setToken, fetchWorkspaces, addWorkspace, removeWorkspace, syncWorkspace } from "../api.js";
+import { formatDate } from "../utils/format.js";
+import { PageHeader } from "../components/page-header.js";
+import { Card, CardContent, CardHeader, CardTitle } from "../components/ui/card.js";
+import { Button } from "../components/ui/button.js";
+import { Input } from "../components/ui/input.js";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger } from "../components/ui/alert-dialog.js";
+import { Separator } from "../components/ui/separator.js";
+import { Key, Plus, RefreshCw, Trash2, CheckCircle, XCircle } from "lucide-react";
+function AuthSettings() {
+    const { t } = useTranslation();
+    const [tokenValue, setTokenValue] = useState(() => getToken() ?? "");
+    const [saved, setSaved] = useState(false);
+    function handleSave() {
+        const trimmed = tokenValue.trim();
+        if (!trimmed)
+            return;
+        setToken(trimmed);
+        setSaved(true);
+        setTimeout(() => setSaved(false), 3000);
+    }
+    return (_jsxs(Card, { className: "mb-6", children: [_jsx(CardHeader, { children: _jsxs(CardTitle, { className: "flex items-center gap-2", children: [_jsx(Key, { className: "h-4 w-4" }), t("pages:settings.auth")] }) }), _jsxs(CardContent, { children: [_jsxs("label", { className: "block mb-2 text-sm font-medium", htmlFor: "bearer-token", children: [t("pages:settings.bearerToken"), _jsx(Input, { id: "bearer-token", type: "password", value: tokenValue, onChange: (e) => { setTokenValue(e.target.value); setSaved(false); }, placeholder: t("pages:settings.enterAccessToken"), className: "mt-1" })] }), _jsx(Button, { onClick: handleSave, disabled: !tokenValue.trim(), children: t("common:save") }), saved && (_jsxs("div", { className: "mt-3 flex items-center gap-2 text-sm text-primary", children: [_jsx(CheckCircle, { className: "h-4 w-4" }), t("pages:settings.tokenSaved")] })), _jsx("p", { className: "mt-3 text-xs text-muted-foreground", children: t("pages:settings.tokenSessionOnly") })] })] }));
+}
+function WorkspaceManager() {
+    const { t } = useTranslation();
+    const [workspaces, setWorkspaces] = useState([]);
+    const [newName, setNewName] = useState("");
+    const [newPath, setNewPath] = useState("");
+    const [message, setMessage] = useState(null);
+    useEffect(() => {
+        fetchWorkspaces().then((r) => {
+            if (r.success)
+                setWorkspaces(r.data);
+        });
+    }, []);
+    function showMessage(type, text) {
+        setMessage({ type, text });
+        setTimeout(() => setMessage(null), 3000);
+    }
+    async function handleAdd() {
+        if (!newName.trim() || !newPath.trim())
+            return;
+        const result = await addWorkspace(newName.trim(), newPath.trim());
+        if (result.success) {
+            setWorkspaces((prev) => [...prev, result.data]);
+            setNewName("");
+            setNewPath("");
+            showMessage("success", t("pages:settings.workspaceAdded"));
+        }
+        else {
+            showMessage("error", result.error);
+        }
+    }
+    async function handleRemove(name) {
+        const result = await removeWorkspace(name);
+        if (result.success) {
+            setWorkspaces((prev) => prev.filter(w => w.name !== name));
+            showMessage("success", t("pages:settings.workspaceRemoved"));
+        }
+        else {
+            showMessage("error", result.error);
+        }
+    }
+    async function handleSync(name) {
+        const result = await syncWorkspace(name);
+        if (result.success) {
+            showMessage("success", `Workspace "${name}" synced`);
+            const refreshResult = await fetchWorkspaces();
+            if (refreshResult.success)
+                setWorkspaces(refreshResult.data);
+        }
+        else {
+            showMessage("error", result.error);
+        }
+    }
+    return (_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: t("pages:settings.workspace") }) }), _jsxs(CardContent, { children: [workspaces.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground text-center py-6", children: "No workspaces configured" })) : (_jsx("div", { className: "flex flex-col gap-3", children: workspaces.map((ws) => (_jsxs("div", { className: "flex justify-between items-center py-3 border-b border-border last:border-0", children: [_jsxs("div", { children: [_jsx("p", { className: "font-medium text-sm", children: ws.config?.displayName ?? ws.name }), _jsx("p", { className: "text-xs text-muted-foreground", children: ws.path }), ws.lastSync && (_jsxs("p", { className: "text-xs text-muted-foreground mt-0.5", children: [t("pages:settings.lastSync"), " ", formatDate(ws.lastSync)] }))] }), _jsxs("div", { className: "flex gap-2", children: [_jsxs(Button, { variant: "outline", size: "sm", onClick: () => handleSync(ws.name), children: [_jsx(RefreshCw, { className: "h-3 w-3 mr-1" }), t("pages:settings.syncWorkspace")] }), _jsxs(AlertDialog, { children: [_jsx(AlertDialogTrigger, { asChild: true, children: _jsxs(Button, { variant: "destructive", size: "sm", children: [_jsx(Trash2, { className: "h-3 w-3 mr-1" }), t("pages:settings.removeWorkspace")] }) }), _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: t("pages:settings.confirmDeleteTitle") }), _jsx(AlertDialogDescription, { children: t("pages:settings.confirmDeleteDescription", { name: ws.name }) })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: t("common:cancel") }), _jsx(AlertDialogAction, { className: "bg-destructive text-destructive-foreground hover:bg-destructive/90", onClick: () => handleRemove(ws.name), children: t("common:confirm") })] })] })] })] })] }, ws.name))) })), _jsx(Separator, { className: "my-4" }), _jsx("h4", { className: "text-sm font-medium mb-3", children: t("pages:settings.addWorkspace") }), _jsxs("div", { className: "flex gap-2 items-end", children: [_jsxs("div", { className: "flex-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", htmlFor: "ws-name", children: t("pages:settings.name") }), _jsx(Input, { id: "ws-name", value: newName, onChange: (e) => setNewName(e.target.value), placeholder: "my-workspace", className: "mt-1 h-8 text-sm" })] }), _jsxs("div", { className: "flex-[2]", children: [_jsx("label", { className: "text-xs text-muted-foreground", htmlFor: "ws-path", children: t("pages:settings.path") }), _jsx(Input, { id: "ws-path", value: newPath, onChange: (e) => setNewPath(e.target.value), placeholder: "/path/to/workspace", className: "mt-1 h-8 text-sm" })] }), _jsxs(Button, { onClick: handleAdd, disabled: !newName.trim() || !newPath.trim(), size: "sm", children: [_jsx(Plus, { className: "h-3 w-3 mr-1" }), t("common:add")] })] }), message && (_jsxs("div", { className: `mt-3 flex items-center gap-2 text-sm p-2 rounded-md ${message.type === "success"
+                            ? "bg-primary/10 text-primary"
+                            : "bg-destructive/10 text-destructive"}`, children: [message.type === "success" ? (_jsx(CheckCircle, { className: "h-4 w-4" })) : (_jsx(XCircle, { className: "h-4 w-4" })), message.text] }))] })] }));
+}
+export function SettingsPage() {
+    const { t } = useTranslation();
+    return (_jsxs("div", { className: "max-w-2xl", children: [_jsx(PageHeader, { title: t("pages:settings.title"), description: t("pages:settings.description") }), _jsx(AuthSettings, {}), _jsx(WorkspaceManager, {})] }));
+}

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

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

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

@@ -0,0 +1,373 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect, useRef, useCallback } from "react";
+import { useTranslation } from "react-i18next";
+import { fetchTasks, fetchTaskEvidence, approveTask, rejectTask, cleanupTask, checkAuth, fetchApprovals, fetchApprovalDetail, approveApproval, rejectApproval } from "../api.js";
+import { PageHeader } from "../components/page-header.js";
+import { Card, CardContent, CardHeader, CardTitle, CardDescription } from "../components/ui/card.js";
+import { Button } from "../components/ui/button.js";
+import { Badge } from "../components/ui/badge.js";
+import { Skeleton } from "../components/ui/skeleton.js";
+import { Separator } from "../components/ui/separator.js";
+import { ChevronRight, Trash2, Check, X, Undo2, AlertCircle, ListTodo, ShieldCheck } from "lucide-react";
+import { ApprovalCard } from "../components/approval-card.js";
+import { ApprovalDetailDialog } from "../components/approval-detail-dialog.js";
+import { RejectionReasonDialog } from "../components/rejection-reason-dialog.js";
+const ZONE_CONFIG = [
+    { key: "needsConfirmation", label: "needsConfirmation", color: "bg-red-50 border-red-200", headerColor: "bg-red-100", badgeColor: "bg-red-500" },
+    { key: "suggestedAttention", label: "suggestedAttention", color: "bg-amber-50 border-amber-200", headerColor: "bg-amber-100", badgeColor: "bg-amber-500" },
+    { key: "recentActivity", label: "recentActivity", color: "bg-blue-50 border-blue-200", headerColor: "bg-blue-100", badgeColor: "bg-blue-500" },
+];
+const TASK_KIND_AGENT = {
+    diagnostician: { id: 'diagnostician', i18nKey: 'pages:tasks.agentDiagnostician' },
+    keyword_optimization: { id: 'correction-observer', i18nKey: 'pages:tasks.agentCorrectionObserver' },
+    principle_candidate_intake: { id: 'diagnostician', i18nKey: 'pages:tasks.agentDiagnostician' },
+};
+function timeAgo(date, t) {
+    const seconds = Math.floor((Date.now() - date.getTime()) / 1000);
+    if (seconds < 60)
+        return t("pages:tasks.secondsAgo", { count: seconds });
+    const minutes = Math.floor(seconds / 60);
+    if (minutes < 60)
+        return t("pages:tasks.minutesAgo", { count: minutes });
+    const hours = Math.floor(minutes / 60);
+    return t("pages:tasks.hoursAgo", { count: hours });
+}
+function TaskCard({ task, expanded, evidence, evidenceLoading, onToggleExpand, onApprove, onReject, onCleanup, undoState, undoTimer, onUndo, }) {
+    const { t } = useTranslation();
+    return (_jsx(Card, { className: "mb-3 transition-all duration-200 hover:shadow-sm", children: _jsxs(CardContent, { className: "p-4", children: [_jsxs("button", { type: "button", "aria-expanded": expanded, className: "flex items-start justify-between cursor-pointer w-full text-left", onClick: onToggleExpand, children: [_jsxs("div", { className: "flex-1 min-w-0", children: [_jsxs("div", { className: "flex items-center gap-2 mb-1", children: [_jsx(Badge, { variant: "outline", className: "text-xs", children: task.kind }), TASK_KIND_AGENT[task.title] && (_jsx("a", { href: `#/agents/${TASK_KIND_AGENT[task.title].id}`, className: "text-xs text-primary hover:underline", onClick: (e) => e.stopPropagation(), children: t(TASK_KIND_AGENT[task.title].i18nKey) })), _jsx("span", { className: "text-xs text-muted-foreground", children: timeAgo(new Date(task.createdAt), t) })] }), _jsx("p", { className: "font-medium text-sm truncate", children: task.title }), _jsx("p", { className: "text-xs text-muted-foreground mt-1", children: task.sourceSummary })] }), _jsx(ChevronRight, { className: `h-4 w-4 text-muted-foreground transition-transform duration-200 ${expanded ? "rotate-90" : ""}` })] }), _jsxs("div", { className: `overflow-hidden transition-all duration-300 ${expanded ? "max-h-[500px] opacity-100" : "max-h-0 opacity-0"}`, children: [_jsx(Separator, { className: "my-3" }), evidenceLoading ? (_jsxs("div", { className: "space-y-3", children: [_jsx(Skeleton, { className: "h-4 w-32" }), _jsx(Skeleton, { className: "h-4 w-full" }), _jsx(Skeleton, { className: "h-4 w-full" })] })) : evidence ? (_jsxs("div", { className: "space-y-3", children: [_jsxs("div", { children: [_jsx("p", { className: "text-xs font-medium text-muted-foreground mb-1", children: t("components:evidencePanel.summary") }), _jsx("p", { className: "text-sm", children: evidence.summary })] }), _jsxs("div", { children: [_jsx("p", { className: "text-xs font-medium text-muted-foreground mb-1", children: t("components:evidencePanel.why") }), _jsx("p", { className: "text-sm", children: evidence.why })] }), _jsxs("div", { children: [_jsx("p", { className: "text-xs font-medium text-muted-foreground mb-1", children: t("components:evidencePanel.whatHappens") }), _jsx("p", { className: "text-sm", children: evidence.whatHappensIf })] })] })) : null, _jsx(Separator, { className: "my-3" }), _jsx("div", { className: "flex items-center gap-2", children: undoState ? (_jsxs(Button, { variant: "secondary", size: "sm", onClick: (e) => {
+                                    e.stopPropagation();
+                                    onUndo();
+                                }, className: "flex items-center gap-1", children: [_jsx(Undo2, { className: "h-3 w-3" }), t("components:taskCard.undo"), " (", undoTimer, "s)"] })) : (_jsxs(_Fragment, { children: [_jsxs(Button, { variant: "default", size: "sm", onClick: (e) => {
+                                            e.stopPropagation();
+                                            onApprove();
+                                        }, className: "flex items-center gap-1", children: [_jsx(Check, { className: "h-3 w-3" }), t("components:taskCard.approve")] }), _jsxs(Button, { variant: "destructive", size: "sm", onClick: (e) => {
+                                            e.stopPropagation();
+                                            onReject();
+                                        }, className: "flex items-center gap-1", children: [_jsx(X, { className: "h-3 w-3" }), t("components:taskCard.reject")] }), task.kind === "cleanup" && (_jsxs(Button, { variant: "outline", size: "sm", onClick: (e) => {
+                                            e.stopPropagation();
+                                            onCleanup();
+                                        }, className: "flex items-center gap-1", children: [_jsx(Trash2, { className: "h-3 w-3" }), t("components:taskCard.cleanup")] }))] })) })] })] }) }));
+}
+function LoadingSkeleton() {
+    return (_jsxs("div", { children: [_jsxs("div", { className: "flex items-center justify-between mb-6", children: [_jsx(Skeleton, { className: "h-8 w-32" }), _jsxs("div", { className: "flex items-center gap-4", children: [_jsx(Skeleton, { className: "h-4 w-24" }), _jsx(Skeleton, { className: "h-8 w-20" })] })] }), ZONE_CONFIG.map((zone) => (_jsxs(Card, { className: `${zone.color} mb-6`, children: [_jsx(CardHeader, { className: zone.headerColor, children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsx(Skeleton, { className: "h-5 w-40" }), _jsx(Skeleton, { className: "h-5 w-12 rounded-full" })] }) }), _jsx(CardContent, { className: "pt-4 space-y-4", children: Array.from({ length: 3 }).map((_, i) => (_jsx(Card, { children: _jsxs(CardContent, { className: "p-4", children: [_jsx(Skeleton, { className: "h-4 w-24 mb-2" }), _jsx(Skeleton, { className: "h-4 w-full mb-2" }), _jsx(Skeleton, { className: "h-4 w-3/4" })] }) }, i))) })] }, zone.key)))] }));
+}
+function TasksPageInner() {
+    const { t } = useTranslation();
+    const [zones, setZones] = useState({
+        needsConfirmation: [],
+        suggestedAttention: [],
+        recentActivity: [],
+    });
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
+    const [expandedIds, setExpandedIds] = useState(new Set());
+    const [evidenceCache, setEvidenceCache] = useState(new Map());
+    const [loadingEvidenceIds, setLoadingEvidenceIds] = useState(new Set());
+    const [undoMap, setUndoMap] = useState(new Map());
+    const [lastUpdated, setLastUpdated] = useState(null);
+    const [tab, setTab] = useState("tasks");
+    const [approvals, setApprovals] = useState([]);
+    const [approvalStats, setApprovalStats] = useState({ pending: 0, approved: 0, rejected: 0, cancelled: 0 });
+    const [approvalsLoading, setApprovalsLoading] = useState(false);
+    const [detailApproval, setDetailApproval] = useState(null);
+    const [detailOpen, setDetailOpen] = useState(false);
+    const [rejectTarget, setRejectTarget] = useState(null);
+    const [rejectOpen, setRejectOpen] = useState(false);
+    const [actionLoading, setActionLoading] = useState(null);
+    const undoMapRef = useRef(undoMap);
+    undoMapRef.current = undoMap;
+    useEffect(() => {
+        return () => {
+            undoMapRef.current.forEach((entry) => clearTimeout(entry.timer));
+        };
+    }, []);
+    useEffect(() => {
+        if (undoMap.size === 0)
+            return;
+        const interval = setInterval(() => {
+            setUndoMap((prev) => {
+                const next = new Map(prev);
+                let changed = false;
+                for (const [id, entry] of next) {
+                    const newCountdown = entry.countdown - 1;
+                    if (newCountdown <= 0)
+                        continue;
+                    next.set(id, { ...entry, countdown: newCountdown });
+                    changed = true;
+                }
+                return changed ? next : prev;
+            });
+        }, 1000);
+        return () => clearInterval(interval);
+    }, [undoMap.size]);
+    async function loadData() {
+        const result = await fetchTasks();
+        if (!result.success) {
+            setError(result.error ?? t("pages:tasks.loadFailed"));
+        }
+        else {
+            setZones(result.data);
+            setLastUpdated(new Date());
+            setError(null);
+        }
+        setLoading(false);
+    }
+    const loadApprovals = useCallback(async () => {
+        setApprovalsLoading(true);
+        try {
+            const result = await fetchApprovals();
+            if (!result.success) {
+                setError(result.error);
+                return;
+            }
+            setApprovals(result.data.items);
+            setApprovalStats(result.data.stats);
+        }
+        catch {
+            setError('Failed to load approvals');
+        }
+        finally {
+            setApprovalsLoading(false);
+        }
+    }, []);
+    useEffect(() => {
+        if (tab !== 'tasks')
+            return;
+        let cancelled = false;
+        async function load() {
+            if (cancelled)
+                return;
+            await loadData();
+        }
+        load();
+        const intervalId = setInterval(load, 30_000);
+        return () => {
+            cancelled = true;
+            clearInterval(intervalId);
+        };
+    }, [tab]);
+    useEffect(() => {
+        if (tab !== "approvals")
+            return;
+        loadApprovals();
+        const id = setInterval(loadApprovals, 15_000);
+        return () => clearInterval(id);
+    }, [tab, loadApprovals]);
+    async function handleApprovalDetail(approvalId) {
+        setActionLoading(approvalId);
+        try {
+            const result = await fetchApprovalDetail(approvalId);
+            if (!result.success) {
+                setError(result.error);
+                return;
+            }
+            setDetailApproval(result.data);
+            setDetailOpen(true);
+        }
+        catch {
+            setError('Failed to load detail');
+        }
+        finally {
+            setActionLoading(null);
+        }
+    }
+    async function handleApprovalApprove(approvalId) {
+        setActionLoading(approvalId);
+        setDetailOpen(false);
+        try {
+            const result = await approveApproval(approvalId);
+            if (!result.success) {
+                setError(result.error);
+                return;
+            }
+            await loadApprovals();
+        }
+        catch {
+            setError('Approve failed');
+        }
+        finally {
+            setActionLoading(null);
+        }
+    }
+    function handleApprovalRejectClick(approval) {
+        setRejectTarget(approval);
+        setRejectOpen(true);
+    }
+    async function handleApprovalRejectSubmit(reason) {
+        if (!rejectTarget)
+            return;
+        setActionLoading(rejectTarget.approvalId);
+        setRejectOpen(false);
+        setDetailOpen(false);
+        try {
+            const result = await rejectApproval(rejectTarget.approvalId, reason);
+            if (!result.success) {
+                setError(result.error);
+                return;
+            }
+            await loadApprovals();
+        }
+        catch {
+            setError('Reject failed');
+        }
+        finally {
+            setRejectTarget(null);
+            setActionLoading(null);
+        }
+    }
+    async function handleToggleExpand(id) {
+        const nextExpanded = new Set(expandedIds);
+        if (nextExpanded.has(id)) {
+            nextExpanded.delete(id);
+        }
+        else {
+            nextExpanded.add(id);
+            if (!evidenceCache.has(id) && !loadingEvidenceIds.has(id)) {
+                setLoadingEvidenceIds((prev) => {
+                    const n = new Set(prev);
+                    n.add(id);
+                    return n;
+                });
+                const result = await fetchTaskEvidence(id);
+                if (result.success && result.data) {
+                    setEvidenceCache((prev) => {
+                        const n = new Map(prev);
+                        n.set(id, result.data);
+                        return n;
+                    });
+                }
+                setLoadingEvidenceIds((prev) => {
+                    const n = new Set(prev);
+                    n.delete(id);
+                    return n;
+                });
+            }
+        }
+        setExpandedIds(nextExpanded);
+    }
+    function handleApprove(taskId, zone) {
+        const task = zones[zone].find((t) => t.id === taskId);
+        if (!task)
+            return;
+        setZones((prev) => ({ ...prev, [zone]: prev[zone].filter((t) => t.id !== taskId) }));
+        const timer = setTimeout(async () => {
+            setUndoMap((prev) => {
+                const n = new Map(prev);
+                n.delete(taskId);
+                return n;
+            });
+            const result = await approveTask(taskId);
+            if (!result.success) {
+                setZones((prev) => ({ ...prev, [zone]: [task, ...prev[zone]] }));
+                setError(t("pages:tasks.operationFailed", { error: result.error ?? t("pages:tasks.unknownError") }));
+            }
+        }, 5000);
+        setUndoMap((prev) => {
+            const n = new Map(prev);
+            n.set(taskId, { task, zone, timer, action: "approve", countdown: 5 });
+            return n;
+        });
+    }
+    function handleReject(taskId, zone) {
+        const task = zones[zone].find((t) => t.id === taskId);
+        if (!task)
+            return;
+        setZones((prev) => ({ ...prev, [zone]: prev[zone].filter((t) => t.id !== taskId) }));
+        const timer = setTimeout(async () => {
+            setUndoMap((prev) => {
+                const n = new Map(prev);
+                n.delete(taskId);
+                return n;
+            });
+            const result = await rejectTask(taskId);
+            if (!result.success) {
+                setZones((prev) => ({ ...prev, [zone]: [task, ...prev[zone]] }));
+                setError(t("pages:tasks.operationFailed", { error: result.error ?? t("pages:tasks.unknownError") }));
+            }
+        }, 5000);
+        setUndoMap((prev) => {
+            const n = new Map(prev);
+            n.set(taskId, { task, zone, timer, action: "reject", countdown: 5 });
+            return n;
+        });
+    }
+    function handleUndo(taskId) {
+        const entry = undoMap.get(taskId);
+        if (!entry)
+            return;
+        clearTimeout(entry.timer);
+        setZones((prev) => ({ ...prev, [entry.zone]: [entry.task, ...prev[entry.zone]] }));
+        setUndoMap((prev) => {
+            const n = new Map(prev);
+            n.delete(taskId);
+            return n;
+        });
+    }
+    async function handleBatchCleanup() {
+        const cleanupTasks = zones.suggestedAttention.filter((t) => t.kind === "cleanup");
+        let failed = 0;
+        for (const t of cleanupTasks) {
+            const result = await cleanupTask(t.id);
+            if (result.success) {
+                setZones((prev) => ({
+                    ...prev,
+                    suggestedAttention: prev.suggestedAttention.filter((st) => st.id !== t.id),
+                }));
+            }
+            else {
+                failed++;
+            }
+        }
+        if (failed > 0) {
+            setError(t("pages:tasks.batchCleanupResult", { failed, total: cleanupTasks.length }));
+        }
+    }
+    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") })] }) }));
+    }
+    const zoneLabels = {
+        needsConfirmation: t("pages:tasks.needsConfirmation"),
+        suggestedAttention: t("pages:tasks.suggestedAttention"),
+        recentActivity: t("pages:tasks.recentActivity"),
+    };
+    return (_jsxs("div", { children: [_jsx(PageHeader, { title: t("pages:tasks.title"), description: t("pages:tasks.description"), onRefresh: tab === "tasks" ? loadData : loadApprovals, lastUpdated: lastUpdated ?? undefined }), _jsxs("div", { className: "flex items-center gap-1 mb-6 border-b", children: [_jsxs("button", { type: "button", className: "flex items-center gap-1.5 px-4 py-2.5 text-sm font-medium border-b-2 transition-colors " + (tab === "tasks" ? "border-primary text-primary" : "border-transparent text-muted-foreground hover:text-foreground"), onClick: () => setTab("tasks"), children: [_jsx(ListTodo, { className: "h-4 w-4" }), t("pages:tasks.tabs.tasks")] }), _jsxs("button", { type: "button", className: "flex items-center gap-1.5 px-4 py-2.5 text-sm font-medium border-b-2 transition-colors " + (tab === "approvals" ? "border-primary text-primary" : "border-transparent text-muted-foreground hover:text-foreground"), onClick: () => setTab("approvals"), children: [_jsx(ShieldCheck, { className: "h-4 w-4" }), t("pages:tasks.tabs.approvals"), approvalStats.pending > 0 && (_jsx(Badge, { className: "ml-1 bg-red-500 text-white text-xs px-1.5", children: approvalStats.pending }))] })] }), tab === "tasks" && ZONE_CONFIG.map((zone) => {
+                const tasks = zones[zone.key];
+                const hasCleanupTasks = tasks.some((t) => t.kind === "cleanup");
+                return (_jsxs(Card, { className: `${zone.color} border-l-4 mb-6`, children: [_jsx(CardHeader, { className: zone.headerColor, children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsx(CardTitle, { className: "text-base font-medium", children: zoneLabels[zone.label] }), _jsx(Badge, { className: zone.badgeColor, children: tasks.length })] }) }), _jsxs(CardContent, { className: "pt-4", children: [tasks.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground text-center py-8", children: t("components:zoneSection.empty") })) : (tasks.map((task) => {
+                                    const undo = undoMap.get(task.id);
+                                    return (_jsx(TaskCard, { task: task, expanded: expandedIds.has(task.id), evidence: evidenceCache.get(task.id) ?? null, evidenceLoading: loadingEvidenceIds.has(task.id), onToggleExpand: () => handleToggleExpand(task.id), onApprove: () => handleApprove(task.id, zone.key), onReject: () => handleReject(task.id, zone.key), onCleanup: async () => {
+                                            const result = await cleanupTask(task.id);
+                                            if (result.success) {
+                                                setZones((prev) => ({
+                                                    ...prev,
+                                                    [zone.key]: prev[zone.key].filter((t) => t.id !== task.id),
+                                                }));
+                                            }
+                                        }, undoState: undo?.action ?? null, undoTimer: undo?.countdown ?? null, onUndo: () => handleUndo(task.id) }, task.id));
+                                })), zone.key === "suggestedAttention" && hasCleanupTasks && (_jsx("div", { className: "mt-4 flex justify-end", children: _jsxs(Button, { variant: "outline", size: "sm", onClick: handleBatchCleanup, className: "bg-amber-100 hover:bg-amber-200 border-amber-300 text-amber-700", children: [_jsx(Trash2, { className: "h-3 w-3 mr-1" }), t("pages:tasks.batchCleanup")] }) }))] })] }, zone.key));
+            }), tab === "approvals" && (_jsxs("div", { children: [_jsxs("div", { className: "flex items-center gap-3 mb-4", children: [_jsxs(Badge, { variant: "outline", children: [t("components:approvalCard.stats.pending"), ": ", approvalStats.pending] }), _jsxs(Badge, { variant: "outline", children: [t("components:approvalCard.stats.approved"), ": ", approvalStats.approved] }), _jsxs(Badge, { variant: "outline", children: [t("components:approvalCard.stats.rejected"), ": ", approvalStats.rejected] })] }), approvalsLoading && approvals.length === 0 ? (_jsx("div", { className: "space-y-3", children: Array.from({ length: 3 }).map((_, i) => (_jsx(Card, { children: _jsx(CardContent, { className: "p-4", children: _jsx(Skeleton, { className: "h-16 w-full" }) }) }, i))) })) : approvals.length === 0 ? (_jsx(Card, { children: _jsxs(CardContent, { className: "py-12 text-center", children: [_jsx(ShieldCheck, { className: "h-10 w-10 text-muted-foreground mx-auto mb-3" }), _jsx("p", { className: "text-sm text-muted-foreground", children: t("components:approvalCard.empty") })] }) })) : (approvals.map((a) => (_jsx(ApprovalCard, { approval: a, loading: actionLoading === a.approvalId, onViewDetail: () => handleApprovalDetail(a.approvalId), onApprove: () => handleApprovalApprove(a.approvalId), onReject: () => handleApprovalRejectClick(a) }, a.approvalId))))] })), _jsx(ApprovalDetailDialog, { approval: detailApproval, open: detailOpen, onOpenChange: setDetailOpen, onApprove: () => { if (detailApproval)
+                    handleApprovalApprove(detailApproval.approvalId); }, onReject: () => { if (detailApproval) {
+                    setDetailOpen(false);
+                    handleApprovalRejectClick(detailApproval);
+                } }, loading: actionLoading !== null }), _jsx(RejectionReasonDialog, { open: rejectOpen, onOpenChange: setRejectOpen, onSubmit: handleApprovalRejectSubmit, loading: actionLoading !== null })] }));
+}
+export function TasksPage() {
+    const { t } = useTranslation();
+    const [hasToken, setHasToken] = useState(false);
+    const [checking, setChecking] = useState(true);
+    useEffect(() => {
+        checkAuth().then((valid) => {
+            setHasToken(valid);
+            setChecking(false);
+        });
+    }, []);
+    if (checking) {
+        return (_jsx(Card, { className: "max-w-md mx-auto mt-12", children: _jsx(CardContent, { className: "p-8 text-center", children: _jsx("div", { className: "animate-pulse", children: t("pages:tasks.checkingAuth") }) }) }));
+    }
+    if (!hasToken) {
+        return (_jsx(Card, { className: "max-w-md mx-auto mt-12", children: _jsxs(CardContent, { className: "p-8 text-center", children: [_jsx(AlertCircle, { className: "h-12 w-12 text-amber-500 mx-auto mb-4" }), _jsx(CardTitle, { className: "text-xl mb-2", children: t("pages:tasks.noToken") }), _jsx(CardDescription, { className: "mb-4", children: t("pages:tasks.noToken") }), _jsx(Button, { asChild: true, children: _jsx("a", { href: "#/settings", children: t("common:settings") }) })] }) }));
+    }
+    return _jsx(TasksPageInner, {});
+}

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

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

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

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { useTranslation } from "react-i18next";
+import { fetchThinkingModels } from "../api.js";
+import { PageHeader } from "../components/page-header.js";
+import { Card, CardContent } from "../components/ui/card.js";
+import { Skeleton } from "../components/ui/skeleton.js";
+import { Brain, ChevronRight } from "lucide-react";
+export function ThinkingModelsPage() {
+    const { t } = useTranslation();
+    const [data, setData] = useState(null);
+    const [error, setError] = useState("");
+    const [expandedId, setExpandedId] = useState(null);
+    useEffect(() => {
+        fetchThinkingModels().then((result) => {
+            if (result.success) {
+                setData(result.data);
+                setError("");
+            }
+            else {
+                setError(result.error);
+            }
+        });
+    }, []);
+    if (error && !data) {
+        return (_jsx(Card, { children: _jsx(CardContent, { className: "p-6", children: _jsx("p", { className: "text-destructive", children: error }) }) }));
+    }
+    if (!data) {
+        return (_jsxs("div", { children: [_jsx(Skeleton, { className: "h-8 w-48 mb-6" }), Array.from({ length: 3 }).map((_, i) => (_jsx(Card, { className: "mb-3", children: _jsxs(CardContent, { className: "p-4", children: [_jsx(Skeleton, { className: "h-5 w-40 mb-2" }), _jsx(Skeleton, { className: "h-3 w-full" })] }) }, i)))] }));
+    }
+    return (_jsxs("div", { children: [_jsx(PageHeader, { title: t("pages:thinking-models.title"), description: t("pages:thinking-models.description"), actions: _jsxs("span", { className: "text-sm text-muted-foreground", children: [data.totalModels, " ", t("pages:thinking-models.modelsLabel"), " | ", t("pages:thinking-models.sourceLabel"), " ", data.source] }) }), data.totalModels === 0 && (_jsx(Card, { children: _jsxs(CardContent, { className: "flex flex-col items-center justify-center py-16 text-muted-foreground", children: [_jsx(Brain, { className: "h-12 w-12 mb-3 opacity-50" }), _jsx("p", { className: "text-sm mb-1", children: t("pages:thinking-models.noModels") }), _jsx("p", { className: "text-xs", children: t("pages:thinking-models.placeThinkingOs") })] }) })), _jsx("div", { className: "flex flex-col gap-3", children: data.models.map((model) => (_jsxs(Card, { className: "overflow-hidden", children: [_jsxs("button", { type: "button", "aria-expanded": expandedId === model.id, onClick: () => setExpandedId(expandedId === model.id ? null : model.id), className: `w-full text-left p-4 cursor-pointer flex justify-between items-center transition-colors duration-150 ${expandedId === model.id ? "bg-primary/5" : "hover:bg-accent"}`, children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "font-semibold text-sm text-primary", children: model.id }), _jsx("span", { className: "text-sm", children: model.name })] }), _jsx(ChevronRight, { className: `h-4 w-4 text-muted-foreground transition-transform duration-200 motion-reduce:transition-none ${expandedId === model.id ? "rotate-90" : ""}` })] }), _jsx("div", { className: `overflow-hidden transition-all duration-300 ${expandedId === model.id ? "max-h-[600px] opacity-100" : "max-h-0 opacity-0"}`, children: _jsxs("div", { className: "p-4 border-t border-border flex flex-col gap-4", children: [model.trigger && (_jsxs("div", { children: [_jsx("h4", { className: "text-xs font-medium text-muted-foreground mb-1", children: t("pages:thinking-models.trigger") }), _jsx("div", { className: "bg-muted/50 p-3 rounded-md text-sm leading-relaxed whitespace-pre-wrap", children: model.trigger })] })), model.must && (_jsxs("div", { children: [_jsx("h4", { className: "text-xs font-medium text-muted-foreground mb-1", children: t("pages:thinking-models.must") }), _jsx("div", { className: "bg-primary/5 p-3 rounded-md text-sm leading-relaxed whitespace-pre-wrap border-l-3 border-l-primary", children: model.must })] })), model.forbidden && (_jsxs("div", { children: [_jsx("h4", { className: "text-xs font-medium text-muted-foreground mb-1", children: t("pages:thinking-models.forbidden") }), _jsx("div", { className: "bg-destructive/5 p-3 rounded-md text-sm leading-relaxed whitespace-pre-wrap border-l-3 border-l-destructive", children: model.forbidden })] }))] }) })] }, model.id))) })] }));
+}

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

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