create-principles-disciple 1.82.0 → 1.83.0

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

@@ -1,105 +0,0 @@
-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

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

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

@@ -1,86 +0,0 @@
-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

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

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

@@ -1,373 +0,0 @@
-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

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

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

@@ -1,32 +0,0 @@
-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))) })] }));
-}