@pi-harness/pi-harness 0.1.13 → 0.1.15

package/packages/client-web/dist/react-room.js

@@ -1,2600 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { createPortal } from "react-dom";
-import { createClientApi, failedRefreshLabels, } from "./control-room.js";
-import { getPromptCompletion, replacePromptCompletion } from "./prompt-completion.js";
-import { compactThinkingEvents } from "./runtime-events.js";
-import { MarkdownMessage } from "./markdown.js";
-import { messageText, projectChatTurns } from "./message-content.js";
-import { formatAnnotationPrompt, parseAnnotationPrompt } from "./annotation-ui.js";
-import { marketplaceCategoryTabs, marketplaceDetailPath, marketplaceStatisticItems, readMarketplaceDetailId } from "./marketplace-navigation.js";
-import { loadMarketplaceCatalog } from "./marketplace-catalog.js";
-import { pluginStarsRows } from "./plugin-stars-view.js";
-import { browserSessionTabs } from "./browser-session-view.js";
-import { matchesPluginQuery } from "./plugin-search.js";
-import { readInstalledPluginDetailId } from "./plugin-navigation.js";
-import { installedPluginCardContent } from "./plugin-card.js";
-const value = (input, fallback = "—") => {
-    if (input === undefined || input === null || input === "")
-        return fallback;
-    if (typeof input === "string" || typeof input === "number" || typeof input === "boolean" || typeof input === "bigint")
-        return String(input);
-    try {
-        return JSON.stringify(input);
-    }
-    catch {
-        return fallback;
-    }
-};
-const dialogFocusSelector = [
-    "button:not([disabled])",
-    "a[href]",
-    "input:not([disabled])",
-    "select:not([disabled])",
-    "textarea:not([disabled])",
-    "summary",
-    '[tabindex]:not([tabindex="-1"])',
-].join(",");
-function useModalFocus(open, onClose, busy = false, returnFocusSelector) {
-    const dialogRef = useRef(null);
-    const closeRef = useRef(onClose);
-    const busyRef = useRef(busy);
-    closeRef.current = onClose;
-    busyRef.current = busy;
-    useEffect(() => {
-        if (!open)
-            return;
-        const activeElement = document.activeElement;
-        const previous = activeElement instanceof HTMLElement && activeElement !== document.body && activeElement !== document.documentElement ? activeElement : undefined;
-        const focusable = () => Array.from(dialogRef.current?.querySelectorAll(dialogFocusSelector) ?? []).filter((element) => !element.hidden && element.getAttribute("aria-hidden") !== "true" && element.getClientRects().length > 0);
-        const frame = window.requestAnimationFrame(() => {
-            const dialog = dialogRef.current;
-            if (!dialog || dialog.contains(document.activeElement))
-                return;
-            (dialog.querySelector("[data-dialog-initial-focus]") ?? focusable()[0])?.focus();
-        });
-        const onKeyDown = (event) => {
-            if (event.key === "Escape") {
-                event.preventDefault();
-                event.stopImmediatePropagation();
-                if (!busyRef.current)
-                    closeRef.current();
-                return;
-            }
-            if (event.key !== "Tab")
-                return;
-            const items = focusable();
-            if (!items.length) {
-                event.preventDefault();
-                dialogRef.current?.focus();
-                return;
-            }
-            const first = items[0];
-            const last = items.at(-1);
-            if (event.shiftKey && document.activeElement === first) {
-                event.preventDefault();
-                last?.focus();
-            }
-            else if (!event.shiftKey && document.activeElement === last) {
-                event.preventDefault();
-                first?.focus();
-            }
-        };
-        window.addEventListener("keydown", onKeyDown, true);
-        return () => {
-            window.cancelAnimationFrame(frame);
-            window.removeEventListener("keydown", onKeyDown, true);
-            const returnFocus = previous?.isConnected ? previous : returnFocusSelector ? document.querySelector(returnFocusSelector) : undefined;
-            if (returnFocus)
-                window.requestAnimationFrame(() => returnFocus.focus());
-        };
-    }, [open, returnFocusSelector]);
-    return dialogRef;
-}
-const sessionSource = (status, session) => status?.cwd ?? (typeof session?.sessionFile === "string" ? session.sessionFile : "未选择工作区");
-const eventLabel = (event) => {
-    const type = value(event.type, "");
-    if (type === "file_diff")
-        return "文件差异";
-    if (type === "file")
-        return "文件详情";
-    return value(event.summary ?? event.message ?? event.toolName ?? event.type ?? event.event, "未命名事件");
-};
-const capability = (name) => {
-    const entries = [
-        ["context", "上下文"],
-        ["agent-teams", "协作"],
-        ["modlens", "视觉"],
-        ["token-guard", "预算"],
-        ["git-time-capsule", "版本控制"],
-        ["dependency-checker", "工程诊断"],
-        ["at-file", "文件上下文"],
-        ["test-harness", "测试"],
-        ["session-insights", "会话统计"],
-        ["session-compare", "会话对比"],
-        ["secure-audit", "安全审计"],
-        ["readme-gen", "文档生成"],
-        ["i18n-pair", "国际化"],
-        ["cleaner", "清理"],
-        ["sql-lens", "数据库"],
-        ["docker-sandbox", "沙箱"],
-        ["mcp-client", "工具协议"],
-        ["mcp-panel", "MCP 控制台"],
-        ["browser-fetch", "网页抓取"],
-        ["web-research", "联网研究"],
-        ["browser-session", "浏览器会话"],
-        ["yaml-validator", "配置校验"],
-        ["mock-server", "接口模拟"],
-        ["cli-notifier", "桌面通知"],
-        ["obsidian-sync", "知识库"],
-        ["context-doctor", "上下文诊断"],
-        ["history-compressor", "历史压缩"],
-        ["reviewer-bot", "代码审查"],
-        ["auto-mode", "安全执行"],
-        ["plan-execute", "计划执行"],
-        ["plugin-finder", "插件发现"],
-        ["taskboard", "任务看板"],
-        ["synapse", "会话地图"],
-        ["hol-guard", "安全防护"],
-        ["plugin-radar", "生态雷达"],
-        ["plugin-stars", "排行榜"],
-        ["plugin-check", "插件体检"],
-        ["annotation", "批注上下文"],
-        ["cost-meter", "成本账本"],
-        ["undo-savepoint", "恢复保存点"],
-        ["skill-catalog", "技能目录"],
-        ["graph-memory", "知识图谱"],
-        ["memory", "跨会话记忆"],
-        ["canvas-draw", "流程图"],
-        ["image-compressor", "图片压缩"],
-        ["workspace-search", "工作区检索"],
-        ["prompt-guard", "提示词防护"],
-        ["code2skill", "技能打包"],
-        ["tab-manager", "会话标签"],
-        ["genui", "结构化界面"],
-        ["anchored-standard", "轨迹锚定"],
-        ["telemetry-blocker", "遥测拦截"],
-        ["change-verifier", "变更门禁"],
-        ["plugin-dev", "插件开发"],
-        ["openpets", "桌面伙伴"],
-        ["vision-toolkit", "视觉素材"],
-        ["session-bridge", "会话交接"],
-        ["skill-guard", "Skill 安全"],
-        ["recall-unread", "会话召回"],
-        ["turn-rewind", "会话回退"],
-        ["session-export", "会话导出"],
-        ["session-search", "会话搜索"],
-        ["session-bookmarks", "会话书签"],
-        ["llm-verifier", "模型校验"],
-        ["module-search", "模块检索"],
-        ["workspace-navigator", "工作区导航"],
-        ["better-sidebar", "侧栏概览"],
-        ["archify", "架构地图"],
-        ["mirage-bridge", "Mirage 虚拟终端"],
-        ["theme-studio", "主题"],
-        ["reverse-skill", "技能隔离"],
-        ["colleague-skill", "角色交接"],
-        ["prompt-library", "提示词库"],
-        ["model", "模型"],
-        ["tool", "工具"],
-        ["session", "会话"],
-        ["resource", "资源"],
-        ["web", "界面"],
-        ["gateway", "界面"],
-    ];
-    return entries.find(([needle]) => name.includes(needle))?.[1] ?? "运行时";
-};
-const displayPluginName = (name) => {
-    const officialName = new Map([
-        ["@pi-harness/core/plugins/context", "Context insights"],
-        ["@pi-harness/core/plugins/agent-teams", "Agent Teams"],
-        ["@pi-harness/core/plugins/modlens", "ModLens vision bridge"],
-        ["@pi-harness/core/plugins/token-guard", "Token Guard"],
-        ["@pi-harness/core/plugins/git-time-capsule", "Git Time Capsule"],
-        ["@pi-harness/core/plugins/dependency-checker", "Dependency Checker"],
-        ["@pi-harness/core/plugins/at-file", "@file context"],
-        ["@pi-harness/core/plugins/fail-logger", "Failure Logger"],
-        ["@pi-harness/core/plugins/test-harness", "Test Harness"],
-        ["@pi-harness/core/plugins/session-insights", "Session Insights"],
-        ["@pi-harness/core/plugins/session-compare", "Session Compare"],
-        ["@pi-harness/core/plugins/secure-audit", "Secure Audit"],
-        ["@pi-harness/core/plugins/readme-gen", "README Generator"],
-        ["@pi-harness/core/plugins/i18n-pair", "I18n Pair"],
-        ["@pi-harness/core/plugins/cleaner", "Harness Cleaner"],
-        ["@pi-harness/core/plugins/sql-lens", "SQL Lens"],
-        ["@pi-harness/core/plugins/docker-sandbox", "Docker Sandbox"],
-        ["@pi-harness/core/plugins/mcp-client", "MCP Client"],
-        ["@pi-harness/core/plugins/mcp-panel", "MCP Console"],
-        ["@pi-harness/core/plugins/browser-fetch", "Browser Fetch"],
-        ["@pi-harness/core/plugins/web-research", "Web Research"],
-        ["@pi-harness/core/plugins/browser-session", "Browser Session"],
-        ["@pi-harness/core/plugins/yaml-validator", "YAML Validator"],
-        ["@pi-harness/core/plugins/mock-server", "Mock Server"],
-        ["@pi-harness/core/plugins/cli-notifier", "CLI Notifier"],
-        ["@pi-harness/core/plugins/obsidian-sync", "Obsidian Sync"],
-        ["@pi-harness/core/plugins/context-doctor", "Context Doctor"],
-        ["@pi-harness/core/plugins/history-compressor", "History Compressor"],
-        ["@pi-harness/core/plugins/reviewer-bot", "Reviewer Bot"],
-        ["@pi-harness/core/plugins/auto-mode", "Auto Mode"],
-        ["@pi-harness/core/plugins/plan-execute", "Plan Execute"],
-        ["@pi-harness/core/plugins/plugin-finder", "Plugin Finder"],
-        ["@pi-harness/core/plugins/taskboard", "Taskboard"],
-        ["@pi-harness/core/plugins/synapse", "Synapse"],
-        ["@pi-harness/core/plugins/hol-guard", "HOL Guard"],
-        ["@pi-harness/core/plugins/plugin-radar", "Plugin Radar"],
-        ["@pi-harness/core/plugins/plugin-check", "Plugin Check"],
-        ["@pi-harness/core/plugins/annotation", "Annotations"],
-        ["@pi-harness/core/plugins/cost-meter", "Cost Meter"],
-        ["@pi-harness/core/plugins/undo-savepoint", "Undo Savepoints"],
-        ["@pi-harness/core/plugins/skill-catalog", "Skills Catalog"],
-        ["@pi-harness/core/plugins/memory", "Memory"],
-        ["@pi-harness/core/plugins/graph-memory", "Graph Memory"],
-        ["@pi-harness/core/plugins/canvas-draw", "Canvas Draw"],
-        ["@pi-harness/core/plugins/image-compressor", "Image Compressor"],
-        ["@pi-harness/core/plugins/workspace-search", "Workspace Search"],
-        ["@pi-harness/core/plugins/prompt-guard", "Prompt Guard"],
-        ["@pi-harness/core/plugins/code2skill", "Code2Skill"],
-        ["@pi-harness/core/plugins/tab-manager", "Session Tabs"],
-        ["@pi-harness/core/plugins/genui", "GenUI"],
-        ["@pi-harness/core/plugins/anchored-standard", "Anchored Standard"],
-        ["@pi-harness/core/plugins/telemetry-blocker", "Telemetry Blocker"],
-        ["@pi-harness/core/plugins/change-verifier", "Change Verifier"],
-        ["@pi-harness/core/plugins/plugin-dev", "Plugin Dev"],
-        ["@pi-harness/core/plugins/openpets", "OpenPets"],
-        ["@pi-harness/core/plugins/vision-toolkit", "Vision Toolkit"],
-        ["@pi-harness/core/plugins/plugin-stars", "Plugin Stars"],
-        ["@pi-harness/core/plugins/session-bridge", "Session Bridge"],
-        ["@pi-harness/core/plugins/skill-guard", "Skill Guard"],
-        ["@pi-harness/core/plugins/recall-unread", "Recall Unread"],
-        ["@pi-harness/core/plugins/turn-rewind", "Turn Rewind"],
-        ["@pi-harness/core/plugins/session-export", "Session Export"],
-        ["@pi-harness/core/plugins/session-search", "Session Search"],
-        ["@pi-harness/core/plugins/session-bookmarks", "Session Bookmarks"],
-        ["@pi-harness/core/plugins/llm-verifier", "LLM Verifier"],
-        ["@pi-harness/core/plugins/module-search", "Module Search"],
-        ["@pi-harness/core/plugins/workspace-navigator", "Workspace Navigator"],
-        ["@pi-harness/core/plugins/better-sidebar", "Better Sidebar"],
-        ["@pi-harness/core/plugins/archify", "Architecture Map"],
-        ["@pi-harness/core/plugins/mirage-bridge", "Mirage Bridge"],
-        ["@pi-harness/core/plugins/theme-studio", "Theme Studio"],
-        ["@pi-harness/core/plugins/reverse-skill", "Reverse Skill Firewall"],
-        ["@pi-harness/core/plugins/colleague-skill", "Colleague Skill"],
-        ["@pi-harness/core/plugins/prompt-library", "Prompt Library"],
-        ["@pi-harness/core/plugins/runtime-doctor", "Runtime Doctor"],
-    ]).get(name);
-    if (officialName !== undefined)
-        return officialName;
-    const packageMatch = name.match(/^@[^/]+\/cordis-plugin-(.+)$/i);
-    if (packageMatch)
-        return `官方 · ${packageMatch[1]}`;
-    if (name.toLowerCase().includes("cordis"))
-        return name.replace(/cordis/gi, "runtime");
-    return name;
-};
-const readQueryState = () => {
-    if (typeof window === "undefined")
-        return {
-            page: "session",
-            view: "chat",
-            marketplaceQuery: "",
-            marketplaceCapability: "",
-            marketplaceCategory: "",
-            marketplacePlugin: undefined,
-            installedPlugin: undefined,
-            marketplacePage: 0,
-        };
-    const params = new URLSearchParams(window.location.search);
-    const page = params.get("page");
-    const view = params.get("view");
-    const settings = params.get("settings");
-    const parsedPage = page === "plugins" || page === "marketplace" ? page : "session";
-    const parsedView = view === "trajectory" || view === "files" ? view : "chat";
-    const parsedSettings = settings === "providers" || settings === "toml" ? settings : settings === "general" ? settings : undefined;
-    const pageNumber = Number.parseInt(params.get("marketplacePage") ?? "0", 10);
-    return {
-        page: parsedPage,
-        view: parsedView,
-        settings: parsedSettings,
-        sessionPath: params.get("session") ?? undefined,
-        marketplaceQuery: params.get("marketplaceQuery") ?? "",
-        marketplaceCapability: params.get("capability") ?? "",
-        marketplaceCategory: params.get("category") ?? "",
-        marketplacePlugin: readMarketplaceDetailId(params),
-        installedPlugin: readInstalledPluginDetailId(params),
-        marketplacePage: Number.isFinite(pageNumber) && pageNumber >= 0 ? pageNumber : 0,
-    };
-};
-function sessionGroups(sessions) {
-    const now = new Date();
-    const start = new Date(now.getFullYear(), now.getMonth(), now.getDate()).getTime();
-    const yesterday = start - 86_400_000;
-    const groups = new Map();
-    for (const session of sessions) {
-        const raw = session.modified ?? session.created;
-        const timestamp = typeof raw === "number" ? raw : typeof raw === "string" ? Date.parse(raw) : Number.NaN;
-        const label = Number.isFinite(timestamp) && timestamp >= start ? "今天" : Number.isFinite(timestamp) && timestamp >= yesterday ? "昨天" : "更早";
-        groups.set(label, [...(groups.get(label) ?? []), session]);
-    }
-    return ["今天", "昨天", "更早"].flatMap((label) => {
-        const items = groups.get(label);
-        return items?.length ? [[label, items]] : [];
-    });
-}
-function Workspace({ status, workspaces, onCreate, onStarter, onToml, }) {
-    const starters = [
-        ["定位问题", "分析当前仓库并给出根因"],
-        ["修复并测试", "实现修复并运行相关测试"],
-        ["审查改动", "只读检查未提交变更"],
-        ["解释代码", "解释当前文件的关键逻辑"],
-    ];
-    return (_jsxs("div", { className: "new-session-screen", children: [_jsx("div", { className: "welcome-kicker", children: "PI AGENT HARNESS \u00B7 REAL RUNTIME" }), _jsxs("div", { className: "welcome-heading", children: [_jsx("span", { className: "pi-mark large", "aria-hidden": "true", children: _jsx("img", { src: "/icons/svg/mark-white.svg", alt: "" }) }), _jsxs("div", { children: [_jsx("h2", { children: "\u5F00\u59CB\u4E00\u4E2A\u5DE5\u4F5C\u4F1A\u8BDD" }), _jsx("p", { children: "\u8FDE\u63A5\u5F53\u524D\u5DE5\u4F5C\u533A\uFF0C\u76F4\u63A5\u8BA9 Pi agent \u8BFB\u53D6\u3001\u4FEE\u6539\u5E76\u9A8C\u8BC1\u4EE3\u7801\u3002" })] })] }), _jsx("div", { className: "workspace-picker", children: workspaces.length ? (workspaces.map((workspace) => (_jsxs("button", { className: "workspace-row", onClick: () => onCreate(workspace), type: "button", children: [_jsx("span", { className: `workspace-status ${workspace.current ? "live" : "offline"}`, children: workspace.current ? "已连接" : "工作区" }), _jsxs("span", { children: [_jsx("code", { children: workspace.path }), _jsx("small", { children: workspace.current && status ? `${workspace.branch} · ${status.model}` : workspace.branch })] }), _jsx("span", { className: "workspace-arrow", children: "\u2197" })] }, workspace.path)))) : (_jsxs("div", { className: "workspace-row is-empty", children: [_jsx("span", { className: "workspace-status offline", children: "\u52A0\u8F7D\u4E2D" }), _jsxs("span", { children: [_jsx("code", { children: status?.cwd ?? "加载工作区…" }), _jsx("small", { children: "\u6B63\u5728\u8BFB\u53D6 git worktree" })] })] })) }), _jsxs("div", { className: "effective-config", children: [_jsx("span", { className: "config-label", children: "\u5F53\u524D\u8FD0\u884C\u65F6" }), _jsx("span", { children: status?.model ?? "由运行时提供" }), _jsx("span", { children: status ? `${status.messages} 条消息` : "—" }), _jsx("a", { href: "#", onClick: (event) => {
-                            event.preventDefault();
-                            onToml();
-                        }, children: "\u6539\u914D\u7F6E \u2318," })] }), _jsx("div", { className: "starter-grid", children: starters.map(([title, prompt]) => (_jsxs("button", { className: "starter-card", onClick: () => onStarter(prompt), type: "button", children: [_jsx("strong", { children: title }), _jsx("small", { children: prompt })] }, title))) })] }));
-}
-function WorkspaceChooser({ workspaces, onSelect, onPickDirectory, onClose, error, }) {
-    const dialogRef = useModalFocus(true, onClose);
-    return (_jsx("div", { className: "workspace-chooser", onClick: onClose, children: _jsxs("div", { "aria-label": "\u9009\u62E9\u5DE5\u4F5C\u533A", "aria-modal": "true", className: "workspace-chooser-dialog", onClick: (event) => event.stopPropagation(), ref: dialogRef, role: "dialog", tabIndex: -1, children: [_jsxs("div", { className: "workspace-chooser-heading", children: [_jsx("strong", { children: "\u65B0\u5EFA\u4F1A\u8BDD" }), _jsx("button", { "aria-label": "\u5173\u95ED\u5DE5\u4F5C\u533A\u9009\u62E9", onClick: onClose, type: "button", children: "\u00D7" })] }), _jsx("small", { children: "\u9009\u62E9\u8FD9\u4E2A\u4F1A\u8BDD\u8981\u4F7F\u7528\u7684\u5DE5\u4F5C\u533A" }), error ? (_jsx("div", { className: "workspace-chooser-error", role: "alert", children: error })) : null, _jsxs("button", { className: "workspace-pick-directory", "data-dialog-initial-focus": true, onClick: () => void onPickDirectory(), type: "button", children: [_jsx("span", { children: "\u6253\u5F00\u76EE\u5F55" }), _jsx("small", { children: "\u4ECE Finder \u9009\u62E9\u4E00\u4E2A\u65B0\u7684\u5DE5\u4F5C\u76EE\u5F55" })] }), _jsx("div", { className: "workspace-chooser-divider", children: _jsx("span", { children: "\u6216\u9009\u62E9\u5DF2\u6709 worktree" }) }), workspaces.length ? (workspaces.map((workspace) => (_jsxs("button", { className: "workspace-chooser-row", onClick: () => onSelect(workspace), type: "button", children: [_jsx("span", { className: `workspace-status ${workspace.current ? "live" : "offline"}`, children: workspace.current ? "当前" : "worktree" }), _jsxs("span", { children: [_jsx("strong", { children: workspace.name }), _jsx("code", { children: workspace.path })] }), _jsx("small", { children: workspace.branch })] }, workspace.path)))) : (_jsx("span", { className: "workspace-chooser-empty", children: "\u6B63\u5728\u8BFB\u53D6 git worktree\u2026" }))] }) }));
-}
-function SessionDialog({ kind, name, count, value: draft, busy, onChange, onClose, onConfirm, }) {
-    const destructive = kind === "delete" || kind === "batch-delete";
-    const title = kind === "rename" ? "重命名会话" : kind === "archive" ? "归档会话" : destructive ? "删除会话" : "会话操作";
-    const description = kind === "rename"
-        ? "给这个会话一个容易识别的名称。"
-        : kind === "archive"
-            ? "归档后会从默认列表隐藏，之后仍可在会话工具中恢复。"
-            : `将永久删除${count && count > 1 ? ` ${count} 个会话` : "这个会话"}及其本地记录，此操作不可撤销。`;
-    const dialogRef = useModalFocus(true, onClose, busy, ".session-menu");
-    return (_jsx("div", { className: "session-dialog-backdrop", onClick: () => {
-            if (!busy)
-                onClose();
-        }, children: _jsxs("div", { "aria-label": title, "aria-modal": "true", className: "session-dialog", onClick: (event) => event.stopPropagation(), ref: dialogRef, role: "dialog", tabIndex: -1, children: [_jsxs("header", { className: "session-dialog-header", children: [_jsxs("div", { children: [_jsx("strong", { children: title }), _jsx("small", { children: description })] }), _jsx("button", { "aria-label": "\u5173\u95ED", disabled: busy, onClick: onClose, type: "button", children: "\u00D7" })] }), kind === "rename" && (_jsxs("label", { className: "session-dialog-field", children: [_jsx("span", { children: "\u540D\u79F0" }), _jsx("input", { "data-dialog-initial-focus": true, disabled: busy, onChange: (event) => onChange(event.target.value), onKeyDown: (event) => event.key === "Enter" && !busy && onConfirm(), value: draft })] })), name && kind !== "rename" && _jsx("div", { className: "session-dialog-target", children: name }), _jsxs("footer", { className: "session-dialog-actions", children: [_jsx("button", { "data-dialog-initial-focus": kind !== "rename" ? "" : undefined, disabled: busy, onClick: onClose, type: "button", children: "\u53D6\u6D88" }), _jsx("button", { className: destructive ? "danger" : "primary", disabled: busy || (kind === "rename" && !draft.trim()), onClick: onConfirm, type: "button", children: busy ? "处理中…" : kind === "rename" ? "保存名称" : kind === "archive" ? "归档" : "永久删除" })] })] }) }));
-}
-function ConfirmDialog({ title, description, target, confirmLabel, busy, onClose, onConfirm, }) {
-    const dialogRef = useModalFocus(true, onClose, busy);
-    return (_jsx("div", { className: "session-dialog-backdrop", onClick: () => {
-            if (!busy)
-                onClose();
-        }, children: _jsxs("div", { "aria-label": title, "aria-modal": "true", className: "session-dialog", onClick: (event) => event.stopPropagation(), ref: dialogRef, role: "dialog", tabIndex: -1, children: [_jsxs("header", { className: "session-dialog-header", children: [_jsxs("div", { children: [_jsx("strong", { children: title }), _jsx("small", { children: description })] }), _jsx("button", { "aria-label": "\u5173\u95ED", disabled: busy, onClick: onClose, type: "button", children: "\u00D7" })] }), target && _jsx("div", { className: "session-dialog-target", children: target }), _jsxs("footer", { className: "session-dialog-actions", children: [_jsx("button", { "data-dialog-initial-focus": true, disabled: busy, onClick: onClose, type: "button", children: "\u53D6\u6D88" }), _jsx("button", { className: "danger", disabled: busy, onClick: onConfirm, type: "button", children: busy ? "处理中…" : confirmLabel })] })] }) }));
-}
-function SessionActionMenu({ busy, position, onRename, onFork, onArchive, onDelete, }) {
-    return createPortal(_jsxs("div", { className: "session-row-menu-popover", "data-session-popover": true, onClick: (event) => event.stopPropagation(), role: "menu", style: position, children: [_jsx("button", { autoFocus: true, disabled: busy, onClick: onRename, role: "menuitem", type: "button", children: "\u91CD\u547D\u540D" }), _jsx("button", { disabled: busy, onClick: onFork, role: "menuitem", type: "button", children: "\u590D\u5236\u4F1A\u8BDD" }), _jsx("button", { disabled: busy, onClick: onArchive, role: "menuitem", type: "button", children: "\u5F52\u6863\u4F1A\u8BDD" }), _jsx("button", { className: "danger", disabled: busy, onClick: onDelete, role: "menuitem", type: "button", children: "\u5220\u9664\u4F1A\u8BDD" })] }), document.body);
-}
-const sidebarPopoverPosition = (trigger, width, estimatedHeight, placement) => {
-    const rect = trigger.getBoundingClientRect();
-    const gutter = 8;
-    const spaceOnRight = window.innerWidth - rect.right - gutter;
-    const left = spaceOnRight >= width ? rect.right + gutter : Math.max(gutter, rect.left - width - gutter);
-    const preferredTop = placement === "below" ? rect.bottom + 6 : rect.top - 4;
-    return {
-        left: Math.round(left),
-        top: Math.round(Math.min(Math.max(gutter, preferredTop), Math.max(gutter, window.innerHeight - estimatedHeight - gutter))),
-    };
-};
-function PromptError({ message }) {
-    const everyApiAuth = /No API key found for everyapi/i.test(message);
-    const requiresAuth = everyApiAuth || /No API key found|authentication|未配置认证/i.test(message);
-    return (_jsxs("div", { className: "action-error", role: "alert", children: [_jsxs("div", { className: "action-error-summary", children: [_jsx("strong", { children: everyApiAuth ? "EveryAPI 认证未注入当前进程" : requiresAuth ? "模型尚未配置认证" : "发送失败" }), _jsx("span", { children: everyApiAuth
-                            ? "请用 everyapi use pi-harness 启动，或设置 EVERYAPI_RELAY_KEY 后重启。"
-                            : requiresAuth
-                                ? "请在设置 → 提供商中配置 API key，然后重试。"
-                                : "运行时没有接受这次请求，请重试或查看错误详情。" })] }), _jsxs("details", { children: [_jsx("summary", { children: "\u67E5\u770B\u539F\u59CB\u9519\u8BEF" }), _jsx("code", { children: message })] })] }));
-}
-function UserMessageBubble({ text }) {
-    const parsed = parseAnnotationPrompt(text);
-    return (_jsxs("div", { className: "user-bubble", children: [_jsx("span", { children: parsed.question }), parsed.count > 0 ? (_jsxs("span", { className: "ml-2 inline-flex rounded-md bg-[#edf3fe] px-1.5 py-0.5 text-[10px] text-[#315fb8]", children: ["\u6279\u6CE8 \u00D7", parsed.count] })) : null] }));
-}
-function Details({ event, onClose, onCopy }) {
-    if (!event)
-        return (_jsxs("aside", { className: "details-panel", children: [_jsxs("header", { children: [_jsx("strong", { children: "\u4E8B\u4EF6\u8BE6\u60C5" }), _jsx("button", { "aria-label": "\u5173\u95ED\u4E8B\u4EF6\u8BE6\u60C5", onClick: onClose, type: "button", children: "\u00D7" })] }), _jsx("div", { className: "details-body", children: _jsx("div", { className: "empty-state", children: "\u9009\u62E9\u8F68\u8FF9\u4E2D\u7684\u4E8B\u4EF6\u67E5\u770B\u539F\u59CB\u6570\u636E\u3002" }) })] }));
-    const output = event.output ?? event.result ?? event.message;
-    const fileDetail = event.type === "file" || event.type === "file_diff";
-    const stats = fileDetail
-        ? [
-            ["来源", "/api/files"],
-            ["文件", value(event.path)],
-        ]
-        : [
-            ["来源", value(event.type ?? event.source, "event")],
-            ["产生者", value(event.by ?? event.source)],
-            ["耗时", value(event.duration ?? event.dur)],
-            ["时间", value(event.timestamp ?? event.ts ?? event.time)],
-        ];
-    return (_jsxs("aside", { className: "details-panel", children: [_jsxs("header", { children: [_jsx("strong", { children: eventLabel(event) }), _jsx("button", { "aria-label": fileDetail ? "关闭文件差异" : "关闭事件详情", onClick: onClose, type: "button", children: "\u00D7" })] }), _jsxs("div", { className: "details-body", children: [_jsx("div", { className: `detail-stats ${fileDetail ? "is-file" : ""}`, children: stats.map(([key, item]) => (_jsxs("div", { children: [_jsx("small", { children: key }), _jsx("b", { children: item })] }, key))) }), output !== undefined && (_jsxs("div", { className: "detail-section", children: [_jsx("small", { children: "\u8F93\u51FA" }), _jsx("pre", { className: "tool-output", children: typeof output === "string" ? output : JSON.stringify(output, null, 2) })] })), _jsxs("div", { className: "detail-section", children: [_jsx("small", { children: fileDetail ? "数据来源" : "经过的插件" }), _jsx("div", { className: "detail-plugin", children: fileDetail ? "Git workspace · /api/files" : "Runtime loader · event" })] }), _jsxs("div", { className: "detail-actions", children: [_jsx("button", { onClick: onCopy, type: "button", children: "\u590D\u5236 JSON" }), _jsx("button", { disabled: true, title: "\u5F53\u524D API \u672A\u63D0\u4F9B\u91CD\u653E\u63A5\u53E3", type: "button", children: "\u91CD\u653E" })] }), _jsxs("details", { className: "raw-json", children: [_jsx("summary", { children: "\u539F\u59CB JSON" }), _jsx("pre", { className: "raw-json-body", children: JSON.stringify(event, null, 2) })] })] })] }));
-}
-function Trajectory({ events, onSelect }) {
-    const [filter, setFilter] = useState("all");
-    const counts = useMemo(() => {
-        const map = new Map();
-        events.forEach((event) => {
-            const type = value(event.type, "event");
-            map.set(type, (map.get(type) ?? 0) + 1);
-        });
-        return map;
-    }, [events]);
-    const visible = events.filter((event) => filter === "all" || value(event.type, "event") === filter);
-    return (_jsxs("section", { className: "view-panel trajectory-view", children: [_jsxs("div", { className: "trajectory-summary", children: [_jsx("span", { children: "\u6309\u8F6E\u6B21" }), _jsxs("b", { children: [events.length, " \u4E2A\u4E8B\u4EF6"] }), _jsx("div", { className: "timeline", children: events.length ? (events.map((event, index) => (_jsx("span", { className: "timeline-turn", children: _jsx("i", { className: "timeline-strip", title: eventLabel(event) }) }, index)))) : (_jsx("span", { className: "timeline-empty", children: "\u7B49\u5F85\u771F\u5B9E\u4E8B\u4EF6\u2026" })) })] }), _jsxs("div", { className: "source-filters", children: [_jsxs("button", { className: `filter ${filter === "all" ? "active" : ""}`, onClick: () => setFilter("all"), type: "button", children: ["\u5168\u90E8 ", events.length] }), [...counts].map(([type, count]) => (_jsxs("button", { className: `filter ${filter === type ? "active" : ""}`, onClick: () => setFilter(type), type: "button", children: [type, " ", count] }, type)))] }), _jsxs("div", { className: "event-table", children: [_jsxs("div", { className: "event-head", children: [_jsx("span", { children: "\u65F6\u95F4" }), _jsx("span", { children: "\u6765\u6E90" }), _jsx("span", { children: "\u4E8B\u4EF6" }), _jsx("span", { children: "\u4EA7\u751F\u8005" }), _jsx("span", { children: "\u8017\u65F6" })] }), visible.map((event, index) => (_jsxs("button", { className: "event-row", onClick: () => onSelect(event), type: "button", children: [_jsx("span", { children: value(event.timestamp ?? event.ts ?? event.time) }), _jsxs("span", { children: [_jsx("i", { className: "event-dot" }), value(event.type, "event")] }), _jsx("strong", { children: eventLabel(event) }), _jsx("span", { children: value(event.by ?? event.source) }), _jsx("span", { children: value(event.duration ?? event.dur) })] }, index))), !visible.length && _jsx("div", { className: "empty-state", children: "\u6682\u65E0\u8F68\u8FF9\u4E8B\u4EF6\u3002" })] })] }));
-}
-function Files({ files, api, onDiff, onRefresh, }) {
-    const additions = files.filter((file) => file.status.includes("A") || file.status === "??").length;
-    const deletions = files.filter((file) => file.status.includes("D")).length;
-    const [message, setMessage] = useState("");
-    const [busy, setBusy] = useState(false);
-    const [diffPending, setDiffPending] = useState();
-    const [error, setError] = useState("");
-    const [revertConfirmOpen, setRevertConfirmOpen] = useState(false);
-    const commit = () => {
-        const text = message.trim();
-        if (!text || busy)
-            return;
-        setBusy(true);
-        setError("");
-        void api
-            .commitFiles(files.map((file) => file.path), text)
-            .then(() => {
-            setMessage("");
-            onRefresh();
-        })
-            .catch((cause) => setError(cause instanceof Error ? cause.message : String(cause)))
-            .finally(() => setBusy(false));
-    };
-    const revert = () => {
-        if (!files.length || busy)
-            return;
-        setRevertConfirmOpen(false);
-        setBusy(true);
-        setError("");
-        void api
-            .revertFiles(files.map((file) => file.path))
-            .then(onRefresh)
-            .catch((cause) => setError(cause instanceof Error ? cause.message : String(cause)))
-            .finally(() => setBusy(false));
-    };
-    const openDiff = (path) => {
-        if (busy || diffPending)
-            return;
-        setDiffPending(path);
-        setError("");
-        void onDiff(path)
-            .catch((cause) => setError(cause instanceof Error ? cause.message : String(cause)))
-            .finally(() => setDiffPending(undefined));
-    };
-    return (_jsxs("section", { className: "view-panel files-view", children: [_jsxs("div", { className: "files-content", children: [_jsxs("div", { className: "files-title", children: [_jsx("strong", { children: "\u672C\u6B21\u4F1A\u8BDD\u6539\u52A8" }), _jsx("span", { children: "\u7531 /api/files \u63D0\u4F9B" })] }), _jsx("div", { className: "file-summary", children: `${files.length} 个文件 · ${additions} 个新增 · ${deletions} 个删除` }), _jsx("div", { className: "file-list", children: files.length ? (files.map((file) => (_jsxs("div", { className: "file-row", children: [_jsx("b", { className: `file-kind ${file.label === "untracked" ? "new" : ""}`, children: file.label }), _jsx("code", { children: file.path }), _jsx("span", { className: file.status.includes("D") ? "del" : "add", children: file.status }), _jsx("button", { "aria-label": `${diffPending === file.path ? "正在读取" : "查看"}${file.path}的差异`, className: "diff-button", disabled: busy || diffPending !== undefined, onClick: () => openDiff(file.path), type: "button", children: diffPending === file.path ? "读取中…" : "查看差异" })] }, file.path)))) : (_jsx("div", { className: "empty-state", children: "\u5DE5\u4F5C\u533A\u6CA1\u6709\u672A\u63D0\u4EA4\u6539\u52A8\u3002" })) }), files.length > 0 && (_jsxs("div", { className: "file-actions", children: [_jsx("input", { "aria-label": "\u63D0\u4EA4\u8BF4\u660E", onChange: (event) => setMessage(event.target.value), placeholder: "\u63D0\u4EA4\u8BF4\u660E", value: message }), _jsx("button", { className: "primary", disabled: busy || !message.trim(), onClick: commit, type: "button", children: busy ? "处理中…" : "提交这些改动" }), _jsx("button", { disabled: busy, onClick: () => setRevertConfirmOpen(true), type: "button", children: "\u5168\u90E8\u64A4\u9500" })] })), error && _jsx("p", { className: "files-error", children: error })] }), revertConfirmOpen && (_jsx(ConfirmDialog, { busy: busy, confirmLabel: "\u786E\u8BA4\u64A4\u9500", description: "\u8FD9\u4F1A\u4E22\u5F03\u5F53\u524D\u5DE5\u4F5C\u533A\u7684\u5168\u90E8\u672A\u63D0\u4EA4\u6539\u52A8\uFF0C\u6B64\u64CD\u4F5C\u4E0D\u53EF\u6062\u590D\u3002", onClose: () => setRevertConfirmOpen(false), onConfirm: revert, target: `${files.length} 个文件`, title: "\u64A4\u9500\u5168\u90E8\u6539\u52A8" }))] }));
-}
-function pluginPanelValue(input) {
-    if (typeof input === "string")
-        return input;
-    try {
-        return JSON.stringify(input, null, 2) ?? value(input);
-    }
-    catch {
-        return value(input);
-    }
-}
-function PluginPanelCard({ panel, inline = false }) {
-    const data = panel.data !== null && typeof panel.data === "object" && !Array.isArray(panel.data) ? panel.data : undefined;
-    const entries = data ? Object.entries(data) : [["内容", panel.data]];
-    const items = data && Array.isArray(data.items) ? data.items : [];
-    const pluginEntries = data && Array.isArray(data.entries) ? data.entries : [];
-    const capabilities = data && Array.isArray(data.capabilities) ? data.capabilities : [];
-    return (_jsxs("div", { className: `plugin-panel-card ${inline ? "pt-1" : "rounded-[10px] border border-[#e3e7ee] bg-white p-4 shadow-[0_8px_24px_rgba(27,39,64,0.04)]"}`, children: [_jsxs("header", { className: "flex items-start gap-3", children: [_jsx("span", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-[#edf3fe] font-mono text-[15px] text-[#3565c5]", children: panel.icon ?? "◈" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("strong", { className: "block text-[13px] font-semibold text-[#20252b]", children: panel.title }), _jsx("p", { className: "mt-1 text-[11px] leading-4 text-[#687381]", children: panel.description ?? panel.pluginId.replace(/cordis/gi, "runtime") })] })] }), panel.error ? (_jsx("div", { className: "mt-3 rounded-lg border border-[#f4caca] bg-[#fff5f5] px-3 py-2 text-[12px] text-[#b42318]", children: panel.error })) : panel.id === "console-logger-panel" ? (_jsxs("div", { className: "mt-3 grid gap-2", children: [_jsxs("div", { className: "rounded-lg bg-[#f6f8fa] px-3 py-2", children: [_jsx("span", { className: "block font-mono text-[10px] uppercase tracking-[0.08em] text-[#687381]", children: "\u6700\u8FD1\u65E5\u5FD7" }), _jsx("strong", { className: "mt-1 block text-[20px] font-semibold text-[#20252b]", children: value(data?.total ?? 0) })] }), _jsx("div", { className: "max-h-48 overflow-auto rounded-lg border border-[#edf0f3]", children: items.length ? (items.map((item, index) => {
-                            const message = item !== null && typeof item === "object" ? item : {};
-                            return (_jsxs("div", { className: "grid grid-cols-[auto_1fr] gap-2 border-b border-[#edf0f3] px-3 py-2 last:border-b-0", children: [_jsx("span", { className: "font-mono text-[10px] text-[#687381]", children: value(message.level ?? "log") }), _jsxs("div", { className: "min-w-0", children: [_jsx("strong", { className: "block truncate text-[11px] text-[#30343b]", children: value(message.source ?? "runtime") }), _jsx("span", { className: "block whitespace-pre-wrap break-words text-[11px] leading-4 text-[#65707b]", children: pluginPanelValue(message.args ?? "") })] })] }, `${value(message.time ?? "log")}-${index}`));
-                        })) : (_jsx("div", { className: "px-3 py-4 text-[12px] text-[#687381]", children: "\u6682\u65E0\u65E5\u5FD7\u8F93\u51FA\u3002" })) })] })) : panel.id === "plugin-group-panel" ? (_jsx("div", { className: "mt-3 max-h-64 overflow-auto rounded-lg border border-[#edf0f3]", children: pluginEntries.length ? (pluginEntries.map((item, index) => {
-                    const entry = item !== null && typeof item === "object" ? item : {};
-                    return (_jsxs("div", { className: "flex items-center gap-3 border-b border-[#edf0f3] px-3 py-2 last:border-b-0", children: [_jsx("span", { className: `h-2 w-2 shrink-0 rounded-full ${entry.enabled === false ? "bg-[#a0a8b2]" : "bg-[#22c55e]"}` }), _jsx("span", { className: "min-w-0 flex-1 truncate font-mono text-[11px] text-[#30343b]", children: value(entry.name ?? "plugin") }), _jsx("span", { className: "text-[10px] text-[#687381]", children: value(entry.state ?? "unknown") })] }, `${value(entry.id ?? "plugin")}-${index}`));
-                })) : (_jsx("div", { className: "px-3 py-4 text-[12px] text-[#687381]", children: "\u6682\u65E0\u63D2\u4EF6\u6761\u76EE\u3002" })) })) : panel.id === "timer-service-panel" ? (_jsxs("div", { className: "mt-3 grid gap-3 rounded-lg bg-[#f6f8fa] px-3 py-3", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "font-mono text-[10px] uppercase tracking-[0.08em] text-[#687381]", children: "\u670D\u52A1\u72B6\u6001" }), _jsx("span", { className: `rounded-full px-2 py-1 text-[10px] font-semibold ${data?.registered === true ? "bg-[#e8f8ee] text-[#14733f]" : "bg-[#fff4e5] text-[#8a5a00]"}`, children: data?.registered === true ? "已注册" : "未注册" })] }), _jsx("div", { className: "flex flex-wrap gap-2", children: capabilities.map((capability, index) => (_jsx("span", { className: "rounded-md border border-[#dce5f5] bg-white px-2 py-1 font-mono text-[10px] text-[#3565c5]", children: value(capability) }, `${value(capability)}-${index}`))) })] })) : panel.id === "agent-teams-panel" ? (_jsxs("div", { className: "mt-3 grid gap-3", children: [_jsxs("div", { className: "grid gap-2 sm:grid-cols-3", children: [capabilities.length > 0
-                                ? capabilities.map((capability, index) => (_jsx("span", { className: "rounded-md border border-[#dce5f5] bg-white px-2 py-1 text-center text-[10px] text-[#3565c5]", children: value(capability) }, `${value(capability)}-${index}`)))
-                                : null, _jsxs("div", { className: "rounded-lg bg-[#f6f8fa] px-3 py-2", children: [_jsx("span", { className: "block text-[10px] text-[#687381]", children: "\u6210\u5458" }), _jsx("strong", { className: "mt-1 block text-[17px] font-semibold text-[#30343b]", children: value(Array.isArray(data?.members) ? data.members.length : 0) })] }), _jsxs("div", { className: "rounded-lg bg-[#f6f8fa] px-3 py-2", children: [_jsx("span", { className: "block text-[10px] text-[#687381]", children: "\u4EFB\u52A1" }), _jsx("strong", { className: "mt-1 block text-[17px] font-semibold text-[#30343b]", children: value(Array.isArray(data?.tasks) ? data.tasks.length : 0) })] }), _jsxs("div", { className: "rounded-lg bg-[#f6f8fa] px-3 py-2", children: [_jsx("span", { className: "block text-[10px] text-[#687381]", children: "\u672A\u8BFB\u6D88\u606F" }), _jsx("strong", { className: "mt-1 block text-[17px] font-semibold text-[#30343b]", children: value(Array.isArray(data?.messages)
-                                            ? data.messages.filter((message) => message !== null && typeof message === "object" && message.read !== true)
-                                                .length
-                                            : 0) })] }), _jsxs("div", { className: "rounded-lg bg-[#f6f8fa] px-3 py-2", children: [_jsx("span", { className: "block text-[10px] text-[#687381]", children: "\u53EF\u6267\u884C\u4EFB\u52A1" }), _jsx("strong", { className: "mt-1 block text-[17px] font-semibold text-[#30343b]", children: value(Array.isArray(data?.readyTasks) ? data.readyTasks.length : 0) })] })] }), Array.isArray(data?.dependencyCycle) && data.dependencyCycle.length > 1 ? (_jsxs("div", { className: "rounded-lg border border-[#f4caca] bg-[#fff5f5] px-3 py-2 text-[11px] text-[#b42318]", children: ["\u4F9D\u8D56\u5FAA\u73AF\uFF1A", data.dependencyCycle.map((item) => value(item)).join(" → ")] })) : null, _jsx("div", { className: "grid gap-2", children: Array.isArray(data?.members) && data.members.length > 0 ? (data.members.map((item, index) => {
-                            const member = item !== null && typeof item === "object" ? item : {};
-                            return (_jsxs("div", { className: "flex items-center gap-3 rounded-lg border border-[#edf0f3] px-3 py-2", children: [_jsx("span", { className: "h-2 w-2 rounded-full bg-[#22c55e]" }), _jsx("span", { className: "min-w-0 flex-1 truncate text-[11px] font-semibold text-[#30343b]", children: value(member.name ?? "成员") }), _jsx("span", { className: "text-[10px] text-[#687381]", children: value(member.role ?? "协作成员") }), _jsx("span", { className: "font-mono text-[10px] text-[#3565c5]", children: value(member.status ?? "idle") })] }, `${value(member.id ?? "member")}-${index}`));
-                        })) : (_jsx("div", { className: "rounded-lg bg-[#f6f8fa] px-3 py-3 text-[12px] text-[#687381]", children: "\u6682\u65E0\u534F\u4F5C\u6210\u5458\u3002" })) }), _jsx("div", { className: "grid gap-2", children: Array.isArray(data?.tasks) && data.tasks.length > 0 ? (data.tasks.map((item, index) => {
-                            const task = item !== null && typeof item === "object" ? item : {};
-                            return (_jsxs("div", { className: "flex items-center gap-3 rounded-lg border border-[#edf0f3] px-3 py-2", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("span", { className: "block truncate text-[11px] text-[#30343b]", children: value(task.title ?? "未命名任务") }), Array.isArray(task.dependsOn) && task.dependsOn.length > 0 ? (_jsxs("span", { className: "mt-0.5 block truncate font-mono text-[9px] text-[#687381]", children: ["\u4F9D\u8D56\uFF1A", task.dependsOn.join(", ")] })) : null] }), _jsx("span", { className: "text-[10px] text-[#687381]", children: value(task.assignee ?? "unassigned") }), _jsx("span", { className: `rounded-full px-2 py-1 text-[10px] ${task.status === "blocked" ? "bg-[#fff4e5] text-[#8a5a00]" : task.status === "done" ? "bg-[#e8f8ee] text-[#14733f]" : "bg-[#edf3fe] text-[#3565c5]"}`, children: value(task.status ?? "todo") })] }, `${value(task.id ?? "task")}-${index}`));
-                        })) : (_jsx("div", { className: "rounded-lg bg-[#f6f8fa] px-3 py-3 text-[12px] text-[#687381]", children: "\u8FD8\u6CA1\u6709\u4EFB\u52A1\u3002\u53EF\u8BA9 Agent \u4F7F\u7528 team_task \u521B\u5EFA\u3002" })) }), _jsxs("div", { className: "grid gap-2", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-[11px] font-semibold text-[#30343b]", children: "\u56E2\u961F\u6D88\u606F" }), _jsx("span", { className: "font-mono text-[10px] text-[#687381]", children: "durable mailbox" })] }), Array.isArray(data?.messages) && data.messages.length > 0 ? (Array.from(data.messages)
-                                .reverse()
-                                .slice(0, 5)
-                                .map((item, index) => {
-                                const message = item !== null && typeof item === "object" ? item : {};
-                                return (_jsxs("div", { className: `rounded-lg border px-3 py-2 ${message.read === true ? "border-[#edf0f3] bg-white" : "border-[#cfe0ff] bg-[#f4f8ff]"}`, children: [_jsxs("div", { className: "flex items-center gap-2 text-[10px] text-[#687381]", children: [_jsxs("span", { className: "font-mono text-[#3565c5]", children: [value(message.from ?? "unknown"), " \u2192 ", value(message.to ?? "unknown")] }), _jsx("span", { className: "ml-auto", children: message.read === true ? "已读" : "未读" })] }), _jsx("p", { className: "mt-1 whitespace-pre-wrap break-words text-[11px] text-[#30343b]", children: value(message.body ?? "") })] }, `${value(message.id ?? "message")}-${index}`));
-                            })) : (_jsx("div", { className: "rounded-lg bg-[#f6f8fa] px-3 py-3 text-[12px] text-[#687381]", children: "\u6682\u65E0\u56E2\u961F\u6D88\u606F\u3002" }))] })] })) : panel.id === "modlens-panel" ? (_jsxs("div", { className: "mt-3 grid gap-3", children: [_jsxs("div", { className: `rounded-lg border px-3 py-3 ${data?.attached === true ? "border-[#b9e6c9] bg-[#f0fbf4]" : "border-[#e3e7ee] bg-[#f6f8fa]"}`, children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsx("span", { className: "text-[11px] font-semibold text-[#30343b]", children: data?.attached === true ? "图片已附加" : "等待图片" }), _jsx("span", { className: "font-mono text-[10px] text-[#687381]", children: "vision_inspect" })] }), data?.image !== null && data?.image !== undefined && typeof data.image === "object" ? (_jsxs("p", { className: "mt-2 truncate text-[11px] text-[#65707b]", children: [value(data.image.path ?? "图片"), " \u00B7 ", value(data.image.bytes ?? 0), " bytes"] })) : (_jsx("p", { className: "mt-2 text-[11px] text-[#687381]", children: "\u8C03\u7528 vision_inspect \u5E76\u63D0\u4F9B\u5DE5\u4F5C\u533A\u5185\u56FE\u7247\u8DEF\u5F84\u3002" }))] }), _jsx("div", { className: "flex flex-wrap gap-2", children: capabilities.map((capability, index) => (_jsx("span", { className: "rounded-md border border-[#dce5f5] bg-white px-2 py-1 font-mono text-[10px] text-[#3565c5]", children: value(capability) }, `${value(capability)}-${index}`))) })] })) : panel.id === "at-file-panel" ? (_jsxs("div", { className: "mt-3 grid gap-3", children: [_jsxs("div", { className: "rounded-lg border border-[#e3eaf8] bg-[#f6f8ff] px-3 py-3", children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsx("span", { className: "text-[11px] font-semibold text-[#30343b]", children: "\u6700\u8FD1\u9644\u52A0" }), _jsx("span", { className: "font-mono text-[10px] text-[#687381]", children: "file_context" })] }), data?.lastFile !== null && data?.lastFile !== undefined && typeof data.lastFile === "object" ? (_jsxs("p", { className: "mt-2 truncate text-[11px] text-[#65707b]", children: [value(data.lastFile.path ?? "文件"), " \u00B7 ", value(data.lastFile.bytes ?? 0), " bytes"] })) : (_jsx("p", { className: "mt-2 text-[11px] text-[#687381]", children: "\u8FD8\u6CA1\u6709\u9644\u52A0\u6587\u4EF6\u3002\u53EF\u4F7F\u7528 @file \u6216\u8BA9 Agent \u8C03\u7528 file_context\u3002" }))] }), _jsxs("div", { className: "flex items-center justify-between text-[11px] text-[#687381]", children: [_jsx("span", { children: "\u5355\u6587\u4EF6\u4E0A\u9650" }), _jsxs("strong", { className: "font-mono text-[#3565c5]", children: [value(data?.maxBytes ?? 0), " bytes"] })] })] })) : panel.id === "git-time-capsule-panel" ? (_jsxs("div", { className: "mt-3 grid gap-3", children: [_jsxs("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3", children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsx("span", { className: "text-[11px] font-semibold text-[#30343b]", children: "\u6700\u8FD1\u5FEB\u7167" }), _jsx("span", { className: "font-mono text-[10px] text-[#687381]", children: "git_snapshot" })] }), data?.latest !== null && data?.latest !== undefined && typeof data.latest === "object" ? (_jsxs("p", { className: "mt-2 truncate text-[11px] text-[#65707b]", children: [value(data.latest.name ?? "snapshot"), " \u00B7 ", value(data.latest.files ?? 0), " \u4E2A\u6587\u4EF6", data.latest.restored === true ? " · 已恢复" : ""] })) : (_jsx("p", { className: "mt-2 text-[11px] text-[#687381]", children: "\u8FD8\u6CA1\u6709\u5FEB\u7167\u3002\u4FEE\u6539\u4EE3\u7801\u524D\u8BA9 Agent \u8C03\u7528 git_snapshot\u3002" }))] }), _jsxs("div", { className: "flex items-center justify-between text-[11px] text-[#687381]", children: [_jsx("span", { children: "\u4FDD\u7559\u5FEB\u7167" }), _jsxs("strong", { className: "font-mono text-[#3565c5]", children: [value(Array.isArray(data?.capsules) ? data.capsules.length : 0), " / 20"] })] }), _jsx("p", { className: "text-[10px] leading-4 text-[#687381]", children: "\u6062\u590D\u4F1A\u53CD\u5411\u5E94\u7528\u9009\u4E2D\u7684 patch\uFF0C\u5FC5\u987B\u663E\u5F0F\u4F20\u5165 confirm=true\u3002" })] })) : panel.id === "dependency-checker-panel" ? (_jsx("div", { className: "mt-3 grid gap-3", children: (() => {
-                    const report = data?.report !== null && typeof data?.report === "object" ? data.report : {};
-                    const missing = Array.isArray(report.missing) ? report.missing : [];
-                    const invalid = Array.isArray(report.invalid) ? report.invalid : [];
-                    const conflicts = Array.isArray(report.conflicts) ? report.conflicts : [];
-                    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-center justify-between rounded-lg border border-[#dce5f5] bg-[#f6f8ff] px-3 py-2 text-[10px]", children: [_jsx("span", { className: "text-[#65707b]", children: "\u6E05\u5355\u7C7B\u578B" }), _jsx("strong", { className: "font-mono uppercase text-[#315fb8]", children: value(report.ecosystem ?? "npm") })] }), _jsx("div", { className: "grid grid-cols-3 gap-2", children: [
-                                    ["声明", report.declared ?? 0],
-                                    ["已安装", report.installed ?? 0],
-                                    ["缺失", missing.length + invalid.length],
-                                ].map(([label, item]) => (_jsxs("div", { className: "rounded-lg bg-[#f6f8fa] px-3 py-2", children: [_jsx("span", { className: "block text-[10px] text-[#687381]", children: value(label) }), _jsx("strong", { className: "mt-1 block text-[17px] font-semibold text-[#30343b]", children: value(item) })] }, value(label)))) }), _jsx("div", { className: `rounded-lg border px-3 py-3 text-[11px] ${missing.length || invalid.length || conflicts.length ? "border-[#f4caca] bg-[#fff5f5] text-[#b42318]" : "border-[#b9e6c9] bg-[#f0fbf4] text-[#14733f]"}`, children: missing.length || invalid.length
-                                    ? `缺失或无效：${[...missing, ...invalid].map((item) => value(item)).join(", ")}`
-                                    : "依赖声明与本地安装一致。" }), conflicts.length > 0 ? (_jsxs("div", { className: "rounded-lg border border-[#f3dfab] bg-[#fffaf0] px-3 py-3 text-[11px] text-[#8a6200]", children: [_jsx("strong", { children: "\u7248\u672C\u51B2\u7A81" }), _jsx("ul", { className: "mt-1 grid gap-1 pl-4", children: conflicts.slice(0, 6).map((item, index) => {
-                                            const conflict = item !== null && typeof item === "object" ? item : {};
-                                            const constraints = Array.isArray(conflict.constraints) ? conflict.constraints.map((constraint) => value(constraint)).join(" · ") : "—";
-                                            return (_jsxs("li", { children: [_jsx("code", { children: value(conflict.name ?? "dependency") }), "\uFF1A", constraints] }, `${value(conflict.name ?? "dependency")}-${index}`));
-                                        }) })] })) : null] }));
-                })() })) : panel.id === "token-guard-panel" ? (_jsx("div", { className: "mt-3 grid gap-3", children: _jsxs("div", { className: "grid gap-2 sm:grid-cols-2", children: [_jsxs("div", { className: `rounded-lg border px-3 py-3 ${data?.exceeded === true ? "border-[#f4caca] bg-[#fff5f5]" : "border-[#e3eaf8] bg-[#f6f8ff]"}`, children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsx("span", { className: "text-[11px] font-semibold text-[#30343b]", children: "\u4E0A\u4E0B\u6587\u9884\u7B97" }), _jsxs("strong", { className: "font-mono text-[12px] text-[#315fb8]", children: [value(data?.percent ?? "—"), "% / ", value(data?.maxPercent ?? "—"), "%"] })] }), _jsx("div", { className: "mt-2 h-2 overflow-hidden rounded-full bg-[#dfe8fb]", children: _jsx("div", { className: `h-full rounded-full ${data?.exceeded === true ? "bg-[#d64545]" : "bg-[#5d8bea]"}`, style: { width: `${Math.max(0, Math.min(100, typeof data?.percent === "number" ? data.percent : 0))}%` } }) }), _jsx("p", { className: "mt-2 text-[11px] text-[#5d6d82]", children: data?.exceeded === true ? "已达到阈值，运行会被自动停止。" : `自动停止次数：${value(data?.aborts ?? 0)}` })] }), _jsxs("div", { className: `rounded-lg border px-3 py-3 ${data?.runExceeded === true ? "border-[#f4caca] bg-[#fff5f5]" : "border-[#e3eaf8] bg-[#f6f8ff]"}`, children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsx("span", { className: "text-[11px] font-semibold text-[#30343b]", children: "\u5355\u6B21\u4EFB\u52A1" }), _jsxs("strong", { className: "font-mono text-[12px] text-[#315fb8]", children: [value(data?.runTokens ?? "—"), " / ", value(data?.maxRunTokens || "—")] })] }), _jsx("p", { className: "mt-2 text-[11px] text-[#5d6d82]", children: data?.maxRunTokens ? "按 agent_start 后累计 token 熔断。" : "未启用绝对 Token 上限。" })] })] }) })) : panel.id === "test-harness-panel" ? (_jsxs("div", { className: "mt-3 grid gap-3", children: [data?.latest !== null && data?.latest !== undefined && typeof data.latest === "object" ? ((() => {
-                        const run = data.latest;
-                        return (_jsxs("div", { className: `rounded-lg border px-3 py-3 ${run.exitCode === 0 ? "border-[#b9e6c9] bg-[#f0fbf4]" : "border-[#f4caca] bg-[#fff5f5]"}`, children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsx("span", { className: "font-mono text-[11px] font-semibold text-[#30343b]", children: value(run.command ?? "npm run test") }), _jsxs("strong", { className: `text-[12px] ${run.exitCode === 0 ? "text-[#14733f]" : "text-[#b42318]"}`, children: ["exit ", value(run.exitCode ?? "—")] })] }), _jsxs("p", { className: "mt-2 text-[11px] text-[#65707b]", children: ["\u8017\u65F6 ", value(run.durationMs ?? 0), " ms"] })] }));
-                    })()) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "\u8FD8\u6CA1\u6709\u6267\u884C\u9A8C\u8BC1\u811A\u672C\u3002\u53EF\u8BA9 Agent \u8C03\u7528 run_project_tests\u3002" })), _jsx("div", { className: "flex flex-wrap gap-2", children: Array.isArray(data?.allowedScripts)
-                            ? data.allowedScripts.map((script, index) => (_jsx("span", { className: "rounded-md border border-[#dce5f5] bg-white px-2 py-1 font-mono text-[10px] text-[#3565c5]", children: value(script) }, `${value(script)}-${index}`)))
-                            : null })] })) : panel.id === "session-insights-panel" ? (_jsx("div", { className: "mt-3 grid gap-3", children: (() => {
-                    const tokens = data?.tokens !== null && typeof data?.tokens === "object" ? data.tokens : {};
-                    const usage = data?.contextUsage !== null && typeof data?.contextUsage === "object" ? data.contextUsage : {};
-                    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "grid grid-cols-3 gap-2", children: [
-                                    ["消息", data?.totalMessages ?? 0],
-                                    ["工具调用", data?.toolCalls ?? 0],
-                                    ["成本", `$${Number(data?.cost ?? 0).toFixed(4)}`],
-                                ].map(([label, item]) => (_jsxs("div", { className: "rounded-lg bg-[#f6f8fa] px-3 py-2", children: [_jsx("span", { className: "block text-[10px] text-[#687381]", children: value(label) }), _jsx("strong", { className: "mt-1 block text-[17px] font-semibold text-[#30343b]", children: value(item) })] }, value(label)))) }), _jsxs("div", { className: "rounded-lg border border-[#e3eaf8] bg-[#f6f8ff] px-3 py-3", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-[11px] font-semibold text-[#30343b]", children: "\u4E0A\u4E0B\u6587" }), _jsxs("strong", { className: "font-mono text-[12px] text-[#315fb8]", children: [value(usage.percent ?? "—"), "%"] })] }), _jsxs("p", { className: "mt-2 text-[11px] text-[#5d6d82]", children: [value(tokens.total ?? 0), " tracked tokens \u00B7 \u8F93\u5165 ", value(tokens.input ?? 0), " \u00B7 \u8F93\u51FA ", value(tokens.output ?? 0)] })] })] }));
-                })() })) : panel.id === "session-bridge-panel" ? (_jsx("div", { className: "mt-3 grid gap-3", children: (() => {
-                    const latestPreview = data?.latestPreview !== null && typeof data?.latestPreview === "object"
-                        ? data.latestPreview.preview
-                        : undefined;
-                    const preview = latestPreview ??
-                        (data?.currentPreview !== null && typeof data?.currentPreview === "object" ? data.currentPreview : {});
-                    const sections = [
-                        ["目标", preview.goal],
-                        ["当前状态", preview.currentState],
-                        ["下一步", preview.nextStep],
-                    ];
-                    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "rounded-lg border border-[#dce5f5] bg-[#f6f8ff] px-3 py-3 text-[11px] leading-5 text-[#315fb8]", children: "\u9884\u89C8\u4E0D\u4F1A\u521B\u5EFA\u76EE\u6807\u4F1A\u8BDD\uFF0C\u4E5F\u4E0D\u4F1A\u4FEE\u6539\u6E90\u4F1A\u8BDD\u3002" }), sections.map(([label, item]) => (_jsxs("div", { className: "rounded-lg border border-[#e3e7ee] bg-white px-3 py-3", children: [_jsx("span", { className: "block text-[10px] font-semibold uppercase tracking-[0.08em] text-[#687381]", children: label }), _jsx("p", { className: "mt-2 whitespace-pre-wrap text-[11px] leading-5 text-[#30343b]", children: value(item) })] }, label))), _jsx("div", { className: "grid gap-2 sm:grid-cols-2", children: [
-                                    ["关键决策", preview.decisions],
-                                    ["关键文件", preview.keyFiles],
-                                ].map(([label, items]) => (_jsxs("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3", children: [_jsx("span", { className: "block text-[10px] font-semibold uppercase tracking-[0.08em] text-[#687381]", children: value(label) }), Array.isArray(items) && items.length > 0 ? (_jsx("ul", { className: "mt-2 grid gap-1 text-[10px] leading-4 text-[#65707b]", children: items.slice(0, 8).map((item, index) => (_jsx("li", { children: value(item) }, `${value(item)}-${index}`))) })) : (_jsx("p", { className: "mt-2 text-[10px] text-[#687381]", children: "\u6682\u65E0" }))] }, value(label)))) })] }));
-                })() })) : panel.id === "session-compare-panel" ? (_jsx("div", { className: "mt-3 grid gap-3", children: data?.left && typeof data.left === "object" && data?.right && typeof data.right === "object" ? ((() => {
-                    const left = data.left;
-                    const right = data.right;
-                    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "grid gap-2 sm:grid-cols-2", children: [
-                                    ["左侧会话", left],
-                                    ["右侧会话", right],
-                                ].map(([label, session]) => {
-                                    const item = session;
-                                    return (_jsxs("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3", children: [_jsx("span", { className: "block text-[10px] font-semibold uppercase tracking-[0.08em] text-[#687381]", children: value(label) }), _jsx("strong", { className: "mt-2 block truncate text-[12px] text-[#30343b]", children: value(item.name ?? item.id) }), _jsx("code", { className: "mt-1 block truncate text-[10px] text-[#315fb8]", children: value(item.id) }), _jsxs("span", { className: "mt-1 block text-[10px] text-[#65707b]", children: [value(item.messageCount, "0"), " \u6761\u6D88\u606F"] })] }, value(label)));
-                                }) }), _jsx("div", { className: "grid grid-cols-3 gap-2", children: [
-                                    ["共享", data.shared ?? 0],
-                                    ["右侧新增", Array.isArray(data.added) ? data.added.length : 0],
-                                    ["左侧删除", Array.isArray(data.removed) ? data.removed.length : 0],
-                                ].map(([label, item]) => (_jsxs("div", { className: "rounded-lg bg-[#f6f8fa] px-3 py-2", children: [_jsx("span", { className: "block text-[10px] text-[#687381]", children: value(label) }), _jsx("strong", { className: "mt-1 block text-[17px] font-semibold text-[#30343b]", children: value(item) })] }, value(label)))) }), _jsx("div", { className: `rounded-lg border px-3 py-3 text-[11px] ${data.changed === true ? "border-[#f4d8a8] bg-[#fff9ed] text-[#9a6700]" : "border-[#b9e6c9] bg-[#f0fbf4] text-[#14733f]"}`, children: data.changed === true ? "两个会话存在消息差异。" : "两个会话内容一致。" }), Array.isArray(data.added) && data.added.length > 0 ? (_jsxs("div", { className: "rounded-lg border border-[#dce5f5] bg-[#f6f8ff] px-3 py-3", children: [_jsx("span", { className: "block text-[10px] font-semibold uppercase tracking-[0.08em] text-[#687381]", children: "\u53F3\u4FA7\u65B0\u589E\u6D88\u606F" }), _jsx("ul", { className: "mt-2 grid gap-1 text-[10px] leading-4 text-[#65707b]", children: data.added.slice(0, 4).map((item, index) => {
-                                            const message = item !== null && typeof item === "object" ? item : {};
-                                            return (_jsxs("li", { children: ["[", value(message.role), "] ", value(message.text)] }, `${value(message.role)}-${index}`));
-                                        }) })] })) : null] }));
-                })()) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "\u6267\u884C session_compare \u540E\u663E\u793A\u4E24\u4E2A\u4F1A\u8BDD\u7684\u5DEE\u5F02\u3002" })) })) : panel.id === "secure-audit-panel" ? (_jsxs("div", { className: "mt-3 grid gap-3", children: [_jsx("div", { className: "grid grid-cols-4 gap-2", children: [
-                            ["扫描文件", data?.scanned ?? 0],
-                            ["严重", data?.critical ?? 0],
-                            ["高风险", data?.high ?? 0],
-                            ["总发现", data?.total ?? 0],
-                        ].map(([label, item]) => (_jsxs("div", { className: "rounded-lg bg-[#f6f8fa] px-2 py-2 text-center", children: [_jsx("span", { className: "block text-[10px] text-[#687381]", children: value(label) }), _jsx("strong", { className: "mt-1 block text-[16px] font-semibold text-[#30343b]", children: value(item) })] }, value(label)))) }), _jsx("div", { className: `rounded-lg border px-3 py-3 text-[11px] ${Number(data?.total ?? 0) > 0 ? "border-[#f4d8a8] bg-[#fff9ed] text-[#9a6700]" : "border-[#b9e6c9] bg-[#f0fbf4] text-[#14733f]"}`, children: Number(data?.total ?? 0) > 0 ? "发现需要人工确认的安全风险。" : "未发现凭据泄露或危险命令。" }), Array.isArray(data?.findings) && data.findings.length > 0 ? (_jsx("div", { className: "grid gap-2", children: data.findings.slice(0, 6).map((item, index) => {
-                            const finding = item !== null && typeof item === "object" ? item : {};
-                            const severity = value(finding.severity, "medium");
-                            return (_jsxs("div", { className: "rounded-lg border border-[#edf0f3] bg-white px-3 py-2", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx("code", { className: "min-w-0 truncate text-[10px] text-[#315fb8]", children: value(finding.path) }), _jsx("span", { className: `shrink-0 text-[10px] font-semibold ${severity === "critical" ? "text-[#b42318]" : "text-[#9a6700]"}`, children: severity })] }), _jsxs("p", { className: "mt-1 text-[10px] leading-4 text-[#65707b]", children: ["\u7B2C ", value(finding.line), " \u884C \u00B7 ", value(finding.message)] })] }, `${value(finding.path)}-${value(finding.line)}-${index}`));
-                        }) })) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "\u8FD0\u884C security_audit \u540E\u663E\u793A\u8131\u654F\u7ED3\u679C\u3002" }))] })) : panel.id === "context-doctor-panel" ? (_jsxs("div", { className: "mt-3 grid gap-3", children: [_jsx("div", { className: `rounded-lg border px-3 py-3 text-[11px] ${data?.status === "warning" ? "border-[#f4caca] bg-[#fff5f5] text-[#b42318]" : "border-[#b9e6c9] bg-[#f0fbf4] text-[#14733f]"}`, children: data?.status === "warning" ? "需要关注上下文风险。" : "上下文状态正常。" }), _jsx("div", { className: "grid grid-cols-3 gap-2", children: [
-                            ["占用", `${value(data?.usagePercent ?? "—")}%`],
-                            ["超大消息", data?.oversizedMessages ?? 0],
-                            ["工具错误", data?.toolErrors ?? 0],
-                        ].map(([label, item]) => (_jsxs("div", { className: "rounded-lg bg-[#f6f8fa] px-3 py-2", children: [_jsx("span", { className: "block text-[10px] text-[#687381]", children: value(label) }), _jsx("strong", { className: "mt-1 block text-[17px] text-[#30343b]", children: value(item) })] }, value(label)))) }), Array.isArray(data?.recommendations) && data.recommendations.length > 0 ? (_jsx("ul", { className: "grid gap-1 rounded-lg border border-[#e3e7ee] bg-white px-4 py-3 text-[10px] text-[#65707b]", children: data.recommendations.slice(0, 4).map((item, index) => (_jsx("li", { children: value(item) }, `${value(item)}-${index}`))) })) : null] })) : panel.id === "history-compressor-panel" ? (_jsxs("div", { className: "mt-3 grid gap-3", children: [_jsxs("div", { className: "flex items-center justify-between rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3", children: [_jsx("span", { className: "font-mono text-[11px] text-[#30343b]", children: data?.enabled === true ? "自动压缩已启用" : "自动压缩已停用" }), _jsxs("strong", { className: "font-mono text-[11px] text-[#3565c5]", children: ["\u9608\u503C ", value(data?.thresholdPercent ?? "—"), "%"] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-2", children: [_jsxs("div", { className: "rounded-lg bg-[#f6f8fa] px-3 py-2", children: [_jsx("span", { className: "block text-[10px] text-[#687381]", children: "\u5DF2\u538B\u7F29" }), _jsx("strong", { className: "mt-1 block text-[17px] text-[#30343b]", children: value(data?.compactions ?? 0) })] }), _jsxs("div", { className: "rounded-lg bg-[#f6f8fa] px-3 py-2", children: [_jsx("span", { className: "block text-[10px] text-[#687381]", children: "\u5F53\u524D\u5360\u7528" }), _jsxs("strong", { className: "mt-1 block text-[17px] text-[#30343b]", children: [value(data?.lastUsagePercent ?? "—"), "%"] })] })] }), data?.lastError ? _jsxs("p", { className: "text-[11px] text-[#b42318]", children: ["\u6700\u8FD1\u9519\u8BEF\uFF1A", value(data.lastError)] }) : null] })) : panel.id === "session-export-panel" ? (_jsxs("div", { className: "mt-3 grid gap-3", children: [data?.latest && typeof data.latest === "object" ? ((() => {
-                        const latest = data.latest;
-                        return (_jsxs("div", { className: "rounded-lg border border-[#dce5f5] bg-[#f6f8ff] px-3 py-3", children: [_jsx("span", { className: "block text-[10px] font-semibold uppercase tracking-[0.08em] text-[#687381]", children: "\u6700\u8FD1\u5BFC\u51FA" }), _jsx("code", { className: "mt-2 block truncate text-[11px] text-[#315fb8]", children: value(latest.path ?? "pi-session.md") }), _jsxs("p", { className: "mt-1 text-[10px] text-[#65707b]", children: [value(latest.messages ?? 0), " \u6761\u6D88\u606F \u00B7 ", value(latest.bytes ?? 0), " bytes"] })] }));
-                    })()) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "\u8FD8\u6CA1\u6709\u5BFC\u51FA\u5F53\u524D\u4F1A\u8BDD\u3002" })), _jsx("p", { className: "text-[10px] leading-4 text-[#687381]", children: "\u5BFC\u51FA\u6587\u4EF6\u53EA\u5141\u8BB8\u5199\u5165\u5F53\u524D\u5DE5\u4F5C\u533A\u5185\u7684 .md \u8DEF\u5F84\uFF0C\u8986\u76D6\u5DF2\u6709\u6587\u4EF6\u9700\u8981\u663E\u5F0F\u786E\u8BA4\u3002" })] })) : panel.id === "session-search-panel" ? (_jsxs("div", { className: "mt-3 grid gap-3", children: [data?.query ? (_jsxs("div", { className: "flex items-center justify-between rounded-lg border border-[#dce5f5] bg-[#f6f8ff] px-3 py-3", children: [_jsx("code", { className: "min-w-0 truncate text-[11px] text-[#315fb8]", children: value(data.query) }), _jsxs("strong", { className: "ml-3 shrink-0 text-[11px] text-[#3565c5]", children: [value(data.total ?? 0), " \u4E2A\u4F1A\u8BDD"] })] })) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "\u8F93\u5165\u67E5\u8BE2\u540E\u663E\u793A\u5339\u914D\u7684\u5386\u53F2\u4F1A\u8BDD\u3002" })), Array.isArray(data?.items) && data.items.length > 0 ? (_jsx("div", { className: "grid gap-2", children: data.items.slice(0, 8).map((item, index) => {
-                            const session = item !== null && typeof item === "object" ? item : {};
-                            const hits = Array.isArray(session.hits) ? session.hits : [];
-                            return (_jsxs("div", { className: "rounded-lg border border-[#edf0f3] bg-white px-3 py-2", children: [_jsx("strong", { className: "block truncate text-[11px] text-[#30343b]", children: value(session.name ?? session.id ?? "未命名会话") }), _jsx("p", { className: "mt-1 line-clamp-2 text-[10px] leading-4 text-[#65707b]", children: hits
-                                            .map((hit) => (hit !== null && typeof hit === "object" ? value(hit.text ?? "") : value(hit)))
-                                            .join(" | ") })] }, `${value(session.id ?? "session")}-${index}`));
-                        }) })) : data?.query ? (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "\u6CA1\u6709\u627E\u5230\u5339\u914D\u7684\u5386\u53F2\u4F1A\u8BDD\u3002" })) : null] })) : panel.id === "session-bookmarks-panel" ? (_jsxs("div", { className: "mt-3 grid gap-3", children: [_jsxs("div", { className: "flex items-center justify-between rounded-lg border border-[#dce5f5] bg-[#f6f8ff] px-3 py-3", children: [_jsx("span", { className: "text-[11px] text-[#65707b]", children: "\u5F53\u524D\u4F1A\u8BDD\u7684\u6301\u4E45\u5316\u4E66\u7B7E" }), _jsxs("strong", { className: "font-mono text-[11px] text-[#3565c5]", children: [value(data?.total ?? 0), " \u4E2A\u4E66\u7B7E"] })] }), Array.isArray(data?.bookmarks) && data.bookmarks.length > 0 ? (_jsx("div", { className: "grid gap-2", children: data.bookmarks.slice(0, 12).map((item, index) => {
-                            const bookmark = item !== null && typeof item === "object" ? item : {};
-                            return (_jsxs("div", { className: "rounded-lg border border-[#edf0f3] bg-white px-3 py-2", children: [_jsx("strong", { className: "block truncate text-[11px] text-[#30343b]", children: value(bookmark.label ?? "未命名书签") }), _jsxs("code", { className: "mt-1 block truncate text-[10px] text-[#687381]", children: ["entry: ", value(bookmark.entryId ?? "—")] })] }, `${value(bookmark.id ?? "bookmark")}-${index}`));
-                        }) })) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "\u8FD8\u6CA1\u6709\u6807\u8BB0\u91CD\u8981\u8282\u70B9\u3002" })), _jsx("p", { className: "text-[10px] leading-4 text-[#687381]", children: "\u4E66\u7B7E\u72EC\u7ACB\u4FDD\u5B58\u5728 agent \u76EE\u5F55\uFF0C\u4E0D\u4F1A\u6539\u5199 Pi \u539F\u751F\u4F1A\u8BDD\u8BB0\u5F55\u3002" })] })) : panel.id === "llm-verifier-panel" ? (_jsxs("div", { className: "mt-3 grid gap-3", children: [_jsxs("div", { className: "flex items-center justify-between rounded-lg border border-[#dce5f5] bg-[#f6f8ff] px-3 py-3", children: [_jsx("span", { className: "text-[11px] text-[#65707b]", children: "\u6821\u9A8C\u6A21\u578B" }), _jsxs("code", { className: "max-w-[65%] truncate text-[11px] text-[#315fb8]", children: [value(data?.provider ?? "—"), "/", value(data?.model ?? "—")] })] }), data?.history && typeof data.history === "object"
-                        ? (() => {
-                            const history = data.history;
-                            const counts = history.counts && typeof history.counts === "object" ? history.counts : {};
-                            return (_jsxs("div", { className: "grid grid-cols-4 gap-2", children: [_jsxs("div", { className: "rounded-lg bg-[#f6f8fa] px-2 py-2 text-center", children: [_jsx("span", { className: "block text-[10px] text-[#687381]", children: "\u7D2F\u8BA1" }), _jsx("strong", { className: "mt-1 block text-[15px] text-[#30343b]", children: value(history.total ?? 0) })] }), _jsxs("div", { className: "rounded-lg bg-[#f0fbf4] px-2 py-2 text-center", children: [_jsx("span", { className: "block text-[10px] text-[#14733f]", children: "\u901A\u8FC7" }), _jsx("strong", { className: "mt-1 block text-[15px] text-[#14733f]", children: value(counts.pass ?? 0) })] }), _jsxs("div", { className: "rounded-lg bg-[#fff5f5] px-2 py-2 text-center", children: [_jsx("span", { className: "block text-[10px] text-[#b42318]", children: "\u5931\u8D25" }), _jsx("strong", { className: "mt-1 block text-[15px] text-[#b42318]", children: value(counts.fail ?? 0) })] }), _jsxs("div", { className: "rounded-lg bg-[#fffaf0] px-2 py-2 text-center", children: [_jsx("span", { className: "block text-[10px] text-[#9a6700]", children: "\u672A\u77E5" }), _jsx("strong", { className: "mt-1 block text-[15px] text-[#9a6700]", children: value(counts.unknown ?? 0) })] })] }));
-                        })()
-                        : null, data?.latest && typeof data.latest === "object" ? ((() => {
-                        const latest = data.latest;
-                        const verdict = value(latest.verdict ?? "unknown");
-                        return (_jsxs("div", { className: `rounded-lg border px-3 py-3 text-[11px] ${verdict === "pass" ? "border-[#b9e6c9] bg-[#f0fbf4] text-[#14733f]" : verdict === "fail" ? "border-[#f4caca] bg-[#fff5f5] text-[#b42318]" : "border-[#f3dfab] bg-[#fffaf0] text-[#9a6700]"}`, children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("strong", { className: "uppercase", children: verdict }), _jsxs("span", { className: "font-mono text-[10px]", children: [value(latest.evidenceChars ?? 0), " chars"] })] }), _jsx("p", { className: "mt-2 leading-4", children: value(latest.rationale ?? "没有返回校验理由。") }), _jsxs("p", { className: "mt-2 truncate text-[10px] opacity-70", children: ["\u58F0\u660E\uFF1A", value(latest.claim ?? "—")] })] }));
-                    })()) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "\u8FD8\u6CA1\u6709\u6267\u884C\u6A21\u578B\u6821\u9A8C\u3002" })), _jsx("p", { className: "text-[10px] leading-4 text-[#687381]", children: "\u8BC1\u636E\u6309\u4E0D\u53EF\u4FE1\u6570\u636E\u5904\u7406\uFF0C\u8F93\u5165\u6709\u957F\u5EA6\u4E0A\u9650\uFF1B\u6A21\u578B\u8FD4\u56DE\u975E\u7ED3\u6784\u5316\u7ED3\u679C\u65F6\u663E\u793A unknown\u3002" })] })) : panel.id === "module-search-panel" ? (_jsx("div", { className: "mt-3 grid gap-3", children: data?.latest && typeof data.latest === "object" ? ((() => {
-                    const latest = data.latest;
-                    const matches = Array.isArray(latest.matches) ? latest.matches : [];
-                    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-center justify-between rounded-lg border border-[#dce5f5] bg-[#f6f8ff] px-3 py-3", children: [_jsx("code", { className: "min-w-0 truncate text-[11px] text-[#315fb8]", children: value(latest.query ?? "") }), _jsxs("strong", { className: "ml-3 shrink-0 text-[11px] text-[#3565c5]", children: [value(matches.length), " \u4E2A\u7ED3\u679C"] })] }), matches.length > 0 ? (_jsx("div", { className: "grid gap-2", children: matches.slice(0, 10).map((item, index) => {
-                                    const match = item !== null && typeof item === "object" ? item : {};
-                                    return (_jsxs("div", { className: "rounded-lg border border-[#edf0f3] bg-white px-3 py-2", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsxs("code", { className: "min-w-0 truncate text-[10px] text-[#315fb8]", children: [value(match.path ?? "—"), ":", value(match.line ?? "—")] }), _jsx("span", { className: "shrink-0 text-[10px] uppercase text-[#687381]", children: value(match.kind ?? "symbol") })] }), _jsx("p", { className: "mt-1 truncate text-[10px] text-[#65707b]", children: value(match.name ?? "未命名符号") })] }, `${value(match.path ?? "module")}:${value(match.line ?? index)}`));
-                                }) })) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "\u6CA1\u6709\u627E\u5230\u5339\u914D\u7684\u6A21\u5757\u7B26\u53F7\u3002" })), _jsxs("p", { className: "text-[10px] leading-4 text-[#687381]", children: ["\u626B\u63CF ", value(latest.scannedFiles ?? 0), " \u4E2A\u6E90\u7801\u6587\u4EF6\uFF0C\u8DF3\u8FC7\u4F9D\u8D56\u548C\u6784\u5EFA\u76EE\u5F55\u3002"] })] }));
-                })()) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "\u8F93\u5165\u7B26\u53F7\u540D\u540E\u663E\u793A\u6A21\u5757\u68C0\u7D22\u7ED3\u679C\u3002" })) })) : panel.id === "better-sidebar-panel" ? ((() => {
-                const changedFiles = Array.isArray(data?.changedFiles) ? data.changedFiles : [];
-                const clean = data?.clean === true;
-                return (_jsxs("div", { className: "mt-3 grid gap-3", children: [_jsxs("div", { className: "rounded-lg border border-[#dce5f5] bg-[#f6f8ff] px-3 py-3", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx("code", { className: "min-w-0 truncate text-[11px] text-[#315fb8]", children: value(data?.cwd ?? "当前工作区") }), _jsx("span", { className: `shrink-0 rounded px-1.5 py-0.5 font-mono text-[10px] ${clean ? "bg-[#eaf8f0] text-[#14733f]" : "bg-[#fff0f0] text-[#b42318]"}`, children: clean ? "clean" : `${value(data?.changedCount ?? changedFiles.length)} 个变更` })] }), _jsx("p", { className: "mt-2 font-mono text-[10px] text-[#65707b]", children: value(data?.summary ?? "等待工作区扫描") }), _jsxs("p", { className: "mt-1 text-[10px] text-[#687381]", children: ["\u4F1A\u8BDD ", value(data?.sessionId ?? "—"), " \u00B7 \u76EE\u5F55 ", value(data?.directoryCount ?? 0), " \u00B7 \u6587\u4EF6 ", value(data?.fileCount ?? 0)] })] }), changedFiles.length > 0 ? (_jsx("div", { className: "grid gap-1 rounded-lg border border-[#edf0f3] bg-white px-3 py-2", children: changedFiles.slice(0, 8).map((item, index) => {
-                                const entry = item !== null && typeof item === "object" ? item : {};
-                                return (_jsxs("code", { className: "truncate py-0.5 text-[10px] text-[#65707b]", children: [value(entry.status ?? "??"), " ", value(entry.path ?? "未命名")] }, `${value(entry.path ?? "file")}-${index}`));
-                            }) })) : null, data?.truncated === true ? _jsx("p", { className: "text-[10px] text-[#687381]", children: "\u76EE\u5F55\u6458\u8981\u5DF2\u622A\u65AD\uFF0C\u6267\u884C sidebar_overview \u83B7\u53D6\u6700\u65B0\u6982\u89C8\u3002" }) : null] }));
-            })()) : panel.id === "workspace-navigator-panel" ? (_jsx("div", { className: "mt-3 grid gap-3", children: data?.latest && typeof data.latest === "object" ? ((() => {
-                    const latest = data.latest;
-                    const nodes = Array.isArray(latest.nodes) ? latest.nodes : [];
-                    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-center justify-between rounded-lg border border-[#dce5f5] bg-[#f6f8ff] px-3 py-3", children: [_jsx("code", { className: "min-w-0 truncate text-[11px] text-[#315fb8]", children: value(latest.path ?? ".") }), _jsxs("strong", { className: "ml-3 shrink-0 text-[11px] text-[#3565c5]", children: [value(nodes.length), " \u4E2A\u8282\u70B9"] })] }), nodes.length > 0 ? (_jsx("div", { className: "grid gap-1 rounded-lg border border-[#edf0f3] bg-white px-3 py-2", children: nodes.slice(0, 36).map((item, index) => {
-                                    const node = item !== null && typeof item === "object" ? item : {};
-                                    const depth = typeof node.depth === "number" ? Math.min(6, Math.max(1, node.depth)) : 1;
-                                    return (_jsxs("div", { className: "flex items-center gap-2 truncate py-1 text-[10px] text-[#65707b]", children: [_jsxs("span", { className: "shrink-0 text-[#687381]", children: ["· ".repeat(depth - 1), node.kind === "directory" ? "▾" : "·"] }), _jsx("code", { className: "truncate", children: value(node.name ?? node.path ?? "未命名") })] }, `${value(node.path ?? "node")}-${index}`));
-                                }) })) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "\u5F53\u524D\u76EE\u5F55\u4E3A\u7A7A\u3002" })), _jsxs("p", { className: "text-[10px] leading-4 text-[#687381]", children: ["\u76EE\u5F55 ", value(latest.directoryCount ?? 0), " \u4E2A\uFF0C\u6587\u4EF6 ", value(latest.fileCount ?? 0), " \u4E2A\uFF1B\u8DF3\u8FC7\u4F9D\u8D56\u548C\u6784\u5EFA\u76EE\u5F55\u3002"] }), data?.git && typeof data.git === "object"
-                                ? (() => {
-                                    const git = data.git;
-                                    const entries = Array.isArray(git.entries) ? git.entries : [];
-                                    const available = git.available === true;
-                                    return (_jsxs("div", { className: "rounded-lg border border-[#e3e7ee] bg-white px-3 py-3", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-[11px] font-medium text-[#253044]", children: "Git \u72B6\u6001" }), _jsx("span", { className: `text-[10px] ${!available ? "text-[#687381]" : git.clean === true ? "text-[#14733f]" : "text-[#b42318]"}`, children: !available ? "不可用" : git.clean === true ? "clean" : `${entries.length} 个变更` })] }), available ? _jsx("p", { className: "mt-1 font-mono text-[10px] text-[#65707b]", children: value(git.branch ?? "detached HEAD") }) : null, entries.length > 0 ? (_jsx("div", { className: "mt-2 grid gap-1", children: entries.slice(0, 12).map((item, index) => {
-                                                    const entry = item !== null && typeof item === "object" ? item : {};
-                                                    return (_jsxs("code", { className: "truncate text-[10px] text-[#65707b]", children: [value(entry.status ?? "??"), " ", value(entry.path ?? "未命名")] }, `${value(entry.path ?? "file")}-${index}`));
-                                                }) })) : null] }));
-                                })()
-                                : null] }));
-                })()) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "\u6267\u884C workspace_tree \u540E\u663E\u793A\u5DE5\u4F5C\u533A\u7ED3\u6784\u3002" })) })) : panel.id === "prompt-library-panel" ? (_jsxs("div", { className: "mt-3 grid gap-3", children: [Array.isArray(data?.templates) && data.templates.length > 0 ? (_jsx("div", { className: "grid gap-2", children: data.templates.slice(0, 12).map((item, index) => {
-                            const template = item !== null && typeof item === "object" ? item : {};
-                            const tags = Array.isArray(template.tags) ? template.tags.filter((tag) => typeof tag === "string") : [];
-                            return (_jsxs("div", { className: "rounded-lg border border-[#e3e7ee] bg-white px-3 py-3", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx("strong", { className: "truncate text-[11px] text-[#253044]", children: value(template.title ?? "未命名提示词") }), _jsx("code", { className: "shrink-0 text-[10px] text-[#687381]", children: value(template.id ?? "—") })] }), _jsx("p", { className: "mt-2 line-clamp-2 text-[10px] leading-4 text-[#65707b]", children: value(template.prompt ?? "") }), tags.length > 0 ? (_jsx("div", { className: "mt-2 flex flex-wrap gap-1", children: tags.slice(0, 6).map((tag) => (_jsx("span", { className: "rounded bg-[#f6f8ff] px-1.5 py-0.5 text-[9px] text-[#315fb8]", children: tag }, tag))) })) : null] }, `${value(template.id ?? "prompt")}-${index}`));
-                        }) })) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "\u8FD8\u6CA1\u6709\u4FDD\u5B58\u7684\u63D0\u793A\u8BCD\u3002\u53EF\u8BA9 Agent \u8C03\u7528 prompt_library \u4FDD\u5B58\u6A21\u677F\u3002" })), _jsxs("p", { className: "text-[10px] leading-4 text-[#687381]", children: ["\u5171 ", value(data?.total ?? 0), " \u4E2A\u6A21\u677F\uFF0C\u6570\u636E\u8DDF\u968F\u5F53\u524D\u4F1A\u8BDD\u3002"] })] })) : panel.id === "colleague-skill-panel" ? (_jsx("div", { className: "mt-3 grid gap-3", children: data?.latest && typeof data.latest === "object" ? ((() => {
-                    const handoff = data.latest;
-                    const list = (key) => Array.isArray(handoff[key]) ? handoff[key].filter((item) => typeof item === "string") : [];
-                    const constraints = list("constraints");
-                    const files = list("files");
-                    const acceptance = list("acceptance");
-                    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-center justify-between rounded-lg border border-[#dce5f5] bg-[#f6f8ff] px-3 py-3", children: [_jsx("span", { className: "text-[11px] text-[#65707b]", children: "\u4EA4\u63A5\u7ED9" }), _jsx("strong", { className: "text-[11px] text-[#315fb8]", children: value(handoff.toRole) })] }), _jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-white px-3 py-3 text-[11px] text-[#253044]", children: value(handoff.objective) }), handoff.context ? _jsx("p", { className: "rounded-lg bg-[#f6f8fa] px-3 py-2 text-[10px] leading-4 text-[#65707b]", children: value(handoff.context) }) : null, files.length > 0 ? (_jsx("div", { className: "grid gap-1 rounded-lg border border-[#edf0f3] bg-white px-3 py-2", children: files.slice(0, 8).map((file) => (_jsx("code", { className: "truncate text-[10px] text-[#65707b]", children: file }, file))) })) : null, _jsxs("div", { className: "grid grid-cols-2 gap-2 text-[10px] text-[#65707b]", children: [_jsxs("span", { children: ["\u7EA6\u675F ", constraints.length, " \u6761"] }), _jsxs("span", { children: ["\u9A8C\u6536 ", acceptance.length, " \u6761"] })] })] }));
-                })()) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "\u6267\u884C colleague_handoff \u540E\u663E\u793A\u89D2\u8272\u4EA4\u63A5\u5305\u3002" })) })) : panel.id === "reverse-skill-panel" ? (_jsxs("div", { className: "mt-3 grid gap-3", children: [_jsxs("div", { className: "flex items-center justify-between rounded-lg border border-[#dce5f5] bg-[#f6f8ff] px-3 py-3", children: [_jsx("span", { className: "text-[11px] text-[#65707b]", children: "\u590D\u6838\u98CE\u9669\u5185\u5BB9" }), _jsx("strong", { className: "font-mono text-[11px] text-[#3565c5]", children: data?.allowReviewByDefault === true ? "已允许" : "默认阻断" })] }), data?.latest && typeof data.latest === "object" ? ((() => {
-                        const latest = data.latest;
-                        const risk = value(latest.risk ?? "safe");
-                        const findings = Array.isArray(latest.findings) ? latest.findings : [];
-                        return (_jsxs("div", { className: `rounded-lg border px-3 py-3 text-[11px] ${risk === "blocked" ? "border-[#f4caca] bg-[#fff5f5] text-[#b42318]" : risk === "review" ? "border-[#f3dfab] bg-[#fffaf0] text-[#9a6700]" : "border-[#b9e6c9] bg-[#f0fbf4] text-[#14733f]"}`, children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("strong", { className: "uppercase", children: risk }), _jsx("span", { className: "font-mono text-[10px]", children: latest.contentIncluded === true ? "可注入" : "已隔离" })] }), _jsxs("p", { className: "mt-2", children: [value(latest.name ?? "未命名 Skill"), " \u00B7 ", value(findings.length), " \u4E2A\u98CE\u9669\u9879"] }), findings.length > 0 ? (_jsx("p", { className: "mt-1 text-[10px] opacity-80", children: findings
-                                        .slice(0, 2)
-                                        .map((item) => value(item))
-                                        .join("；") })) : null] }));
-                    })()) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "\u6267\u884C skill_inject \u540E\u663E\u793A\u9694\u79BB\u7ED3\u679C\u3002" })), _jsx("p", { className: "text-[10px] leading-4 text-[#687381]", children: "\u5B89\u5168\u5185\u5BB9\u4F1A\u88AB\u5305\u88F9\u4E3A\u4E0D\u53EF\u4FE1\u6570\u636E\uFF1Breview \u98CE\u9669\u9ED8\u8BA4\u4E0D\u6CE8\u5165\uFF0Cblocked \u5185\u5BB9\u6C38\u4E0D\u8FD4\u56DE\u539F\u6587\u3002" })] })) : panel.id === "reviewer-bot-panel" ? (_jsx("div", { className: "mt-3 grid gap-3", children: data?.latest !== null && data?.latest !== undefined && typeof data.latest === "object" ? ((() => {
-                    const report = data.latest;
-                    const status = value(report.status ?? "pass");
-                    const findings = Array.isArray(report.findings) ? report.findings : [];
-                    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `flex items-center justify-between rounded-lg border px-3 py-3 text-[11px] ${status === "error" ? "border-[#f4caca] bg-[#fff5f5] text-[#b42318]" : status === "warning" ? "border-[#f3dfab] bg-[#fffaf0] text-[#9a6700]" : "border-[#b9e6c9] bg-[#f0fbf4] text-[#14733f]"}`, children: [_jsx("span", { children: status === "error" ? "发现阻断风险" : status === "warning" ? "需要关注" : "审查通过" }), _jsxs("strong", { className: "font-mono", children: [value(findings.length), " findings"] })] }), _jsx("div", { className: "grid grid-cols-3 gap-2", children: [
-                                    ["文件", report.changedFiles ?? 0],
-                                    ["新增", report.addedLines ?? 0],
-                                    ["删除", report.removedLines ?? 0],
-                                ].map(([label, item]) => (_jsxs("div", { className: "rounded-lg bg-[#f6f8fa] px-3 py-2", children: [_jsx("span", { className: "block text-[10px] text-[#687381]", children: value(label) }), _jsx("strong", { className: "mt-1 block text-[17px] text-[#30343b]", children: value(item) })] }, value(label)))) }), findings.length > 0 ? (_jsx("ul", { className: "grid gap-1 rounded-lg border border-[#e3e7ee] bg-white px-4 py-3 text-[10px] text-[#65707b]", children: findings.slice(0, 4).map((finding, index) => (_jsx("li", { children: value(typeof finding === "object" && finding !== null ? (finding.message ?? "finding") : finding) }, index))) })) : null] }));
-                })()) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "\u8FD8\u6CA1\u6709\u5BA1\u67E5\u5F53\u524D\u6539\u52A8\u3002\u53EF\u8BA9 Agent \u8C03\u7528 review_changes\u3002" })) })) : panel.id === "auto-mode-panel" ? (_jsxs("div", { className: "mt-3 grid gap-3", children: [_jsxs("div", { className: "flex items-center justify-between rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px]", children: [_jsx("span", { className: "font-medium text-[#30343b]", children: data?.mode === "confirm" ? "确认模式" : "安全模式" }), _jsxs("span", { className: "font-mono text-[#65707b]", children: ["\u8D85\u65F6 ", value(data?.timeoutMs ?? "—"), " ms"] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-2", children: [_jsxs("div", { className: "rounded-lg bg-[#f6f8fa] px-3 py-2", children: [_jsx("span", { className: "block text-[10px] text-[#687381]", children: "\u963B\u65AD\u6B21\u6570" }), _jsxs("strong", { className: "mt-1 block text-[17px] text-[#30343b]", children: [value(data?.blocked ?? 0), " \u6B21"] })] }), _jsxs("div", { className: "rounded-lg bg-[#f6f8fa] px-3 py-2", children: [_jsx("span", { className: "block text-[10px] text-[#687381]", children: "\u6700\u8FD1\u547D\u4EE4" }), _jsx("strong", { className: "mt-1 block truncate font-mono text-[11px] text-[#30343b]", children: data?.last && typeof data.last === "object" ? value(data.last.command ?? "—") : "—" })] })] }), data?.last && typeof data.last === "object" ? (_jsx("pre", { className: "max-h-32 overflow-auto rounded-lg border border-[#edf0f3] bg-[#fbfcfd] p-3 text-[10px] leading-4 text-[#65707b]", children: value(data.last.stdout, "") || value(data.last.stderr ?? "无输出") })) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "\u5C1A\u672A\u6267\u884C\u547D\u4EE4\u3002Agent \u53EF\u8C03\u7528 auto_mode_exec\u3002" }))] })) : panel.id === "plan-execute-panel" ? (_jsxs("div", { className: "mt-3 grid gap-3", children: [_jsxs("div", { className: "flex items-center justify-between rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3", children: [_jsx("span", { className: "truncate text-[11px] font-medium text-[#30343b]", children: data?.title ? value(data.title) : "尚未创建计划" }), _jsxs("span", { className: "font-mono text-[11px] text-[#3565c5]", children: [value(data?.completed ?? 0), " / ", value(data?.total ?? 0)] })] }), Array.isArray(data?.steps) && data.steps.length > 0 ? (_jsx("ol", { className: "grid gap-1.5", children: data.steps.map((step, index) => {
-                            const item = step && typeof step === "object" ? step : {};
-                            const status = value(item.status ?? "pending");
-                            return (_jsxs("li", { className: "flex items-center gap-2 rounded-lg border border-[#edf0f3] bg-white px-3 py-2 text-[11px]", children: [_jsx("span", { className: `h-2 w-2 rounded-full ${status === "done" ? "bg-[#32a35a]" : status === "in_progress" ? "bg-[#3565c5]" : status === "skipped" ? "bg-[#a0a7b0]" : "bg-[#d7dce2]"}` }), _jsx("span", { className: `min-w-0 flex-1 truncate ${status === "done" ? "text-[#14733f]" : "text-[#30343b]"}`, children: value(item.title ?? "步骤") }), _jsx("span", { className: "font-mono text-[10px] text-[#687381]", children: status })] }, value(item.id ?? index)));
-                        }) })) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "Agent \u53EF\u8C03\u7528 plan_create \u521B\u5EFA\u6267\u884C\u8BA1\u5212\u3002" }))] })) : panel.id === "plugin-stars-panel" ? (_jsxs("div", { className: "mt-3 grid gap-3", children: [_jsxs("div", { className: "flex items-center justify-between rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px]", children: [_jsx("span", { className: "font-medium text-[#30343b]", children: "\u793E\u533A\u6392\u884C\u699C" }), _jsxs("span", { className: "font-mono text-[#65707b]", children: ["\u4E0A\u9650 ", value(data?.limit ?? "—")] })] }), data?.latest && typeof data.latest === "object" ? ((() => {
-                        const latest = data.latest;
-                        const entries = Array.isArray(latest.results)
-                            ? latest.results.flatMap((entry) => {
-                                if (entry === null || typeof entry !== "object")
-                                    return [];
-                                const item = entry;
-                                if (typeof item.fullName !== "string" ||
-                                    typeof item.name !== "string" ||
-                                    typeof item.stars !== "number" ||
-                                    typeof item.htmlUrl !== "string" ||
-                                    typeof item.updatedAt !== "string")
-                                    return [];
-                                return [{ fullName: item.fullName, name: item.name, stars: item.stars, htmlUrl: item.htmlUrl, updatedAt: item.updatedAt }];
-                            })
-                            : [];
-                        const rows = pluginStarsRows(entries, 8);
-                        return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-center justify-between text-[11px] text-[#65707b]", children: [_jsxs("span", { children: ["\u67E5\u8BE2\uFF1A", value(latest.query, "全部")] }), _jsxs("strong", { className: "font-mono text-[#3565c5]", children: [value(latest.total ?? rows.length), " \u4E2A\u7ED3\u679C"] })] }), rows.length > 0 ? (_jsx("ol", { className: "grid gap-1.5", children: rows.map((row) => (_jsxs("li", { className: "flex items-center gap-2 rounded-lg border border-[#edf0f3] bg-white px-3 py-2", children: [_jsxs("span", { className: "w-5 shrink-0 text-center font-mono text-[10px] text-[#9a6700]", children: ["#", row.rank] }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("a", { className: "block truncate font-mono text-[11px] text-[#315fb8] hover:underline", href: row.htmlUrl, rel: "noreferrer", target: "_blank", children: row.fullName }), _jsxs("span", { className: "block truncate text-[10px] text-[#687381]", children: ["\u66F4\u65B0\u4E8E ", row.updatedAt || "未知"] })] }), _jsxs("span", { className: "shrink-0 font-mono text-[10px] text-[#8a5a00]", children: ["\u2605 ", row.stars.toLocaleString()] })] }, row.fullName))) })) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "\u6CA1\u6709\u627E\u5230\u5339\u914D\u7684\u793E\u533A\u63D2\u4EF6\u3002" })), _jsxs("p", { className: "text-[10px] leading-4 text-[#687381]", children: ["\u6765\u6E90\uFF1A", value(latest.source, "dsh-plugin-stars"), " \u00B7 \u4EC5\u5C55\u793A\u516C\u5F00\u4ED3\u5E93\u4FE1\u606F\uFF0C\u4E0D\u4F1A\u81EA\u52A8\u5B89\u88C5\u3002"] })] }));
-                    })()) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "Agent \u53EF\u8C03\u7528 plugin_stars_search \u62C9\u53D6\u5E76\u7B5B\u9009\u793E\u533A\u6392\u884C\u699C\u3002" }))] })) : panel.id === "plugin-finder-panel" ? (_jsxs("div", { className: "mt-3 grid gap-3", children: [_jsxs("div", { className: "flex items-center justify-between rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px]", children: [_jsx("span", { className: "font-medium text-[#30343b]", children: "\u53EA\u8BFB Registry \u641C\u7D22" }), _jsxs("span", { className: "font-mono text-[#65707b]", children: ["\u5173\u952E\u8BCD ", value(data?.keyword ?? "pi-harness"), " \u00B7 \u4E0A\u9650 ", value(data?.limit ?? "—")] })] }), data?.query ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-center justify-between text-[11px] text-[#65707b]", children: [_jsxs("span", { children: ["\u67E5\u8BE2\uFF1A", value(data.query)] }), _jsxs("strong", { className: "font-mono text-[#3565c5]", children: [value(data.total ?? 0), " \u4E2A\u7ED3\u679C"] })] }), Array.isArray(data?.results) && data.results.length > 0 ? (_jsx("ul", { className: "grid gap-1.5", children: data.results.slice(0, 5).map((result, index) => {
-                                    const item = result && typeof result === "object" ? result : {};
-                                    return (_jsxs("li", { className: "rounded-lg border border-[#edf0f3] bg-white px-3 py-2", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx("strong", { className: "truncate font-mono text-[11px] text-[#30343b]", children: value(item.name ?? "未知插件") }), _jsxs("span", { className: "font-mono text-[10px] text-[#687381]", children: ["v", value(item.version ?? "—")] })] }), _jsx("p", { className: "mt-1 truncate text-[10px] text-[#687381]", children: value(item.description, "") })] }, `${value(item.name ?? "plugin")}-${index}`));
-                                }) })) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "\u6CA1\u6709\u627E\u5230\u5339\u914D\u63D2\u4EF6\u3002" }))] })) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "Agent \u53EF\u8C03\u7528 plugin_search \u641C\u7D22 npm Registry\u3002" }))] })) : panel.id === "memory-panel" ? (_jsxs("div", { className: "mt-3 grid gap-3", children: [_jsxs("div", { className: "flex items-center justify-between rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px]", children: [_jsx("span", { className: "font-medium text-[#30343b]", children: "\u8DE8\u4F1A\u8BDD\u8BB0\u5FC6" }), _jsxs("span", { className: "font-mono text-[#3565c5]", children: [value(data?.count ?? 0), " \u6761"] })] }), Array.isArray(data?.memories) && data.memories.length > 0 ? (_jsx("ul", { className: "grid gap-1.5", children: data.memories.slice(0, 5).map((memory, index) => {
-                            const item = memory && typeof memory === "object" ? memory : {};
-                            return (_jsxs("li", { className: "rounded-lg border border-[#edf0f3] bg-white px-3 py-2", children: [_jsx("strong", { className: "block truncate font-mono text-[11px] text-[#30343b]", children: value(item.key ?? "未知键") }), _jsx("p", { className: "mt-1 truncate text-[10px] text-[#687381]", children: value(item.value, "") })] }, `${value(item.key ?? "memory")}-${index}`));
-                        }) })) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "\u5C1A\u672A\u4FDD\u5B58\u8BB0\u5FC6\u3002Agent \u53EF\u8C03\u7528 memory_set \u660E\u786E\u5199\u5165\u3002" }))] })) : panel.id === "graph-memory-panel" ? ((() => {
-                const kinds = data?.kinds !== null && typeof data?.kinds === "object" ? data.kinds : {};
-                const recent = Array.isArray(data?.recent) ? data.recent : [];
-                const recentRelations = Array.isArray(data?.recentRelations) ? data.recentRelations : [];
-                return (_jsxs("div", { className: "mt-3 grid gap-3", children: [_jsx("div", { className: "grid grid-cols-3 gap-2", children: [
-                                ["任务", kinds.task ?? 0, "bg-[#3565c5]"],
-                                ["技能", kinds.skill ?? 0, "bg-[#22a06b]"],
-                                ["事件", kinds.event ?? 0, "bg-[#d97706]"],
-                            ].map(([label, count, color]) => (_jsxs("div", { className: "rounded-lg border border-[#edf0f3] bg-[#f8fafc] px-3 py-2", children: [_jsxs("div", { className: "flex items-center gap-1.5 text-[10px] text-[#687381]", children: [_jsx("span", { className: `h-1.5 w-1.5 rounded-full ${value(color)}` }), value(label)] }), _jsx("strong", { className: "mt-1 block font-mono text-[17px] text-[#30343b]", children: value(count) })] }, value(label)))) }), _jsxs("div", { className: "flex items-center justify-between rounded-lg border border-[#e3eaf8] bg-[#f6f8ff] px-3 py-2 text-[10px]", children: [_jsx("span", { className: "text-[#65707b]", children: "\u672C\u5730\u5173\u7CFB\u56FE" }), _jsxs("span", { className: "font-mono text-[#3565c5]", children: [value(data?.nodes ?? 0), " \u8282\u70B9 \u00B7 ", value(data?.relations ?? 0), " \u5173\u7CFB"] })] }), recent.length > 0 ? (_jsxs("ul", { className: "grid gap-1.5", children: [_jsxs("li", { className: "text-[9px] uppercase tracking-[0.08em] text-[#687381]", children: ["\u6700\u8FD1\u8282\u70B9 ", Math.min(recent.length, 5), " / ", value(data?.nodes ?? recent.length)] }), recent.slice(0, 5).map((entry, index) => {
-                                    const item = entry !== null && typeof entry === "object" ? entry : {};
-                                    const kind = item.kind === "task" || item.kind === "skill" || item.kind === "event" ? item.kind : "unknown";
-                                    const kindLabel = kind === "task" ? "任务" : kind === "skill" ? "技能" : kind === "event" ? "事件" : "未知";
-                                    const kindClass = kind === "task"
-                                        ? "bg-[#edf3fe] text-[#315fb8]"
-                                        : kind === "skill"
-                                            ? "bg-[#eaf8f0] text-[#14733f]"
-                                            : kind === "event"
-                                                ? "bg-[#fff4e5] text-[#a15c00]"
-                                                : "bg-[#f2f3f5] text-[#65707b]";
-                                    return (_jsxs("li", { className: "rounded-lg border border-[#edf0f3] bg-white px-3 py-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: `rounded px-1.5 py-0.5 text-[9px] font-semibold ${kindClass}`, children: kindLabel }), _jsx("strong", { className: "min-w-0 flex-1 truncate text-[11px] text-[#30343b]", children: value(item.label ?? "未命名节点") })] }), _jsx("p", { className: "mt-1 line-clamp-2 text-[10px] leading-4 text-[#65707b]", children: value(item.summary, "") }), item.source ? _jsxs("p", { className: "mt-1 truncate font-mono text-[9px] text-[#687381]", children: ["\u6765\u6E90\uFF1A", value(item.source)] }) : null] }, `${value(item.id ?? "node")}-${index}`));
-                                })] })) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "\u5C1A\u672A\u8BB0\u5F55\u56FE\u8BB0\u5FC6\u3002Agent \u53EF\u8C03\u7528 graph_memory_record \u521B\u5EFA\u4EFB\u52A1\u3001\u6280\u80FD\u6216\u4E8B\u4EF6\u8282\u70B9\u3002" })), recentRelations.length > 0 ? (_jsxs("div", { className: "grid gap-1 rounded-lg border border-[#edf0f3] bg-[#fbfcfd] px-3 py-2", children: [_jsxs("span", { className: "text-[9px] uppercase tracking-[0.08em] text-[#687381]", children: ["\u6700\u8FD1\u5173\u7CFB ", Math.min(recentRelations.length, 3), " / ", value(data?.relations ?? recentRelations.length)] }), recentRelations.slice(0, 3).map((entry, index) => {
-                                    const relation = entry !== null && typeof entry === "object" ? entry : {};
-                                    return (_jsxs("div", { className: "flex min-w-0 items-center gap-1.5 font-mono text-[9px] text-[#65707b]", children: [_jsx("span", { className: "truncate", children: value(relation.fromLabel ?? relation.from ?? "节点") }), _jsxs("span", { className: "shrink-0 text-[#3565c5]", children: ["\u2014", value(relation.relation ?? "RELATED_TO"), "\u2192"] }), _jsx("span", { className: "truncate", children: value(relation.toLabel ?? relation.to ?? "节点") })] }, `${value(relation.id ?? "relation")}-${index}`));
-                                })] })) : null] }));
-            })()) : panel.id === "taskboard-panel" ? ((() => {
-                const counts = data?.counts !== null && typeof data?.counts === "object" ? data.counts : {};
-                const recent = Array.isArray(data?.recent) ? data.recent : [];
-                const lanes = [
-                    ["待办", "todo", "bg-[#edf3fe] text-[#315fb8]"],
-                    ["进行中", "in_progress", "bg-[#fff4e5] text-[#a15c00]"],
-                    ["待验收", "in_review", "bg-[#f0edff] text-[#6b4fc3]"],
-                    ["已完成", "done", "bg-[#eaf8f0] text-[#14733f]"],
-                ];
-                return (_jsxs("div", { className: "mt-3 grid gap-3", children: [_jsxs("div", { className: "flex items-center justify-between rounded-lg border border-[#e3eaf8] bg-[#f6f8ff] px-3 py-2 text-[10px]", children: [_jsx("span", { className: "text-[#65707b]", children: "\u5F53\u524D\u5DE5\u4F5C\u533A\u4EFB\u52A1" }), _jsxs("strong", { className: "font-mono text-[#3565c5]", children: [value(data?.total ?? 0), " \u4E2A"] })] }), _jsx("div", { className: "grid grid-cols-2 gap-2", children: lanes.map(([label, key, color]) => (_jsx("div", { className: "rounded-lg border border-[#edf0f3] bg-[#f8fafc] px-3 py-2", children: _jsxs("div", { className: "flex items-center justify-between text-[10px] text-[#687381]", children: [_jsx("span", { children: label }), _jsx("span", { className: `rounded px-1.5 py-0.5 ${color}`, children: value(counts[key] ?? 0) })] }) }, key))) }), recent.length > 0 ? (_jsxs("ul", { className: "grid gap-1.5", children: [_jsxs("li", { className: "text-[9px] uppercase tracking-[0.08em] text-[#687381]", children: ["\u6700\u8FD1\u4EFB\u52A1 ", Math.min(recent.length, 5), " / ", value(data?.total ?? recent.length)] }), recent.slice(0, 5).map((entry, index) => {
-                                    const task = entry !== null && typeof entry === "object" ? entry : {};
-                                    const status = typeof task.status === "string" ? task.status : "unknown";
-                                    const priority = typeof task.priority === "string" ? task.priority : "medium";
-                                    const statusLabel = status === "backlog"
-                                        ? "待规划"
-                                        : status === "todo"
-                                            ? "待办"
-                                            : status === "in_progress"
-                                                ? "进行中"
-                                                : status === "in_review"
-                                                    ? "待验收"
-                                                    : status === "blocked"
-                                                        ? "阻塞"
-                                                        : status === "canceled"
-                                                            ? "已取消"
-                                                            : status === "done"
-                                                                ? "已完成"
-                                                                : "未知";
-                                    const statusClass = status === "done"
-                                        ? "bg-[#eaf8f0] text-[#14733f]"
-                                        : status === "blocked" || status === "canceled"
-                                            ? "bg-[#fff5f5] text-[#b42318]"
-                                            : status === "unknown"
-                                                ? "bg-[#f2f3f5] text-[#65707b]"
-                                                : "bg-[#edf3fe] text-[#315fb8]";
-                                    return (_jsxs("li", { className: "rounded-lg border border-[#edf0f3] bg-white px-3 py-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("code", { className: "font-mono text-[10px] text-[#3565c5]", children: value(task.key ?? "PIH-?") }), _jsx("strong", { className: "min-w-0 flex-1 truncate text-[11px] text-[#30343b]", children: value(task.title ?? "未命名任务") }), _jsx("span", { className: `rounded px-1.5 py-0.5 text-[9px] ${statusClass}`, children: statusLabel })] }), _jsxs("div", { className: "mt-1 flex items-center gap-2 text-[9px] text-[#687381]", children: [_jsxs("span", { children: ["\u4F18\u5148\u7EA7 ", priority] }), task.dueDate ? _jsxs("span", { children: ["\u622A\u6B62 ", value(task.dueDate)] }) : null] })] }, `${value(task.id ?? "task")}-${index}`));
-                                })] })) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "\u5C1A\u672A\u521B\u5EFA\u4EFB\u52A1\u3002Agent \u53EF\u8C03\u7528 taskboard_create \u521B\u5EFA\u5E26\u7A33\u5B9A\u7F16\u53F7\u7684\u4EFB\u52A1\u3002" }))] }));
-            })()) : panel.id === "skill-catalog-panel" ? ((() => {
-                const skills = Array.isArray(data?.skills) ? data.skills : [];
-                const servers = Array.isArray(data?.mcpServers) ? data.mcpServers : [];
-                const diagnostics = Array.isArray(data?.diagnostics) ? data.diagnostics : [];
-                return (_jsxs("div", { className: "mt-3 grid gap-3", children: [_jsxs("div", { className: "grid grid-cols-2 gap-2", children: [_jsxs("div", { className: "rounded-lg border border-[#e3eaf8] bg-[#f6f8ff] px-3 py-2", children: [_jsx("span", { className: "block text-[10px] text-[#687381]", children: "Skills" }), _jsx("strong", { className: "mt-1 block font-mono text-[17px] text-[#315fb8]", children: value(data?.skillCount ?? 0) })] }), _jsxs("div", { className: "rounded-lg border border-[#e3eaf8] bg-[#f6f8ff] px-3 py-2", children: [_jsx("span", { className: "block text-[10px] text-[#687381]", children: "MCP \u670D\u52A1\u5668" }), _jsx("strong", { className: "mt-1 block font-mono text-[17px] text-[#315fb8]", children: value(data?.mcpCount ?? 0) })] })] }), skills.length > 0 ? (_jsx("ul", { className: "grid gap-1.5", children: skills.slice(0, 8).map((entry, index) => {
-                                const item = entry !== null && typeof entry === "object" ? entry : {};
-                                return (_jsxs("li", { className: "rounded-lg border border-[#edf0f3] bg-white px-3 py-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("strong", { className: "min-w-0 flex-1 truncate text-[11px] text-[#30343b]", children: value(item.name, "未命名技能") }), _jsx("span", { className: "rounded bg-[#f2f3f5] px-1.5 py-0.5 text-[9px] text-[#65707b]", children: value(item.scope, "unknown") })] }), _jsx("p", { className: "mt-1 line-clamp-2 text-[10px] text-[#687381]", children: value(item.description, "无描述") })] }, `${value(item.name ?? "skill")}-${index}`));
-                            }) })) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "\u5F53\u524D\u8FD0\u884C\u65F6\u6CA1\u6709\u52A0\u8F7D Skill\u3002" })), servers.length > 0 ? (_jsxs("div", { children: [_jsx("div", { className: "mb-1 text-[10px] font-semibold text-[#65707b]", children: "MCP \u72B6\u6001" }), _jsx("ul", { className: "grid gap-1.5", children: servers.slice(0, 6).map((entry, index) => {
-                                        const item = entry !== null && typeof entry === "object" ? entry : {};
-                                        const running = item.status === "running";
-                                        return (_jsxs("li", { className: "flex items-center justify-between rounded-lg border border-[#edf0f3] bg-white px-3 py-2 text-[10px]", children: [_jsx("span", { className: "truncate font-mono text-[#65707b]", children: value(item.id, "未命名服务器") }), _jsx("span", { className: `rounded px-1.5 py-0.5 ${running ? "bg-[#eaf8f0] text-[#14733f]" : "bg-[#f2f3f5] text-[#65707b]"}`, children: value(item.status, "unknown") })] }, `${value(item.id ?? "server")}-${index}`));
-                                    }) })] })) : null, diagnostics.length > 0 ? (_jsxs("div", { className: "rounded-lg border border-[#fff0c2] bg-[#fffaf0] px-3 py-2 text-[10px] text-[#8a5a00]", children: ["\u8D44\u6E90\u8BCA\u65AD\uFF1A", diagnostics.length, " \u6761\u8B66\u544A"] })) : null, _jsx("div", { className: "text-[10px] text-[#687381]", children: "\u53EA\u8BFB\u67E5\u770B runtime \u5DF2\u52A0\u8F7D\u7684 Skill \u4E0E MCP \u72B6\u6001\uFF1B\u914D\u7F6E\u5199\u5165\u4ECD\u7531\u5404\u81EA\u63D2\u4EF6\u8D1F\u8D23\u3002" })] }));
-            })()) : panel.id === "cost-meter-panel" ? ((() => {
-                const budget = typeof data?.budget === "number" ? data.budget : null;
-                const budgetPercent = typeof data?.budgetPercent === "number" ? data.budgetPercent : null;
-                const entries = Array.isArray(data?.entries) ? data.entries : [];
-                const budgetClass = budgetPercent !== null && budgetPercent >= 100
-                    ? "text-[#b42318]"
-                    : budgetPercent !== null && budgetPercent >= 80
-                        ? "text-[#a15c00]"
-                        : "text-[#14733f]";
-                return (_jsxs("div", { className: "mt-3 grid gap-3", children: [_jsx("div", { className: "grid grid-cols-3 gap-2", children: [
-                                ["今日", `$${Number(data?.todayCost ?? 0).toFixed(4)}`],
-                                ["当前会话", `$${Number(data?.sessionCost ?? 0).toFixed(4)}`],
-                                ["累计", `$${Number(data?.lifetimeCost ?? 0).toFixed(4)}`],
-                            ].map(([label, item]) => (_jsxs("div", { className: "rounded-lg bg-[#f6f8fa] px-3 py-2", children: [_jsx("span", { className: "block text-[10px] text-[#687381]", children: value(label) }), _jsx("strong", { className: "mt-1 block font-mono text-[15px] font-semibold text-[#30343b]", children: value(item) })] }, value(label)))) }), _jsxs("div", { className: "rounded-lg border border-[#e3eaf8] bg-[#f6f8ff] px-3 py-3", children: [_jsxs("div", { className: "flex items-center justify-between text-[11px]", children: [_jsx("span", { className: "text-[#65707b]", children: "\u6BCF\u65E5\u9884\u7B97" }), _jsx("strong", { className: budgetClass, children: budget === null ? "未设置" : `$${budget.toFixed(4)} · ${budgetPercent?.toFixed(2) ?? "0.00"}%` })] }), budget !== null ? (_jsx("div", { className: "mt-2 h-1.5 overflow-hidden rounded-full bg-[#dfe8f7]", children: _jsx("div", { className: `h-full ${budgetPercent !== null && budgetPercent >= 100 ? "bg-[#d64545]" : "bg-[#4c83e8]"}`, style: { width: `${Math.min(100, budgetPercent ?? 0)}%` } }) })) : null] }), entries.length > 0 ? (_jsx("ul", { className: "grid gap-1.5", children: entries.slice(0, 5).map((entry, index) => {
-                                const item = entry !== null && typeof entry === "object" ? entry : {};
-                                return (_jsxs("li", { className: "flex items-center justify-between rounded-lg border border-[#edf0f3] bg-white px-3 py-2 text-[10px]", children: [_jsx("span", { className: "truncate font-mono text-[#65707b]", children: value(item.sessionId ?? "未知会话") }), _jsxs("strong", { className: "font-mono text-[#30343b]", children: ["$", Number(item.cost ?? 0).toFixed(4)] })] }, `${value(item.sessionId ?? "session")}-${index}`));
-                            }) })) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "\u5C1A\u672A\u8BB0\u5F55\u5DF2\u5B8C\u6210\u4F1A\u8BDD\u3002Agent \u53EF\u8C03\u7528 cost_report \u7684 refresh \u64CD\u4F5C\u5199\u5165\u8D26\u672C\u3002" })), _jsx("div", { className: "text-[10px] text-[#687381]", children: "\u4EC5\u8BB0\u5F55\u8FD0\u884C\u65F6\u62A5\u544A\u7684\u5B9E\u9645\u6210\u672C\uFF0C\u4E0D\u5185\u7F6E\u6216\u731C\u6D4B\u6A21\u578B\u4EF7\u683C\u3002" })] }));
-            })()) : panel.id === "undo-savepoint-panel" ? ((() => {
-                const savepoints = Array.isArray(data?.savepoints) ? data.savepoints : [];
-                return (_jsxs("div", { className: "mt-3 grid gap-3", children: [_jsxs("div", { className: "grid grid-cols-2 gap-2", children: [_jsxs("div", { className: "rounded-lg border border-[#e3eaf8] bg-[#f6f8ff] px-3 py-2", children: [_jsx("span", { className: "block text-[10px] text-[#687381]", children: "\u4FDD\u5B58\u70B9" }), _jsx("strong", { className: "mt-1 block font-mono text-[17px] text-[#315fb8]", children: value(data?.count ?? savepoints.length) })] }), _jsxs("div", { className: "rounded-lg border border-[#e3eaf8] bg-[#f6f8ff] px-3 py-2", children: [_jsx("span", { className: "block text-[10px] text-[#687381]", children: "\u8DDF\u8E2A\u8DEF\u5F84" }), _jsx("strong", { className: "mt-1 block font-mono text-[17px] text-[#315fb8]", children: value(Array.isArray(data?.trackedPaths) ? data.trackedPaths.length : 0) })] })] }), savepoints.length > 0 ? (_jsx("ul", { className: "grid gap-1.5", children: savepoints.slice(0, 6).map((entry, index) => {
-                                const item = entry !== null && typeof entry === "object" ? entry : {};
-                                return (_jsx("li", { className: "rounded-lg border border-[#edf0f3] bg-white px-3 py-2", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("code", { className: "font-mono text-[10px] text-[#3565c5]", children: value(item.id, "unknown") }), _jsx("strong", { className: "min-w-0 flex-1 truncate text-[11px] text-[#30343b]", children: value(item.reason, "manual savepoint") }), _jsxs("span", { className: "text-[9px] text-[#687381]", children: [value(item.fileCount, "0"), " \u6587\u4EF6"] })] }) }, `${value(item.id ?? "savepoint")}-${index}`));
-                            }) })) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "\u5C1A\u672A\u521B\u5EFA\u4FDD\u5B58\u70B9\u3002\u4FEE\u6539\u914D\u7F6E\u6216\u63D2\u4EF6\u4EE3\u7801\u524D\uFF0C\u8BA9 Agent \u8C03\u7528 undo_savepoint \u7684 save \u64CD\u4F5C\u3002" })), _jsx("div", { className: "text-[10px] text-[#687381]", children: "\u6062\u590D\u64CD\u4F5C\u8981\u6C42 confirm=true\uFF1B\u654F\u611F\u6587\u4EF6\u3001\u4E8C\u8FDB\u5236\u6587\u4EF6\u548C\u4F9D\u8D56\u76EE\u5F55\u4E0D\u4F1A\u8FDB\u5165\u4FDD\u5B58\u70B9\u3002" })] }));
-            })()) : panel.id === "annotation-panel" ? ((() => {
-                const annotations = Array.isArray(data?.annotations) ? data.annotations : [];
-                const lastPrompt = typeof data?.lastPrompt === "string" ? data.lastPrompt : "";
-                return (_jsxs("div", { className: "mt-3 grid gap-3", children: [_jsxs("div", { className: "flex items-center justify-between rounded-lg border border-[#e3eaf8] bg-[#f6f8ff] px-3 py-2 text-[10px]", children: [_jsx("span", { className: "text-[#65707b]", children: "\u5F85\u53D1\u9001\u6279\u6CE8" }), _jsxs("strong", { className: "font-mono text-[#3565c5]", children: [value(data?.count ?? 0), " \u6761"] })] }), annotations.length > 0 ? (_jsx("ol", { className: "grid gap-1.5", children: annotations.slice(0, 8).map((entry, index) => {
-                                const item = entry !== null && typeof entry === "object" ? entry : {};
-                                return (_jsxs("li", { className: "rounded-lg border border-[#edf0f3] bg-white px-3 py-2", children: [_jsxs("div", { className: "flex items-start gap-2 text-[10px]", children: [_jsxs("span", { className: "rounded bg-[#edf3fe] px-1.5 py-0.5 font-mono text-[#315fb8]", children: ["#", value(item.id ?? index + 1)] }), _jsx("p", { className: "min-w-0 flex-1 whitespace-pre-wrap text-[#30343b]", children: value(item.quote, "") })] }), item.note ? _jsx("p", { className: "mt-1 pl-8 text-[10px] text-[#687381]", children: value(item.note) }) : null] }, `${value(item.id ?? index)}-${index}`));
-                            }) })) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "\u5C1A\u672A\u6536\u96C6\u6279\u6CE8\u3002Agent \u53EF\u8C03\u7528 annotation_manage \u7684 add \u64CD\u4F5C\u8BB0\u5F55\u56DE\u590D\u7247\u6BB5\u3002" })), lastPrompt ? (_jsxs("details", { className: "rounded-lg border border-[#e3e7ee] bg-white px-3 py-2 text-[10px]", children: [_jsx("summary", { className: "cursor-pointer text-[#65707b]", children: "\u6700\u8FD1\u751F\u6210\u7684\u63D0\u95EE\u4E0A\u4E0B\u6587" }), _jsx("pre", { className: "mt-2 max-h-40 overflow-auto whitespace-pre-wrap text-[10px] text-[#30343b]", children: lastPrompt })] })) : null, _jsx("div", { className: "text-[10px] text-[#687381]", children: "\u6279\u6CE8\u6309\u7F16\u53F7\u7D2F\u79EF\uFF1B\u751F\u6210\u4E0A\u4E0B\u6587\u4E0D\u4F1A\u6539\u5199\u539F\u4F1A\u8BDD\u6D88\u606F\u3002" })] }));
-            })()) : panel.id === "runtime-doctor-panel" ? ((() => {
-                const status = value(data?.status ?? "unknown");
-                const checks = Array.isArray(data?.checks) ? data.checks : [];
-                const recommendations = Array.isArray(data?.recommendations) ? data.recommendations : [];
-                const statusClass = status === "ok" ? "bg-[#eaf8f0] text-[#14733f]" : status === "warning" ? "bg-[#fff7e8] text-[#a15c00]" : "bg-[#fff0f0] text-[#b42318]";
-                return (_jsxs("div", { className: "mt-3 grid gap-3", children: [_jsxs("div", { className: "flex items-center justify-between rounded-lg border border-[#e3eaf8] bg-[#f6f8ff] px-3 py-2", children: [_jsx("span", { className: "text-[11px] text-[#65707b]", children: "\u8FD0\u884C\u65F6\u8FB9\u754C\u68C0\u67E5" }), _jsx("span", { className: `rounded px-2 py-0.5 font-mono text-[10px] uppercase ${statusClass}`, children: status })] }), _jsx("div", { className: "grid gap-1.5", children: checks.map((entry, index) => {
-                                const check = entry !== null && typeof entry === "object" ? entry : {};
-                                const checkStatus = value(check.status ?? "unknown");
-                                const checkClass = checkStatus === "ok"
-                                    ? "bg-[#eaf8f0] text-[#14733f]"
-                                    : checkStatus === "warning"
-                                        ? "bg-[#fff7e8] text-[#a15c00]"
-                                        : "bg-[#fff0f0] text-[#b42318]";
-                                return (_jsxs("div", { className: "flex items-center gap-2 rounded-lg border border-[#edf0f3] bg-white px-3 py-2 text-[10px]", children: [_jsx("span", { className: `h-1.5 w-1.5 shrink-0 rounded-full ${checkStatus === "ok" ? "bg-[#22c55e]" : checkStatus === "warning" ? "bg-[#e6a21a]" : "bg-[#d64545]"}` }), _jsx("code", { className: "w-20 shrink-0 text-[#65707b]", children: value(check.id ?? "check") }), _jsx("span", { className: "min-w-0 flex-1 truncate text-[#30343b]", children: value(check.detail ?? "—") }), _jsx("span", { className: `rounded px-1.5 py-0.5 font-mono ${checkClass}`, children: checkStatus })] }, `${value(check.id ?? "check")}-${index}`));
-                            }) }), recommendations.length > 0 ? (_jsxs("div", { className: "rounded-lg border border-[#f3dfab] bg-[#fffaf0] px-3 py-2 text-[10px] text-[#8a6200]", children: [_jsx("strong", { children: "\u5EFA\u8BAE" }), _jsx("ul", { className: "mt-1 grid gap-1 pl-4", children: recommendations.slice(0, 5).map((item, index) => (_jsx("li", { children: value(item) }, `${value(item)}-${index}`))) })] })) : null] }));
-            })()) : panel.id === "plugin-check-panel" ? ((() => {
-                const latest = data?.latest !== null && typeof data?.latest === "object" ? data.latest : undefined;
-                const checks = latest?.checks !== null && typeof latest?.checks === "object" ? latest.checks : undefined;
-                const errors = Array.isArray(latest?.errors) ? latest.errors : [];
-                const warnings = Array.isArray(latest?.warnings) ? latest.warnings : [];
-                const reports = Array.isArray(latest?.reports) ? latest.reports : [];
-                const schema = Array.isArray(latest?.checks) ? latest.checks : [];
-                const verdict = value(latest?.verdict ?? "—");
-                const verdictClass = verdict === "pass" ? "bg-[#eaf8f0] text-[#14733f]" : verdict === "warn" ? "bg-[#fff7e8] text-[#a15c00]" : "bg-[#fff0f0] text-[#b42318]";
-                return (_jsxs("div", { className: "mt-3 grid gap-3", children: [latest?.scanned !== undefined ? (_jsxs("div", { className: "flex items-center justify-between rounded-lg border border-[#e3eaf8] bg-[#f6f8ff] px-3 py-2 text-[10px]", children: [_jsx("span", { className: "text-[#65707b]", children: "\u76EE\u5F55\u626B\u63CF" }), _jsxs("strong", { className: "font-mono text-[#3565c5]", children: [value(latest.scanned), " \u4E2A\u4ED3\u5E93"] })] })) : latest?.verdict !== undefined ? (_jsxs("div", { className: "flex items-center justify-between rounded-lg border border-[#e3e7ee] bg-[#f8fafc] px-3 py-2 text-[10px]", children: [_jsx("span", { className: "truncate text-[#65707b]", children: value(latest.repo ?? "当前插件") }), _jsx("span", { className: `rounded px-1.5 py-0.5 font-mono ${verdictClass}`, children: verdict })] })) : schema.length > 0 ? (_jsxs("div", { className: "rounded-lg border border-[#e3eaf8] bg-[#f6f8ff] px-3 py-2 text-[10px] text-[#65707b]", children: ["\u68C0\u67E5\u6E05\u5355\uFF1A", schema.length, " \u9879"] })) : null, checks ? (_jsx("div", { className: "grid grid-cols-3 gap-2", children: [
-                                ["通过", checks.passed ?? 0],
-                                ["失败", checks.failed ?? 0],
-                                ["警告", checks.warned ?? 0],
-                            ].map(([label, count]) => (_jsxs("div", { className: "rounded-lg border border-[#edf0f3] bg-[#f8fafc] px-3 py-2", children: [_jsx("span", { className: "block text-[10px] text-[#687381]", children: value(label) }), _jsx("strong", { className: "mt-1 block font-mono text-[17px] text-[#30343b]", children: value(count) })] }, value(label)))) })) : null, reports.length > 0 ? (_jsx("ul", { className: "grid gap-1.5", children: reports.slice(0, 6).map((entry, index) => {
-                                const report = entry !== null && typeof entry === "object" ? entry : {};
-                                const state = value(report.verdict ?? "—");
-                                return (_jsxs("li", { className: "flex items-center justify-between rounded-lg border border-[#edf0f3] bg-white px-3 py-2 text-[10px]", children: [_jsx("span", { className: "truncate font-mono text-[#65707b]", children: value(report.repo ?? "未知仓库") }), _jsx("span", { className: `rounded px-1.5 py-0.5 ${state === "pass" ? "bg-[#eaf8f0] text-[#14733f]" : state === "warn" ? "bg-[#fff7e8] text-[#a15c00]" : "bg-[#fff0f0] text-[#b42318]"}`, children: state })] }, `${value(report.repo ?? "repo")}-${index}`));
-                            }) })) : errors.length > 0 || warnings.length > 0 ? (_jsx("ul", { className: "grid gap-1.5", children: [...errors, ...warnings].slice(0, 5).map((entry, index) => {
-                                const item = entry !== null && typeof entry === "object" ? entry : {};
-                                return (_jsxs("li", { className: "rounded-lg border border-[#edf0f3] bg-white px-3 py-2 text-[10px]", children: [_jsx("strong", { className: "font-mono text-[#b42318]", children: value(item.code ?? "issue") }), _jsx("p", { className: "mt-1 text-[#65707b]", children: value(item.message, "") })] }, `${value(item.code ?? "issue")}-${index}`));
-                            }) })) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "\u5C1A\u672A\u68C0\u67E5\u63D2\u4EF6\u3002Agent \u53EF\u8C03\u7528 plugin_check \u6267\u884C check\u3001scan \u6216 schema\u3002" })), _jsx("div", { className: "text-[10px] text-[#687381]", children: "\u53EA\u8BFB\u68C0\u67E5\uFF0C\u4E0D\u4FEE\u6539\u3001\u4E0D\u6784\u5EFA\u88AB\u68C0\u4ED3\u5E93\u3002" })] }));
-            })()) : panel.id === "plugin-radar-panel" ? ((() => {
-                const results = Array.isArray(data?.results) ? data.results : [];
-                return (_jsxs("div", { className: "mt-3 grid gap-3", children: [_jsxs("div", { className: "flex items-center justify-between rounded-lg border border-[#e3eaf8] bg-[#f6f8ff] px-3 py-2 text-[10px]", children: [_jsx("span", { className: "text-[#65707b]", children: "GitHub DSH \u751F\u6001" }), _jsxs("span", { className: "font-mono text-[#3565c5]", children: [value(data?.total ?? 0), " \u4E2A\u4ED3\u5E93 \u00B7 ", Array.isArray(data?.sources) ? data.sources.length : 0, " \u4E2A\u6765\u6E90"] })] }), data?.query ? _jsxs("div", { className: "text-[11px] text-[#65707b]", children: ["\u67E5\u8BE2\uFF1A", value(data.query)] }) : null, results.length > 0 ? (_jsx("ol", { className: "grid gap-1.5", children: results.slice(0, 8).map((entry, index) => {
-                                const item = entry !== null && typeof entry === "object" ? entry : {};
-                                const topics = Array.isArray(item.topics) ? item.topics.filter((topic) => typeof topic === "string").slice(0, 3) : [];
-                                const url = typeof item.url === "string" ? item.url : undefined;
-                                return (_jsxs("li", { className: "rounded-lg border border-[#edf0f3] bg-white px-3 py-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "w-4 shrink-0 text-right font-mono text-[10px] text-[#687381]", children: index + 1 }), url ? (_jsx("a", { className: "min-w-0 flex-1 truncate font-mono text-[11px] text-[#315fb8] hover:underline", href: url, rel: "noreferrer", target: "_blank", children: value(item.fullName ?? item.name ?? "未知仓库") })) : (_jsx("strong", { className: "min-w-0 flex-1 truncate font-mono text-[11px] text-[#30343b]", children: value(item.fullName ?? item.name ?? "未知仓库") })), _jsxs("span", { className: "shrink-0 font-mono text-[10px] text-[#a15c00]", children: ["\u2605 ", value(item.stars ?? 0)] })] }), _jsx("p", { className: "mt-1 truncate pl-6 text-[10px] text-[#65707b]", children: value(item.description, "暂无描述") }), _jsxs("div", { className: "mt-1 flex min-w-0 items-center gap-2 pl-6 text-[9px] text-[#687381]", children: [item.language ? _jsx("span", { children: value(item.language) }) : null, item.updatedAt ? _jsxs("span", { className: "font-mono", children: ["\u66F4\u65B0 ", value(item.updatedAt)] }) : null, topics.length > 0 ? _jsx("span", { className: "truncate", children: topics.map((topic) => `#${topic}`).join(" ") }) : null] })] }, `${value(item.fullName ?? "repo")}-${index}`));
-                            }) })) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "\u5C1A\u672A\u641C\u7D22\u63D2\u4EF6\u3002Agent \u53EF\u8C03\u7528 plugin_radar_search \u4ECE GitHub \u53D1\u73B0 DSH \u63D2\u4EF6\u3002" })), _jsx("div", { className: "text-[10px] text-[#687381]", children: "\u53EA\u8BFB GitHub \u641C\u7D22\uFF0C\u6309 Star \u964D\u5E8F\uFF1B\u4E0D\u4F1A\u5B89\u88C5\u3001\u6267\u884C\u6216\u4FEE\u6539\u7B2C\u4E09\u65B9\u4ED3\u5E93\u3002" })] }));
-            })()) : panel.id === "hol-guard-panel" ? ((() => {
-                const receipts = Array.isArray(data?.receipts) ? data.receipts : [];
-                const latest = data?.latest !== null && typeof data?.latest === "object" ? data.latest : undefined;
-                const riskLabel = (risk) => (risk === "blocked" ? "已阻断" : risk === "review" ? "需复核" : "安全");
-                const riskClass = (risk) => risk === "blocked" ? "bg-[#fff0f0] text-[#b42318]" : risk === "review" ? "bg-[#fff7e8] text-[#a15c00]" : "bg-[#eaf8f0] text-[#14733f]";
-                return (_jsxs("div", { className: "mt-3 grid gap-3", children: [_jsx("div", { className: "grid grid-cols-3 gap-2", children: [
-                                ["已阻断", data?.blocked ?? 0],
-                                ["需复核", data?.review ?? 0],
-                                ["安全", data?.safe ?? 0],
-                            ].map(([label, count]) => (_jsxs("div", { className: "rounded-lg border border-[#edf0f3] bg-[#f8fafc] px-3 py-2", children: [_jsx("span", { className: "block text-[10px] text-[#687381]", children: value(label) }), _jsx("strong", { className: "mt-1 block font-mono text-[17px] text-[#30343b]", children: value(count) })] }, value(label)))) }), latest ? (_jsxs("div", { className: `flex items-center justify-between rounded-lg border border-[#e3e7ee] px-3 py-2 text-[10px] ${riskClass(latest.risk)}`, children: [_jsxs("span", { children: ["\u6700\u8FD1\u4E00\u6B21\uFF1A", value(latest.source, "unknown")] }), _jsxs("strong", { children: [riskLabel(latest.risk), " \u00B7 ", value(latest.findings && Array.isArray(latest.findings) ? latest.findings.length : 0), " \u9879"] })] })) : null, receipts.length > 0 ? (_jsxs("ul", { className: "grid gap-1.5", children: [_jsx("li", { className: "text-[9px] uppercase tracking-[0.08em] text-[#687381]", children: "\u6700\u8FD1\u98CE\u9669\u6458\u8981" }), receipts.slice(0, 8).map((entry, index) => {
-                                    const receipt = entry !== null && typeof entry === "object" ? entry : {};
-                                    const findings = Array.isArray(receipt.findings) ? receipt.findings : [];
-                                    return (_jsxs("li", { className: "flex items-center gap-2 rounded-lg border border-[#edf0f3] bg-white px-3 py-2 text-[10px]", children: [_jsx("span", { className: `rounded px-1.5 py-0.5 ${riskClass(receipt.risk)}`, children: riskLabel(receipt.risk) }), _jsx("span", { className: "min-w-0 flex-1 truncate font-mono text-[#65707b]", children: value(receipt.source, "unknown") }), _jsxs("span", { className: "text-[#687381]", children: [findings.length, " \u9879"] })] }, `${value(receipt.source)}-${index}`));
-                                })] })) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "\u5C1A\u672A\u6536\u5230\u5DE5\u5177\u8C03\u7528\u3002Agent \u53EF\u8C03\u7528 hol_guard_scan \u9884\u68C0\u547D\u4EE4\u6216\u6587\u672C\u3002" })), _jsx("div", { className: "text-[10px] text-[#687381]", children: "\u4EC5\u4FDD\u5B58\u98CE\u9669\u6458\u8981\u548C\u8BA1\u6570\uFF0C\u4E0D\u4FDD\u5B58\u547D\u4EE4\u3001\u8DEF\u5F84\u6216\u51ED\u636E\u539F\u6587\uFF1B\u5F53\u524D\u6A21\u5F0F\u4E3A\u5BA1\u8BA1\u3002" })] }));
-            })()) : panel.id === "synapse-panel" ? ((() => {
-                const nodes = Array.isArray(data?.nodes) ? data.nodes : [];
-                const edges = Array.isArray(data?.edges) ? data.edges : [];
-                const nodeById = new Map(nodes.filter((entry) => entry !== null && typeof entry === "object").map((entry) => [value(entry.id), entry]));
-                return (_jsxs("div", { className: "mt-3 grid gap-3", children: [_jsx("div", { className: "grid grid-cols-3 gap-2", children: [
-                                ["会话", data?.nodes ?? 0],
-                                ["分支", data?.edges ?? 0],
-                                ["孤儿", data?.orphanCount ?? 0],
-                            ].map(([label, count]) => (_jsxs("div", { className: "rounded-lg border border-[#edf0f3] bg-[#f8fafc] px-3 py-2", children: [_jsx("span", { className: "block text-[10px] text-[#687381]", children: value(label) }), _jsx("strong", { className: "mt-1 block font-mono text-[17px] text-[#30343b]", children: value(count) })] }, value(label)))) }), data?.activeSessionId ? (_jsxs("div", { className: "rounded-lg border border-[#b9d0ff] bg-[#f1f6ff] px-3 py-2 text-[10px] text-[#315fb8]", children: ["\u5F53\u524D\u4F1A\u8BDD\uFF1A", _jsx("code", { className: "font-mono", children: value(data.activeSessionId) })] })) : null, nodes.length > 0 ? (_jsxs("ul", { className: "grid gap-1.5", children: [_jsxs("li", { className: "text-[9px] uppercase tracking-[0.08em] text-[#687381]", children: ["\u6700\u8FD1\u4F1A\u8BDD ", Math.min(nodes.length, 8), " / ", nodes.length] }), nodes.slice(0, 8).map((entry, index) => {
-                                    const node = entry !== null && typeof entry === "object" ? entry : {};
-                                    return (_jsxs("li", { className: `rounded-lg border px-3 py-2 ${node.active === true ? "border-[#b9d0ff] bg-[#f7faff]" : "border-[#edf0f3] bg-white"}`, children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: `h-2 w-2 shrink-0 rounded-full ${node.active === true ? "bg-[#3565c5]" : "bg-[#c4ccd6]"}` }), _jsx("strong", { className: "min-w-0 flex-1 truncate text-[11px] text-[#30343b]", children: value(node.label ?? node.sessionId ?? "未命名会话") }), _jsxs("span", { className: "font-mono text-[9px] text-[#687381]", children: [value(node.messageCount ?? 0), " \u6761\u6D88\u606F"] })] }), _jsxs("div", { className: "mt-1 flex items-center gap-2 text-[9px] text-[#687381]", children: [_jsx("span", { className: "min-w-0 flex-1 truncate font-mono", children: value(node.cwd ?? "未知工作区") }), _jsxs("span", { children: [value(node.branchCount ?? 0), " \u4E2A\u5206\u652F"] })] })] }, `${value(node.id ?? "session")}-${index}`));
-                                })] })) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "\u5F53\u524D\u5DE5\u4F5C\u533A\u8FD8\u6CA1\u6709\u53EF\u6295\u5F71\u7684\u6301\u4E45\u5316\u4F1A\u8BDD\u3002" })), edges.length > 0 ? (_jsxs("div", { className: "grid gap-1 rounded-lg border border-[#edf0f3] bg-[#fbfcfd] px-3 py-2", children: [_jsx("span", { className: "text-[9px] uppercase tracking-[0.08em] text-[#687381]", children: "Fork \u5173\u7CFB" }), edges.slice(0, 5).map((entry, index) => {
-                                    const edge = entry !== null && typeof entry === "object" ? entry : {};
-                                    const from = nodeById.get(value(edge.from));
-                                    const to = nodeById.get(value(edge.to));
-                                    return (_jsxs("div", { className: "flex min-w-0 items-center gap-1.5 font-mono text-[9px] text-[#65707b]", children: [_jsx("span", { className: "truncate", children: value(from?.label ?? edge.from) }), _jsx("span", { className: "shrink-0 text-[#3565c5]", children: "\u2192 fork \u2192" }), _jsx("span", { className: "truncate", children: value(to?.label ?? edge.to) })] }, `${value(edge.from)}-${value(edge.to)}-${index}`));
-                                })] })) : null, _jsx("div", { className: "text-[10px] text-[#687381]", children: "\u6570\u636E\u6765\u6E90\uFF1APi \u539F\u751F JSONL \u4F1A\u8BDD\uFF1BAgent \u53EF\u8C03\u7528 synapse_session_map \u5237\u65B0\u3002" })] }));
-            })()) : panel.id === "archify-panel" ? (_jsx("div", { className: "mt-3 grid gap-3", children: data?.latest && typeof data.latest === "object" ? ((() => {
-                    const report = data.latest;
-                    const components = Array.isArray(report.components) ? report.components : [];
-                    const dependencies = Array.isArray(report.dependencies) ? report.dependencies : [];
-                    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "grid grid-cols-2 gap-2", children: [_jsxs("div", { className: "rounded-lg bg-[#f6f8fa] px-3 py-2", children: [_jsx("span", { className: "block text-[10px] text-[#687381]", children: "\u7EC4\u4EF6" }), _jsx("strong", { className: "mt-1 block text-[17px] text-[#30343b]", children: value(components.length) })] }), _jsxs("div", { className: "rounded-lg bg-[#f6f8fa] px-3 py-2", children: [_jsx("span", { className: "block text-[10px] text-[#687381]", children: "\u5916\u90E8\u4F9D\u8D56" }), _jsx("strong", { className: "mt-1 block text-[17px] text-[#30343b]", children: value(dependencies.length) })] })] }), _jsx("div", { className: "grid gap-1.5", children: components.slice(0, 8).map((entry, index) => {
-                                    const component = entry !== null && typeof entry === "object" ? entry : {};
-                                    return (_jsxs("div", { className: "flex items-center gap-2 rounded-lg border border-[#edf0f3] bg-white px-3 py-2 text-[11px]", children: [_jsx("span", { className: "h-2 w-2 rounded-full bg-[#3565c5]" }), _jsx("span", { className: "min-w-0 flex-1 truncate font-mono text-[#30343b]", children: value(component.path ?? "组件") }), _jsxs("span", { className: "font-mono text-[10px] text-[#687381]", children: [value(component.files ?? 0), " files"] })] }, `${value(component.path ?? "component")}-${index}`));
-                                }) }), dependencies.length > 0 ? (_jsx("div", { className: "flex flex-wrap gap-1.5", children: dependencies.slice(0, 12).map((dependency, index) => (_jsx("span", { className: "rounded-md border border-[#dce5f5] bg-[#f6f8ff] px-2 py-1 font-mono text-[10px] text-[#315fb8]", children: value(dependency) }, `${value(dependency)}-${index}`))) })) : null, _jsx("pre", { className: "max-h-48 overflow-auto rounded-lg border border-[#edf0f3] bg-[#fbfcfd] p-3 text-[10px] leading-4 text-[#65707b]", children: value(report.mermaid, "") }), report.truncated === true ? _jsx("p", { className: "text-[10px] text-[#8a5a00]", children: "\u626B\u63CF\u8FBE\u5230\u8282\u70B9\u4E0A\u9650\uFF0C\u67B6\u6784\u56FE\u53EF\u80FD\u4E0D\u5B8C\u6574\u3002" }) : null] }));
-                })()) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "Agent \u53EF\u8C03\u7528 architecture_map \u751F\u6210\u5F53\u524D\u5DE5\u4F5C\u533A\u67B6\u6784\u56FE\u3002" })) })) : panel.id === "canvas-draw-panel" ? (_jsxs("div", { className: "mt-3 grid gap-3", children: [_jsxs("div", { className: "flex items-center justify-between rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px]", children: [_jsx("span", { className: "font-medium text-[#30343b]", children: "Mermaid \u6D41\u7A0B\u56FE" }), _jsxs("span", { className: "font-mono text-[#3565c5]", children: [value(data?.nodeCount ?? 0), " \u8282\u70B9 \u00B7 ", value(data?.edgeCount ?? 0), " \u8FDE\u7EBF"] })] }), data?.latest && typeof data.latest === "object" ? (_jsx("pre", { className: "max-h-48 overflow-auto rounded-lg border border-[#edf0f3] bg-[#fbfcfd] p-3 text-[10px] leading-4 text-[#65707b]", children: value(data.latest.mermaid, "") })) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "Agent \u53EF\u8C03\u7528 canvas_draw \u751F\u6210\u6D41\u7A0B\u56FE\u6E90\u7801\u3002" }))] })) : panel.id === "image-compressor-panel" ? (_jsxs("div", { className: "mt-3 grid gap-3", children: [_jsxs("div", { className: "flex items-center justify-between rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px]", children: [_jsx("span", { className: "font-medium text-[#30343b]", children: "PNG \u65E0\u635F\u538B\u7F29" }), _jsx("span", { className: "font-mono text-[#65707b]", children: "\u4E0A\u9650 32 MiB" })] }), data?.last && typeof data.last === "object" ? ((() => {
-                        const report = data.last;
-                        return (_jsxs("div", { className: "rounded-lg border border-[#b9e6c9] bg-[#f0fbf4] px-3 py-3 text-[11px] text-[#14733f]", children: [value(report.inputPath ?? "图片"), " \u2192 ", value(report.outputPath ?? "输出"), "\uFF0C\u8282\u7701 ", value(report.savedBytes ?? 0), " bytes"] }));
-                    })()) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "Agent \u53EF\u8C03\u7528 image_compress\uFF0C\u5199\u5165\u524D\u5FC5\u987B confirm=true\u3002" }))] })) : panel.id === "workspace-search-panel" ? (_jsxs("div", { className: "mt-3 grid gap-3", children: [_jsxs("div", { className: "flex items-center justify-between rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px]", children: [_jsx("span", { className: "font-medium text-[#30343b]", children: "\u5DE5\u4F5C\u533A\u6587\u672C\u68C0\u7D22" }), _jsxs("span", { className: "font-mono text-[#3565c5]", children: [value(data?.matchCount ?? 0), " \u4E2A\u5339\u914D"] })] }), data?.latest && typeof data.latest === "object" ? ((() => {
-                        const report = data.latest;
-                        const matches = Array.isArray(report.matches) ? report.matches : [];
-                        return matches.length > 0 ? (_jsx("ul", { className: "grid gap-1.5", children: matches.slice(0, 5).map((match, index) => {
-                                const item = match && typeof match === "object" ? match : {};
-                                return (_jsxs("li", { className: "rounded-lg border border-[#edf0f3] bg-white px-3 py-2", children: [_jsxs("strong", { className: "block truncate font-mono text-[10px] text-[#3565c5]", children: [value(item.path ?? "未知文件"), ":", value(item.line ?? "?")] }), _jsx("p", { className: "mt-1 truncate font-mono text-[10px] text-[#65707b]", children: value(item.text, "") })] }, `${value(item.path ?? "match")}-${index}`));
-                            }) })) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "\u6CA1\u6709\u627E\u5230\u5339\u914D\u5185\u5BB9\u3002" }));
-                    })()) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "Agent \u53EF\u8C03\u7528 workspace_search \u68C0\u7D22\u5F53\u524D\u5DE5\u4F5C\u533A\u3002" }))] })) : panel.id === "recall-unread-panel" ? (_jsxs("div", { className: "mt-3 grid gap-3", children: [_jsxs("div", { className: "flex items-center justify-between rounded-lg border border-[#dce5f5] bg-[#f6f8ff] px-3 py-3 text-[11px]", children: [_jsx("span", { className: "font-medium text-[#30343b]", children: "\u672A\u56DE\u7B54\u4F1A\u8BDD" }), _jsxs("strong", { className: "font-mono text-[#3565c5]", children: [value(data?.total ?? 0), " \u4E2A"] })] }), Array.isArray(data?.items) && data.items.length > 0 ? (_jsx("div", { className: "grid gap-2", children: data.items.slice(0, 8).map((item, index) => {
-                            const session = item !== null && typeof item === "object" ? item : {};
-                            return (_jsxs("div", { className: "rounded-lg border border-[#edf0f3] bg-white px-3 py-2", children: [_jsx("strong", { className: "block truncate text-[11px] text-[#30343b]", children: value(session.name ?? session.id ?? "未命名会话") }), _jsx("p", { className: "mt-1 line-clamp-2 text-[10px] leading-4 text-[#65707b]", children: value(session.message ?? "") })] }, `${value(session.id ?? "session")}-${index}`));
-                        }) })) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "\u6CA1\u6709\u4EE5\u672A\u56DE\u7B54\u7528\u6237\u6D88\u606F\u7ED3\u675F\u7684\u4F1A\u8BDD\u3002" }))] })) : panel.id === "turn-rewind-panel" ? (_jsxs("div", { className: "mt-3 grid gap-3", children: [data?.latest && typeof data.latest === "object" ? ((() => {
-                        const latest = data.latest;
-                        const target = latest.target !== null && typeof latest.target === "object" ? latest.target : {};
-                        const cancelled = latest.cancelled === true;
-                        return (_jsxs("div", { className: `rounded-lg border px-3 py-3 ${cancelled ? "border-[#f4dfb0] bg-[#fffaf0]" : "border-[#dce5f5] bg-[#f6f8ff]"}`, children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx("span", { className: "text-[10px] font-semibold uppercase tracking-[0.08em] text-[#687381]", children: "\u6700\u8FD1\u64CD\u4F5C" }), _jsx("span", { className: `rounded-full px-2 py-1 text-[10px] font-semibold ${cancelled ? "bg-[#fff0c7] text-[#9a6700]" : "bg-[#e8f8ee] text-[#14733f]"}`, children: cancelled ? "已取消" : "已回退" })] }), _jsx("p", { className: "mt-2 line-clamp-2 text-[11px] leading-4 text-[#30343b]", children: value(target.text ?? "未命名轮次") })] }));
-                    })()) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "\u8FD8\u6CA1\u6709\u6267\u884C\u56DE\u9000\u64CD\u4F5C\u3002" })), _jsxs("div", { className: "grid gap-2", children: [_jsx("span", { className: "text-[10px] font-semibold uppercase tracking-[0.08em] text-[#687381]", children: "\u53EF\u56DE\u9000\u8F6E\u6B21" }), (() => {
-                                const candidates = Array.isArray(data?.candidates) ? data.candidates : [];
-                                return candidates.length > 0 ? (candidates.slice(-8).map((item, index) => {
-                                    const candidate = item !== null && typeof item === "object" ? item : {};
-                                    return (_jsxs("div", { className: "flex items-start gap-2 rounded-lg border border-[#edf0f3] bg-white px-3 py-2", children: [_jsx("span", { className: "mt-0.5 font-mono text-[10px] text-[#3565c5]", children: candidates.length - index }), _jsx("span", { className: "line-clamp-2 min-w-0 flex-1 text-[11px] leading-4 text-[#65707b]", children: value(candidate.text ?? "未命名轮次") })] }, `${value(candidate.entryId ?? "turn")}-${index}`));
-                                })) : (_jsx("div", { className: "rounded-lg border border-[#edf0f3] bg-white px-3 py-3 text-[11px] text-[#687381]", children: "\u5F53\u524D\u4F1A\u8BDD\u8FD8\u6CA1\u6709\u53EF\u56DE\u9000\u7684\u7528\u6237\u8F6E\u6B21\u3002" }));
-                            })()] })] })) : panel.id === "skill-guard-panel" ? (_jsxs("div", { className: "mt-3 grid gap-3", children: [_jsx("div", { className: "grid grid-cols-3 gap-2", children: [
-                            ["已扫描", data?.total ?? 0],
-                            ["高风险", data?.blocked ?? 0],
-                            ["待复核", data?.review ?? 0],
-                        ].map(([label, item]) => (_jsxs("div", { className: "rounded-lg bg-[#f6f8fa] px-3 py-2", children: [_jsx("span", { className: "block text-[10px] text-[#687381]", children: value(label) }), _jsx("strong", { className: "mt-1 block text-[17px] font-semibold text-[#30343b]", children: value(item) })] }, value(label)))) }), _jsx("div", { className: "grid gap-2", children: Array.isArray(data?.reports) && data.reports.length > 0 ? (data.reports.slice(0, 8).map((item, index) => {
-                            const report = item !== null && typeof item === "object" ? item : {};
-                            const risk = report.risk;
-                            const findings = Array.isArray(report.findings) ? report.findings : [];
-                            return (_jsxs("div", { className: "rounded-lg border border-[#edf0f3] bg-white px-3 py-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: `h-2 w-2 rounded-full ${risk === "blocked" ? "bg-[#d64545]" : risk === "review" ? "bg-[#e0a11a]" : "bg-[#22a06b]"}` }), _jsx("strong", { className: "min-w-0 flex-1 truncate text-[11px] text-[#30343b]", children: value(report.name ?? "unknown") }), _jsx("span", { className: "text-[10px] text-[#687381]", children: risk === "blocked" ? "阻断" : risk === "review" ? "复核" : "安全" })] }), findings.length > 0 ? (_jsx("p", { className: "mt-1 truncate text-[10px] text-[#65707b]", children: findings
-                                            .map((finding) => finding !== null && typeof finding === "object" ? value(finding.code ?? "finding") : value(finding))
-                                            .join(" · ") })) : null] }, `${value(report.name ?? "skill")}-${index}`));
-                        })) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "\u6682\u65E0 Skill \u626B\u63CF\u7ED3\u679C\uFF0C\u53EF\u8BA9 Agent \u8C03\u7528 skill_guard_scan\u3002" })) })] })) : panel.id === "prompt-guard-panel" ? (_jsxs("div", { className: "mt-3 grid gap-3", children: [_jsxs("div", { className: `flex items-center justify-between rounded-lg border px-3 py-3 text-[11px] ${data?.risk === "blocked" ? "border-[#f4caca] bg-[#fff5f5] text-[#b42318]" : data?.risk === "review" ? "border-[#f3dfab] bg-[#fffaf0] text-[#9a6700]" : "border-[#b9e6c9] bg-[#f0fbf4] text-[#14733f]"}`, children: [_jsx("span", { children: data?.risk === "blocked" ? "高风险，需阻断" : data?.risk === "review" ? "需要人工复核" : "未发现风险" }), _jsxs("strong", { className: "font-mono", children: [value(data?.scans ?? 0), " \u6B21\u626B\u63CF"] })] }), data?.latest && typeof data.latest === "object" ? ((() => {
-                        const report = data.latest;
-                        const findings = Array.isArray(report.findings) ? report.findings : [];
-                        return findings.length > 0 ? (_jsx("ul", { className: "grid gap-1 rounded-lg border border-[#e3e7ee] bg-white px-4 py-3 text-[10px] text-[#65707b]", children: findings.slice(0, 4).map((finding, index) => {
-                                const item = finding && typeof finding === "object" ? finding : {};
-                                return (_jsxs("li", { children: [_jsx("strong", { className: "font-mono text-[#30343b]", children: value(item.code ?? "finding") }), "\uFF1A", value(item.message, "")] }, `${value(item.code ?? "finding")}-${index}`));
-                            }) })) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "\u6700\u8FD1\u4E00\u6B21\u626B\u63CF\u672A\u53D1\u73B0\u98CE\u9669\u3002" }));
-                    })()) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "Agent \u53EF\u8C03\u7528 prompt_guard_scan \u68C0\u67E5\u4E0D\u53EF\u4FE1\u6587\u672C\u3002" }))] })) : panel.id === "code2skill-panel" ? (_jsxs("div", { className: "mt-3 grid gap-3", children: [_jsxs("div", { className: "rounded-lg border border-[#e3eaf8] bg-[#f6f8ff] px-3 py-3", children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsx("span", { className: "text-[11px] font-semibold text-[#30343b]", children: "\u5DF2\u751F\u6210\u6280\u80FD" }), _jsx("strong", { className: "font-mono text-[12px] text-[#315fb8]", children: value(data?.generated ?? 0) })] }), data?.latest !== null && data?.latest !== undefined && typeof data.latest === "object" ? (_jsxs("p", { className: "mt-2 truncate text-[11px] text-[#65707b]", children: [value(data.latest.slug ?? "skill"), " \u00B7", " ", value(Array.isArray(data.latest.files) ? data.latest.files.length : 0), " ", "\u4E2A\u53C2\u8003\u6587\u4EF6"] })) : (_jsx("p", { className: "mt-2 text-[11px] text-[#687381]", children: "\u8FD8\u6CA1\u6709\u751F\u6210\u6280\u80FD\u3002\u53EF\u8BA9 Agent \u8C03\u7528 skill_pack_create\u3002" }))] }), _jsx("p", { className: "text-[10px] text-[#687381]", children: "\u8F93\u51FA\u76EE\u5F55\uFF1A\u9879\u76EE .pi/skills/<name>\uFF0C\u5305\u542B SKILL.md \u548C\u539F\u59CB\u53C2\u8003\u6587\u4EF6\u3002" })] })) : panel.id === "genui-panel" ? (_jsxs("div", { className: "mt-3 grid gap-3", children: [data?.latest !== null && data?.latest !== undefined && typeof data.latest === "object" ? ((() => {
-                        const report = data.latest;
-                        const blocks = Array.isArray(report.blocks) ? report.blocks : [];
-                        const toneClass = {
-                            neutral: "border-[#e3e7ee] bg-[#f6f8fa] text-[#65707b]",
-                            info: "border-[#d9e4f7] bg-[#f6f8ff] text-[#315fb8]",
-                            success: "border-[#b9e6c9] bg-[#f0fbf4] text-[#14733f]",
-                            warning: "border-[#f3dfab] bg-[#fffaf0] text-[#9a6700]",
-                            danger: "border-[#f4caca] bg-[#fff5f5] text-[#b42318]",
-                        };
-                        return (_jsxs("div", { className: "grid gap-2", children: [_jsxs("div", { className: "flex items-center justify-between text-[11px]", children: [_jsx("strong", { className: "text-[#30343b]", children: value(report.title ?? "结构化卡片") }), _jsxs("span", { className: "font-mono text-[#687381]", children: [value(data.rendered ?? 0), " \u6B21"] })] }), blocks.map((block, index) => {
-                                    const item = block && typeof block === "object" ? block : {};
-                                    const tone = value(item.tone ?? "neutral");
-                                    const blockValue = item.value;
-                                    return item.type === "progress" ? (_jsxs("div", { className: `rounded-lg border px-3 py-2 ${toneClass[tone] ?? toneClass.neutral}`, children: [_jsxs("div", { className: "flex items-center justify-between text-[10px]", children: [_jsx("span", { children: value(item.label ?? "进度") }), _jsxs("strong", { children: [value(blockValue ?? 0), "%"] })] }), _jsx("div", { className: "mt-1 h-1.5 overflow-hidden rounded-full bg-white/70", children: _jsx("div", { className: "h-full rounded-full bg-current", style: { width: `${Math.max(0, Math.min(100, Number(blockValue) || 0))}%` } }) })] }, `${value(item.label)}-${index}`)) : (_jsxs("div", { className: `flex items-center justify-between rounded-lg border px-3 py-2 text-[11px] ${toneClass[tone] ?? toneClass.neutral}`, children: [_jsx("span", { className: "text-[#65707b]", children: value(item.label, "") }), _jsx("strong", { children: value(blockValue, "") })] }, `${value(item.label)}-${index}`));
-                                })] }));
-                    })()) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "\u8FD8\u6CA1\u6709\u7ED3\u6784\u5316\u5361\u7247\u3002\u53EF\u8BA9 Agent \u8C03\u7528 genui_render\u3002" })), _jsx("p", { className: "text-[10px] text-[#687381]", children: "\u4EC5\u6E32\u67D3\u7ED3\u6784\u5316\u6587\u672C\u3001\u5FBD\u6807\u548C\u8FDB\u5EA6\u5757\uFF1BHTML \u4E0E\u811A\u672C\u6309\u666E\u901A\u6587\u672C\u5904\u7406\u3002" })] })) : panel.id === "anchored-standard-panel" ? (_jsxs("div", { className: "mt-3 grid gap-3", children: [(() => {
-                        const violations = Array.isArray(data?.violations) ? data.violations : [];
-                        const violated = data?.status === "violated";
-                        return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `flex items-center justify-between rounded-lg border px-3 py-3 text-[11px] ${violated ? "border-[#f4caca] bg-[#fff5f5] text-[#b42318]" : "border-[#b9e6c9] bg-[#f0fbf4] text-[#14733f]"}`, children: [_jsx("span", { children: violated ? "轨迹存在违规" : data?.status === "anchored" ? "运行已锚定" : "等待 Agent 运行" }), _jsxs("strong", { className: "font-mono", children: [value(data?.events ?? 0), " \u4E8B\u4EF6"] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-2 text-[10px] text-[#65707b]", children: [_jsxs("div", { className: "rounded-lg bg-[#f6f8fa] px-3 py-2", children: ["\u5DE5\u5177\u8C03\u7528 ", _jsx("strong", { className: "ml-1 text-[#30343b]", children: value(data?.toolCalls ?? 0) })] }), _jsxs("div", { className: "rounded-lg bg-[#f6f8fa] px-3 py-2", children: ["\u8FDD\u89C4\u9879 ", _jsx("strong", { className: "ml-1 text-[#30343b]", children: value(violations.length) })] })] }), violations.length > 0 ? (_jsx("ul", { className: "grid gap-1 rounded-lg border border-[#f4caca] bg-[#fffafa] px-3 py-2 text-[10px] text-[#b42318]", children: violations.slice(0, 4).map((item, index) => (_jsx("li", { children: value(item && typeof item === "object" ? (item.message ?? "违规") : item) }, `${value(item)}-${index}`))) })) : null] }));
-                    })(), _jsx("p", { className: "text-[10px] text-[#687381]", children: "\u53EF\u8BA9 Agent \u8C03\u7528 trajectory_anchor_check \u5BA1\u8BA1\u5F53\u524D\u6267\u884C\u8F68\u8FF9\u3002" })] })) : panel.id === "telemetry-blocker-panel" ? (_jsxs("div", { className: "mt-3 grid gap-3", children: [_jsxs("div", { className: "flex items-center justify-between rounded-lg border border-[#b9e6c9] bg-[#f0fbf4] px-3 py-3 text-[11px] text-[#14733f]", children: [_jsx("span", { children: "\u9065\u6D4B\u5DF2\u5173\u95ED" }), _jsxs("strong", { className: "font-mono", children: ["\u62E6\u622A ", value(data?.blocked ?? 0), " \u6B21"] })] }), _jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[10px] text-[#65707b]", children: Array.isArray(data?.names) && data.names.length > 0 ? `事件名：${data.names.slice(0, 8).map(String).join("、")}` : "尚未收到遥测事件。" }), _jsx("p", { className: "text-[10px] text-[#687381]", children: "\u53EA\u8BB0\u5F55\u4E8B\u4EF6\u540D\u548C\u8BA1\u6570\uFF0C\u4E0D\u4FDD\u7559\u4E8B\u4EF6\u5C5E\u6027\uFF0C\u4E5F\u4E0D\u4F1A\u53D1\u8D77\u7F51\u7EDC\u8BF7\u6C42\u3002" })] })) : panel.id === "plugin-dev-panel" ? (_jsxs("div", { className: "mt-3 grid gap-3", children: [_jsxs("div", { className: `flex items-center justify-between rounded-lg border px-3 py-3 text-[11px] ${data?.status === "reloaded" ? "border-[#b9e6c9] bg-[#f0fbf4] text-[#14733f]" : data?.status === "failed" ? "border-[#f4caca] bg-[#fff5f5] text-[#b42318]" : "border-[#e3e7ee] bg-[#f6f8fa] text-[#65707b]"}`, children: [_jsx("span", { children: data?.status === "reloaded" ? "插件已重载" : data?.status === "failed" ? "插件重载失败" : "等待重载" }), _jsx("strong", { className: "font-mono", children: value(data?.status ?? "idle") })] }), _jsx("p", { className: "text-[10px] text-[#687381]", children: value(data?.reason ?? "修改本地扩展后调用 plugin_dev_reload") }), data?.error ? _jsx("p", { className: "rounded-lg bg-[#fff5f5] px-3 py-2 text-[10px] text-[#b42318]", children: value(data.error) }) : null] })) : panel.id === "openpets-panel" ? (_jsxs("div", { className: "mt-3 grid gap-3", children: [_jsxs("div", { className: "flex items-center gap-3 rounded-lg border border-[#e3e7ee] bg-[#f8fafc] px-3 py-3", children: [_jsx("span", { className: "flex h-10 w-10 items-center justify-center rounded-full bg-[#dceaff] text-[20px] text-[#3565c5]", children: "\u25C9" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("strong", { className: "block truncate text-[13px] text-[#30343b]", children: value(data?.name ?? "Pi") }), _jsx("span", { className: "text-[10px] text-[#687381]", children: value(data?.lastEvent ?? "session_start") })] }), _jsx("span", { className: "rounded-full bg-[#edf3fe] px-2 py-1 text-[10px] text-[#3565c5]", children: value(data?.mood ?? "idle") })] }), _jsxs("div", { className: "grid grid-cols-2 gap-2 text-[10px] text-[#65707b]", children: [_jsxs("div", { className: "rounded-lg bg-[#f6f8fa] px-3 py-2", children: ["\u80FD\u91CF ", _jsxs("strong", { className: "ml-1 text-[#30343b]", children: [value(data?.energy ?? 0), "%"] })] }), _jsxs("div", { className: "rounded-lg bg-[#f6f8fa] px-3 py-2", children: ["\u4E92\u52A8 ", _jsx("strong", { className: "ml-1 text-[#30343b]", children: value(data?.interactions ?? 0) })] })] }), _jsx("p", { className: "text-[10px] text-[#687381]", children: "\u6839\u636E\u771F\u5B9E Pi \u4F1A\u8BDD\u4E8B\u4EF6\u81EA\u52A8\u53CD\u5E94\uFF0C\u4E5F\u53EF\u8BA9 Agent \u8C03\u7528 pet_react \u8FDB\u884C\u4E92\u52A8\u3002" })] })) : panel.id === "change-verifier-panel" ? (_jsxs("div", { className: "mt-3 grid gap-3", children: [data?.latest !== null && data?.latest !== undefined && typeof data.latest === "object" ? ((() => {
-                        const report = data.latest;
-                        const tests = report.tests && typeof report.tests === "object" ? report.tests : {};
-                        const review = report.review && typeof report.review === "object" ? report.review : {};
-                        const status = value(report.status ?? "fail");
-                        return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `flex items-center justify-between rounded-lg border px-3 py-3 text-[11px] ${status === "pass" ? "border-[#b9e6c9] bg-[#f0fbf4] text-[#14733f]" : status === "warning" ? "border-[#f3dfab] bg-[#fffaf0] text-[#9a6700]" : "border-[#f4caca] bg-[#fff5f5] text-[#b42318]"}`, children: [_jsx("span", { children: status === "pass" ? "门禁通过" : status === "warning" ? "门禁有警告" : "门禁失败" }), _jsxs("strong", { className: "font-mono", children: [value(data.runs ?? 0), " \u6B21"] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-2 text-[10px] text-[#65707b]", children: [_jsxs("div", { className: "rounded-lg bg-[#f6f8fa] px-3 py-2", children: ["\u6D4B\u8BD5 exit ", _jsx("strong", { className: "ml-1 text-[#30343b]", children: value(tests.exitCode ?? "—") })] }), _jsxs("div", { className: "rounded-lg bg-[#f6f8fa] px-3 py-2", children: ["\u5BA1\u67E5 ", _jsx("strong", { className: "ml-1 text-[#30343b]", children: value(review.status ?? "—") })] })] })] }));
-                    })()) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "\u8FD8\u6CA1\u6709\u6267\u884C\u53D1\u5E03\u95E8\u7981\u3002\u53EF\u8BA9 Agent \u8C03\u7528 verify_change_gate\u3002" })), _jsx("p", { className: "text-[10px] text-[#687381]", children: "\u590D\u7528 run_project_tests \u548C review_changes\uFF0C\u4E0D\u91CD\u590D\u5B9E\u73B0\u6D4B\u8BD5\u6216\u5BA1\u67E5\u903B\u8F91\u3002" })] })) : panel.id === "readme-gen-panel" ? (_jsx("div", { className: "mt-3 grid gap-3", children: data?.generated === true ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "rounded-lg border border-[#b9e6c9] bg-[#f0fbf4] px-3 py-3 text-[11px] text-[#14733f]", children: ["\u5DF2\u751F\u6210 ", value(data.name ?? "项目"), " \u7684 README \u6982\u89C8\uFF1A", value(data.scripts ?? 0), " \u4E2A\u811A\u672C\uFF0C", value(data.plugins ?? 0), " \u4E2A\u8FD0\u884C\u65F6\u63D2\u4EF6\u3002"] }), data.lastWrite && typeof data.lastWrite === "object" ? (_jsxs("div", { className: "rounded-lg border border-[#dce5f5] bg-[#f6f8ff] px-3 py-2 text-[11px] text-[#315fb8]", children: ["\u5DF2\u5199\u5165 ", value(data.lastWrite.path ?? "README.generated.md"), " \u00B7", " ", value(data.lastWrite.bytes ?? 0), " bytes", data.lastWrite.overwritten === true ? " · 已覆盖" : " · 新文件"] })) : null, _jsx("p", { className: "text-[10px] leading-4 text-[#687381]", children: "\u9700\u8981\u843D\u76D8\u65F6\u8C03\u7528 readme_write\uFF0C\u5E76\u663E\u5F0F\u4F20\u5165 confirm=true\uFF1B\u9ED8\u8BA4\u5199\u5165 README.generated.md\u3002" })] })) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "\u8FD8\u6CA1\u6709\u751F\u6210\u6587\u6863\u3002\u8BA9 Agent \u8C03\u7528 readme_report \u83B7\u53D6 Markdown \u8349\u7A3F\uFF0C\u6216\u8C03\u7528 readme_write \u5199\u5165\u786E\u8BA4\u540E\u7684\u6587\u4EF6\u3002" })) })) : panel.id === "sql-lens-panel" ? (_jsx("div", { className: "mt-3 grid gap-3", children: data?.latest !== null && data?.latest !== undefined && typeof data.latest === "object" ? ((() => {
-                    const report = data.latest;
-                    const rows = Array.isArray(report.rows) ? report.rows : [];
-                    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-center justify-between rounded-lg bg-[#f6f8fa] px-3 py-3", children: [_jsx("span", { className: "truncate font-mono text-[11px] text-[#30343b]", children: value(report.database ?? "database") }), _jsxs("strong", { className: "font-mono text-[12px] text-[#3565c5]", children: [value(rows.length), " rows"] })] }), _jsx("pre", { className: "max-h-48 overflow-auto rounded-lg border border-[#edf0f3] bg-[#fbfcfd] p-3 text-[10px] leading-4 text-[#65707b]", children: JSON.stringify(rows, null, 2) })] }));
-                })()) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "\u8FD8\u6CA1\u6709\u67E5\u8BE2\u6570\u636E\u5E93\u3002\u53EF\u8BA9 Agent \u8C03\u7528 sql_readonly\u3002" })) })) : panel.id === "theme-studio-panel" ? (_jsxs("div", { className: "mt-3 grid gap-3", children: [_jsxs("div", { className: "flex items-center justify-between rounded-lg border border-[#dce5f5] bg-[#f6f8ff] px-3 py-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("strong", { className: "block text-[12px] text-[#30343b]", children: value(data?.label ?? "Light") }), _jsx("p", { className: "mt-1 truncate text-[10px] text-[#65707b]", children: value(data?.description ?? "") })] }), _jsx("span", { className: "shrink-0 rounded-full bg-[#edf3fe] px-2 py-1 font-mono text-[10px] text-[#3565c5]", children: value(data?.theme ?? "light") })] }), Array.isArray(data?.presets) ? (_jsx("div", { className: "grid grid-cols-2 gap-2", children: data.presets.map((preset, index) => {
-                            const item = preset !== null && typeof preset === "object" ? preset : {};
-                            const selected = item.id === data.theme;
-                            return (_jsxs("div", { className: `rounded-lg border px-3 py-2 ${selected ? "border-[#9bbcff] bg-[#f6f8ff]" : "border-[#edf0f3] bg-white"}`, children: [_jsx("strong", { className: "block text-[11px] text-[#30343b]", children: value(item.label ?? item.id ?? "主题") }), _jsx("span", { className: "mt-1 block truncate text-[10px] text-[#687381]", children: value(item.description ?? "") })] }, `${value(item.id ?? "theme")}-${index}`));
-                        }) })) : null, _jsx("p", { className: "text-[10px] leading-4 text-[#687381]", children: "\u53EF\u8BA9 Agent \u8C03\u7528 theme_set \u5207\u6362\u9884\u8BBE\uFF1B\u9009\u62E9\u4F1A\u4FDD\u5B58\u5230\u5F53\u524D session\uFF0C\u5E76\u7531 React \u6839\u8282\u70B9\u5E94\u7528 token\u3002" })] })) : panel.id === "mirage-bridge-panel" ? (_jsxs("div", { className: "mt-3 grid gap-3", children: [_jsxs("div", { className: `rounded-lg border px-3 py-3 ${data?.available === true ? "border-[#b9e6c9] bg-[#f0fbf4]" : data?.available === false ? "border-[#f3dfab] bg-[#fffaf0]" : "border-[#e3e7ee] bg-[#f6f8fa]"}`, children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsx("span", { className: "text-[11px] font-semibold text-[#30343b]", children: "\u5B98\u65B9 Mirage CLI" }), _jsx("strong", { className: `text-[11px] ${data?.available === true ? "text-[#14733f]" : data?.available === false ? "text-[#9a6700]" : "text-[#687381]"}`, children: data?.available === true ? "已连接" : data?.available === false ? "未检测到" : "未检查" })] }), _jsx("p", { className: "mt-2 truncate font-mono text-[10px] text-[#65707b]", children: value(data?.version ?? data?.executable ?? "mirage") }), _jsxs("p", { className: "mt-1 text-[11px] text-[#65707b]", children: ["\u865A\u62DF\u5DE5\u4F5C\u533A\uFF1A", value(data?.workspaceId ?? "未配置")] })] }), data?.lastRun && typeof data.lastRun === "object" ? ((() => {
-                        const run = data.lastRun;
-                        return (_jsxs("div", { className: `rounded-lg border px-3 py-3 ${run.exitCode === 0 ? "border-[#b9e6c9] bg-[#f0fbf4]" : "border-[#f4caca] bg-[#fff5f5]"}`, children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsx("span", { className: "truncate font-mono text-[10px] text-[#30343b]", children: value(run.command ?? "") }), _jsxs("strong", { className: `shrink-0 text-[11px] ${run.exitCode === 0 ? "text-[#14733f]" : "text-[#b42318]"}`, children: ["exit ", value(run.exitCode ?? "—")] })] }), _jsxs("p", { className: "mt-1 text-[10px] text-[#65707b]", children: ["\u8017\u65F6 ", value(run.durationMs ?? 0), " ms"] })] }));
-                    })()) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "\u5148\u8C03\u7528 mirage_doctor \u68C0\u67E5 CLI\uFF0C\u518D\u8C03\u7528 mirage_execute\u3002" })), data?.lastError ? _jsx("p", { className: "text-[10px] leading-4 text-[#9a6700]", children: value(data.lastError) }) : null] })) : panel.id === "docker-sandbox-panel" ? (_jsxs("div", { className: "mt-3 grid gap-3", children: [data?.latest !== null && data?.latest !== undefined && typeof data.latest === "object" ? ((() => {
-                        const run = data.latest;
-                        return (_jsxs("div", { className: "rounded-lg border border-[#b9e6c9] bg-[#f0fbf4] px-3 py-3", children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsx("span", { className: "truncate font-mono text-[11px] text-[#30343b]", children: value(run.image ?? "image") }), _jsxs("strong", { className: "font-mono text-[12px] text-[#14733f]", children: ["exit ", value(run.exitCode ?? "—")] })] }), _jsx("p", { className: "mt-2 text-[11px] text-[#65707b]", children: Array.isArray(run.command) ? run.command.map((argument) => value(argument)).join(" ") : "argv" })] }));
-                    })()) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "\u8FD8\u6CA1\u6709\u6C99\u7BB1\u8FD0\u884C\u3002\u9ED8\u8BA4\u65E0\u7F51\u7EDC\u3001\u5DE5\u4F5C\u533A\u53EA\u8BFB\u3002" })), _jsx("div", { className: "flex flex-wrap gap-2", children: data?.defaults !== null && typeof data?.defaults === "object"
-                            ? Object.entries(data.defaults).map(([key, entryValue]) => (_jsxs("span", { className: "rounded-md border border-[#dce5f5] bg-white px-2 py-1 font-mono text-[10px] text-[#3565c5]", children: [key, ":", value(entryValue)] }, key)))
-                            : null })] })) : panel.id === "yaml-validator-panel" ? (_jsxs("div", { className: "mt-3 grid gap-3", children: [data?.latest !== null && data?.latest !== undefined && typeof data.latest === "object" ? ((() => {
-                        const report = data.latest;
-                        const errors = Array.isArray(report.errors) ? report.errors : [];
-                        const warnings = Array.isArray(report.warnings) ? report.warnings : [];
-                        const valid = report.valid === true;
-                        return (_jsxs(_Fragment, { children: [_jsx("div", { className: `rounded-lg border px-3 py-3 text-[11px] ${valid ? "border-[#b9e6c9] bg-[#f0fbf4] text-[#14733f]" : "border-[#f4caca] bg-[#fff5f5] text-[#b42318]"}`, children: valid ? "YAML 语法有效。" : `发现 ${errors.length} 个语法错误。` }), _jsx("div", { className: "grid grid-cols-3 gap-2", children: [
-                                        ["文档", report.documents ?? 0],
-                                        ["错误", errors.length],
-                                        ["警告", warnings.length],
-                                    ].map(([label, entryValue]) => (_jsxs("div", { className: "rounded-lg bg-[#f6f8fa] px-3 py-2", children: [_jsx("span", { className: "block text-[10px] text-[#687381]", children: value(label) }), _jsx("strong", { className: "mt-1 block text-[17px] text-[#30343b]", children: value(entryValue) })] }, value(label)))) }), !valid && errors.length > 0 ? (_jsx("pre", { className: "max-h-32 overflow-auto rounded-lg border border-[#f4caca] bg-[#fffafa] p-3 text-[10px] leading-4 text-[#b42318]", children: errors
-                                        .map((error) => typeof error === "object" && error !== null
-                                        ? `${value(error.line ?? "?")}:${value(error.column ?? "?")} ${value(error.message, "")}`
-                                        : value(error))
-                                        .join("\n") })) : null] }));
-                    })()) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "\u8FD8\u6CA1\u6709\u6821\u9A8C YAML\u3002\u53EF\u8BA9 Agent \u8C03\u7528 yaml_validate\u3002" })), _jsx("span", { className: "rounded-md border border-[#dce5f5] bg-white px-2 py-1 font-mono text-[10px] text-[#3565c5]", children: "max:512KiB \u00B7 read-only" })] })) : panel.id === "browser-session-panel" ? ((() => {
-                const tabs = Array.isArray(data?.tabs)
-                    ? browserSessionTabs(data.tabs.flatMap((tab) => {
-                        if (tab === null || typeof tab !== "object")
-                            return [];
-                        const item = tab;
-                        return typeof item.targetId === "string" && typeof item.url === "string"
-                            ? [{ targetId: item.targetId, title: typeof item.title === "string" ? item.title : "", url: item.url }]
-                            : [];
-                    }), 8)
-                    : [];
-                const latest = data?.latest !== null && data?.latest !== undefined && typeof data.latest === "object" ? data.latest : undefined;
-                const latestAction = latest?.screenshot
-                    ? "已截图"
-                    : latest?.clicked === true
-                        ? "已点击"
-                        : latest?.text
-                            ? "已读取"
-                            : latest?.status === "navigated"
-                                ? "已导航"
-                                : undefined;
-                return (_jsxs("div", { className: "mt-3 grid gap-3", children: [_jsxs("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3", children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsx("span", { className: "truncate font-mono text-[11px] text-[#30343b]", children: value(data?.endpoint ?? "本地浏览器未连接") }), _jsx("span", { className: `rounded-full px-2 py-1 text-[10px] font-semibold ${data?.connected === true ? "bg-[#e8f8ee] text-[#14733f]" : "bg-[#fff4e5] text-[#8a5a00]"}`, children: data?.connected === true ? "已连接" : "未连接" })] }), _jsxs("p", { className: "mt-2 text-[11px] text-[#687381]", children: ["Chrome DevTools Protocol \u00B7 ", tabs.length, " \u4E2A\u53EF\u8C03\u8BD5\u9875\u9762"] }), data?.connected === false ? (_jsxs("p", { className: "mt-2 text-[11px] text-[#b42318]", children: ["\u8BF7\u4F7F\u7528 remote-debugging-port \u542F\u52A8 Chrome\u3002", value(data.error, "")] })) : null] }), latestAction ? (_jsxs("div", { className: "flex items-center justify-between rounded-lg border border-[#dce5f5] bg-[#f6f8ff] px-3 py-2 text-[11px]", children: [_jsx("span", { className: "text-[#65707b]", children: "\u6700\u8FD1\u52A8\u4F5C" }), _jsx("strong", { className: "font-mono text-[#315fb8]", children: latestAction })] })) : null, tabs.length > 0 ? (_jsx("div", { className: "grid gap-2", children: tabs.map((tab) => (_jsxs("div", { className: "rounded-lg border border-[#e3e7ee] bg-white px-3 py-2", children: [_jsx("strong", { className: "block truncate text-[11px] text-[#30343b]", children: tab.title }), _jsx("span", { className: "mt-1 block truncate font-mono text-[10px] text-[#687381]", children: tab.url })] }, tab.targetId))) })) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "\u6CA1\u6709\u53EF\u8C03\u8BD5\u7684\u6D4F\u89C8\u5668\u9875\u9762\u3002" })), _jsxs("div", { className: "flex flex-wrap gap-2 text-[10px] text-[#687381]", children: [_jsx("span", { className: "rounded-md border border-[#dce5f5] bg-white px-2 py-1 font-mono text-[#3565c5]", children: "tabs" }), _jsx("span", { className: "rounded-md border border-[#dce5f5] bg-white px-2 py-1 font-mono text-[#3565c5]", children: "read" }), _jsx("span", { className: "rounded-md border border-[#dce5f5] bg-white px-2 py-1 font-mono text-[#3565c5]", children: "click" }), _jsx("span", { className: "rounded-md border border-[#dce5f5] bg-white px-2 py-1 font-mono text-[#3565c5]", children: "screenshot" })] })] }));
-            })()) : panel.id === "mcp-client-panel" ? (_jsxs("div", { className: "mt-3 grid gap-3", children: [_jsxs("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3", children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsx("span", { className: "truncate font-mono text-[11px] text-[#30343b]", children: value(data?.server ?? "尚未连接 MCP 服务器") }), _jsxs("div", { className: "flex shrink-0 items-center gap-2 font-mono text-[10px] text-[#3565c5]", children: [_jsxs("span", { children: [value(Array.isArray(data?.tools) ? data.tools.length : 0), " \u5DE5\u5177"] }), _jsx("span", { className: "text-[#687381]", children: "\u00B7" }), _jsxs("span", { children: [value(Array.isArray(data?.resources) ? data.resources.length : 0), " \u8D44\u6E90"] }), _jsx("span", { className: "text-[#687381]", children: "\u00B7" }), _jsxs("span", { children: [value(Array.isArray(data?.prompts) ? data.prompts.length : 0), " \u63D0\u793A"] })] })] }), _jsx("p", { className: "mt-2 text-[11px] text-[#687381]", children: data?.lastCall === null || data?.lastCall === undefined ? "使用 mcp_list_tools 发现 stdio 工具。" : `最近调用：${value(data.lastCall)}` })] }), Array.isArray(data?.tools) && data.tools.length > 0 ? (_jsx("div", { className: "flex flex-wrap gap-2", children: data.tools.slice(0, 12).map((tool, index) => {
-                            const item = typeof tool === "object" && tool !== null ? tool : {};
-                            return (_jsx("span", { className: "rounded-md border border-[#dce5f5] bg-white px-2 py-1 font-mono text-[10px] text-[#3565c5]", children: value(item.name ?? "tool") }, `${value(item.name ?? "tool")}-${index}`));
-                        }) })) : null, Array.isArray(data?.resources) && data.resources.length > 0 ? (_jsxs("div", { className: "grid gap-2", children: [_jsx("span", { className: "text-[10px] font-semibold uppercase tracking-[0.12em] text-[#687381]", children: "\u8D44\u6E90" }), _jsx("div", { className: "flex flex-wrap gap-2", children: data.resources.slice(0, 8).map((resource, index) => {
-                                    const item = typeof resource === "object" && resource !== null ? resource : {};
-                                    return (_jsx("span", { className: "rounded-md border border-[#dce5f5] bg-white px-2 py-1 font-mono text-[10px] text-[#65707b]", children: value(item.name ?? item.uri ?? "resource") }, `${value(item.uri ?? "resource")}-${index}`));
-                                }) })] })) : null, Array.isArray(data?.prompts) && data.prompts.length > 0 ? (_jsxs("div", { className: "grid gap-2", children: [_jsx("span", { className: "text-[10px] font-semibold uppercase tracking-[0.12em] text-[#687381]", children: "\u63D0\u793A\u6A21\u677F" }), _jsx("div", { className: "flex flex-wrap gap-2", children: data.prompts.slice(0, 8).map((prompt, index) => {
-                                    const item = typeof prompt === "object" && prompt !== null ? prompt : {};
-                                    return (_jsx("span", { className: "rounded-md border border-[#dce5f5] bg-white px-2 py-1 font-mono text-[10px] text-[#65707b]", children: value(item.name ?? "prompt") }, `${value(item.name ?? "prompt")}-${index}`));
-                                }) })] })) : null, Array.isArray(data?.servers) && data.servers.length > 0 ? (_jsx("div", { className: "grid gap-2", children: data.servers.map((server, index) => {
-                            const item = typeof server === "object" && server !== null ? server : {};
-                            return (_jsxs("div", { className: "flex items-center justify-between rounded-lg border border-[#e3e7ee] bg-white px-3 py-2 text-[10px]", children: [_jsx("span", { className: "font-mono text-[#30343b]", children: value(item.id ?? "server") }), _jsx("span", { className: "text-[#14733f]", children: value(item.status ?? "unknown") })] }, `${value(item.id ?? "server")}-${index}`));
-                        }) })) : null] })) : panel.id === "mcp-panel" ? ((() => {
-                const servers = Array.isArray(data?.servers) ? data.servers : [];
-                return (_jsxs("div", { className: "mt-3 grid gap-3", children: [servers.length > 0 ? (_jsx("ul", { className: "grid gap-2", children: servers.map((entry, index) => {
-                                const server = entry !== null && typeof entry === "object" ? entry : {};
-                                const healthy = server.status === "running";
-                                return (_jsxs("li", { className: "rounded-lg border border-[#e3e7ee] bg-white px-3 py-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("strong", { className: "min-w-0 flex-1 truncate font-mono text-[11px] text-[#30343b]", children: value(server.id, "未命名服务器") }), _jsx("span", { className: `rounded px-1.5 py-0.5 text-[9px] ${healthy ? "bg-[#eaf8f0] text-[#14733f]" : "bg-[#fff5f5] text-[#b42318]"}`, children: value(server.status, "unknown") })] }), _jsxs("div", { className: "mt-1 flex items-center gap-2 text-[10px] text-[#687381]", children: [_jsxs("span", { children: [value(server.toolCount, "0"), " \u4E2A\u6865\u63A5\u5DE5\u5177"] }), _jsx("span", { children: "\u00B7" }), _jsx("span", { children: value(server.statusSource, "runtime") })] })] }, `${value(server.id ?? "server")}-${index}`));
-                            }) })) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "\u5F53\u524D\u6CA1\u6709 MCP \u670D\u52A1\u5668\u5FEB\u7167\u3002" })), _jsxs("div", { className: "text-[10px] text-[#687381]", children: ["\u53EA\u8BFB\u8BFB\u53D6\u5B98\u65B9 MCP bridge \u72B6\u6001\uFF1B\u5065\u5EB7\u5EFA\u8BAE\u901A\u8FC7 mcp_panel \u7684 health \u64CD\u4F5C\u67E5\u770B\u3002", data?.writesEnabled === true ? ` 已启用 profile patch 写入：${value(data.patchPath)}` : " profile patch 写入未配置，apply 会被拒绝。"] })] }));
-            })()) : panel.id === "mock-server-panel" ? (_jsxs("div", { className: "mt-3 grid gap-3", children: [_jsxs("div", { className: "flex items-center justify-between rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3", children: [_jsx("span", { className: "font-mono text-[11px] text-[#30343b]", children: data?.running === true ? "运行中" : "未启动" }), _jsxs("strong", { className: "font-mono text-[11px] text-[#3565c5]", children: [value(data?.routes ?? 0), " \u8DEF\u7531"] })] }), data?.url ? _jsx("code", { className: "rounded-md bg-white px-3 py-2 text-[10px] text-[#65707b]", children: value(data.url) }) : null, data?.lastRequest ? _jsxs("p", { className: "text-[11px] text-[#687381]", children: ["\u6700\u8FD1\u8BF7\u6C42\uFF1A", value(data.lastRequest)] }) : null] })) : panel.id === "cli-notifier-panel" ? (_jsxs("div", { className: "mt-3 grid gap-3", children: [_jsxs("div", { className: "flex items-center justify-between rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3", children: [_jsx("span", { className: "font-mono text-[11px] text-[#30343b]", children: data?.enabled === true ? "已启用" : "已停用" }), _jsx("span", { className: "font-mono text-[10px] text-[#687381]", children: value(data?.platform ?? "unknown") })] }), Array.isArray(data?.notifications) && data.notifications.length > 0 ? (_jsx("div", { className: "grid gap-2", children: data.notifications.slice(0, 5).map((notification, index) => {
-                            const item = typeof notification === "object" && notification !== null ? notification : {};
-                            return (_jsxs("div", { className: "rounded-lg border border-[#e3e7ee] bg-white px-3 py-2 text-[10px]", children: [_jsx("strong", { className: "block text-[#30343b]", children: value(item.title ?? "Pi Harness") }), _jsx("span", { className: "mt-1 block text-[#65707b]", children: value(item.message, "") })] }, `${value(item.time ?? "notification")}-${index}`));
-                        }) })) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "\u8FD8\u6CA1\u6709\u53D1\u9001\u901A\u77E5\u3002" }))] })) : panel.id === "obsidian-sync-panel" ? (_jsxs("div", { className: "mt-3 grid gap-3", children: [_jsxs("div", { className: "flex items-center justify-between rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3", children: [_jsx("span", { className: "font-mono text-[11px] text-[#30343b]", children: data?.configured === true ? "已配置" : "未配置 vault" }), _jsx("span", { className: "font-mono text-[10px] text-[#687381]", children: "Markdown" })] }), data?.vaultPath ? _jsx("code", { className: "truncate rounded-md bg-white px-3 py-2 text-[10px] text-[#65707b]", children: value(data.vaultPath) }) : null, data?.last !== null && data?.last !== undefined && typeof data.last === "object" ? (_jsxs("p", { className: "text-[11px] text-[#687381]", children: ["\u6700\u8FD1\u5199\u5165\uFF1A", value(data.last.relativePath ?? "note.md")] })) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "\u8FD8\u6CA1\u6709\u540C\u6B65\u7B14\u8BB0\u3002" }))] })) : panel.id === "web-research-panel" ? (_jsxs("div", { className: "mt-3 grid gap-3", children: [_jsxs("div", { className: "flex items-center justify-between rounded-lg border border-[#e3eaf8] bg-[#f6f8ff] px-3 py-3 text-[11px]", children: [_jsx("span", { className: "text-[#315fb8]", children: data?.keyless === true ? "Firecrawl 匿名模式" : "Firecrawl 已认证" }), _jsxs("strong", { className: "font-mono text-[#315fb8]", children: ["\u6700\u591A ", value(data?.maxResults ?? 8), " \u6761"] })] }), data?.latest !== null && data?.latest !== undefined && typeof data.latest === "object" ? ((() => {
-                        const report = data.latest;
-                        const items = Array.isArray(report.items) ? report.items : [];
-                        return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-center justify-between gap-3 text-[11px]", children: [_jsx("strong", { className: "truncate text-[#30343b]", children: value(report.query ?? "网页搜索") }), _jsxs("span", { className: "shrink-0 font-mono text-[#687381]", children: ["\u524D ", Math.min(8, items.length), " / \u5171 ", items.length] })] }), _jsx("div", { className: "grid gap-2", children: items.slice(0, 8).map((entry, index) => {
-                                        const item = entry !== null && typeof entry === "object" ? entry : {};
-                                        return (_jsxs("a", { className: "rounded-lg border border-[#e3e7ee] bg-white px-3 py-2 transition-colors hover:border-[#bdd0f5] hover:bg-[#fbfdff]", href: value(item.url, ""), rel: "noreferrer", target: "_blank", children: [_jsx("strong", { className: "block truncate text-[11px] text-[#30343b]", children: value(item.title ?? item.url ?? "来源") }), _jsx("span", { className: "mt-1 block truncate font-mono text-[10px] text-[#3565c5]", children: value(item.source ?? item.url, "") }), item.snippet ? _jsx("span", { className: "mt-1 line-clamp-2 block text-[10px] leading-4 text-[#65707b]", children: value(item.snippet) }) : null] }, `${value(item.url ?? "source")}-${index}`));
-                                    }) })] }));
-                    })()) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "\u8FD8\u6CA1\u6709\u8054\u7F51\u641C\u7D22\u3002\u53EF\u8BA9 Agent \u8C03\u7528 web_search\uFF1B\u5355\u9875\u8BFB\u53D6\u4F7F\u7528 read_page\u3002" })), _jsxs("p", { className: "text-[10px] text-[#687381]", children: ["\u641C\u7D22\u8BCD\u4F1A\u53D1\u9001\u5230 Firecrawl\uFF1B\u9875\u9762\u8BFB\u53D6", data?.readPageAvailable === true ? "已复用本地 Browser Fetch" : "需要启用 Browser Fetch", "\u3002"] })] })) : panel.id === "browser-fetch-panel" ? (_jsxs("div", { className: "mt-3 grid gap-3", children: [data?.latest !== null && data?.latest !== undefined && typeof data.latest === "object" ? ((() => {
-                        const result = data.latest;
-                        return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-center justify-between gap-3 rounded-lg bg-[#f6f8fa] px-3 py-3", children: [_jsx("span", { className: "truncate font-mono text-[11px] text-[#30343b]", children: value(result.finalUrl ?? result.url ?? "page") }), _jsxs("strong", { className: "font-mono text-[12px] text-[#14733f]", children: ["HTTP ", value(result.status ?? "—")] })] }), _jsx("pre", { className: "max-h-48 overflow-auto rounded-lg border border-[#edf0f3] bg-[#fbfcfd] p-3 text-[10px] leading-4 text-[#65707b]", children: value(result.text, "") })] }));
-                    })()) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "\u8FD8\u6CA1\u6709\u6293\u53D6\u7F51\u9875\u3002\u9ED8\u8BA4\u963B\u6B62\u672C\u5730\u548C\u79C1\u6709\u7F51\u7EDC\u76EE\u6807\u3002" })), _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsx("span", { className: "rounded-md border border-[#dce5f5] bg-white px-2 py-1 font-mono text-[10px] text-[#3565c5]", children: "max:512KiB" }), _jsx("span", { className: "rounded-md border border-[#dce5f5] bg-white px-2 py-1 font-mono text-[10px] text-[#3565c5]", children: "scripts:disabled" }), _jsxs("span", { className: "rounded-md border border-[#dce5f5] bg-white px-2 py-1 font-mono text-[10px] text-[#3565c5]", children: ["private:", value(data?.allowPrivate === true ? "allowed" : "blocked")] })] })] })) : panel.id === "i18n-pair-panel" ? (_jsx("div", { className: "mt-3 grid gap-3", children: data?.report !== null && data?.report !== undefined && typeof data.report === "object" ? ((() => {
-                    const report = data.report;
-                    const missing = Array.isArray(report.missing) ? report.missing : [];
-                    const extra = Array.isArray(report.extra) ? report.extra : [];
-                    const healthy = missing.length === 0 && extra.length === 0;
-                    return (_jsxs(_Fragment, { children: [_jsx("div", { className: `rounded-lg border px-3 py-3 text-[11px] ${healthy ? "border-[#b9e6c9] bg-[#f0fbf4] text-[#14733f]" : "border-[#f4caca] bg-[#fff5f5] text-[#b42318]"}`, children: healthy ? "语言包键完全一致。" : `缺失 ${missing.length} 个，额外 ${extra.length} 个。` }), _jsxs("div", { className: "grid grid-cols-2 gap-2", children: [_jsxs("div", { className: "rounded-lg bg-[#f6f8fa] px-3 py-2", children: [_jsx("span", { className: "block text-[10px] text-[#687381]", children: "\u57FA\u51C6\u952E" }), _jsx("strong", { className: "mt-1 block text-[17px] text-[#30343b]", children: value(report.baseKeys ?? 0) })] }), _jsxs("div", { className: "rounded-lg bg-[#f6f8fa] px-3 py-2", children: [_jsx("span", { className: "block text-[10px] text-[#687381]", children: "\u76EE\u6807\u952E" }), _jsx("strong", { className: "mt-1 block text-[17px] text-[#30343b]", children: value(report.targetKeys ?? 0) })] })] })] }));
-                })()) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "\u8FD8\u6CA1\u6709\u68C0\u67E5\u8BED\u8A00\u5305\u3002\u53EF\u8BA9 Agent \u8C03\u7528 i18n_check\u3002" })) })) : panel.id === "cleaner-panel" ? (_jsxs("div", { className: "mt-3 grid gap-3", children: [_jsxs("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3", children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsx("span", { className: "text-[11px] font-semibold text-[#30343b]", children: "\u5FEB\u7167\u6E05\u7406" }), _jsxs("strong", { className: "font-mono text-[12px] text-[#3565c5]", children: [value(Array.isArray(data?.capsules) ? data.capsules.length : 0), " \u4E2A"] })] }), _jsx("p", { className: "mt-2 text-[11px] text-[#687381]", children: "\u4EC5\u6E05\u7406 agent \u6570\u636E\u76EE\u5F55\u4E2D\u7684 .patch \u5FEB\u7167\uFF0C\u5FC5\u987B\u663E\u5F0F confirm=true\u3002" })] }), _jsxs("div", { className: "flex items-center justify-between text-[11px] text-[#687381]", children: [_jsx("span", { children: "\u4E0A\u6B21\u6E05\u7406" }), _jsxs("strong", { className: "font-mono text-[#3565c5]", children: [value(data?.lastRemoved ?? 0), " \u4E2A"] })] })] })) : panel.id === "fail-logger-panel" ? (_jsxs("div", { className: "mt-3 grid gap-3", children: [_jsxs("div", { className: "flex items-center justify-between rounded-lg bg-[#fff5f5] px-3 py-3", children: [_jsx("span", { className: "text-[11px] font-semibold text-[#7f1d1d]", children: "\u53BB\u91CD\u540E\u7684\u5931\u8D25\u8BB0\u5F55" }), _jsx("strong", { className: "font-mono text-[17px] text-[#b42318]", children: value(data?.total ?? 0) })] }), _jsx("div", { className: "max-h-48 overflow-auto rounded-lg border border-[#edf0f3]", children: Array.isArray(data?.failures) && data.failures.length > 0 ? (data.failures.map((item, index) => {
-                            const failure = item !== null && typeof item === "object" ? item : {};
-                            return (_jsxs("div", { className: "grid grid-cols-[auto_1fr] gap-2 border-b border-[#edf0f3] px-3 py-2 last:border-b-0", children: [_jsx("span", { className: "font-mono text-[10px] text-[#b42318]", children: value(failure.source ?? "runtime") }), _jsx("span", { className: "break-words text-[11px] leading-4 text-[#65707b]", children: value(failure.message ?? "未知错误") })] }, `${value(failure.time ?? "failure")}-${index}`));
-                        })) : (_jsx("div", { className: "px-3 py-4 text-[12px] text-[#687381]", children: "\u6682\u65E0\u5931\u8D25\u8BB0\u5F55\u3002" })) })] })) : panel.id === "context-insight-panel" ? (_jsxs("div", { className: "mt-3 grid gap-3", children: [_jsxs("div", { className: "rounded-lg border border-[#e3eaf8] bg-[#f6f8ff] px-3 py-3", children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsx("span", { className: "font-mono text-[10px] uppercase tracking-[0.08em] text-[#5d6d82]", children: "\u4E0A\u4E0B\u6587\u5360\u7528" }), _jsx("strong", { className: "text-[13px] font-semibold text-[#315fb8]", children: data?.percent === null || data?.percent === undefined ? "—" : `${value(data.percent)}%` })] }), _jsx("div", { className: "mt-2 h-2 overflow-hidden rounded-full bg-[#dfe8fb]", children: _jsx("div", { className: "h-full rounded-full bg-[#5d8bea] transition-[width] duration-300", style: { width: `${Math.max(0, Math.min(100, typeof data?.percent === "number" ? data.percent : 0))}%` } }) }), _jsxs("p", { className: "mt-2 text-[11px] text-[#5d6d82]", children: [data?.tokens === null || data?.tokens === undefined ? "令牌数未知" : `${value(data.tokens)} tokens`, data?.contextWindow === null || data?.contextWindow === undefined ? "" : ` / ${value(data.contextWindow)} 上限`] })] }), _jsx("div", { className: "grid grid-cols-3 gap-2", children: [
-                            ["消息", data?.messages ?? 0],
-                            ["事件", data?.events ?? 0],
-                            ["压缩", data?.compactions ?? 0],
-                        ].map(([label, item]) => (_jsxs("div", { className: "rounded-lg bg-[#f6f8fa] px-3 py-2", children: [_jsx("span", { className: "block text-[10px] text-[#687381]", children: value(label) }), _jsx("strong", { className: "mt-1 block text-[17px] font-semibold text-[#30343b]", children: value(item) })] }, value(label)))) }), _jsxs("div", { className: "rounded-lg border border-[#edf0f3] bg-white px-3 py-3", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-[11px] font-semibold text-[#30343b]", children: "\u6D88\u606F\u7EC4\u6210" }), _jsx("span", { className: "text-[10px] text-[#687381]", children: "\u6309\u89D2\u8272\u7EDF\u8BA1" })] }), _jsx("div", { className: "mt-2 grid grid-cols-5 gap-1.5", children: [
-                                    ["用户", data?.composition?.user ?? 0],
-                                    ["助手", data?.composition?.assistant ?? 0],
-                                    ["工具", data?.composition?.toolResult ?? 0],
-                                    ["系统", data?.composition?.system ?? 0],
-                                    ["其他", data?.composition?.other ?? 0],
-                                ].map(([label, item]) => (_jsxs("div", { className: "rounded bg-[#f6f8fa] px-2 py-1.5 text-center", children: [_jsx("span", { className: "block text-[10px] text-[#687381]", children: value(label) }), _jsx("strong", { className: "mt-0.5 block font-mono text-[13px] text-[#30343b]", children: value(item) })] }, value(label)))) })] }), _jsxs("div", { className: "rounded-lg border border-[#edf0f3] bg-white px-3 py-3", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-[11px] font-semibold text-[#30343b]", children: "\u6700\u8FD1\u4E0A\u4E0B\u6587\u4E8B\u4EF6" }), _jsx("span", { className: "text-[10px] text-[#687381]", children: "\u6700\u591A\u4FDD\u7559 50 \u6761" })] }), _jsx("div", { className: "mt-2 max-h-28 overflow-auto", children: Array.isArray(data?.recentEvents) && data.recentEvents.length > 0 ? (data.recentEvents
-                                    .slice(-6)
-                                    .reverse()
-                                    .map((item, index) => {
-                                    const event = item !== null && typeof item === "object" ? item : {};
-                                    return (_jsxs("div", { className: "flex items-center justify-between border-b border-[#f0f2f5] py-1.5 last:border-b-0", children: [_jsx("span", { className: "font-mono text-[10px] text-[#5d6d82]", children: value(event.type, "unknown") }), _jsx("span", { className: "text-[10px] text-[#687381]", children: typeof event.at === "number" ? new Date(event.at).toLocaleTimeString() : "—" })] }, `${value(event.type)}-${value(event.at)}-${index}`));
-                                })) : (_jsx("div", { className: "py-2 text-[11px] text-[#687381]", children: "\u6682\u65E0\u4E0A\u4E0B\u6587\u4E8B\u4EF6\u3002" })) })] })] })) : (_jsx("div", { className: "mt-3 grid gap-2", children: entries.map(([key, item]) => (_jsxs("div", { className: "rounded-lg bg-[#f6f8fa] px-3 py-2", children: [_jsx("span", { className: "block font-mono text-[10px] uppercase tracking-[0.08em] text-[#687381]", children: key }), _jsx("pre", { className: "mt-1 max-h-48 overflow-auto whitespace-pre-wrap break-words text-[12px] leading-5 text-[#30343b]", children: pluginPanelValue(item) })] }, key))) }))] }));
-}
-function PluginUninstallDialog({ pluginName, busy, error, onCancel, onConfirm, }) {
-    const dialogRef = useModalFocus(true, onCancel, busy);
-    return (_jsx("div", { className: "plugin-confirm-backdrop", onClick: () => {
-            if (!busy)
-                onCancel();
-        }, children: _jsxs("div", { "aria-label": "\u786E\u8BA4\u5378\u8F7D\u63D2\u4EF6", "aria-modal": "true", className: "plugin-confirm-dialog", onClick: (event) => event.stopPropagation(), ref: dialogRef, role: "dialog", tabIndex: -1, children: [_jsx("header", { children: _jsxs("div", { children: [_jsx("strong", { children: "\u5378\u8F7D\u63D2\u4EF6\uFF1F" }), _jsx("small", { children: "\u5C06\u4ECE\u8FD0\u884C\u914D\u7F6E\u4E2D\u79FB\u9664\uFF0C\u4E4B\u540E\u53EF\u4EE5\u4ECE\u63D2\u4EF6\u5E02\u573A\u91CD\u65B0\u5B89\u88C5\u3002" })] }) }), _jsx("code", { children: pluginName }), error && (_jsx("p", { className: "plugin-confirm-error", role: "alert", children: error })), _jsxs("footer", { children: [_jsx("button", { "data-dialog-initial-focus": true, disabled: busy, onClick: onCancel, type: "button", children: "\u53D6\u6D88" }), _jsx("button", { className: "danger", disabled: busy, onClick: onConfirm, type: "button", children: busy ? "卸载中…" : "确认卸载" })] })] }) }));
-}
-function PluginCategoryNav({ label, categories, activeCategory, onChange, }) {
-    const navRef = useRef(null);
-    const [canScrollLeft, setCanScrollLeft] = useState(false);
-    const [canScrollRight, setCanScrollRight] = useState(false);
-    const updateScrollState = useCallback(() => {
-        const nav = navRef.current;
-        if (!nav)
-            return;
-        const maximum = Math.max(0, nav.scrollWidth - nav.clientWidth);
-        setCanScrollLeft(nav.scrollLeft > 1);
-        setCanScrollRight(nav.scrollLeft < maximum - 1);
-    }, []);
-    useEffect(() => {
-        const nav = navRef.current;
-        if (!nav)
-            return;
-        updateScrollState();
-        const observer = typeof ResizeObserver === "undefined" ? undefined : new ResizeObserver(updateScrollState);
-        observer?.observe(nav);
-        window.addEventListener("resize", updateScrollState);
-        return () => {
-            observer?.disconnect();
-            window.removeEventListener("resize", updateScrollState);
-        };
-    }, [categories, updateScrollState]);
-    const scroll = (direction) => {
-        const nav = navRef.current;
-        if (!nav)
-            return;
-        nav.scrollBy({ behavior: "smooth", left: direction * Math.max(180, nav.clientWidth * 0.72) });
-    };
-    return (_jsxs("div", { className: `marketplace-categories-shell ${canScrollLeft ? "can-scroll-left" : ""} ${canScrollRight ? "can-scroll-right" : ""}`, children: [canScrollLeft && (_jsx("button", { "aria-label": "\u5411\u5DE6\u67E5\u770B\u66F4\u591A\u5206\u7C7B", className: "marketplace-category-scroll previous", onClick: () => scroll(-1), type: "button", children: "\u2039" })), _jsx("nav", { "aria-label": label, className: "marketplace-categories", onScroll: updateScrollState, ref: navRef, children: categories.map((category) => {
-                    const active = activeCategory === category.id;
-                    return (_jsxs("button", { "aria-pressed": active, className: `marketplace-category ${active ? "active" : ""}`, onClick: () => onChange(category.id), type: "button", children: [_jsx("span", { children: category.label }), _jsx("span", { className: active ? "font-mono text-[10px] text-[#3565c5]" : "font-mono text-[10px] text-[#687381]", children: category.count })] }, category.id || "all"));
-                }) }), canScrollRight && (_jsx("button", { "aria-label": "\u5411\u53F3\u67E5\u770B\u66F4\u591A\u5206\u7C7B", className: "marketplace-category-scroll next", onClick: () => scroll(1), type: "button", children: "\u203A" }))] }));
-}
-function Plugins({ plugins, panels, catalog, onMarketplace, onOpenDetail, onToml, onToggle, onUninstall, }) {
-    const catalogByPackage = useMemo(() => new Map(catalog.map((plugin) => [plugin.packageName, plugin])), [catalog]);
-    const panelPluginIds = useMemo(() => new Set(panels.map((panel) => panel.pluginId)), [panels]);
-    const installedPlugins = useMemo(() => plugins.filter((plugin) => plugin.removable || panelPluginIds.has(plugin.name)), [panelPluginIds, plugins]);
-    const [query, setQuery] = useState("");
-    const [categoryFilter, setCategoryFilter] = useState("");
-    const [busyPlugin, setBusyPlugin] = useState();
-    const [pluginError, setPluginError] = useState("");
-    const [pendingUninstall, setPendingUninstall] = useState();
-    const scrollRef = useRef(null);
-    const installedCategories = useMemo(() => {
-        const counts = new Map();
-        for (const plugin of installedPlugins) {
-            const category = catalogByPackage.get(plugin.name)?.category ?? plugin.category ?? { id: "other", label: "其他" };
-            const current = counts.get(category.id);
-            counts.set(category.id, { ...category, count: (current?.count ?? 0) + 1 });
-        }
-        return marketplaceCategoryTabs([...counts.values()].sort((left, right) => right.count - left.count || left.label.localeCompare(right.label, "zh-CN")));
-    }, [catalogByPackage, installedPlugins]);
-    const visiblePlugins = useMemo(() => {
-        return installedPlugins.filter((plugin) => {
-            const metadata = catalogByPackage.get(plugin.name);
-            const category = metadata?.category ?? plugin.category ?? { id: "other", label: "其他" };
-            if (categoryFilter && category.id !== categoryFilter)
-                return false;
-            const fields = [
-                plugin.name,
-                metadata?.name,
-                displayPluginName(plugin.name),
-                metadata?.category.label,
-                ...(metadata?.capabilities ?? []),
-                plugin.category?.label,
-                capability(plugin.name),
-            ];
-            return matchesPluginQuery(query, fields);
-        });
-    }, [catalogByPackage, categoryFilter, installedPlugins, query]);
-    useEffect(() => {
-        scrollRef.current?.scrollTo({ top: 0 });
-    }, [categoryFilter, query]);
-    useEffect(() => {
-        if (categoryFilter && !installedCategories.some((category) => category.id === categoryFilter))
-            setCategoryFilter("");
-    }, [categoryFilter, installedCategories]);
-    const runPluginAction = async (plugin, action) => {
-        setPluginError("");
-        setBusyPlugin(plugin.id);
-        try {
-            await action(plugin);
-            return true;
-        }
-        catch (error) {
-            setPluginError(error instanceof Error ? error.message : String(error));
-            return false;
-        }
-        finally {
-            setBusyPlugin(undefined);
-        }
-    };
-    return (_jsx("section", { className: "view-panel plugins-view", children: _jsxs("div", { className: "plugins-page", children: [_jsxs("div", { className: "subnav", children: [_jsxs("div", { "aria-label": "\u63D2\u4EF6\u76EE\u5F55", className: "segmented", children: [_jsx("button", { "aria-pressed": "true", className: "active", type: "button", children: "\u5DF2\u5B89\u88C5" }), _jsx("button", { "aria-pressed": "false", onClick: onMarketplace, type: "button", children: "\u63D2\u4EF6\u5E02\u573A" })] }), _jsx("span", { children: "\u5DF2\u5B89\u88C5\u63D2\u4EF6" }), _jsx("a", { href: "#", onClick: (event) => {
-                                event.preventDefault();
-                                onToml();
-                            }, children: "\u67E5\u770B\u8FD0\u884C\u914D\u7F6E" })] }), _jsxs("div", { className: "plugins-toolbar", children: [_jsx("input", { "aria-label": "\u641C\u7D22\u5DF2\u5B89\u88C5\u63D2\u4EF6", onChange: (event) => setQuery(event.target.value), placeholder: "\u641C\u7D22\u540D\u79F0\u3001\u5305\u540D\u6216\u80FD\u529B\u2026", type: "search", value: query }), _jsxs("span", { "aria-live": "polite", children: [query.trim() || categoryFilter ? `${visiblePlugins.length} / ${installedPlugins.length}` : `${installedPlugins.length}`, " \u4E2A\u63D2\u4EF6"] })] }), _jsx(PluginCategoryNav, { activeCategory: categoryFilter, categories: installedCategories, label: "\u5DF2\u5B89\u88C5\u63D2\u4EF6\u5206\u7C7B", onChange: setCategoryFilter }), _jsxs("div", { className: "plugins-scroll", ref: scrollRef, children: [_jsxs("div", { className: "plugins-list", children: [visiblePlugins.map((plugin) => {
-                                    const metadata = catalogByPackage.get(plugin.name);
-                                    const categoryLabel = metadata?.category.label ?? plugin.category?.label;
-                                    const capabilityLabel = capability(plugin.name);
-                                    const pluginTitle = metadata?.name ?? displayPluginName(plugin.name);
-                                    const cardContent = installedPluginCardContent(plugin, metadata);
-                                    return (_jsxs("article", { className: "catalog-card plugin-card", children: [_jsxs("div", { className: "plugin-card-head", children: [_jsx("span", { className: "plugin-icon", children: "\u25C8" }), _jsx("div", { className: "plugin-copy", children: _jsxs("div", { className: "plugin-heading", children: [_jsxs("div", { className: "plugin-title", children: [_jsx("strong", { children: pluginTitle }), _jsx("span", { className: `plugin-state ${plugin.enabled ? "active" : ""}`, children: plugin.enabled ? "运行中" : "已停用" }), categoryLabel && _jsx("span", { className: "capability", children: categoryLabel }), categoryLabel !== capabilityLabel && _jsx("span", { className: "capability", children: capabilityLabel })] }), _jsx("div", { className: "plugin-actions", children: plugin.removable ? (_jsxs(_Fragment, { children: [_jsx("button", { "aria-label": `${plugin.enabled ? "停用" : "启用"} ${pluginTitle}`, "aria-pressed": plugin.enabled, className: "plugin-switch-button", disabled: busyPlugin !== undefined, onClick: () => void runPluginAction(plugin, (item) => onToggle(item)), type: "button", children: _jsx("span", { "aria-hidden": "true", className: `switch ${plugin.enabled ? "on" : ""}`, children: _jsx("i", {}) }) }), _jsx("button", { className: "plugin-uninstall", disabled: busyPlugin !== undefined, onClick: () => {
-                                                                                    setPluginError("");
-                                                                                    setPendingUninstall(plugin);
-                                                                                }, type: "button", children: "\u5378\u8F7D" })] })) : (_jsx("span", { className: `switch ${plugin.enabled ? "on" : ""}`, children: _jsx("i", {}) })) })] }) })] }), _jsxs("div", { className: "plugin-card-body", children: [_jsx("code", { className: "plugin-package", children: cardContent.packageLabel }), _jsx("p", { className: "plugin-description", children: cardContent.description }), _jsx("div", { className: "hook-list", children: cardContent.tags.map((tag, index) => (_jsx("span", { children: tag }, `${tag}-${index}`))) })] }), _jsxs("footer", { className: "plugin-card-footer", children: [_jsx("button", { "aria-label": `查看 ${pluginTitle} 详情`, className: "plugin-detail-link", onClick: () => onOpenDetail(plugin), type: "button", children: "\u67E5\u770B\u8BE6\u60C5 \u2192" }), panelPluginIds.has(plugin.name) ? _jsx("span", { children: "\u5B9E\u65F6\u9762\u677F" }) : null] })] }, plugin.id));
-                                }), !installedPlugins.length ? (_jsx("div", { className: "empty-state", children: "\u8FD8\u6CA1\u6709\u5B89\u88C5\u53EF\u7BA1\u7406\u7684\u63D2\u4EF6\u3002\u53BB\u63D2\u4EF6\u5E02\u573A\u5B89\u88C5\u4E00\u4E2A\u5427\u3002" })) : !visiblePlugins.length ? (_jsx("div", { className: "empty-state", children: "\u6CA1\u6709\u5339\u914D\u5F53\u524D\u641C\u7D22\u4E0E\u5206\u7C7B\u6761\u4EF6\u7684\u5DF2\u5B89\u88C5\u63D2\u4EF6\u3002" })) : null] }), pluginError && _jsx("p", { className: "plugin-action-error", children: pluginError }), panels.length > installedPlugins.length && (_jsxs("section", { className: "mt-4 border-t border-[#e3e7ee] pt-4", children: [_jsxs("div", { className: "mb-3 flex items-baseline justify-between gap-3", children: [_jsxs("div", { children: [_jsx("strong", { className: "text-[13px] font-semibold text-[#20252b]", children: "\u5176\u4ED6\u63D2\u4EF6\u9762\u677F" }), _jsx("p", { className: "mt-1 text-[12px] text-[#687381]", children: "\u7531\u5DF2\u542F\u7528\u63D2\u4EF6\u63D0\u4F9B\u7684\u5B9E\u65F6\u72B6\u6001\u3002" })] }), _jsx("span", { className: "font-mono text-[10px] uppercase tracking-[0.08em] text-[#687381]", children: "LIVE" })] }), _jsx("div", { className: "grid gap-3 xl:grid-cols-2", children: panels
-                                        .filter((panel) => !installedPlugins.some((plugin) => plugin.name === panel.pluginId))
-                                        .map((panel) => (_jsx(PluginPanelCard, { panel: panel }, panel.id))) })] }))] }), pendingUninstall && (_jsx(PluginUninstallDialog, { busy: busyPlugin !== undefined, error: pluginError, onCancel: () => setPendingUninstall(undefined), onConfirm: () => void runPluginAction(pendingUninstall, onUninstall).then((completed) => {
-                        if (completed)
-                            setPendingUninstall(undefined);
-                    }), pluginName: catalogByPackage.get(pendingUninstall.name)?.name ?? displayPluginName(pendingUninstall.name) }))] }) }));
-}
-function InstalledPluginDetail({ plugin, panel, metadata, onBack, onToggle, onUninstall, }) {
-    const [busyAction, setBusyAction] = useState();
-    const [error, setError] = useState("");
-    const [confirmUninstall, setConfirmUninstall] = useState(false);
-    const title = metadata?.name ?? displayPluginName(plugin.name);
-    const run = async (action, callback) => {
-        setError("");
-        setBusyAction(action);
-        try {
-            await callback();
-            return true;
-        }
-        catch (cause) {
-            setError(cause instanceof Error ? cause.message : String(cause));
-            return false;
-        }
-        finally {
-            setBusyAction(undefined);
-        }
-    };
-    return (_jsxs("section", { className: "marketplace-page flex min-w-0 flex-1 flex-col", children: [_jsxs("div", { className: "min-h-0 flex-1 overflow-auto", children: [_jsxs("div", { className: "subnav plugin-detail-subnav", children: [_jsx("a", { href: "?page=plugins", onClick: (event) => {
-                                    event.preventDefault();
-                                    onBack();
-                                }, children: "\u2190 \u5DF2\u5B89\u88C5\u63D2\u4EF6" }), _jsx("span", { children: "\u63D2\u4EF6\u8BE6\u60C5" })] }), _jsxs("div", { className: "plugin-detail-content", children: [_jsxs("header", { className: "border-b border-[#e3e7ee] pb-7", children: [_jsxs("div", { className: "mb-4 flex flex-wrap items-center gap-2", children: [_jsx("span", { className: `rounded px-2 py-1 font-mono text-[10px] ${plugin.enabled ? "bg-[#e6faed] text-[#14733f]" : "bg-[#eef0f3] text-[#687381]"}`, children: plugin.enabled ? "运行中" : "已停用" }), _jsx("span", { className: "rounded bg-[#f2edff] px-2 py-1 text-[10px] text-[#6d4bc3]", children: metadata?.category.label ?? plugin.category?.label ?? "运行时插件" }), _jsx("span", { className: "rounded bg-[#e4edfd] px-2 py-1 font-mono text-[10px] text-[#3565c5]", children: capability(plugin.name) })] }), _jsxs("div", { className: "flex flex-wrap items-end justify-between gap-5", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "mb-2 font-mono text-[11px] uppercase tracking-[0.14em] text-[#687381]", children: "PLUGIN DETAIL" }), _jsx("h1", { className: "text-3xl font-semibold tracking-[-0.03em] text-[#20252b]", children: title }), _jsxs("code", { className: "mt-3 block break-all text-[12px] text-[#687381]", children: [plugin.name, metadata ? ` · v${metadata.version}` : ""] })] }), plugin.removable ? (_jsxs("div", { className: "plugin-detail-actions", children: [_jsx("button", { className: "plugin-detail-action", disabled: busyAction !== undefined, onClick: () => void run("toggle", () => onToggle(plugin)), type: "button", children: busyAction === "toggle" ? "处理中…" : plugin.enabled ? "停用插件" : "启用插件" }), _jsx("button", { className: "plugin-detail-action danger", disabled: busyAction !== undefined, onClick: () => {
-                                                            setError("");
-                                                            setConfirmUninstall(true);
-                                                        }, type: "button", children: "\u5378\u8F7D\u63D2\u4EF6" })] })) : (_jsx("span", { className: "rounded-full bg-[#eef0f3] px-3 py-1.5 text-[11px] text-[#687381]", children: "\u5185\u7F6E\u7EC4\u4EF6" }))] }), _jsx("p", { className: "mt-5 max-w-3xl text-[14px] leading-7 text-[#59636e]", children: metadata?.description ?? (plugin.enabled ? "由当前运行时加载并启用，能力与 hook 已注册。" : "插件保留在运行配置中，但当前处于停用状态。") }), error && (_jsxs("p", { className: "mt-3 text-[12px] text-[#b42318]", role: "alert", children: ["\u64CD\u4F5C\u5931\u8D25\uFF1A", error] }))] }), _jsxs("div", { className: "grid gap-4 py-6 lg:grid-cols-[minmax(0,1fr)_280px]", children: [_jsxs("div", { className: "space-y-4", children: [_jsxs("section", { className: "rounded-[10px] border border-[#e3e7ee] bg-white p-5", children: [_jsx("h2", { className: "text-[13px] font-semibold text-[#20252b]", children: "\u63D2\u4EF6\u80FD\u529B" }), _jsx("div", { className: "mt-4 flex flex-wrap gap-2", children: (metadata?.capabilities.length ? metadata.capabilities : [capability(plugin.name)]).map((item) => (_jsx("span", { className: "rounded-md bg-[#f1f4f9] px-2 py-1 font-mono text-[11px] text-[#61666b]", children: item }, item))) })] }), metadata?.hooks.length ? (_jsxs("section", { className: "rounded-[10px] border border-[#e3e7ee] bg-white p-5", children: [_jsx("h2", { className: "text-[13px] font-semibold text-[#20252b]", children: "\u6269\u5C55\u70B9" }), _jsx("div", { className: "mt-4 space-y-2", children: metadata.hooks.map((item) => (_jsx("div", { className: "rounded-md bg-[#f8f9fb] px-3 py-2 font-mono text-[11px] text-[#61666b]", children: item }, item))) })] })) : null, _jsxs("section", { className: "rounded-[10px] border border-[#e3e7ee] bg-white p-5", children: [_jsxs("div", { className: "mb-4 flex items-center justify-between gap-3", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-[13px] font-semibold text-[#20252b]", children: "\u5B9E\u65F6\u8BE6\u60C5" }), _jsx("p", { className: "mt-1 text-[12px] text-[#687381]", children: "\u5F53\u524D\u672C\u673A\u4F1A\u8BDD\u4E2D\u7684\u63D2\u4EF6\u8FD0\u884C\u72B6\u6001\u3002" })] }), _jsx("span", { className: "font-mono text-[10px] uppercase tracking-[0.1em] text-[#687381]", children: "LIVE" })] }), panel ? _jsx(PluginPanelCard, { inline: true, panel: panel }) : _jsx("div", { className: "empty-state", children: "\u8FD9\u4E2A\u63D2\u4EF6\u6682\u672A\u63D0\u4F9B\u5B9E\u65F6\u9762\u677F\u3002" })] })] }), _jsxs("aside", { className: "h-fit rounded-[10px] border border-[#e3e7ee] bg-white p-5", children: [_jsx("h2", { className: "text-[13px] font-semibold text-[#20252b]", children: "\u63D2\u4EF6\u4FE1\u606F" }), _jsxs("dl", { className: "mt-4 divide-y divide-[#eef0f3] text-[12px]", children: [_jsxs("div", { className: "flex justify-between gap-4 py-3", children: [_jsx("dt", { className: "text-[#687381]", children: "\u8FD0\u884C\u72B6\u6001" }), _jsx("dd", { className: "font-mono text-[#3b424b]", children: plugin.state })] }), _jsxs("div", { className: "flex justify-between gap-4 py-3", children: [_jsx("dt", { className: "text-[#687381]", children: "\u914D\u7F6E\u6807\u8BC6" }), _jsx("dd", { className: "max-w-[150px] break-all text-right font-mono text-[#3b424b]", children: plugin.id })] }), _jsxs("div", { className: "flex justify-between gap-4 py-3", children: [_jsx("dt", { className: "text-[#687381]", children: "\u5206\u7C7B" }), _jsx("dd", { className: "text-right text-[#3b424b]", children: plugin.category?.label ?? "运行时插件" })] }), _jsxs("div", { className: "flex justify-between gap-4 py-3", children: [_jsx("dt", { className: "text-[#687381]", children: "\u7BA1\u7406\u65B9\u5F0F" }), _jsx("dd", { className: "text-right text-[#3b424b]", children: plugin.removable ? "可配置" : "随运行时加载" })] }), metadata ? (_jsxs("div", { className: "flex justify-between gap-4 py-3", children: [_jsx("dt", { className: "text-[#687381]", children: "\u7248\u672C" }), _jsx("dd", { className: "font-mono text-[#3b424b]", children: metadata.version })] })) : null] }), metadata ? (_jsx("a", { className: "mt-4 block border-t border-[#eef0f3] pt-4 text-[12px] text-[#3565c5]", href: metadata.repository, rel: "noreferrer", target: "_blank", children: "\u67E5\u770B\u6E90\u7801 \u2197" })) : null] })] })] })] }), confirmUninstall ? (_jsx(PluginUninstallDialog, { busy: busyAction === "uninstall", error: error, onCancel: () => setConfirmUninstall(false), onConfirm: () => void run("uninstall", () => onUninstall(plugin)).then((completed) => {
-                    if (completed)
-                        setConfirmUninstall(false);
-                }), pluginName: title })) : null] }));
-}
-function Marketplace({ plugins, capabilities, categories, total, page, hasNext, query, capabilityFilter, categoryFilter, onQueryChange, onCapabilityChange, onCategoryChange, onPageChange, onOpenDetail, onBack, onToml, installedPackages, onInstall, }) {
-    const [installing, setInstalling] = useState();
-    const [installError, setInstallError] = useState("");
-    const [installNotice, setInstallNotice] = useState("");
-    const categoryTabs = useMemo(() => marketplaceCategoryTabs(categories), [categories]);
-    const install = async (plugin) => {
-        setInstallError("");
-        setInstallNotice("");
-        setInstalling(plugin.id);
-        try {
-            const result = await onInstall(plugin);
-            if (result.restartRequired === true)
-                setInstallNotice("已写入 profile，重启 Pi Harness 后生效。");
-        }
-        catch (error) {
-            setInstallError(error instanceof Error ? error.message : String(error));
-        }
-        finally {
-            setInstalling(undefined);
-        }
-    };
-    return (_jsx("section", { className: "marketplace-page flex min-w-0 flex-1 flex-col", children: _jsxs("div", { className: "flex min-h-0 flex-1 flex-col", children: [_jsxs("div", { className: "subnav", children: [_jsxs("div", { "aria-label": "\u63D2\u4EF6\u76EE\u5F55", className: "segmented", children: [_jsx("button", { "aria-pressed": "false", onClick: onBack, type: "button", children: "\u5DF2\u5B89\u88C5" }), _jsx("button", { "aria-pressed": "true", className: "active", type: "button", children: "\u63D2\u4EF6\u5E02\u573A" })] }), _jsx("span", { children: "\u5DF2\u5BA1\u6838\u63D2\u4EF6\u76EE\u5F55" }), _jsx("a", { href: "#", onClick: (event) => {
-                                event.preventDefault();
-                                onToml();
-                            }, children: "\u67E5\u770B\u8FD0\u884C\u914D\u7F6E" })] }), _jsxs("div", { className: "marketplace-toolbar", children: [_jsx("input", { className: "marketplace-search", "aria-label": "\u641C\u7D22\u63D2\u4EF6", onChange: (event) => onQueryChange(event.target.value), placeholder: "\u641C\u7D22\u540D\u79F0\u3001\u5305\u540D\u3001\u80FD\u529B\u2026", value: query }), _jsxs("select", { className: "marketplace-filter", "aria-label": "\u6309\u80FD\u529B\u7B5B\u9009", onChange: (event) => onCapabilityChange(event.target.value), value: capabilityFilter, children: [_jsx("option", { value: "", children: "\u5168\u90E8\u80FD\u529B" }), capabilities.map((item) => (_jsx("option", { value: item, children: item }, item)))] }), _jsxs("span", { className: "marketplace-count", children: [total, " \u4E2A\u5DF2\u5BA1\u6838\u6761\u76EE \u00B7 \u63A8\u8350\u6392\u5E8F"] })] }), _jsx(PluginCategoryNav, { activeCategory: categoryFilter, categories: categoryTabs, label: "\u63D2\u4EF6\u5206\u7C7B", onChange: onCategoryChange }), _jsxs("div", { className: "marketplace-scroll", children: [_jsxs("div", { className: "marketplace-grid", children: [plugins.map((plugin) => (_jsxs("article", { className: "catalog-card marketplace-card", children: [_jsxs("header", { className: "marketplace-card-head", children: [_jsx("div", { className: "marketplace-card-mark", children: "\u25C8" }), _jsx("div", { className: "min-w-0 flex-1", children: _jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [_jsx("strong", { className: "marketplace-title", children: plugin.name }), _jsx("span", { className: plugin.status === "verified"
-                                                                    ? "rounded bg-[#e6faed] px-1.5 py-px font-mono text-[10px] text-[#14733f]"
-                                                                    : "rounded bg-[#fff5e7] px-1.5 py-px font-mono text-[10px] text-[#9a6700]", children: plugin.status === "verified" ? "已验证" : "实验性" }), _jsx("span", { className: plugin.source === "official"
-                                                                    ? "rounded bg-[#e4edfd] px-1.5 py-px font-mono text-[10px] text-[#3565c5]"
-                                                                    : "rounded bg-[#fef5e7] px-1.5 py-px font-mono text-[10px] text-[#9a6700]", children: plugin.source === "official" ? "官方" : "社区" }), _jsx("span", { className: "rounded bg-[#f2edff] px-1.5 py-px text-[10px] text-[#6d4bc3]", children: plugin.category.label })] }) })] }), _jsxs("div", { className: "marketplace-card-body", children: [_jsxs("code", { className: "marketplace-package", children: [displayPluginName(plugin.packageName), " \u00B7 v", plugin.version] }), _jsx("p", { className: "marketplace-description", children: plugin.description }), _jsxs("div", { className: "marketplace-tags", children: [plugin.capabilities.map((item) => (_jsx("span", { className: "rounded bg-[#f1f4f9] px-1.5 py-px font-mono text-[10px] text-[#61666b]", children: item }, item))), plugin.hooks.map((item) => (_jsxs("span", { className: "rounded bg-[#f1f4f9] px-1.5 py-px font-mono text-[10px] text-[#61666b]", children: ["hook:", item] }, `hook:${item}`)))] }), plugin.statistics && (_jsx("div", { className: "marketplace-statistics mt-3 grid grid-cols-3 divide-x divide-[#e3e7ee] rounded-md border border-[#e3e7ee] bg-[#f8f9fb]", children: marketplaceStatisticItems(plugin.statistics).map((item) => (_jsxs("span", { className: "min-w-0 px-2 py-1.5", title: `${item.label} ${item.value}`, children: [_jsx("small", { className: "block truncate text-[9px] text-[#687381]", children: item.label }), _jsx("strong", { className: "mt-0.5 block truncate font-mono text-[10px] font-medium text-[#3b424b]", children: item.value })] }, item.label))) }))] }), _jsxs("footer", { className: "marketplace-card-footer", children: [_jsxs("span", { children: [plugin.author, " \u00B7 ", plugin.license] }), _jsx("a", { href: marketplaceDetailPath(plugin.id), onClick: (event) => {
-                                                        event.preventDefault();
-                                                        onOpenDetail(plugin);
-                                                    }, children: "\u67E5\u770B\u8BE6\u60C5 \u2192" }), _jsx("a", { href: plugin.repository, target: "_blank", rel: "noreferrer", children: "\u67E5\u770B\u6E90\u7801 \u2197" }), _jsx("button", { disabled: installedPackages.has(plugin.packageName) || installing !== undefined, onClick: () => void install(plugin), type: "button", children: installedPackages.has(plugin.packageName) ? "已安装" : installing === plugin.id ? "安装中…" : "安装" })] })] }, plugin.id))), !plugins.length && _jsx("div", { className: "empty-state", children: "\u6CA1\u6709\u5339\u914D\u7684\u63D2\u4EF6\u3002" })] }), installNotice && _jsx("p", { className: "mt-2 text-[11px] text-[#3565c5]", children: installNotice }), installError && _jsxs("p", { className: "mt-2 text-[11px] text-[#b42318]", children: ["\u5B89\u88C5\u5931\u8D25\uFF1A", installError] }), _jsxs("div", { className: "marketplace-pagination", children: [_jsx("button", { className: "marketplace-pagination-button", disabled: page === 0, onClick: () => onPageChange(page - 1), type: "button", children: "\u4E0A\u4E00\u9875" }), _jsxs("span", { children: ["\u7B2C ", page + 1, " \u9875"] }), _jsx("button", { className: "marketplace-pagination-button", disabled: !hasNext, onClick: () => onPageChange(page + 1), type: "button", children: "\u4E0B\u4E00\u9875" })] }), _jsxs("div", { className: "marketplace-contribute mt-3 flex items-center gap-2.5 rounded-[10px] border border-dashed border-[#b8ccf5] bg-[#f8f9ff] p-2.5 text-[11.5px] text-[#687381]", children: [_jsx("strong", { className: "text-[12px] text-[#0f1115]", children: "\u4F60\u6709\u4E00\u4E2A Pi Harness \u63D2\u4EF6\uFF1F" }), _jsx("span", { children: "\u5728 entries \u76EE\u5F55\u65B0\u589E\u4E00\u4E2A\u5143\u6570\u636E\u6587\u4EF6\uFF0C\u9644\u6D4B\u8BD5\u548C README \u540E\u63D0\u4EA4 PR\uFF1B\u5BA1\u6838\u901A\u8FC7\u540E\u4F1A\u51FA\u73B0\u5728\u8FD9\u91CC\u3002" }), _jsx("a", { className: "ml-auto flex-none text-[#3565c5]", href: "https://github.com/pi-harness/pi-harness/blob/main/docs/plugin-marketplace.md", target: "_blank", rel: "noreferrer", children: "\u67E5\u770B\u8D21\u732E\u89C4\u8303 \u2197" })] })] })] }) }));
-}
-function MarketplaceDetail({ plugin, installed, onInstall, onBack, }) {
-    const [busy, setBusy] = useState(false);
-    const [error, setError] = useState("");
-    const [notice, setNotice] = useState("");
-    const install = async () => {
-        setError("");
-        setNotice("");
-        setBusy(true);
-        try {
-            const result = await onInstall(plugin);
-            if (result.restartRequired === true)
-                setNotice("已写入 profile，重启 Pi Harness 后生效。");
-        }
-        catch (cause) {
-            setError(cause instanceof Error ? cause.message : String(cause));
-        }
-        finally {
-            setBusy(false);
-        }
-    };
-    return (_jsx("section", { className: "marketplace-page flex min-w-0 flex-1 flex-col", children: _jsxs("div", { className: "min-h-0 flex-1 overflow-auto", children: [_jsxs("div", { className: "subnav plugin-detail-subnav", children: [_jsx("a", { href: "?page=marketplace", onClick: (event) => {
-                                event.preventDefault();
-                                onBack();
-                            }, children: "\u2190 \u63D2\u4EF6\u5E02\u573A" }), _jsx("span", { children: "\u63D2\u4EF6\u8BE6\u60C5" })] }), _jsxs("div", { className: "plugin-detail-content", children: [_jsxs("header", { className: "border-b border-[#e3e7ee] pb-7", children: [_jsxs("div", { className: "mb-4 flex flex-wrap items-center gap-2", children: [_jsx("span", { className: "rounded bg-[#e4edfd] px-2 py-1 font-mono text-[10px] text-[#3565c5]", children: plugin.source === "official" ? "官方插件" : "社区插件" }), _jsx("span", { className: "rounded bg-[#f2edff] px-2 py-1 text-[10px] text-[#6d4bc3]", children: plugin.category.label }), _jsx("span", { className: plugin.status === "verified"
-                                                ? "rounded bg-[#e6faed] px-2 py-1 font-mono text-[10px] text-[#14733f]"
-                                                : "rounded bg-[#fff5e7] px-2 py-1 font-mono text-[10px] text-[#9a6700]", children: plugin.status === "verified" ? "已验证" : "实验性" })] }), _jsxs("div", { className: "flex flex-wrap items-end justify-between gap-5", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "mb-2 font-mono text-[11px] uppercase tracking-[0.14em] text-[#687381]", children: "PLUGIN DETAIL" }), _jsx("h1", { className: "text-3xl font-semibold tracking-[-0.03em] text-[#20252b]", children: plugin.name }), _jsxs("code", { className: "mt-3 block break-all text-[12px] text-[#687381]", children: [plugin.packageName, " \u00B7 v", plugin.version] })] }), _jsx("div", { className: "plugin-detail-actions", children: _jsx("button", { className: "plugin-detail-action primary", disabled: installed || busy, onClick: () => void install(), type: "button", children: installed ? "已安装" : busy ? "安装中…" : "安装插件" }) })] }), _jsx("p", { className: "mt-5 max-w-3xl text-[14px] leading-7 text-[#59636e]", children: plugin.description }), notice && _jsx("p", { className: "mt-3 text-[12px] text-[#3565c5]", children: notice }), error && _jsxs("p", { className: "mt-3 text-[12px] text-[#b42318]", children: ["\u5B89\u88C5\u5931\u8D25\uFF1A", error] })] }), _jsxs("div", { className: "grid gap-4 py-6 lg:grid-cols-[minmax(0,1fr)_280px]", children: [_jsxs("div", { className: "space-y-4", children: [_jsxs("section", { className: "rounded-[10px] border border-[#e3e7ee] bg-white p-5", children: [_jsx("h2", { className: "text-[13px] font-semibold text-[#20252b]", children: "\u63D2\u4EF6\u80FD\u529B" }), _jsx("div", { className: "mt-4 flex flex-wrap gap-2", children: plugin.capabilities.map((item) => (_jsx("span", { className: "rounded-md bg-[#f1f4f9] px-2 py-1 font-mono text-[11px] text-[#61666b]", children: item }, item))) })] }), _jsxs("section", { className: "rounded-[10px] border border-[#e3e7ee] bg-white p-5", children: [_jsx("h2", { className: "text-[13px] font-semibold text-[#20252b]", children: "\u6269\u5C55\u70B9" }), _jsx("div", { className: "mt-4 space-y-2", children: plugin.hooks.map((item) => (_jsx("div", { className: "rounded-md bg-[#f8f9fb] px-3 py-2 font-mono text-[11px] text-[#61666b]", children: item }, item))) })] }), _jsxs("section", { className: "rounded-[10px] border border-[#e3e7ee] bg-white p-5", children: [_jsx("h2", { className: "text-[13px] font-semibold text-[#20252b]", children: "\u8FD0\u884C\u914D\u7F6E" }), _jsx("p", { className: "mt-1 text-[12px] text-[#687381]", children: "\u5B89\u88C5\u540E\u4F1A\u5199\u5165\u5F53\u524D\u8FD0\u884C profile\u3002" }), _jsx("pre", { className: "mt-4 overflow-auto rounded-lg bg-[#f7f8fa] p-4 text-[11px] leading-6 text-[#3b424b]", children: _jsx("code", { children: JSON.stringify(plugin.profile, null, 2) }) })] })] }), _jsxs("aside", { className: "h-fit rounded-[10px] border border-[#e3e7ee] bg-white p-5", children: [_jsx("h2", { className: "text-[13px] font-semibold text-[#20252b]", children: "\u63D2\u4EF6\u4FE1\u606F" }), _jsxs("dl", { className: "mt-4 divide-y divide-[#eef0f3] text-[12px]", children: [_jsxs("div", { className: "flex justify-between gap-4 py-3", children: [_jsx("dt", { className: "text-[#687381]", children: "\u4F5C\u8005" }), _jsx("dd", { className: "text-right text-[#3b424b]", children: plugin.author })] }), _jsxs("div", { className: "flex justify-between gap-4 py-3", children: [_jsx("dt", { className: "text-[#687381]", children: "\u8BB8\u53EF\u8BC1" }), _jsx("dd", { className: "font-mono text-[#3b424b]", children: plugin.license })] }), _jsxs("div", { className: "flex justify-between gap-4 py-3", children: [_jsx("dt", { className: "text-[#687381]", children: "\u5206\u7C7B" }), _jsx("dd", { className: "text-right text-[#3b424b]", children: plugin.category.label })] }), _jsxs("div", { className: "flex justify-between gap-4 py-3", children: [_jsx("dt", { className: "text-[#687381]", children: "\u7248\u672C" }), _jsx("dd", { className: "font-mono text-[#3b424b]", children: plugin.version })] }), marketplaceStatisticItems(plugin.statistics).map((item) => (_jsxs("div", { className: "flex justify-between gap-4 py-3", children: [_jsx("dt", { className: "text-[#687381]", children: item.label }), _jsx("dd", { className: "font-mono text-[#3b424b]", children: item.value })] }, item.label)))] }), _jsx("a", { className: "mt-4 block border-t border-[#eef0f3] pt-4 text-[12px] text-[#3565c5]", href: plugin.repository, target: "_blank", rel: "noreferrer", children: "\u67E5\u770B\u6E90\u7801 \u2197" })] })] })] })] }) }));
-}
-function Settings({ data, api, tab, onTab, onClose, onRefresh, }) {
-    const status = data.status;
-    const [providerState, setProviderState] = useState({});
-    const [providerBusy, setProviderBusy] = useState({});
-    const [providerAddOpen, setProviderAddOpen] = useState(false);
-    const [providerForm, setProviderForm] = useState({ provider: "", name: "", baseUrl: "", api: "openai-completions", apiKey: "", model: "" });
-    const [config, setConfig] = useState();
-    const [configMode, setConfigMode] = useState("form");
-    const [configSourceDraft, setConfigSourceDraft] = useState("");
-    const [configBusy, setConfigBusy] = useState(false);
-    const [configState, setConfigState] = useState("");
-    const notifierActive = data.plugins.some((plugin) => plugin.name.endsWith("/cli-notifier") && plugin.enabled);
-    const providerDialogRef = useModalFocus(providerAddOpen, () => setProviderAddOpen(false), providerBusy.__add);
-    useEffect(() => {
-        if (tab !== "general" && tab !== "toml")
-            return;
-        setConfigState("读取中…");
-        void api
-            .getConfig()
-            .then((value) => {
-            setConfig(value);
-            setConfigSourceDraft(value.source);
-            setConfigState("");
-        })
-            .catch((cause) => setConfigState(cause instanceof Error ? cause.message : String(cause)));
-    }, [api, tab]);
-    const updateConfig = (input, message) => {
-        setConfigBusy(true);
-        setConfigState(message);
-        void api
-            .updateConfig(input)
-            .then((value) => {
-            setConfig(value);
-            setConfigSourceDraft(value.source);
-        })
-            .then(() => setConfigState("已保存"))
-            .catch((cause) => setConfigState(cause instanceof Error ? cause.message : String(cause)))
-            .finally(() => setConfigBusy(false));
-    };
-    const runProviderAction = (provider, action) => {
-        if (providerBusy[provider])
-            return;
-        setProviderBusy((current) => ({ ...current, [provider]: true }));
-        setProviderState((current) => ({ ...current, [provider]: action === "test" ? "测试中…" : "刷新中…" }));
-        if (action === "test")
-            void api
-                .testProvider(provider)
-                .then((result) => {
-                const auth = result.auth;
-                const label = auth && typeof auth === "object" && "label" in auth && typeof auth.label === "string" ? auth.label : undefined;
-                setProviderState((current) => ({ ...current, [provider]: result.reachable ? "连接正常" : (label ?? "未检测到认证") }));
-            })
-                .catch((cause) => setProviderState((current) => ({ ...current, [provider]: cause instanceof Error ? cause.message : String(cause) })))
-                .finally(() => setProviderBusy((current) => ({ ...current, [provider]: false })));
-        else
-            void api
-                .refreshProvider(provider)
-                .then((result) => setProviderState((current) => ({ ...current, [provider]: `${result.models.length} 个模型已刷新` })))
-                .catch((cause) => setProviderState((current) => ({ ...current, [provider]: cause instanceof Error ? cause.message : String(cause) })))
-                .finally(() => setProviderBusy((current) => ({ ...current, [provider]: false })));
-    };
-    return (_jsx("section", { className: "view-panel settings-page", children: _jsxs("div", { className: "settings-dialog", children: [_jsx("nav", { "aria-label": "\u8BBE\u7F6E\u5206\u7C7B", className: "settings-top-tabs", children: ["general", "providers", "toml"].map((item) => (_jsx("button", { "aria-pressed": tab === item, className: `settings-tab ${tab === item ? "active" : ""}`, onClick: () => onTab(item), type: "button", children: item === "general" ? "通用" : item === "providers" ? `提供商 ${data.providers.length}` : "运行配置" }, item))) }), _jsxs("section", { children: [_jsxs("header", { children: [_jsx("button", { className: "settings-back", onClick: onClose, type: "button", children: "\u2190 \u8FD4\u56DE\u4F1A\u8BDD" }), _jsxs("div", { className: "settings-header-copy", children: [_jsx("strong", { children: tab === "general" ? "通用" : tab === "providers" ? "提供商" : "运行配置" }), _jsx("small", { children: tab === "toml" ? "配置即代码，改完重载" : "运行时状态与快捷键" })] })] }), _jsxs("div", { className: "settings-body", children: [tab === "general" && (_jsxs(_Fragment, { children: [[
-                                            ["工作目录", status?.cwd],
-                                            ["agent 目录", status?.agentDir],
-                                            ["会话", status ? `${status.sessionId} · ${status.messages} 条消息` : "—"],
-                                            ["快捷键", "⌘K 命令 · ⌘, 设置 · ⌃C 中断"],
-                                            ["权限策略", "当前 API 未提供修改接口"],
-                                        ].map(([key, item]) => (_jsx("div", { className: "general-row", children: _jsxs("div", { children: [_jsx("strong", { children: key }), _jsx("small", { children: value(item) })] }) }, key))), _jsxs("div", { className: "general-row", children: [_jsxs("div", { children: [_jsx("strong", { children: "\u4EFB\u52A1\u7ED3\u675F\u63D0\u9192\u63D2\u4EF6" }), _jsx("small", { children: "\u7531 CLI Notifier \u63D0\u4F9B\uFF0C\u5177\u4F53\u76EE\u6807\u5728\u63D2\u4EF6\u914D\u7F6E\u4E2D\u7BA1\u7406" })] }), _jsx("span", { className: `setting-status ${notifierActive ? "on" : ""}`, children: notifierActive ? "已加载" : "未加载" })] }), _jsxs("div", { className: "general-row", children: [_jsxs("div", { children: [_jsx("strong", { children: "\u81EA\u52A8\u538B\u7F29\u4E0A\u4E0B\u6587" }), _jsx("small", { children: "\u63A5\u8FD1\u4E0A\u4E0B\u6587\u4E0A\u9650\u65F6\u81EA\u52A8\u6574\u7406\u5386\u53F2\u6D88\u606F\uFF0C\u53EF\u5728\u8FD0\u884C\u914D\u7F6E\u4E2D\u4FEE\u6539" }), !config && configState && configState !== "读取中…" ? (_jsxs("small", { className: "setting-error", role: "alert", children: ["\u914D\u7F6E\u8BFB\u53D6\u5931\u8D25\uFF1A", configState] })) : null] }), _jsx("span", { className: `setting-status ${config?.settings.compaction.enabled ? "on" : ""}`, children: config ? (config.settings.compaction.enabled ? "已开启" : "已关闭") : configState === "读取中…" ? "读取中" : "不可用" })] })] })), tab === "providers" && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "provider-add-head", children: [_jsxs("div", { children: [_jsx("strong", { children: "\u5DF2\u542F\u7528\u63D0\u4F9B\u5546" }), _jsx("small", { children: "\u6A21\u578B\u5217\u8868\u53EA\u663E\u793A\u5F53\u524D\u4F1A\u8BDD\u548C\u5DF2\u914D\u7F6E\u63D0\u4F9B\u5546\u3002" })] }), _jsx("button", { className: "primary", onClick: () => setProviderAddOpen(true), type: "button", children: "\u6DFB\u52A0\u63D0\u4F9B\u5546" })] }), providerAddOpen && (_jsx("div", { className: "provider-add-overlay", onClick: () => {
-                                                if (!providerBusy.__add)
-                                                    setProviderAddOpen(false);
-                                            }, onKeyDown: (event) => {
-                                                if (event.key === "Escape") {
-                                                    event.stopPropagation();
-                                                    if (!providerBusy.__add)
-                                                        setProviderAddOpen(false);
-                                                }
-                                            }, children: _jsxs("div", { "aria-busy": providerBusy.__add, "aria-label": "\u6DFB\u52A0\u63D0\u4F9B\u5546", "aria-modal": "true", className: "provider-add-modal", onClick: (event) => event.stopPropagation(), ref: providerDialogRef, role: "dialog", tabIndex: -1, children: [_jsxs("header", { children: [_jsxs("div", { children: [_jsx("strong", { children: "\u6DFB\u52A0\u81EA\u5B9A\u4E49\u63D0\u4F9B\u5546" }), _jsx("small", { children: "\u6CE8\u518C OpenAI \u517C\u5BB9\u63A5\u53E3\uFF0C\u51ED\u636E\u53EA\u63D0\u4EA4\u5230\u672C\u673A Pi runtime\u3002" })] }), _jsx("button", { "aria-label": "\u5173\u95ED\u6DFB\u52A0\u63D0\u4F9B\u5546", disabled: providerBusy.__add, onClick: () => setProviderAddOpen(false), type: "button", children: "\u00D7" })] }), _jsxs("form", { className: "provider-add-form", onSubmit: (event) => {
-                                                            event.preventDefault();
-                                                            if (!providerForm.provider || !providerForm.baseUrl || !providerForm.apiKey || !providerForm.model)
-                                                                return;
-                                                            setProviderBusy((current) => ({ ...current, __add: true }));
-                                                            setProviderState((current) => ({ ...current, __add: "添加中…" }));
-                                                            void api
-                                                                .addProvider(providerForm)
-                                                                .then(async () => {
-                                                                setProviderForm({ provider: "", name: "", baseUrl: "", api: "openai-completions", apiKey: "", model: "" });
-                                                                setProviderState((current) => ({ ...current, __add: "已添加" }));
-                                                                await onRefresh();
-                                                                setProviderAddOpen(false);
-                                                            })
-                                                                .catch((cause) => setProviderState((current) => ({ ...current, __add: cause instanceof Error ? cause.message : String(cause) })))
-                                                                .finally(() => setProviderBusy((current) => ({ ...current, __add: false })));
-                                                        }, children: [_jsxs("label", { children: [_jsx("span", { children: "\u63D0\u4F9B\u5546 ID" }), _jsx("input", { "aria-label": "\u63D0\u4F9B\u5546 ID", "data-dialog-initial-focus": true, maxLength: 64, minLength: 2, pattern: "[a-z0-9][a-z0-9._-]{1,63}", placeholder: "\u4F8B\u5982 openrouter", required: true, value: providerForm.provider, onChange: (event) => setProviderForm((current) => ({ ...current, provider: event.target.value })) })] }), _jsxs("label", { children: [_jsx("span", { children: "\u663E\u793A\u540D\u79F0" }), _jsx("input", { "aria-label": "\u63D0\u4F9B\u5546\u540D\u79F0", placeholder: "\u53EF\u9009", value: providerForm.name, onChange: (event) => setProviderForm((current) => ({ ...current, name: event.target.value })) })] }), _jsxs("label", { className: "provider-add-wide", children: [_jsx("span", { children: "\u63A5\u53E3\u5730\u5740" }), _jsx("input", { "aria-label": "\u63A5\u53E3\u5730\u5740", placeholder: "https://api.example.com/v1", required: true, type: "url", value: providerForm.baseUrl, onChange: (event) => setProviderForm((current) => ({ ...current, baseUrl: event.target.value })) })] }), _jsxs("label", { children: [_jsx("span", { children: "\u6A21\u578B ID" }), _jsx("input", { "aria-label": "\u6A21\u578B ID", placeholder: "\u4F8B\u5982 gpt-4o", required: true, value: providerForm.model, onChange: (event) => setProviderForm((current) => ({ ...current, model: event.target.value })) })] }), _jsxs("label", { children: [_jsx("span", { children: "\u534F\u8BAE" }), _jsxs("select", { "aria-label": "\u534F\u8BAE", value: providerForm.api, onChange: (event) => setProviderForm((current) => ({ ...current, api: event.target.value })), children: [_jsx("option", { value: "openai-completions", children: "OpenAI Completions" }), _jsx("option", { value: "openai-responses", children: "OpenAI Responses" })] })] }), _jsxs("label", { className: "provider-add-wide", children: [_jsx("span", { children: "API key" }), _jsx("input", { "aria-label": "API key", placeholder: "\u53EA\u5728\u672C\u673A\u63D0\u4EA4\uFF0C\u4E0D\u4F1A\u56DE\u663E", required: true, type: "password", value: providerForm.apiKey, onChange: (event) => setProviderForm((current) => ({ ...current, apiKey: event.target.value })) })] }), _jsxs("div", { className: "provider-add-actions", children: [_jsx("button", { className: "primary", disabled: providerBusy.__add, type: "submit", children: providerBusy.__add ? "添加中…" : "添加提供商" }), providerState.__add && _jsx("small", { "aria-live": "polite", children: providerState.__add })] })] })] }) })), _jsx("small", { children: "\u5DF2\u542F\u7528\u63D0\u4F9B\u5546 \u00B7 /api/providers" }), data.providers.length ? (data.providers.map((provider) => (_jsxs("article", { className: "provider-card", children: [_jsxs("div", { className: "provider-head", children: [_jsx("span", { className: "provider-dot", children: "\u25CF" }), _jsx("strong", { children: provider.name }), _jsx("span", { className: "provider-state", children: provider.active ? "当前会话" : provider.auth?.configured === true ? "已配置" : "未配置" })] }), _jsxs("div", { className: "provider-field", children: [_jsx("code", { children: "provider" }), _jsx("input", { "aria-label": `${provider.name} 提供商 ID`, disabled: true, value: provider.provider, readOnly: true })] }), _jsxs("div", { className: "provider-field", children: [_jsx("code", { children: "model" }), _jsxs("div", { className: "provider-model-value", title: provider.models.map((model) => model.id).join(", ") || "暂无模型", children: [_jsx("span", { children: provider.activeModel ? `${provider.activeModel.provider}/${provider.activeModel.id}` : "未选择模型" }), provider.models.length > 0 && (_jsxs("details", { className: "provider-models-details", children: [_jsxs("summary", { children: ["\u67E5\u770B ", provider.models.length, " \u4E2A\u6A21\u578B"] }), _jsx("div", { className: "model-chips", children: provider.models.map((model) => (_jsx("span", { children: model.id }, model.id))) })] }))] })] }), _jsxs("div", { className: "provider-field", children: [_jsx("code", { children: "api_key" }), _jsx("input", { "aria-label": `${provider.name} API key 状态`, disabled: true, value: "\u4E0D\u4F1A\u5728\u6D4F\u89C8\u5668\u663E\u793A", readOnly: true })] }), _jsxs("div", { className: "provider-footer", children: [_jsxs("code", { children: [provider.models.length, " \u4E2A\u6A21\u578B"] }), _jsx("button", { disabled: providerBusy[provider.provider], onClick: () => runProviderAction(provider.provider, "test"), type: "button", children: providerBusy[provider.provider] && providerState[provider.provider] === "测试中…" ? "测试中…" : "测试连接" }), _jsx("button", { className: "link-button", disabled: providerBusy[provider.provider], onClick: () => runProviderAction(provider.provider, "refresh"), type: "button", children: providerBusy[provider.provider] && providerState[provider.provider] === "刷新中…" ? "刷新中…" : "拉取模型" })] }), providerState[provider.provider] && (_jsx("small", { "aria-live": "polite", className: "provider-result", children: providerState[provider.provider] }))] }, provider.provider)))) : (_jsx("div", { className: "empty-state", children: "\u8FD0\u884C\u65F6\u6CA1\u6709\u6CE8\u518C\u63D0\u4F9B\u5546\u3002" }))] })), tab === "toml" && (_jsxs("div", { className: "config-editor", children: [_jsxs("div", { className: "toml-toolbar", children: [_jsxs("div", { children: [_jsx("strong", { children: "\u8FD0\u884C\u65F6\u914D\u7F6E" }), _jsx("span", { children: config?.path ?? "~/.pi/agent/settings.json" })] }), _jsx("button", { className: configMode === "form" ? "active" : "", onClick: () => setConfigMode("form"), type: "button", children: "\u8868\u5355" }), _jsx("button", { className: configMode === "source" ? "active" : "", onClick: () => setConfigMode("source"), type: "button", children: "\u6E90\u7801" }), _jsx("button", { className: "primary", disabled: configBusy, onClick: () => {
-                                                        setConfigBusy(true);
-                                                        setConfigState("重载中…");
-                                                        void api
-                                                            .reloadConfig()
-                                                            .then(setConfig)
-                                                            .then(() => setConfigState("已从磁盘重载"))
-                                                            .catch((cause) => setConfigState(cause instanceof Error ? cause.message : String(cause)))
-                                                            .finally(() => setConfigBusy(false));
-                                                    }, type: "button", children: "\u91CD\u8F7D" })] }), configState && (_jsx("div", { "aria-live": "polite", className: `config-state ${configState.includes("失败") || configState.includes("Error") ? "error" : ""}`, children: configState })), config ? (configMode === "source" ? (_jsxs("div", { className: "config-source-editor", children: [_jsx("textarea", { "aria-label": "settings.json \u6E90\u7801", className: "config-source", onChange: (event) => setConfigSourceDraft(event.target.value), spellCheck: false, value: configSourceDraft }), _jsxs("div", { className: "config-source-actions", children: [_jsx("small", { children: "\u5B8C\u6574 JSON \u914D\u7F6E\uFF0C\u53EF\u7F16\u8F91\u672A\u77E5\u5B57\u6BB5\uFF1B\u4FDD\u5B58\u524D\u4F1A\u6821\u9A8C\u8BED\u6CD5\u3002" }), _jsx("button", { className: "primary", disabled: configBusy || !configSourceDraft.trim(), onClick: () => {
-                                                                setConfigBusy(true);
-                                                                setConfigState("保存源码…");
-                                                                void api
-                                                                    .updateConfigSource(configSourceDraft)
-                                                                    .then((value) => {
-                                                                    setConfig(value);
-                                                                    setConfigSourceDraft(value.source);
-                                                                    setConfigState("已保存源码");
-                                                                })
-                                                                    .catch((cause) => setConfigState(cause instanceof Error ? cause.message : String(cause)))
-                                                                    .finally(() => setConfigBusy(false));
-                                                            }, type: "button", children: "\u4FDD\u5B58\u6E90\u7801" })] })] })) : (_jsxs("div", { className: "config-sections", children: [_jsxs("section", { className: "config-section", children: [_jsxs("header", { children: [_jsx("strong", { children: "\u6A21\u578B\u9ED8\u8BA4\u503C" }), _jsx("small", { children: "\u65B0\u4F1A\u8BDD\u542F\u52A8\u65F6\u4F7F\u7528\u7684\u6A21\u578B\u548C\u601D\u8003\u7EA7\u522B" })] }), _jsxs("label", { className: "config-field", children: [_jsx("span", { children: "\u63D0\u4F9B\u5546" }), _jsxs("select", { disabled: configBusy, onChange: (event) => updateConfig({ defaultProvider: event.target.value }, "保存提供商…"), value: config.settings.defaultProvider ?? "", children: [_jsx("option", { value: "", children: "\u8DDF\u968F\u8FD0\u884C\u65F6" }), data.providers.map((provider) => (_jsx("option", { value: provider.provider, children: provider.name }, provider.provider)))] })] }), _jsxs("label", { className: "config-field", children: [_jsx("span", { children: "\u6A21\u578B" }), _jsxs("select", { disabled: configBusy, onChange: (event) => updateConfig({ defaultModel: event.target.value }, "保存模型…"), value: config.settings.defaultModel ?? "", children: [_jsx("option", { value: "", children: "\u8DDF\u968F\u63D0\u4F9B\u5546" }), data.models.map((model) => (_jsxs("option", { value: model.id, children: [model.provider, "/", model.name] }, `${model.provider}/${model.id}`)))] })] }), _jsxs("label", { className: "config-field", children: [_jsx("span", { children: "\u601D\u8003\u7EA7\u522B" }), _jsx("select", { disabled: configBusy, onChange: (event) => updateConfig({ defaultThinkingLevel: event.target.value }, "保存思考级别…"), value: config.settings.defaultThinkingLevel ?? "medium", children: ["off", "minimal", "low", "medium", "high", "xhigh", "max"].map((level) => (_jsx("option", { value: level, children: level }, level))) })] })] }), _jsxs("section", { className: "config-section", children: [_jsxs("header", { children: [_jsx("strong", { children: "\u8FD0\u884C\u7B56\u7565" }), _jsx("small", { children: "\u6D88\u606F\u961F\u5217\u548C\u7F51\u7EDC\u4F20\u8F93\u884C\u4E3A" })] }), _jsxs("label", { className: "config-field", children: [_jsx("span", { children: "\u4F20\u8F93\u65B9\u5F0F" }), _jsxs("select", { disabled: configBusy, onChange: (event) => updateConfig({ transport: event.target.value }, "保存传输方式…"), value: config.settings.transport, children: [_jsx("option", { value: "auto", children: "\u81EA\u52A8" }), _jsx("option", { value: "sse", children: "SSE" }), _jsx("option", { value: "websocket", children: "WebSocket" })] })] }), _jsxs("label", { className: "config-field", children: [_jsx("span", { children: "Steering \u6D88\u606F" }), _jsxs("select", { disabled: configBusy, onChange: (event) => updateConfig({ steeringMode: event.target.value }, "保存队列策略…"), value: config.settings.steeringMode, children: [_jsx("option", { value: "one-at-a-time", children: "\u9010\u6761\u53D1\u9001" }), _jsx("option", { value: "all", children: "\u4E00\u6B21\u53D1\u9001\u5168\u90E8" })] })] }), _jsxs("label", { className: "config-field", children: [_jsx("span", { children: "Follow-up \u6D88\u606F" }), _jsxs("select", { disabled: configBusy, onChange: (event) => updateConfig({ followUpMode: event.target.value }, "保存跟进策略…"), value: config.settings.followUpMode, children: [_jsx("option", { value: "one-at-a-time", children: "\u9010\u6761\u53D1\u9001" }), _jsx("option", { value: "all", children: "\u4E00\u6B21\u53D1\u9001\u5168\u90E8" })] })] })] }), _jsxs("section", { className: "config-section", children: [_jsxs("header", { children: [_jsx("strong", { children: "\u4E0A\u4E0B\u6587\u4E0E\u663E\u793A" }), _jsx("small", { children: "\u63A7\u5236\u601D\u8003\u5185\u5BB9\u548C\u81EA\u52A8\u538B\u7F29" })] }), _jsxs("label", { className: "config-toggle", children: [_jsxs("span", { children: [_jsx("strong", { children: "\u9690\u85CF\u601D\u8003\u6B63\u6587" }), _jsx("small", { children: "\u53EA\u663E\u793A\u53EF\u5C55\u5F00\u7684\u601D\u8003\u6458\u8981" })] }), _jsx("input", { checked: config.settings.hideThinkingBlock, disabled: configBusy, onChange: (event) => updateConfig({ hideThinkingBlock: event.target.checked }, "保存显示设置…"), type: "checkbox" })] }), _jsxs("label", { className: "config-toggle", children: [_jsxs("span", { children: [_jsx("strong", { children: "\u81EA\u52A8\u538B\u7F29\u4E0A\u4E0B\u6587" }), _jsx("small", { children: "\u63A5\u8FD1\u4E0A\u4E0B\u6587\u4E0A\u9650\u65F6\u81EA\u52A8\u6574\u7406\u5386\u53F2\u6D88\u606F" })] }), _jsx("input", { checked: config.settings.compaction.enabled, disabled: configBusy, onChange: (event) => updateConfig({ compaction: { ...config.settings.compaction, enabled: event.target.checked } }, "保存压缩设置…"), type: "checkbox" })] }), _jsxs("label", { className: "config-toggle", children: [_jsxs("span", { children: [_jsx("strong", { children: "\u81EA\u52A8\u91CD\u8BD5" }), _jsx("small", { children: "\u4E34\u65F6\u7F51\u7EDC\u9519\u8BEF\u65F6\u81EA\u52A8\u91CD\u8BD5\u8BF7\u6C42" })] }), _jsx("input", { checked: config.settings.retry.enabled, disabled: configBusy, onChange: (event) => updateConfig({ retry: { ...config.settings.retry, enabled: event.target.checked } }, "保存重试设置…"), type: "checkbox" })] }), _jsxs("label", { className: "config-toggle", children: [_jsxs("span", { children: [_jsx("strong", { children: "\u663E\u793A\u56FE\u7247" }), _jsx("small", { children: "\u5141\u8BB8\u6A21\u578B\u54CD\u5E94\u4E2D\u7684\u56FE\u7247\u6E32\u67D3" })] }), _jsx("input", { checked: config.settings.terminal.showImages, disabled: configBusy, onChange: (event) => updateConfig({ terminal: { ...config.settings.terminal, showImages: event.target.checked } }, "保存图片设置…"), type: "checkbox" })] })] }), _jsxs("section", { className: "config-section", children: [_jsxs("header", { children: [_jsx("strong", { children: "\u7EC8\u7AEF\u4E0E\u5BFC\u822A" }), _jsx("small", { children: "\u63A7\u5236\u547D\u4EE4\u884C\u754C\u9762\u548C\u6D88\u606F\u6E32\u67D3\u884C\u4E3A" })] }), _jsxs("label", { className: "config-toggle", children: [_jsxs("span", { children: [_jsx("strong", { children: "\u5B89\u9759\u542F\u52A8" }), _jsx("small", { children: "\u542F\u52A8\u65F6\u9690\u85CF\u7248\u672C\u548C\u66F4\u65B0\u63D0\u793A" })] }), _jsx("input", { checked: config.settings.advanced.quietStartup, disabled: configBusy, onChange: (event) => updateConfig({ advanced: { ...config.settings.advanced, quietStartup: event.target.checked } }, "保存启动设置…"), type: "checkbox" })] }), _jsxs("label", { className: "config-field", children: [_jsx("span", { children: "\u9879\u76EE\u53EF\u4FE1\u7B56\u7565" }), _jsxs("select", { disabled: configBusy, onChange: (event) => updateConfig({ advanced: { ...config.settings.advanced, projectTrust: event.target.value } }, "保存信任策略…"), value: config.settings.advanced.projectTrust, children: [_jsx("option", { value: "ask", children: "\u6BCF\u6B21\u8BE2\u95EE" }), _jsx("option", { value: "always", children: "\u59CB\u7EC8\u4FE1\u4EFB" }), _jsx("option", { value: "never", children: "\u4ECE\u4E0D\u4FE1\u4EFB" })] })] }), _jsxs("label", { className: "config-field", children: [_jsx("span", { children: "Mermaid \u6E32\u67D3" }), _jsxs("select", { disabled: configBusy, onChange: (event) => updateConfig({ advanced: { ...config.settings.advanced, mermaid: event.target.value } }, "保存 Mermaid 设置…"), value: config.settings.advanced.mermaid, children: [_jsx("option", { value: "off", children: "\u5173\u95ED" }), _jsx("option", { value: "final", children: "\u5B8C\u6210\u540E\u6E32\u67D3" }), _jsx("option", { value: "streaming", children: "\u6D41\u5F0F\u6E32\u67D3" })] })] }), _jsxs("label", { className: "config-field", children: [_jsx("span", { children: "\u53CC\u51FB Escape" }), _jsxs("select", { disabled: configBusy, onChange: (event) => updateConfig({ advanced: { ...config.settings.advanced, doubleEscapeAction: event.target.value } }, "保存快捷键设置…"), value: config.settings.advanced.doubleEscapeAction, children: [_jsx("option", { value: "tree", children: "\u6253\u5F00\u4F1A\u8BDD\u6811" }), _jsx("option", { value: "fork", children: "\u521B\u5EFA\u5206\u652F" }), _jsx("option", { value: "none", children: "\u4E0D\u6267\u884C" })] })] })] }), _jsxs("section", { className: "config-section", children: [_jsxs("header", { children: [_jsx("strong", { children: "\u8BCA\u65AD\u4E0E\u9690\u79C1" }), _jsx("small", { children: "\u63A7\u5236\u7F13\u5B58\u63D0\u793A\u548C\u533F\u540D\u6570\u636E\u4E0A\u62A5" })] }), _jsxs("label", { className: "config-toggle", children: [_jsxs("span", { children: [_jsx("strong", { children: "\u663E\u793A\u7F13\u5B58\u672A\u547D\u4E2D" }), _jsx("small", { children: "\u5728\u6D88\u606F\u4E2D\u663E\u793A\u6A21\u578B\u7F13\u5B58\u8BCA\u65AD" })] }), _jsx("input", { checked: config.settings.advanced.showCacheMissNotices, disabled: configBusy, onChange: (event) => updateConfig({ advanced: { ...config.settings.advanced, showCacheMissNotices: event.target.checked } }, "保存诊断设置…"), type: "checkbox" })] }), _jsxs("label", { className: "config-toggle", children: [_jsxs("span", { children: [_jsx("strong", { children: "\u5B89\u88C5\u9065\u6D4B" }), _jsx("small", { children: "\u53D1\u9001\u533F\u540D\u5B89\u88C5\u548C\u7248\u672C\u7EDF\u8BA1" })] }), _jsx("input", { checked: config.settings.advanced.enableInstallTelemetry, disabled: configBusy, onChange: (event) => updateConfig({ advanced: { ...config.settings.advanced, enableInstallTelemetry: event.target.checked } }, "保存隐私设置…"), type: "checkbox" })] })] })] }))) : (_jsx("div", { className: "empty-state", children: "\u6B63\u5728\u8BFB\u53D6\u8FD0\u884C\u65F6\u914D\u7F6E\u2026" }))] }))] })] })] }) }));
-}
-const filterCommands = (commands, query) => {
-    const normalized = query.trim().toLowerCase();
-    return commands.filter((command) => `${command.invocationName} ${command.description ?? ""}`.toLowerCase().includes(normalized));
-};
-function CommandPalette({ commands, query, activeIndex, onActiveIndexChange, onUse, }) {
-    const visible = filterCommands(commands, query);
-    const execute = (index) => {
-        const command = visible[index];
-        if (!command)
-            return;
-        onUse(`/${command.invocationName}`);
-    };
-    return (_jsx("div", { "aria-label": "\u547D\u4EE4\u9762\u677F", className: "command-palette", id: "command-menu", role: "listbox", children: _jsxs("div", { className: "palette-group", children: [_jsxs("small", { children: ["COMMANDS ", _jsx("span", { children: "\u00B7 RUNTIME REGISTRY" })] }), visible.length ? (visible.map((command, index) => {
-                    const invocation = `/${command.invocationName}`;
-                    return (_jsxs("button", { "aria-selected": index === activeIndex, onClick: () => execute(index), onMouseEnter: () => onActiveIndexChange(index), role: "option", type: "button", children: [_jsx("code", { children: invocation }), _jsx("span", { children: command.description ?? command.source ?? "由当前运行时注册" })] }, `${command.invocationName}:${command.source ?? "runtime"}`));
-                })) : (_jsx("div", { className: "empty-state", children: commands.length ? "没有匹配的命令。" : "当前运行时没有可用的命令注册清单。" }))] }) }));
-}
-function PromptCompletionPopover({ kind, commands, files, query, activeIndex, onActiveIndexChange, onUse, }) {
-    const items = kind === "command"
-        ? filterCommands(commands, query).slice(0, 12)
-        : files.filter((file) => `${file.path} ${file.label} ${file.status}`.toLowerCase().includes(query.trim().toLowerCase())).slice(0, 12);
-    return (_jsxs("div", { "aria-label": kind === "command" ? "命令补全" : "文件补全", className: "prompt-completion", "data-prompt-completion": true, id: "prompt-completion-list", role: "listbox", children: [_jsx("small", { children: kind === "command" ? "命令" : "文件" }), items.length ? (items.slice(0, 12).map((item, index) => {
-                const label = kind === "command" ? `/${item.invocationName}` : `@${item.path}`;
-                const detail = kind === "command" ? (item.description ?? item.source ?? "由当前运行时注册") : item.status;
-                return (_jsxs("button", { "aria-selected": index === activeIndex, id: `prompt-completion-option-${index}`, onClick: () => onUse(label), onMouseEnter: () => onActiveIndexChange(index), role: "option", type: "button", children: [_jsx("strong", { children: label }), _jsx("span", { children: detail })] }, `${kind}:${label}`));
-            })) : (_jsx("span", { className: "prompt-completion-empty", children: "\u6CA1\u6709\u5339\u914D\u9879" }))] }));
-}
-function GlobalSearch({ commands, sessions, files, onClose, onUse, onOpenSession, onOpenFile, }) {
-    const [query, setQuery] = useState("");
-    const [activeIndex, setActiveIndex] = useState(0);
-    const dialogRef = useModalFocus(true, onClose);
-    const normalized = query.trim().toLowerCase();
-    const matches = (text) => !normalized || text.toLowerCase().includes(normalized);
-    const items = [
-        ...commands
-            .filter((command) => matches(`${command.invocationName} ${command.description ?? ""}`))
-            .map((command) => ({ kind: "command", command })),
-        ...sessions
-            .filter((session) => matches(`${value(session.name, "")} ${value(session.firstMessage, "")} ${value(session.sessionId, "")}`))
-            .map((session) => ({ kind: "session", session })),
-        ...files.filter((file) => matches(`${file.path} ${file.label} ${file.status}`)).map((file) => ({ kind: "file", file })),
-    ];
-    const selectedIndex = items.length ? Math.min(activeIndex, items.length - 1) : -1;
-    const activeItemId = selectedIndex >= 0 ? `global-search-option-${selectedIndex}` : undefined;
-    useEffect(() => setActiveIndex(0), [query]);
-    const execute = (item) => {
-        if (!item)
-            return;
-        if (item.kind === "command")
-            onUse(`/${item.command.invocationName}`);
-        else if (item.kind === "session")
-            onOpenSession(item.session);
-        else
-            onOpenFile(item.file);
-        onClose();
-    };
-    return (_jsx("div", { className: "global-search", onClick: (event) => {
-            if (event.target === event.currentTarget)
-                onClose();
-        }, children: _jsxs("div", { "aria-label": "\u5168\u5C40\u641C\u7D22", "aria-modal": "true", className: "global-search-dialog", ref: dialogRef, role: "dialog", tabIndex: -1, children: [_jsxs("div", { className: "global-search-heading", children: [_jsx("strong", { children: "\u5168\u5C40\u641C\u7D22" }), _jsx("small", { children: "\u547D\u4EE4 \u00B7 \u4F1A\u8BDD \u00B7 \u6587\u4EF6" }), _jsx("button", { "aria-label": "\u5173\u95ED\u5168\u5C40\u641C\u7D22", onClick: onClose, type: "button", children: "\u00D7" })] }), _jsx("input", { "aria-activedescendant": activeItemId, "aria-autocomplete": "list", "aria-controls": "global-search-results", "aria-expanded": "true", "aria-label": "\u5168\u5C40\u641C\u7D22", "data-dialog-initial-focus": true, onChange: (event) => setQuery(event.target.value), onKeyDown: (event) => {
-                        if (event.key === "Escape") {
-                            event.preventDefault();
-                            onClose();
-                        }
-                        else if (event.key === "ArrowDown" && items.length) {
-                            event.preventDefault();
-                            setActiveIndex((index) => (index + 1) % items.length);
-                        }
-                        else if (event.key === "ArrowUp" && items.length) {
-                            event.preventDefault();
-                            setActiveIndex((index) => (index - 1 + items.length) % items.length);
-                        }
-                        else if (event.key === "Enter") {
-                            event.preventDefault();
-                            execute(items[selectedIndex]);
-                        }
-                    }, placeholder: "\u641C\u7D22\u547D\u4EE4\u3001\u4F1A\u8BDD\u6216\u6587\u4EF6", role: "combobox", value: query }), _jsx("div", { className: "global-search-results", id: "global-search-results", role: "listbox", children: items.length ? (["command", "session", "file"].map((kind) => {
-                        const group = items.filter((item) => item.kind === kind);
-                        if (!group.length)
-                            return null;
-                        const label = kind === "command" ? "命令" : kind === "session" ? "会话" : "文件";
-                        return (_jsxs("section", { "aria-label": label, className: "global-search-group", role: "group", children: [_jsx("small", { "aria-hidden": "true", children: label }), group.map((item) => {
-                                    const index = items.indexOf(item);
-                                    const title = item.kind === "command"
-                                        ? `/${item.command.invocationName}`
-                                        : item.kind === "session"
-                                            ? value(item.session.name ?? item.session.firstMessage ?? item.session.sessionId, "未命名会话")
-                                            : item.file.label;
-                                    const detail = item.kind === "command"
-                                        ? (item.command.description ?? item.command.source ?? "由当前运行时注册")
-                                        : item.kind === "session"
-                                            ? `${value(item.session.messageCount, "0")} 条消息`
-                                            : `${item.file.path} · ${item.file.status}`;
-                                    return (_jsxs("button", { "aria-selected": index === selectedIndex, id: `global-search-option-${index}`, onClick: () => execute(item), onMouseEnter: () => setActiveIndex(index), role: "option", type: "button", children: [_jsx("strong", { children: title }), _jsx("span", { children: detail })] }, `${item.kind}:${title}:${index}`));
-                                })] }, kind));
-                    })) : (_jsx("div", { className: "empty-state", children: "\u6CA1\u6709\u5339\u914D\u7684\u547D\u4EE4\u3001\u4F1A\u8BDD\u6216\u6587\u4EF6\u3002" })) })] }) }));
-}
-export function ControlRoomView({ api = createClientApi(), appVersion }) {
-    const initialQueryState = useMemo(readQueryState, []);
-    const [data, setData] = useState({
-        sessions: [],
-        files: [],
-        models: [],
-        providers: [],
-        plugins: [],
-        pluginPanels: [],
-        marketplace: [],
-        marketplaceCapabilities: [],
-        marketplaceCategories: [],
-        marketplaceTotal: 0,
-        marketplacePage: 0,
-        marketplaceHasNext: false,
-        commands: [],
-        workspaces: [],
-    });
-    const [view, setView] = useState(initialQueryState.view);
-    const [page, setPage] = useState(initialQueryState.page);
-    const [settings, setSettings] = useState(initialQueryState.settings);
-    const [details, setDetails] = useState();
-    const [commandOpen, setCommandOpen] = useState(false);
-    const [globalSearchOpen, setGlobalSearchOpen] = useState(false);
-    const [commandQuery, setCommandQuery] = useState("");
-    const [commandIndex, setCommandIndex] = useState(0);
-    const [sessionMenuOpen, setSessionMenuOpen] = useState(false);
-    const [sessionMenuPath, setSessionMenuPath] = useState();
-    const [sessionMenuPosition, setSessionMenuPosition] = useState();
-    const [sessionToolsOpen, setSessionToolsOpen] = useState(false);
-    const [sessionToolsPosition, setSessionToolsPosition] = useState();
-    const [sessionSelectionMode, setSessionSelectionMode] = useState(false);
-    const [sessionDialog, setSessionDialog] = useState();
-    const [sessionActionTarget, setSessionActionTarget] = useState();
-    const [sessionNameDraft, setSessionNameDraft] = useState("");
-    const [workspaceChooserOpen, setWorkspaceChooserOpen] = useState(false);
-    const [workspaceError, setWorkspaceError] = useState("");
-    const [selectedWorkspacePath, setSelectedWorkspacePath] = useState();
-    const [selectedSessionPath, setSelectedSessionPath] = useState(initialQueryState.sessionPath);
-    const initialSessionPathRef = useRef(initialQueryState.sessionPath);
-    const sessionRestoreAttemptedRef = useRef(false);
-    const [draft, setDraft] = useState("");
-    const [annotations, setAnnotations] = useState([]);
-    const [annotationSelection, setAnnotationSelection] = useState("");
-    const [annotationNote, setAnnotationNote] = useState("");
-    const [search, setSearch] = useState("");
-    const searchInputRef = useRef(null);
-    const [marketplaceQuery, setMarketplaceQuery] = useState(initialQueryState.marketplaceQuery);
-    const [marketplaceCapability, setMarketplaceCapability] = useState(initialQueryState.marketplaceCapability);
-    const [marketplaceCategory, setMarketplaceCategory] = useState(initialQueryState.marketplaceCategory);
-    const [marketplacePluginId, setMarketplacePluginId] = useState(initialQueryState.marketplacePlugin);
-    const [marketplaceDetail, setMarketplaceDetail] = useState();
-    const [marketplaceDetailPending, setMarketplaceDetailPending] = useState(initialQueryState.marketplacePlugin !== undefined);
-    const [marketplaceDetailError, setMarketplaceDetailError] = useState("");
-    const [marketplaceCatalog, setMarketplaceCatalog] = useState([]);
-    const [installedPluginId, setInstalledPluginId] = useState(initialQueryState.installedPlugin);
-    const [installedPluginMetadata, setInstalledPluginMetadata] = useState();
-    const [marketplacePage, setMarketplacePage] = useState(initialQueryState.marketplacePage);
-    const [permission, setPermission] = useState(true);
-    const [promptError, setPromptError] = useState("");
-    const [promptBusy, setPromptBusy] = useState(false);
-    const [pendingPrompt, setPendingPrompt] = useState("");
-    const [sessionActionBusy, setSessionActionBusy] = useState(false);
-    const [includeArchivedSessions, setIncludeArchivedSessions] = useState(false);
-    const [sessionPage, setSessionPage] = useState(0);
-    const [sessionTotal, setSessionTotal] = useState(0);
-    const [sessionHasNext, setSessionHasNext] = useState(false);
-    const [selectedSessionPaths, setSelectedSessionPaths] = useState(new Set());
-    const importInputRef = useRef(null);
-    const sessionPopoverTriggerRef = useRef(null);
-    const [streamingAssistant, setStreamingAssistant] = useState();
-    const promptInputRef = useRef(null);
-    const chatScrollRef = useRef(null);
-    const stickToBottomRef = useRef(true);
-    const refreshTimerRef = useRef(undefined);
-    const refreshQueuedRef = useRef(false);
-    const [promptCaret, setPromptCaret] = useState(0);
-    const [promptCompletionSuppressed, setPromptCompletionSuppressed] = useState(false);
-    const [promptCompletionIndex, setPromptCompletionIndex] = useState(0);
-    const [initialRefreshPending, setInitialRefreshPending] = useState(true);
-    const [refreshIssues, setRefreshIssues] = useState([]);
-    useEffect(() => {
-        let cancelled = false;
-        void loadMarketplaceCatalog(api)
-            .then((items) => {
-            if (!cancelled)
-                setMarketplaceCatalog(items);
-        })
-            .catch(() => {
-            if (!cancelled)
-                setMarketplaceCatalog([]);
-        });
-        return () => {
-            cancelled = true;
-        };
-    }, [api]);
-    useEffect(() => {
-        if (!selectedSessionPath && data.session?.sessionFile)
-            setSelectedSessionPath(data.session.sessionFile);
-    }, [data.session?.sessionFile, selectedSessionPath]);
-    const promptCompletion = useMemo(() => getPromptCompletion(draft, promptCaret), [draft, promptCaret]);
-    const promptCompletionItems = useMemo(() => {
-        if (!promptCompletion)
-            return [];
-        return promptCompletion.kind === "command"
-            ? filterCommands(data.commands, promptCompletion.query).slice(0, 12)
-            : data.files
-                .filter((file) => `${file.path} ${file.label} ${file.status}`.toLowerCase().includes(promptCompletion.query.trim().toLowerCase()))
-                .slice(0, 12);
-    }, [data.commands, data.files, promptCompletion]);
-    const promptCompletionOpen = Boolean(promptCompletion && !promptCompletionSuppressed && promptCompletionItems.length);
-    const promptCompletionActiveIndex = Math.min(promptCompletionIndex, Math.max(promptCompletionItems.length - 1, 0));
-    const installedPackages = useMemo(() => new Set(data.plugins.filter((plugin) => plugin.removable).map((plugin) => plugin.name)), [data.plugins]);
-    const workspaceReady = !workspaceChooserOpen && Boolean(selectedWorkspacePath || data.status?.cwd || data.workspaces.find((workspace) => workspace.current)?.path || data.session);
-    const installedPluginCount = useMemo(() => {
-        const panelPluginIds = new Set(data.pluginPanels.map((panel) => panel.pluginId));
-        return data.plugins.filter((plugin) => plugin.removable || panelPluginIds.has(plugin.name)).length;
-    }, [data.pluginPanels, data.plugins]);
-    useEffect(() => {
-        setPromptCompletionIndex(0);
-    }, [promptCompletion?.kind, promptCompletion?.query]);
-    useEffect(() => {
-        if (!sessionMenuOpen && !sessionToolsOpen)
-            return;
-        const dismissOnPointerDown = (event) => {
-            if (event.target instanceof Element && event.target.closest("[data-session-popover]"))
-                return;
-            setSessionMenuOpen(false);
-            setSessionMenuPath(undefined);
-            setSessionMenuPosition(undefined);
-            setSessionToolsOpen(false);
-            setSessionToolsPosition(undefined);
-            setSessionActionTarget(undefined);
-        };
-        const dismissOnEscape = (event) => {
-            if (event.key !== "Escape")
-                return;
-            event.preventDefault();
-            event.stopPropagation();
-            setSessionMenuOpen(false);
-            setSessionMenuPath(undefined);
-            setSessionMenuPosition(undefined);
-            setSessionToolsOpen(false);
-            setSessionToolsPosition(undefined);
-            setSessionActionTarget(undefined);
-            sessionPopoverTriggerRef.current?.focus();
-        };
-        const dismissOnViewportChange = () => {
-            setSessionMenuOpen(false);
-            setSessionMenuPath(undefined);
-            setSessionMenuPosition(undefined);
-            setSessionToolsOpen(false);
-            setSessionToolsPosition(undefined);
-            setSessionActionTarget(undefined);
-        };
-        document.addEventListener("pointerdown", dismissOnPointerDown);
-        document.addEventListener("keydown", dismissOnEscape);
-        document.addEventListener("scroll", dismissOnViewportChange, true);
-        window.addEventListener("resize", dismissOnViewportChange);
-        return () => {
-            document.removeEventListener("pointerdown", dismissOnPointerDown);
-            document.removeEventListener("keydown", dismissOnEscape);
-            document.removeEventListener("scroll", dismissOnViewportChange, true);
-            window.removeEventListener("resize", dismissOnViewportChange);
-        };
-    }, [sessionMenuOpen, sessionToolsOpen]);
-    useEffect(() => {
-        if (!commandOpen && !promptCompletionOpen)
-            return;
-        const dismissTransientLists = (event) => {
-            const target = event.target instanceof Element ? event.target : undefined;
-            if (commandOpen && !target?.closest("[data-command-palette]")) {
-                setCommandOpen(false);
-                setCommandQuery("");
-            }
-            if (promptCompletionOpen && !target?.closest("[data-prompt-completion]"))
-                setPromptCompletionSuppressed(true);
-        };
-        document.addEventListener("pointerdown", dismissTransientLists);
-        return () => document.removeEventListener("pointerdown", dismissTransientLists);
-    }, [commandOpen, promptCompletionOpen]);
-    useEffect(() => {
-        const dismissProviderModels = (event) => {
-            if (event instanceof KeyboardEvent && event.key !== "Escape")
-                return;
-            const target = event.target instanceof Element ? event.target : undefined;
-            document.querySelectorAll("details.provider-models-details[open]").forEach((details) => {
-                if (event instanceof PointerEvent && target && details.contains(target))
-                    return;
-                details.removeAttribute("open");
-                if (event instanceof KeyboardEvent)
-                    details.querySelector("summary")?.focus();
-            });
-        };
-        document.addEventListener("pointerdown", dismissProviderModels);
-        document.addEventListener("keydown", dismissProviderModels);
-        return () => {
-            document.removeEventListener("pointerdown", dismissProviderModels);
-            document.removeEventListener("keydown", dismissProviderModels);
-        };
-    }, []);
-    useEffect(() => {
-        if (typeof window === "undefined")
-            return;
-        const params = new URLSearchParams(window.location.search);
-        params.set("page", page);
-        if (view === "chat")
-            params.delete("view");
-        else
-            params.set("view", view);
-        if (settings)
-            params.set("settings", settings);
-        else
-            params.delete("settings");
-        if (selectedSessionPath)
-            params.set("session", selectedSessionPath);
-        else
-            params.delete("session");
-        if (marketplaceQuery)
-            params.set("marketplaceQuery", marketplaceQuery);
-        else
-            params.delete("marketplaceQuery");
-        if (marketplaceCapability)
-            params.set("capability", marketplaceCapability);
-        else
-            params.delete("capability");
-        if (marketplaceCategory)
-            params.set("category", marketplaceCategory);
-        else
-            params.delete("category");
-        if (page === "plugins" && installedPluginId)
-            params.set("plugin", installedPluginId);
-        else if (page === "marketplace" && marketplacePluginId)
-            params.set("plugin", marketplacePluginId);
-        else
-            params.delete("plugin");
-        if (marketplacePage > 0)
-            params.set("marketplacePage", String(marketplacePage));
-        else
-            params.delete("marketplacePage");
-        const query = params.toString();
-        window.history.replaceState(null, "", `${window.location.pathname}${query ? `?${query}` : ""}${window.location.hash}`);
-    }, [
-        installedPluginId,
-        marketplaceCapability,
-        marketplaceCategory,
-        marketplacePage,
-        marketplacePluginId,
-        marketplaceQuery,
-        page,
-        selectedSessionPath,
-        settings,
-        view,
-    ]);
-    useEffect(() => {
-        const onPopState = () => {
-            const next = readQueryState();
-            setCommandOpen(false);
-            setGlobalSearchOpen(false);
-            setSessionMenuOpen(false);
-            setDetails(undefined);
-            setPage(next.page);
-            setView(next.view);
-            setSettings(next.settings);
-            setSelectedSessionPath(next.sessionPath);
-            setMarketplaceQuery(next.marketplaceQuery);
-            setMarketplaceCapability(next.marketplaceCapability);
-            setMarketplaceCategory(next.marketplaceCategory);
-            setMarketplacePage(next.marketplacePage);
-            setInstalledPluginId(next.installedPlugin);
-            setMarketplacePluginId(next.marketplacePlugin);
-        };
-        window.addEventListener("popstate", onPopState);
-        return () => window.removeEventListener("popstate", onPopState);
-    }, []);
-    useEffect(() => {
-        if (marketplacePluginId === undefined) {
-            setMarketplaceDetail(undefined);
-            setMarketplaceDetailPending(false);
-            setMarketplaceDetailError("");
-            return;
-        }
-        const visible = data.marketplace.find((plugin) => plugin.id === marketplacePluginId);
-        if (visible !== undefined) {
-            setMarketplaceDetail(visible);
-            setMarketplaceDetailPending(false);
-            setMarketplaceDetailError("");
-            return;
-        }
-        let cancelled = false;
-        setMarketplaceDetail(undefined);
-        setMarketplaceDetailPending(true);
-        setMarketplaceDetailError("");
-        void api
-            .listMarketplace("", "", 0, 100)
-            .then((result) => {
-            if (cancelled)
-                return;
-            const plugin = result.items.find((item) => item.id === marketplacePluginId);
-            if (plugin === undefined)
-                setMarketplaceDetailError("没有找到这个市场插件，它可能已下架。");
-            else
-                setMarketplaceDetail(plugin);
-        })
-            .catch((cause) => {
-            if (!cancelled)
-                setMarketplaceDetailError(cause instanceof Error ? cause.message : String(cause));
-        })
-            .finally(() => {
-            if (!cancelled)
-                setMarketplaceDetailPending(false);
-        });
-        return () => {
-            cancelled = true;
-        };
-    }, [api, data.marketplace, marketplacePluginId]);
-    useEffect(() => {
-        if (installedPluginId === undefined) {
-            setInstalledPluginMetadata(undefined);
-            return;
-        }
-        let cancelled = false;
-        setInstalledPluginMetadata(undefined);
-        void api
-            .listMarketplace("", "", 0, 100)
-            .then((result) => {
-            if (!cancelled)
-                setInstalledPluginMetadata(result.items.find((item) => item.packageName === installedPluginId));
-        })
-            .catch(() => {
-            if (!cancelled)
-                setInstalledPluginMetadata(undefined);
-        });
-        return () => {
-            cancelled = true;
-        };
-    }, [api, installedPluginId]);
-    const refresh = useCallback(async () => {
-        const results = await Promise.allSettled([
-            api.getStatus(),
-            api.getSession(),
-            api.listSessions(sessionPage, 30, includeArchivedSessions),
-            api.getFiles(),
-            api.listModels(),
-            api.listProviders(),
-            api.listPlugins(),
-            api.listPluginPanels(),
-            api.listMarketplace(marketplaceQuery, marketplaceCapability, marketplacePage, 24, marketplaceCategory),
-            api.listCommands(),
-            api.listWorkspaces(),
-        ]);
-        const [status, session, sessions, files, models, providers, plugins, pluginPanels, marketplace, commands, workspaces] = results;
-        setRefreshIssues(failedRefreshLabels(["运行状态", "当前会话", "会话列表", "文件", "模型", "提供商", "插件", "插件面板", "插件市场", "命令", "工作区"], results));
-        setInitialRefreshPending(false);
-        setData((current) => ({
-            status: status.status === "fulfilled" ? status.value : current.status,
-            session: session.status === "fulfilled" ? session.value : current.session,
-            sessions: sessions.status === "fulfilled" ? sessions.value.items : current.sessions,
-            files: files.status === "fulfilled" ? files.value : current.files,
-            models: models.status === "fulfilled" ? models.value : current.models,
-            providers: providers.status === "fulfilled" ? providers.value : current.providers,
-            plugins: plugins.status === "fulfilled" ? plugins.value : current.plugins,
-            pluginPanels: pluginPanels.status === "fulfilled" ? pluginPanels.value : current.pluginPanels,
-            marketplace: marketplace.status === "fulfilled" ? marketplace.value.items : current.marketplace,
-            marketplaceCapabilities: marketplace.status === "fulfilled" ? marketplace.value.capabilities : current.marketplaceCapabilities,
-            marketplaceCategories: marketplace.status === "fulfilled" ? marketplace.value.categories : current.marketplaceCategories,
-            marketplaceTotal: marketplace.status === "fulfilled" ? marketplace.value.total : current.marketplaceTotal,
-            marketplacePage: marketplace.status === "fulfilled" ? marketplace.value.page : current.marketplacePage,
-            marketplaceHasNext: marketplace.status === "fulfilled" ? marketplace.value.hasNext : current.marketplaceHasNext,
-            commands: commands.status === "fulfilled" ? commands.value : current.commands,
-            workspaces: workspaces.status === "fulfilled" ? workspaces.value : current.workspaces,
-        }));
-        if (sessions.status === "fulfilled") {
-            setSessionTotal(sessions.value.total);
-            setSessionHasNext(sessions.value.hasNext);
-        }
-    }, [api, includeArchivedSessions, marketplaceCapability, marketplaceCategory, marketplacePage, marketplaceQuery, sessionPage]);
-    const scheduleRefresh = useCallback(() => {
-        refreshQueuedRef.current = true;
-        if (refreshTimerRef.current !== undefined)
-            return;
-        refreshTimerRef.current = window.setTimeout(() => {
-            refreshTimerRef.current = undefined;
-            if (!refreshQueuedRef.current)
-                return;
-            refreshQueuedRef.current = false;
-            void refresh();
-        }, 100);
-    }, [refresh]);
-    const handleRuntimeEvent = useCallback((payload) => {
-        scheduleRefresh();
-        const event = payload.event;
-        if (typeof event !== "object" || event === null)
-            return;
-        const runtimeEvent = event;
-        if (runtimeEvent.type === "turn_start") {
-            setStreamingAssistant({ thinking: "", text: "" });
-            return;
-        }
-        if (runtimeEvent.type !== "message_update" || typeof runtimeEvent.assistantMessageEvent !== "object" || runtimeEvent.assistantMessageEvent === null)
-            return;
-        const assistantMessageEvent = runtimeEvent.assistantMessageEvent;
-        const type = assistantMessageEvent.type;
-        if (type !== "thinking_delta" && type !== "text_delta")
-            return;
-        const delta = typeof assistantMessageEvent.delta === "string" ? assistantMessageEvent.delta : "";
-        if (!delta)
-            return;
-        setStreamingAssistant((current) => ({
-            thinking: (current?.thinking ?? "") + (type === "thinking_delta" ? delta : ""),
-            text: (current?.text ?? "") + (type === "text_delta" ? delta : ""),
-        }));
-    }, [scheduleRefresh]);
-    const createNewSession = useCallback(async (workspace) => {
-        setPromptError("");
-        setWorkspaceError("");
-        try {
-            const created = await api.createSession(workspace?.path);
-            if (created.sessionFile)
-                setSelectedSessionPath(created.sessionFile);
-            setSettings(undefined);
-            setCommandOpen(false);
-            setGlobalSearchOpen(false);
-            setDetails(undefined);
-            setWorkspaceChooserOpen(false);
-            setSelectedWorkspacePath(workspace?.path);
-            setCommandQuery("");
-            setPage("session");
-            setView("chat");
-            setSessionMenuOpen(false);
-            await refresh();
-        }
-        catch (cause) {
-            const message = cause instanceof Error ? cause.message : String(cause);
-            if (workspace)
-                setWorkspaceError(message);
-            else
-                setPromptError(message);
-        }
-    }, [api, refresh]);
-    const beginNewSession = () => {
-        setPromptError("");
-        setWorkspaceError("");
-        setSelectedWorkspacePath(undefined);
-        setWorkspaceChooserOpen(true);
-    };
-    const pickDirectory = useCallback(async () => {
-        try {
-            const path = await api.pickDirectory();
-            const name = path.split(/[\\/]/).filter(Boolean).pop() ?? path;
-            await createNewSession({ path, branch: "directory", current: false, name });
-        }
-        catch (cause) {
-            setWorkspaceError(cause instanceof Error ? cause.message : String(cause));
-        }
-    }, [api, createNewSession]);
-    const openDirectory = useCallback(async () => {
-        await pickDirectory();
-    }, [pickDirectory]);
-    useEffect(() => {
-        void refresh();
-        const unsubscribe = api.subscribeEvents(handleRuntimeEvent);
-        const timer = window.setInterval(() => void refresh(), 5000);
-        return () => {
-            unsubscribe();
-            window.clearInterval(timer);
-            if (refreshTimerRef.current !== undefined) {
-                window.clearTimeout(refreshTimerRef.current);
-                refreshTimerRef.current = undefined;
-            }
-        };
-    }, [api, handleRuntimeEvent, refresh]);
-    useEffect(() => {
-        if (data.status?.status !== "running")
-            setStreamingAssistant(undefined);
-    }, [data.status?.status]);
-    useEffect(() => {
-        const path = initialSessionPathRef.current;
-        if (!path || sessionRestoreAttemptedRef.current || data.sessions.length === 0)
-            return;
-        sessionRestoreAttemptedRef.current = true;
-        const target = data.sessions.find((session) => session.path === path);
-        if (!target || typeof target.path !== "string") {
-            setSelectedSessionPath(undefined);
-            return;
-        }
-        if (data.session?.sessionFile === target.path)
-            return;
-        void api
-            .openSession(target.path)
-            .then(refresh)
-            .catch((cause) => setPromptError(cause instanceof Error ? cause.message : String(cause)));
-    }, [api, data.session?.sessionFile, data.sessions, refresh]);
-    useEffect(() => {
-        setCommandIndex(0);
-        if (!commandOpen)
-            return;
-        const frame = window.requestAnimationFrame(() => searchInputRef.current?.focus());
-        return () => window.cancelAnimationFrame(frame);
-    }, [commandOpen, commandQuery]);
-    useEffect(() => {
-        const onKeyDown = (event) => {
-            if (event.key === "Escape") {
-                if (sessionDialog) {
-                    setSessionDialog(undefined);
-                    return;
-                }
-                if (globalSearchOpen) {
-                    setGlobalSearchOpen(false);
-                    return;
-                }
-                if (commandOpen) {
-                    setCommandOpen(false);
-                    setCommandQuery("");
-                    return;
-                }
-                if (details !== undefined) {
-                    setDetails(undefined);
-                    return;
-                }
-                setCommandOpen(false);
-                setSessionMenuOpen(false);
-                setSessionToolsOpen(false);
-                setWorkspaceChooserOpen(false);
-                setSettings(undefined);
-            }
-            if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === "k") {
-                event.preventDefault();
-                setCommandOpen(false);
-                setGlobalSearchOpen(true);
-            }
-            if ((event.metaKey || event.ctrlKey) && event.key === ",") {
-                event.preventDefault();
-                setCommandOpen(false);
-                setGlobalSearchOpen(false);
-                setDetails(undefined);
-                setSettings("general");
-            }
-        };
-        window.addEventListener("keydown", onKeyDown);
-        return () => window.removeEventListener("keydown", onKeyDown);
-    }, [commandOpen, details, globalSearchOpen, sessionDialog]);
-    const events = data.session?.events ?? [];
-    const displayEvents = useMemo(() => compactThinkingEvents(events), [events]);
-    useEffect(() => {
-        if (!stickToBottomRef.current)
-            return;
-        const frame = window.requestAnimationFrame(() => {
-            const element = chatScrollRef.current;
-            if (element)
-                element.scrollTop = element.scrollHeight;
-        });
-        return () => window.cancelAnimationFrame(frame);
-    }, [data.session?.messages.length, data.status?.events, pendingPrompt, promptBusy]);
-    const filteredSessions = data.sessions.filter((session) => !search ||
-        value(session.name ?? session.firstMessage, "未命名会话")
-            .toLowerCase()
-            .includes(search.toLowerCase()));
-    const submit = (event) => {
-        event.preventDefault();
-        const question = draft.trim();
-        const prompt = annotations.length > 0 ? formatAnnotationPrompt(annotations, question) : question;
-        if (!prompt || promptBusy)
-            return;
-        setDraft("");
-        setPromptError("");
-        setPendingPrompt(prompt);
-        setStreamingAssistant(undefined);
-        stickToBottomRef.current = true;
-        setPromptBusy(true);
-        void api
-            .prompt(prompt)
-            .then(async () => {
-            setAnnotations([]);
-            await refresh();
-        })
-            .catch((cause) => setPromptError(cause instanceof Error ? cause.message : String(cause)))
-            .finally(() => setPendingPrompt(""))
-            .finally(() => setPromptBusy(false));
-    };
-    const captureAnnotationSelection = () => {
-        window.requestAnimationFrame(() => {
-            const selected = window.getSelection()?.toString().trim() ?? "";
-            if (selected.length > 0)
-                setAnnotationSelection(selected.slice(0, 4_000));
-        });
-    };
-    const addAnnotation = () => {
-        const quote = annotationSelection.trim();
-        if (!quote)
-            return;
-        setAnnotations((current) => [
-            ...current,
-            { id: current.length === 0 ? 1 : Math.max(...current.map((item) => item.id)) + 1, quote, note: annotationNote.trim() },
-        ]);
-        setAnnotationSelection("");
-        setAnnotationNote("");
-    };
-    const openCommandCompletion = () => {
-        const input = promptInputRef.current;
-        const caret = input?.selectionStart ?? draft.length;
-        const existing = getPromptCompletion(draft, caret);
-        let nextCaret = caret;
-        if (existing?.kind !== "command") {
-            const separator = caret > 0 && !/\s/.test(draft[caret - 1] ?? "") ? " " : "";
-            const insertion = `${separator}/`;
-            const nextDraft = `${draft.slice(0, caret)}${insertion}${draft.slice(caret)}`;
-            nextCaret = caret + insertion.length;
-            setDraft(nextDraft);
-        }
-        setPromptCaret(nextCaret);
-        setPromptCompletionSuppressed(false);
-        setPromptCompletionIndex(0);
-        window.requestAnimationFrame(() => {
-            input?.focus();
-            input?.setSelectionRange(nextCaret, nextCaret);
-        });
-    };
-    const openSession = (session) => {
-        const path = typeof session.path === "string" ? session.path : "";
-        if (!path)
-            return;
-        setSettings(undefined);
-        setCommandOpen(false);
-        setGlobalSearchOpen(false);
-        setPage("session");
-        setView("chat");
-        setDetails(undefined);
-        setSelectedSessionPath(path);
-        void api
-            .openSession(path)
-            .then(refresh)
-            .catch((cause) => setPromptError(cause instanceof Error ? cause.message : String(cause)));
-    };
-    const sessionAction = async (action) => {
-        if (sessionActionBusy)
-            return;
-        setSessionActionBusy(true);
-        setPromptError("");
-        try {
-            await action();
-            await refresh();
-            setSelectedSessionPaths(new Set());
-            setSessionMenuOpen(false);
-            setSessionMenuPath(undefined);
-            setSessionMenuPosition(undefined);
-            setSessionToolsOpen(false);
-            setSessionToolsPosition(undefined);
-            setSessionActionTarget(undefined);
-            setSessionSelectionMode(false);
-            setSessionDialog(undefined);
-        }
-        catch (cause) {
-            setPromptError(cause instanceof Error ? cause.message : String(cause));
-        }
-        finally {
-            setSessionActionBusy(false);
-        }
-    };
-    const activeSessionPath = data.session?.sessionFile;
-    const toggleSessionSelection = (path) => {
-        setSelectedSessionPaths((current) => {
-            const next = new Set(current);
-            if (next.has(path))
-                next.delete(path);
-            else
-                next.add(path);
-            return next;
-        });
-    };
-    const openSessionMenu = (path, name, trigger) => {
-        if (sessionMenuOpen && sessionMenuPath === path) {
-            closeSessionMenu();
-            setSessionActionTarget(undefined);
-            return;
-        }
-        setSessionToolsOpen(false);
-        setSessionToolsPosition(undefined);
-        sessionPopoverTriggerRef.current = trigger;
-        setSessionNameDraft(name ?? "");
-        setSessionActionTarget({ name: name || "未命名会话", path });
-        setSessionMenuPath(path);
-        setSessionMenuPosition(sidebarPopoverPosition(trigger, 142, 190, "beside"));
-        setSessionMenuOpen(true);
-    };
-    const closeSessionMenu = () => {
-        setSessionMenuOpen(false);
-        setSessionMenuPath(undefined);
-        setSessionMenuPosition(undefined);
-    };
-    const pushInstalledPluginRoute = (pluginId) => {
-        const params = new URLSearchParams(window.location.search);
-        params.set("page", "plugins");
-        params.delete("settings");
-        if (pluginId)
-            params.set("plugin", pluginId);
-        else
-            params.delete("plugin");
-        const query = params.toString();
-        window.history.pushState(null, "", `${window.location.pathname}${query ? `?${query}` : ""}${window.location.hash}`);
-        setSettings(undefined);
-        setDetails(undefined);
-        setCommandOpen(false);
-        setGlobalSearchOpen(false);
-        setSessionMenuOpen(false);
-        setSessionMenuPath(undefined);
-        setPage("plugins");
-        setInstalledPluginId(pluginId);
-        setMarketplacePluginId(undefined);
-    };
-    const pushMarketplacePluginRoute = (pluginId) => {
-        const params = new URLSearchParams(window.location.search);
-        params.set("page", "marketplace");
-        params.delete("settings");
-        if (pluginId)
-            params.set("plugin", pluginId);
-        else
-            params.delete("plugin");
-        const query = params.toString();
-        window.history.pushState(null, "", `${window.location.pathname}${query ? `?${query}` : ""}${window.location.hash}`);
-        setSettings(undefined);
-        setDetails(undefined);
-        setCommandOpen(false);
-        setGlobalSearchOpen(false);
-        setSessionMenuOpen(false);
-        setSessionMenuPath(undefined);
-        setPage("marketplace");
-        setInstalledPluginId(undefined);
-        setMarketplacePluginId(pluginId);
-    };
-    const installedPlugin = installedPluginId === undefined ? undefined : data.plugins.find((plugin) => plugin.name === installedPluginId);
-    const installedPluginPanel = installedPluginId === undefined ? undefined : data.pluginPanels.find((panel) => panel.pluginId === installedPluginId);
-    const content = settings ? (_jsx(Settings, { api: api, data: data, tab: settings, onTab: setSettings, onRefresh: refresh, onClose: () => {
-            setSettings(undefined);
-            setPage("session");
-            setView("chat");
-            setDetails(undefined);
-        } })) : page === "plugins" && installedPluginId && installedPlugin ? (_jsx(InstalledPluginDetail, { metadata: installedPluginMetadata, onBack: () => pushInstalledPluginRoute(undefined), onToggle: async (plugin) => {
-            await api.togglePlugin(plugin.id, !plugin.enabled);
-            await refresh();
-        }, onUninstall: async (plugin) => {
-            await api.uninstallPlugin(plugin.id);
-            const plugins = await api.listPlugins();
-            setData((current) => ({ ...current, plugins: plugins.filter((item) => item.id !== plugin.id) }));
-            pushInstalledPluginRoute(undefined);
-        }, panel: installedPluginPanel, plugin: installedPlugin })) : page === "plugins" && installedPluginId ? (_jsxs("section", { className: "view-panel min-w-0 overflow-auto bg-[#f8f9fb]", children: [_jsxs("div", { className: "subnav plugin-detail-subnav bg-white", children: [_jsx("a", { href: "?page=plugins", onClick: (event) => {
-                            event.preventDefault();
-                            pushInstalledPluginRoute(undefined);
-                        }, children: "\u2190 \u5DF2\u5B89\u88C5\u63D2\u4EF6" }), _jsx("span", { children: "\u63D2\u4EF6\u8BE6\u60C5" })] }), _jsx("div", { className: "empty-state", children: data.status ? "没有找到这个已安装插件，它可能已被移除。" : "正在读取插件详情…" })] })) : page === "plugins" ? (_jsx(Plugins, { plugins: data.plugins, panels: data.pluginPanels, catalog: marketplaceCatalog.length ? marketplaceCatalog : data.marketplace, onMarketplace: () => pushMarketplacePluginRoute(undefined), onOpenDetail: (plugin) => pushInstalledPluginRoute(plugin.name), onToml: () => {
-            setDetails(undefined);
-            setSettings("toml");
-        }, onToggle: async (plugin) => {
-            await api.togglePlugin(plugin.id, !plugin.enabled);
-            await refresh();
-        }, onUninstall: async (plugin) => {
-            await api.uninstallPlugin(plugin.id);
-            const plugins = await api.listPlugins();
-            setData((current) => ({ ...current, plugins: plugins.filter((item) => item.id !== plugin.id) }));
-        } })) : page === "marketplace" ? (marketplacePluginId && marketplaceDetail?.id === marketplacePluginId ? (_jsx(MarketplaceDetail, { plugin: marketplaceDetail, installed: installedPackages.has(marketplaceDetail.packageName), onBack: () => pushMarketplacePluginRoute(undefined), onInstall: async (plugin) => {
-            const result = await api.installMarketplace(plugin.id);
-            await refresh();
-            return result;
-        } })) : marketplacePluginId ? (_jsx("section", { className: "marketplace-page flex min-w-0 flex-1 flex-col", children: _jsxs("div", { className: "min-h-0 flex-1 overflow-auto", children: [_jsxs("div", { className: "subnav plugin-detail-subnav", children: [_jsx("a", { href: "?page=marketplace", onClick: (event) => {
-                                event.preventDefault();
-                                pushMarketplacePluginRoute(undefined);
-                            }, children: "\u2190 \u63D2\u4EF6\u5E02\u573A" }), _jsx("span", { children: "\u63D2\u4EF6\u8BE6\u60C5" })] }), _jsx("div", { className: "empty-state", children: marketplaceDetailPending ? "正在读取插件详情…" : marketplaceDetailError || "没有找到这个市场插件，它可能已下架。" })] }) })) : (_jsx(Marketplace, { plugins: data.marketplace, capabilities: data.marketplaceCapabilities, categories: data.marketplaceCategories, total: data.marketplaceTotal, page: data.marketplacePage, hasNext: data.marketplaceHasNext, query: marketplaceQuery, capabilityFilter: marketplaceCapability, categoryFilter: marketplaceCategory, onQueryChange: (value) => {
-            setMarketplaceQuery(value);
-            setMarketplacePage(0);
-        }, onCapabilityChange: (value) => {
-            setMarketplaceCapability(value);
-            setMarketplacePage(0);
-        }, onCategoryChange: (value) => {
-            setMarketplaceCategory(value);
-            setMarketplacePage(0);
-        }, onOpenDetail: (plugin) => pushMarketplacePluginRoute(plugin.id), onPageChange: setMarketplacePage, onBack: () => pushInstalledPluginRoute(undefined), onToml: () => {
-            setDetails(undefined);
-            setSettings("toml");
-        }, installedPackages: installedPackages, onInstall: async (plugin) => {
-            const result = await api.installMarketplace(plugin.id);
-            await refresh();
-            return result;
-        } }))) : view === "chat" ? (_jsxs("section", { className: "view-panel chat-view", children: [_jsxs("div", { className: `chat-scroll ${data.session?.messages.length ? "" : "is-empty"}`, onScroll: (event) => {
-                    const element = event.currentTarget;
-                    stickToBottomRef.current = element.scrollHeight - element.scrollTop - element.clientHeight < 120;
-                }, ref: chatScrollRef, children: [data.session?.messages.length ? (projectChatTurns(data.session.messages).map((turn, index) => {
-                        return (_jsx("article", { className: `turn ${turn.role === "user" ? "user" : "text"}`, children: turn.role === "user" ? (_jsx(UserMessageBubble, { text: turn.text })) : (_jsxs(_Fragment, { children: [turn.thinking && (_jsxs("details", { className: "reasoning message-reasoning", children: [_jsx("summary", { className: "reasoning-head", children: "\u601D\u8003" }), _jsx("div", { className: "reasoning-body", children: _jsx(MarkdownMessage, { text: turn.thinking }) })] })), turn.text && _jsx(MarkdownMessage, { onMouseUp: captureAnnotationSelection, text: turn.text })] })) }, index));
-                    })) : (_jsx(Workspace, { status: data.status, workspaces: data.workspaces, onCreate: (workspace) => void createNewSession(workspace), onStarter: setDraft, onToml: () => {
-                            setDetails(undefined);
-                            setSettings("toml");
-                        } })), streamingAssistant && data.status?.status === "running" && (_jsxs("article", { className: "turn text streaming-turn", "aria-live": "polite", children: [streamingAssistant.thinking && (_jsxs("details", { className: "reasoning message-reasoning", children: [_jsx("summary", { className: "reasoning-head", children: "\u601D\u8003\u4E2D\u2026" }), _jsx("div", { className: "reasoning-body", children: _jsx(MarkdownMessage, { text: streamingAssistant.thinking }) })] })), !streamingAssistant.thinking && !streamingAssistant.text && _jsx("div", { className: "streaming-placeholder", children: "\u6B63\u5728\u751F\u6210\u2026" }), streamingAssistant.text && _jsx(MarkdownMessage, { onMouseUp: captureAnnotationSelection, text: streamingAssistant.text })] })), pendingPrompt && !data.session?.messages.some((message) => message.role === "user" && messageText(message) === pendingPrompt) && (_jsx("article", { className: "turn user pending-turn", children: _jsx(UserMessageBubble, { text: pendingPrompt }) }))] }), _jsxs("div", { className: "composer-wrap", children: [_jsx("div", { className: "context-shell", children: _jsxs("div", { className: "context-line", children: [_jsx("span", { className: "context-label", children: "\u5B9E\u65F6\u4E0A\u4E0B\u6587" }), _jsxs("div", { className: "context-metrics", children: [_jsxs("span", { children: [_jsx("b", { children: data.status?.messages ?? 0 }), " \u6761\u6D88\u606F"] }), _jsxs("span", { children: [_jsx("b", { children: data.status?.events ?? events.length }), " \u4E2A\u4E8B\u4EF6"] }), _jsx("span", { children: _jsx("b", { children: value(data.status?.model) }) })] })] }) }), _jsxs("div", { className: "composer-stack", children: [promptError && _jsx(PromptError, { message: promptError }), annotationSelection ? (_jsxs("div", { "aria-label": "\u6DFB\u52A0\u6279\u6CE8", className: "rounded-lg border border-[#cdddf8] bg-[#f6f8ff] px-3 py-2", children: [_jsxs("div", { className: "flex items-start gap-2", children: [_jsx("span", { className: "mt-0.5 shrink-0 rounded bg-[#dce9ff] px-1.5 py-0.5 text-[10px] text-[#315fb8]", children: "\u9009\u4E2D\u7247\u6BB5" }), _jsx("p", { className: "max-h-16 flex-1 overflow-auto whitespace-pre-wrap text-[11px] text-[#30343b]", children: annotationSelection }), _jsx("button", { "aria-label": "\u53D6\u6D88\u6279\u6CE8", className: "text-[12px] text-[#687381]", onClick: () => setAnnotationSelection(""), type: "button", children: "\u00D7" })] }), _jsxs("div", { className: "mt-2 flex items-center gap-2", children: [_jsx("input", { "aria-label": "\u6279\u6CE8\u5907\u6CE8", className: "min-w-0 flex-1 rounded-md border border-[#dce5f5] bg-white px-2 py-1.5 text-[11px] outline-none", onChange: (event) => setAnnotationNote(event.target.value), placeholder: "\u5907\u6CE8\uFF08\u53EF\u9009\uFF09", value: annotationNote }), _jsx("button", { className: "rounded-md bg-[#3565c5] px-3 py-1.5 text-[11px] font-medium text-white", onClick: addAnnotation, type: "button", children: "\u52A0\u5165\u6279\u6CE8" })] })] })) : null, annotations.length > 0 ? (_jsxs("div", { className: "flex items-center gap-2 overflow-x-auto text-[10px]", children: [_jsxs("span", { className: "shrink-0 rounded-md bg-[#edf3fe] px-2 py-1 font-medium text-[#315fb8]", children: ["\u6279\u6CE8 \u00D7", annotations.length] }), annotations.map((annotation) => (_jsxs("button", { className: "max-w-48 shrink-0 truncate rounded-md border border-[#dce5f5] bg-white px-2 py-1 text-left text-[#65707b]", onClick: () => setAnnotations((current) => current.filter((item) => item.id !== annotation.id)), title: "\u70B9\u51FB\u79FB\u9664\u6279\u6CE8", type: "button", children: ["#", annotation.id, " ", annotation.quote] }, annotation.id))), _jsx("button", { className: "shrink-0 text-[#687381]", onClick: () => setAnnotations([]), type: "button", children: "\u6E05\u7A7A" })] })) : null, _jsxs("form", { className: "composer", onSubmit: submit, children: [_jsx("textarea", { "aria-activedescendant": promptCompletionOpen ? `prompt-completion-option-${promptCompletionActiveIndex}` : undefined, "aria-autocomplete": "list", "aria-controls": promptCompletionOpen ? "prompt-completion-list" : undefined, "aria-expanded": promptCompletionOpen, "aria-haspopup": "listbox", "aria-label": "Prompt", onChange: (event) => {
-                                            setDraft(event.target.value);
-                                            setPromptCaret(event.currentTarget.selectionStart ?? event.target.value.length);
-                                            setPromptCompletionSuppressed(false);
-                                            event.currentTarget.style.height = "auto";
-                                            event.currentTarget.style.height = `${Math.min(event.currentTarget.scrollHeight, 180)}px`;
-                                        }, onKeyDown: (event) => {
-                                            const caret = event.currentTarget.selectionStart ?? draft.length;
-                                            const completion = getPromptCompletion(event.currentTarget.value, caret);
-                                            const items = completion
-                                                ? completion.kind === "command"
-                                                    ? filterCommands(data.commands, completion.query).slice(0, 12)
-                                                    : data.files
-                                                        .filter((file) => `${file.path} ${file.label} ${file.status}`.toLowerCase().includes(completion.query.trim().toLowerCase()))
-                                                        .slice(0, 12)
-                                                : [];
-                                            const popupOpen = Boolean(completion && !promptCompletionSuppressed && items.length);
-                                            if (popupOpen && (event.key === "ArrowDown" || event.key === "ArrowUp")) {
-                                                event.preventDefault();
-                                                setPromptCompletionIndex((index) => (index + (event.key === "ArrowDown" ? 1 : -1) + items.length) % items.length);
-                                                return;
-                                            }
-                                            if (popupOpen && (event.key === "Enter" || event.key === "Tab")) {
-                                                event.preventDefault();
-                                                const item = items[Math.min(promptCompletionIndex, items.length - 1)];
-                                                if (item && completion) {
-                                                    const value = completion.kind === "command" ? `/${item.invocationName}` : `@${item.path}`;
-                                                    const replacement = replacePromptCompletion(event.currentTarget.value, completion, `${value} `);
-                                                    setDraft(replacement.text);
-                                                    setPromptCaret(replacement.caret);
-                                                    setPromptCompletionSuppressed(false);
-                                                    requestAnimationFrame(() => {
-                                                        const input = promptInputRef.current;
-                                                        input?.focus();
-                                                        input?.setSelectionRange(replacement.caret, replacement.caret);
-                                                    });
-                                                }
-                                                return;
-                                            }
-                                            if (event.key === "Escape" && completion && !promptCompletionSuppressed) {
-                                                event.preventDefault();
-                                                setPromptCompletionSuppressed(true);
-                                                return;
-                                            }
-                                            if ((event.metaKey || event.ctrlKey) && event.key === "Enter") {
-                                                event.preventDefault();
-                                                event.currentTarget.form?.requestSubmit();
-                                            }
-                                        }, onClick: () => {
-                                            if (!workspaceReady)
-                                                setWorkspaceChooserOpen(true);
-                                        }, onFocus: (event) => {
-                                            if (!workspaceReady) {
-                                                event.currentTarget.blur();
-                                                setWorkspaceChooserOpen(true);
-                                            }
-                                        }, placeholder: workspaceReady ? "描述要做的改动，⌘↵ 发送；@ 引用文件，/ 调用命令" : "先选择工作区，再描述要做的改动", readOnly: !workspaceReady, ref: promptInputRef, rows: 2, "data-prompt-completion": true, value: draft }), promptCompletionOpen && promptCompletion && (_jsx(PromptCompletionPopover, { activeIndex: promptCompletionActiveIndex, commands: data.commands, files: data.files, kind: promptCompletion.kind, onActiveIndexChange: setPromptCompletionIndex, onUse: (value) => {
-                                            const replacement = replacePromptCompletion(draft, promptCompletion, `${value} `);
-                                            setDraft(replacement.text);
-                                            setPromptCaret(replacement.caret);
-                                            setPromptCompletionSuppressed(false);
-                                            requestAnimationFrame(() => {
-                                                const input = promptInputRef.current;
-                                                input?.focus();
-                                                input?.setSelectionRange(replacement.caret, replacement.caret);
-                                            });
-                                        }, query: promptCompletion.query })), _jsxs("div", { className: "composer-tools", children: [_jsx("select", { "aria-label": "\u6A21\u578B", disabled: !data.models.length || promptBusy, value: data.status?.model ?? "", onChange: (event) => {
-                                                    const [provider, ...modelParts] = event.target.value.split("/");
-                                                    const model = modelParts.join("/");
-                                                    if (!provider || !model)
-                                                        return;
-                                                    setPromptError("");
-                                                    void api
-                                                        .selectModel(provider, model)
-                                                        .then(refresh)
-                                                        .catch((cause) => setPromptError(cause instanceof Error ? cause.message : String(cause)));
-                                                }, children: data.models.length ? (data.models.map((model) => (_jsx("option", { value: `${model.provider}/${model.id}`, children: model.name === model.id ? `${model.provider}/${model.id}` : `${model.name} (${model.provider})` }, `${model.provider}/${model.id}`)))) : (_jsx("option", { value: "", children: "\u6682\u65E0\u53EF\u7528\u6A21\u578B" })) }), _jsxs("button", { className: "tool-chip", onClick: () => setPermission((current) => !current), type: "button", children: ["\u25CF ", permission ? "改动前询问" : "自动允许"] }), _jsx("button", { className: "tool-chip", onClick: openCommandCompletion, type: "button", children: "\uFF0F \u547D\u4EE4" }), _jsx("span", { className: "composer-hint", children: "\u2318\u21B5 \u53D1\u9001 \u00B7 \u2318K \u547D\u4EE4 \u00B7 \u2303C \u4E2D\u65AD" }), _jsx("button", { "aria-label": promptBusy ? "发送中" : "发送消息", className: "send-button", disabled: promptBusy || !draft.trim(), title: promptBusy ? "正在发送" : "发送消息（⌘↵）", type: "submit", children: promptBusy ? "…" : "↑" })] })] })] })] })] })) : view === "trajectory" ? (_jsx(Trajectory, { events: displayEvents, onSelect: setDetails })) : (_jsx(Files, { api: api, files: data.files, onDiff: async (file) => {
-            const diff = await api.getFileDiff(file);
-            setDetails({
-                type: "file_diff",
-                path: diff.path,
-                output: diff.diff || "没有可显示的差异（工作区可能已更新）。",
-            });
-        }, onRefresh: () => void refresh() }));
-    const groups = sessionGroups(filteredSessions);
-    const showCurrentSession = Boolean(data.session && !search && !filteredSessions.some((session) => session.sessionId === data.session?.sessionId));
-    const visibleCommands = filterCommands(data.commands, commandQuery);
-    const betterSidebarPanel = data.pluginPanels.find((panel) => panel.id === "better-sidebar-panel");
-    const betterSidebarData = betterSidebarPanel?.data !== null && typeof betterSidebarPanel?.data === "object" && !Array.isArray(betterSidebarPanel?.data)
-        ? betterSidebarPanel.data
-        : undefined;
-    const themeStudioPanel = data.pluginPanels.find((panel) => panel.id === "theme-studio-panel");
-    const themeStudioData = themeStudioPanel?.data !== null && typeof themeStudioPanel?.data === "object" && !Array.isArray(themeStudioPanel?.data)
-        ? themeStudioPanel.data
-        : undefined;
-    const themeStyle = useMemo(() => {
-        if (!themeStudioData?.tokens || typeof themeStudioData.tokens !== "object" || Array.isArray(themeStudioData.tokens))
-            return undefined;
-        const tokens = Object.entries(themeStudioData.tokens).filter(([key, token]) => key.startsWith("--") && typeof token === "string");
-        return tokens.length ? Object.fromEntries(tokens) : undefined;
-    }, [themeStudioData]);
-    const activeTheme = typeof themeStudioData?.theme === "string" ? themeStudioData.theme : undefined;
-    const useCommand = (value) => {
-        setDraft(value);
-        setCommandOpen(false);
-        setCommandQuery("");
-    };
-    return (_jsxs("div", { className: "app-frame", "data-theme": activeTheme, style: themeStyle, children: [_jsxs("aside", { className: "sidebar", children: [_jsxs("header", { className: "brand-row", children: [_jsx("span", { className: "pi-mark", "aria-hidden": "true", children: _jsx("img", { src: "/icons/svg/mark-white.svg", alt: "" }) }), _jsx("strong", { children: "pi harness" }), appVersion ? _jsx("span", { className: "version", children: appVersion }) : null] }), _jsxs("div", { className: "sidebar-actions", children: [_jsx("button", { className: "new-session", onClick: beginNewSession, type: "button", "aria-expanded": workspaceChooserOpen, children: "\uFF0B \u65B0\u5EFA\u4F1A\u8BDD" }), _jsxs("div", { className: "session-search", "data-command-palette": true, children: [_jsx("input", { "aria-controls": commandOpen ? "command-menu" : undefined, "aria-expanded": commandOpen, "aria-label": commandOpen ? "搜索命令" : "搜索会话", onChange: (event) => {
-                                            const next = event.target.value;
-                                            if (!commandOpen && next.startsWith("/")) {
-                                                setCommandOpen(true);
-                                                setCommandQuery(next.slice(1));
-                                                return;
-                                            }
-                                            if (commandOpen)
-                                                setCommandQuery(next.replace(/^\/\s?/, ""));
-                                            else
-                                                setSearch(next);
-                                        }, onKeyDown: (event) => {
-                                            if (!commandOpen)
-                                                return;
-                                            if (event.key === "ArrowDown" && visibleCommands.length) {
-                                                event.preventDefault();
-                                                setCommandIndex((index) => (index + 1) % visibleCommands.length);
-                                            }
-                                            else if (event.key === "ArrowUp" && visibleCommands.length) {
-                                                event.preventDefault();
-                                                setCommandIndex((index) => (index - 1 + visibleCommands.length) % visibleCommands.length);
-                                            }
-                                            else if (event.key === "Enter" && visibleCommands.length) {
-                                                event.preventDefault();
-                                                useCommand(`/${visibleCommands[commandIndex]?.invocationName ?? ""}`);
-                                            }
-                                        }, placeholder: commandOpen ? "输入命令名称或描述" : "搜索会话 · ⌘K 命令", ref: searchInputRef, type: "search", value: commandOpen ? `/${commandQuery}` : search }), commandOpen && (_jsx(CommandPalette, { activeIndex: commandIndex, commands: data.commands, onActiveIndexChange: setCommandIndex, onUse: useCommand, query: commandQuery }))] }), _jsx("input", { accept: ".jsonl,application/json,application/x-ndjson", "aria-label": "\u5BFC\u5165\u4F1A\u8BDD\u6587\u4EF6", hidden: true, onChange: (event) => {
-                                    const file = event.currentTarget.files?.[0];
-                                    event.currentTarget.value = "";
-                                    if (!file)
-                                        return;
-                                    void sessionAction(async () => {
-                                        const imported = await api.importSession(await file.text(), file.name);
-                                        if (imported.sessionFile)
-                                            setSelectedSessionPath(imported.sessionFile);
-                                    });
-                                }, ref: importInputRef, type: "file" })] }), _jsxs("div", { className: "session-list-toolbar", children: [_jsxs("div", { className: "session-list-title", children: [_jsx("strong", { children: "\u4F1A\u8BDD" }), _jsx("span", { children: sessionTotal || data.sessions.length })] }), _jsxs("div", { className: "session-list-tools", children: [_jsx("button", { "aria-pressed": sessionSelectionMode, className: `session-tool-button ${sessionSelectionMode ? "active" : ""}`, onClick: () => {
-                                            setSessionSelectionMode(!sessionSelectionMode);
-                                            setSelectedSessionPaths(new Set());
-                                            setSessionToolsOpen(false);
-                                            closeSessionMenu();
-                                        }, type: "button", children: sessionSelectionMode ? "完成" : "选择" }), _jsxs("div", { className: "session-tools-wrap", "data-session-popover": true, children: [_jsx("button", { "aria-expanded": sessionToolsOpen, "aria-haspopup": "menu", "aria-label": "\u4F1A\u8BDD\u5DE5\u5177", className: "session-tool-button icon", onClick: (event) => {
-                                                    closeSessionMenu();
-                                                    sessionPopoverTriggerRef.current = event.currentTarget;
-                                                    setSessionActionTarget(undefined);
-                                                    if (sessionToolsOpen) {
-                                                        setSessionToolsOpen(false);
-                                                        setSessionToolsPosition(undefined);
-                                                    }
-                                                    else {
-                                                        setSessionToolsPosition(sidebarPopoverPosition(event.currentTarget, 150, 190, "below"));
-                                                        setSessionToolsOpen(true);
-                                                    }
-                                                }, type: "button", children: "\u22EF" }), sessionToolsOpen &&
-                                                sessionToolsPosition &&
-                                                createPortal(_jsxs("div", { className: "session-tools-popover", "data-session-popover": true, role: "menu", style: sessionToolsPosition, children: [_jsx("button", { autoFocus: true, onClick: () => window.location.reload(), role: "menuitem", type: "button", children: "\u5237\u65B0\u5217\u8868" }), _jsx("button", { onClick: () => {
-                                                                setSessionToolsOpen(false);
-                                                                setSessionToolsPosition(undefined);
-                                                                importInputRef.current?.click();
-                                                            }, role: "menuitem", type: "button", children: "\u5BFC\u5165\u4F1A\u8BDD" }), _jsx("button", { disabled: !activeSessionPath || sessionActionBusy, onClick: () => {
-                                                                if (!activeSessionPath)
-                                                                    return;
-                                                                void sessionAction(async () => {
-                                                                    const blob = await api.exportSession(activeSessionPath);
-                                                                    const link = document.createElement("a");
-                                                                    link.href = URL.createObjectURL(blob);
-                                                                    link.download = `${data.session?.sessionId ?? "session"}.jsonl`;
-                                                                    link.click();
-                                                                    URL.revokeObjectURL(link.href);
-                                                                });
-                                                            }, role: "menuitem", type: "button", children: "\u5BFC\u51FA\u5F53\u524D\u4F1A\u8BDD" }), _jsx("button", { onClick: () => {
-                                                                setIncludeArchivedSessions((current) => !current);
-                                                                setSessionToolsOpen(false);
-                                                                setSessionToolsPosition(undefined);
-                                                                void refresh();
-                                                            }, role: "menuitem", type: "button", children: includeArchivedSessions ? "隐藏归档会话" : "显示归档会话" })] }), document.body)] })] })] }), sessionSelectionMode && selectedSessionPaths.size > 0 && (_jsxs("div", { className: "session-batch-bar", children: [_jsxs("span", { children: [selectedSessionPaths.size, " \u4E2A\u5DF2\u9009\u62E9"] }), _jsx("button", { onClick: () => void sessionAction(() => api.batchSessions("archive", [...selectedSessionPaths]).then(() => undefined)), type: "button", children: "\u5F52\u6863" }), _jsx("button", { onClick: () => void sessionAction(() => api.batchSessions("pin", [...selectedSessionPaths]).then(() => undefined)), type: "button", children: "\u7F6E\u9876" }), _jsx("button", { className: "danger", onClick: () => {
-                                    setSessionActionTarget(undefined);
-                                    setSessionDialog("batch-delete");
-                                }, type: "button", children: "\u5220\u9664" })] })), _jsxs("div", { className: "sidebar-scroll", children: [showCurrentSession && data.session && (_jsxs("div", { className: "session-group", children: [_jsx("div", { className: "group-label", children: "\u5F53\u524D" }), _jsxs("div", { className: "session-row-wrap current-session-row", children: [sessionSelectionMode && (_jsx("input", { "aria-label": "\u9009\u62E9\u5F53\u524D\u4F1A\u8BDD", checked: activeSessionPath ? selectedSessionPaths.has(activeSessionPath) : false, onChange: () => activeSessionPath && toggleSessionSelection(activeSessionPath), type: "checkbox" })), _jsxs("button", { className: "session-row active", onClick: () => {
-                                                    setSettings(undefined);
-                                                    setCommandOpen(false);
-                                                    setGlobalSearchOpen(false);
-                                                    setPage("session");
-                                                    setView("chat");
-                                                    setDetails(undefined);
-                                                    setSessionMenuOpen(false);
-                                                    void refresh();
-                                                }, type: "button", children: [_jsx("span", { className: "session-dot ok" }), _jsxs("span", { className: "session-copy", children: [_jsx("strong", { children: data.session.messages.length ? data.session.sessionId.slice(0, 12) : "新会话" }), _jsxs("small", { children: [data.session.messages.length, " \u6761\u6D88\u606F"] })] })] }), !sessionSelectionMode && activeSessionPath && (_jsx("button", { "aria-expanded": sessionMenuOpen && sessionMenuPath === activeSessionPath, "aria-haspopup": "menu", "aria-label": "\u5F53\u524D\u4F1A\u8BDD\u64CD\u4F5C", className: "session-row-more", "data-session-popover": true, onClick: (event) => openSessionMenu(activeSessionPath, data.session?.messages.length ? data.session?.sessionId.slice(0, 12) : "新会话", event.currentTarget), type: "button", children: "\u22EF" })), !sessionSelectionMode && activeSessionPath && sessionMenuPath === activeSessionPath && sessionMenuOpen && sessionMenuPosition && (_jsx(SessionActionMenu, { busy: sessionActionBusy, position: sessionMenuPosition, onArchive: () => {
-                                                    closeSessionMenu();
-                                                    setSessionDialog("archive");
-                                                }, onDelete: () => {
-                                                    closeSessionMenu();
-                                                    setSessionDialog("delete");
-                                                }, onFork: () => void sessionAction(async () => {
-                                                    const result = await api.forkSession(activeSessionPath);
-                                                    if (result.sessionFile) {
-                                                        setSelectedSessionPath(result.sessionFile);
-                                                        await api.openSession(result.sessionFile);
-                                                    }
-                                                }), onRename: () => {
-                                                    closeSessionMenu();
-                                                    setSessionDialog("rename");
-                                                } }))] })] })), groups.length ? (groups.map(([label, sessions]) => (_jsxs("div", { className: "session-group", children: [_jsx("div", { className: "group-label", children: label }), sessions.map((session, index) => (_jsxs("div", { className: "session-row-wrap", children: [sessionSelectionMode && (_jsx("input", { "aria-label": `选择会话 ${value(session.name ?? session.firstMessage, "未命名会话")}`, checked: typeof session.path === "string" && selectedSessionPaths.has(session.path), onChange: () => {
-                                                    if (typeof session.path === "string")
-                                                        toggleSessionSelection(session.path);
-                                                }, type: "checkbox" })), _jsxs("button", { className: `session-row ${session.sessionId === data.session?.sessionId ? "active" : ""}`, onClick: () => openSession(session), type: "button", children: [_jsx("span", { className: "session-dot ok" }), _jsxs("span", { className: "session-copy", children: [_jsx("strong", { children: value(session.name ?? session.firstMessage, "未命名会话") }), _jsxs("small", { children: [value(session.messageCount, "0"), " \u6761\u6D88\u606F", session.pinned === true ? " · 已置顶" : "", session.archived === true ? " · 已归档" : ""] })] })] }), !sessionSelectionMode && typeof session.path === "string" && (_jsx("button", { "aria-expanded": sessionMenuOpen && sessionMenuPath === session.path, "aria-haspopup": "menu", "aria-label": `会话操作 ${value(session.name ?? session.firstMessage, "未命名会话")}`, className: "session-row-more", "data-session-popover": true, onClick: (event) => {
-                                                    event.stopPropagation();
-                                                    openSessionMenu(session.path, value(session.name ?? session.firstMessage, ""), event.currentTarget);
-                                                }, type: "button", children: "\u22EF" })), !sessionSelectionMode &&
-                                                typeof session.path === "string" &&
-                                                sessionMenuPath === session.path &&
-                                                sessionMenuOpen &&
-                                                sessionMenuPosition && (_jsx(SessionActionMenu, { busy: sessionActionBusy, position: sessionMenuPosition, onArchive: () => {
-                                                    closeSessionMenu();
-                                                    setSessionDialog("archive");
-                                                }, onDelete: () => {
-                                                    closeSessionMenu();
-                                                    setSessionDialog("delete");
-                                                }, onFork: () => void sessionAction(async () => {
-                                                    const result = await api.forkSession(session.path);
-                                                    if (result.sessionFile) {
-                                                        setSelectedSessionPath(result.sessionFile);
-                                                        await api.openSession(result.sessionFile);
-                                                    }
-                                                }), onRename: () => {
-                                                    closeSessionMenu();
-                                                    setSessionDialog("rename");
-                                                } }))] }, index)))] }, label)))) : !showCurrentSession ? (_jsx("div", { className: "empty-state", children: "\u6682\u65E0\u5DF2\u4FDD\u5B58\u4F1A\u8BDD" })) : null, sessionTotal > 30 && (_jsxs("div", { className: "session-pagination", children: [_jsx("button", { disabled: sessionPage === 0, onClick: () => setSessionPage((page) => Math.max(0, page - 1)), type: "button", children: "\u4E0A\u4E00\u9875" }), _jsxs("span", { children: [sessionPage + 1, " / ", Math.max(1, Math.ceil(sessionTotal / 30))] }), _jsx("button", { disabled: !sessionHasNext, onClick: () => setSessionPage((page) => page + 1), type: "button", children: "\u4E0B\u4E00\u9875" })] })), betterSidebarData && (_jsxs("section", { "aria-label": "\u5DE5\u4F5C\u533A\u6982\u89C8", className: "mx-3 mt-3 rounded-lg border border-[#dce5f5] bg-[#f6f8ff] px-3 py-3", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx("strong", { className: "text-[11px] font-semibold text-[#253044]", children: "\u5DE5\u4F5C\u533A\u6982\u89C8" }), _jsx("span", { className: `rounded px-1.5 py-0.5 font-mono text-[9px] ${betterSidebarData.clean === true ? "bg-[#eaf8f0] text-[#14733f]" : "bg-[#fff0f0] text-[#b42318]"}`, children: betterSidebarData.clean === true ? "clean" : `${value(betterSidebarData.changedCount ?? 0)} 变更` })] }), _jsx("code", { className: "mt-2 block truncate text-[10px] text-[#315fb8]", children: value(betterSidebarData.cwd ?? "当前工作区") }), _jsx("p", { className: "mt-1 truncate font-mono text-[10px] text-[#65707b]", children: value(betterSidebarData.branch ?? "非 Git 工作区") }), Array.isArray(betterSidebarData.changedFiles) && betterSidebarData.changedFiles.length > 0 ? (_jsx("div", { className: "mt-2 grid gap-1 border-t border-[#dce5f5] pt-2", children: betterSidebarData.changedFiles.slice(0, 3).map((item, index) => {
-                                            const file = item !== null && typeof item === "object" ? item : {};
-                                            return (_jsxs("code", { className: "truncate text-[9px] text-[#65707b]", children: [value(file.status ?? "??"), " ", value(file.path ?? "未命名")] }, `${value(file.path ?? "file")}-${index}`));
-                                        }) })) : null] }))] }), _jsxs("footer", { className: "sidebar-footer", children: [_jsxs("div", { className: "runtime-cells", children: [_jsxs("span", { children: ["model ", _jsx("b", { children: value(data.status?.model) })] }), _jsxs("span", { children: ["msgs ", _jsx("b", { children: data.status?.messages ?? 0 })] }), _jsxs("span", { children: ["status ", _jsx("b", { children: value(data.status?.status, "connecting") })] })] }), _jsx("button", { "aria-label": "\u641C\u7D22\u4F1A\u8BDD\u3001\u6587\u4EF6\u548C\u547D\u4EE4", className: "sidebar-link compact-session-search", onClick: () => {
-                                    setCommandOpen(false);
-                                    setSessionToolsOpen(false);
-                                    closeSessionMenu();
-                                    setGlobalSearchOpen(true);
-                                }, title: "\u641C\u7D22\u4F1A\u8BDD\u3001\u6587\u4EF6\u548C\u547D\u4EE4", type: "button", children: "\u2315" }), _jsx("button", { "aria-label": "\u65B0\u5EFA\u4F1A\u8BDD", className: "sidebar-link compact-new-session", onClick: beginNewSession, title: "\u65B0\u5EFA\u4F1A\u8BDD", type: "button", children: "\uFF0B" }), _jsxs("button", { "aria-label": `插件，已安装 ${installedPluginCount} 个`, className: `sidebar-link ${page === "plugins" || page === "marketplace" ? "active" : ""}`, onClick: () => pushInstalledPluginRoute(undefined), title: `插件 · ${installedPluginCount} 个`, type: "button", children: ["\u25C8 ", _jsx("span", { children: "\u63D2\u4EF6" }), _jsx("b", { children: installedPluginCount })] }), _jsxs("button", { "aria-label": "\u8BBE\u7F6E", className: `sidebar-link ${settings ? "active" : ""}`, onClick: () => {
-                                    setCommandOpen(false);
-                                    setGlobalSearchOpen(false);
-                                    setSessionMenuOpen(false);
-                                    setSessionMenuPath(undefined);
-                                    setDetails(undefined);
-                                    setSettings("general");
-                                }, title: "\u8BBE\u7F6E", type: "button", children: ["\u2699 ", _jsx("span", { children: "\u8BBE\u7F6E" })] })] })] }), _jsxs("section", { className: "main-pane", children: [_jsxs("header", { className: `main-header ${!settings && page === "session" ? "session-track" : ""}`, children: [_jsxs("div", { className: "active-heading", children: [_jsx("strong", { children: settings
-                                            ? "设置"
-                                            : page === "plugins"
-                                                ? installedPluginId
-                                                    ? "插件详情"
-                                                    : "运行时插件"
-                                                : page === "marketplace"
-                                                    ? marketplacePluginId
-                                                        ? "插件详情"
-                                                        : "插件市场"
-                                                    : data.session?.messages.length
-                                                        ? data.session.sessionId.slice(0, 12)
-                                                        : "新会话" }), _jsx("small", { children: settings
-                                            ? "运行时状态与配置"
-                                            : page === "plugins"
-                                                ? installedPluginId
-                                                    ? (installedPluginMetadata?.name ?? displayPluginName(installedPluginId))
-                                                    : "已安装插件"
-                                                : page === "marketplace"
-                                                    ? marketplacePluginId
-                                                        ? (marketplaceDetail?.name ?? marketplacePluginId)
-                                                        : "官方与社区 · 已审核目录"
-                                                    : sessionSource(data.status, data.session) })] }), _jsx("div", { className: "header-spacer" }), data.status?.status === "running" && (_jsxs("div", { className: "run-indicator running", children: [_jsx("span", { className: "run-dot" }), _jsx("span", { children: "\u8FD0\u884C\u4E2D \u00B7 Pi agent" }), _jsx("button", { className: "stop-button", onClick: () => {
-                                            setPromptError("");
-                                            void api
-                                                .abort()
-                                                .then(refresh)
-                                                .catch((cause) => setPromptError(cause instanceof Error ? cause.message : String(cause)));
-                                        }, type: "button", children: "\u505C\u6B62" })] })), !settings && page === "session" && (_jsx("div", { "aria-label": "\u4F1A\u8BDD\u89C6\u56FE", className: "view-tabs", children: ["chat", "trajectory", "files"].map((item) => (_jsx("button", { "aria-pressed": view === item, className: `view-tab ${view === item ? "active" : ""}`, onClick: () => {
-                                        setView(item);
-                                        setDetails(undefined);
-                                    }, type: "button", children: item === "chat" ? "对话" : item === "trajectory" ? "轨迹" : "产出" }, item))) })), !settings && page === "session" && _jsx("span", { "aria-hidden": "true", className: "header-divider" }), !settings && page === "session" && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "session-menu-wrap", "data-session-popover": true, children: [_jsx("button", { "aria-expanded": sessionMenuOpen && !sessionMenuPath, "aria-haspopup": "menu", className: "session-menu", onClick: (event) => {
-                                                    const closeCurrentMenu = sessionMenuOpen && !sessionMenuPath;
-                                                    setSessionMenuPath(undefined);
-                                                    setSessionMenuPosition(undefined);
-                                                    sessionPopoverTriggerRef.current = event.currentTarget;
-                                                    setSessionActionTarget(!closeCurrentMenu && activeSessionPath
-                                                        ? { name: data.session?.sessionId?.slice(0, 12) || "当前会话", path: activeSessionPath }
-                                                        : undefined);
-                                                    setSessionMenuOpen(!closeCurrentMenu);
-                                                }, type: "button", "aria-label": "\u4F1A\u8BDD\u64CD\u4F5C", children: "\u22EF" }), sessionMenuOpen && !sessionMenuPath && (_jsxs("div", { className: "session-menu-popover compact-session-menu", role: "menu", children: [_jsxs("button", { className: "session-action", disabled: !activeSessionPath || sessionActionBusy, onClick: () => {
-                                                            setSessionNameDraft(data.session?.sessionId?.slice(0, 12) ?? "");
-                                                            setSessionDialog("rename");
-                                                            setSessionMenuOpen(false);
-                                                        }, role: "menuitem", type: "button", children: [_jsx("strong", { children: "\u91CD\u547D\u540D" }), _jsx("small", { children: "\u8BBE\u7F6E\u4E00\u4E2A\u5BB9\u6613\u8BC6\u522B\u7684\u540D\u79F0" })] }), _jsxs("button", { className: "session-action", disabled: !activeSessionPath || sessionActionBusy, onClick: () => void sessionAction(async () => {
-                                                            const result = await api.forkSession(activeSessionPath);
-                                                            if (result.sessionFile) {
-                                                                setSelectedSessionPath(result.sessionFile);
-                                                                await api.openSession(result.sessionFile);
-                                                            }
-                                                        }), role: "menuitem", type: "button", children: [_jsx("strong", { children: "\u590D\u5236\u4F1A\u8BDD" }), _jsx("small", { children: "\u590D\u5236\u4E0A\u4E0B\u6587\u5E76\u6253\u5F00\u526F\u672C" })] }), _jsxs("button", { className: "session-action", disabled: !activeSessionPath || sessionActionBusy, onClick: () => {
-                                                            setSessionMenuOpen(false);
-                                                            setSessionDialog("archive");
-                                                        }, role: "menuitem", type: "button", children: [_jsx("strong", { children: "\u5F52\u6863\u4F1A\u8BDD" }), _jsx("small", { children: "\u4ECE\u9ED8\u8BA4\u5217\u8868\u9690\u85CF" })] }), _jsxs("button", { className: "session-action danger", disabled: !activeSessionPath || sessionActionBusy, onClick: () => {
-                                                            setSessionMenuOpen(false);
-                                                            setSessionDialog("delete");
-                                                        }, role: "menuitem", type: "button", children: [_jsx("strong", { children: "\u5220\u9664\u4F1A\u8BDD" }), _jsx("small", { children: "\u6C38\u4E45\u5220\u9664\u672C\u5730\u8BB0\u5F55" })] })] }))] }), _jsxs("button", { "aria-label": details !== undefined ? "关闭详情" : "打开详情", "aria-pressed": details !== undefined, className: "details-toggle", onClick: () => setDetails(details ? undefined : {}), type: "button", children: [_jsx("span", { "aria-hidden": "true", children: "\u25E8" }), " ", _jsx("span", { className: "details-toggle-label", children: "\u8BE6\u60C5" })] })] }))] }), refreshIssues.length > 0 && (_jsxs("div", { "aria-live": "polite", className: "refresh-warning", role: "status", children: [_jsxs("span", { children: [_jsx("strong", { children: "\u90E8\u5206\u6570\u636E\u5237\u65B0\u5931\u8D25" }), refreshIssues.join("、"), "\u53EF\u80FD\u4E3A\u7A7A\u6216\u663E\u793A\u4E0A\u6B21\u7ED3\u679C\u3002"] }), _jsx("button", { onClick: () => void refresh(), type: "button", children: "\u91CD\u8BD5" })] })), _jsx("div", { className: "view-host", children: initialRefreshPending ? (_jsxs("div", { "aria-live": "polite", className: "initial-loading", role: "status", children: [_jsx("span", { "aria-hidden": "true" }), "\u6B63\u5728\u8FDE\u63A5 Pi runtime\u2026"] })) : (content) })] }), !settings && page === "session" && details !== undefined && (_jsxs(_Fragment, { children: [_jsx("button", { "aria-label": "\u5173\u95ED\u8BE6\u60C5", className: "details-backdrop", onClick: () => setDetails(undefined), type: "button" }), _jsx(Details, { event: Object.keys(details).length ? details : undefined, onClose: () => setDetails(undefined), onCopy: () => void navigator.clipboard?.writeText(JSON.stringify(details, null, 2)) })] })), globalSearchOpen && (_jsx(GlobalSearch, { commands: data.commands, files: data.files, onClose: () => setGlobalSearchOpen(false), onOpenFile: (file) => {
-                    setPage("session");
-                    setView("files");
-                    setDetails({ type: "file", path: file.path, status: file.status });
-                }, onOpenSession: openSession, onUse: setDraft, sessions: data.sessions })), workspaceChooserOpen && (_jsx(WorkspaceChooser, { error: workspaceError, onClose: () => setWorkspaceChooserOpen(false), onPickDirectory: openDirectory, onSelect: (workspace) => void createNewSession(workspace), workspaces: data.workspaces })), sessionDialog && (_jsx(SessionDialog, { busy: sessionActionBusy, count: sessionDialog === "batch-delete" ? selectedSessionPaths.size : undefined, kind: sessionDialog, name: sessionDialog === "rename" || sessionDialog === "batch-delete"
-                    ? undefined
-                    : (sessionActionTarget?.name ?? value(data.session?.sessionId, "当前会话")), onChange: setSessionNameDraft, onClose: () => {
-                    setSessionDialog(undefined);
-                    setSessionActionTarget(undefined);
-                }, onConfirm: () => {
-                    const targetPath = sessionActionTarget?.path ?? activeSessionPath;
-                    if (sessionDialog === "rename" && targetPath) {
-                        void sessionAction(() => api.renameSession(targetPath, sessionNameDraft.trim()).then(() => undefined));
-                    }
-                    else if (sessionDialog === "archive" && targetPath) {
-                        void sessionAction(async () => {
-                            await api.setSessionMetadata(targetPath, { archived: true });
-                        });
-                    }
-                    else if (sessionDialog === "delete" && targetPath) {
-                        void sessionAction(async () => {
-                            await api.deleteSession(targetPath);
-                        });
-                    }
-                    else if (sessionDialog === "batch-delete") {
-                        void sessionAction(() => api.batchSessions("delete", [...selectedSessionPaths]).then(() => undefined));
-                    }
-                }, value: sessionNameDraft }))] }));
-}
-//# sourceMappingURL=react-room.js.map