@pi-harness/pi-harness 0.1.13 → 0.1.14

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

@@ -9,11 +9,40 @@ 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 { pluginStarsPanelView } from "./plugin-stars-view.js";
+import { pluginDevPanelView } from "./plugin-dev-view.js";
+import { atFilePanelView } from "./at-file-view.js";
+import { testHarnessPanelView } from "./test-harness-view.js";
+import { sessionInsightsPanelView } from "./session-insights-view.js";
+import { yamlValidatorPanelView } from "./yaml-validator-view.js";
+import { browserFetchPanelView } from "./browser-fetch-view.js";
+import { browserSessionPanelView } from "./browser-session-view.js";
+import { cleanerPanelView } from "./cleaner-view.js";
 import { matchesPluginQuery } from "./plugin-search.js";
 import { readInstalledPluginDetailId } from "./plugin-navigation.js";
 import { installedPluginCardContent } from "./plugin-card.js";
+import { costMeterPanelView } from "./cost-meter-view.js";
+import { dependencyCheckerPanelView } from "./dependency-checker-view.js";
+import { dockerSandboxPanelView } from "./docker-sandbox-view.js";
+import { failLoggerPanelView } from "./fail-logger-view.js";
+import { genUiPanelView } from "./genui-view.js";
+import { gitTimeCapsulePanelView } from "./git-time-capsule-view.js";
+import { graphMemoryPanelView } from "./graph-memory-view.js";
+import { i18nPairPanelView } from "./i18n-pair-view.js";
+import { mcpClientPanelView } from "./mcp-client-view.js";
+import { openPetsPanelView } from "./openpets-view.js";
+import { recallUnreadPanelView } from "./recall-unread-view.js";
+import { turnRewindPanelView } from "./turn-rewind-view.js";
+import { contextDoctorPanelView } from "./context-doctor-view.js";
+import { contextInsightsPanelView } from "./context-insights-view.js";
+import { tokenGuardPanelView } from "./token-guard-view.js";
+import { sessionBridgePanelView } from "./session-bridge-view.js";
+import { skillGuardPanelView } from "./skill-guard-view.js";
+import { sqlLensPanelView } from "./sql-lens-view.js";
+import { agentTeamsPanelView } from "./agent-teams-view.js";
+import { modlensPanelView } from "./modlens-view.js";
+import { visionToolkitPanelView } from "./vision-toolkit-view.js";
+import { readmeGenPanelView } from "./readme-gen-view.js";
 const value = (input, fallback = "—") => {
     if (input === undefined || input === null || input === "")
         return fallback;
@@ -471,8 +500,30 @@ function pluginPanelValue(input) {
         return value(input);
     }
 }
-function PluginPanelCard({ panel, inline = false }) {
-    const data = panel.data !== null && typeof panel.data === "object" && !Array.isArray(panel.data) ? panel.data : undefined;
+function pluginPanelData(value) {
+    try {
+        if (value === null || typeof value !== "object" || Array.isArray(value))
+            return undefined;
+        const prototype = Object.getPrototypeOf(value);
+        if (prototype !== Object.prototype && prototype !== null)
+            return undefined;
+        const descriptors = Object.getOwnPropertyDescriptors(value);
+        if (Reflect.ownKeys(descriptors).some((key) => typeof key !== "string"))
+            return undefined;
+        const output = Object.create(null);
+        for (const [key, descriptor] of Object.entries(descriptors)) {
+            if (!("value" in descriptor))
+                return undefined;
+            output[key] = descriptor.value;
+        }
+        return output;
+    }
+    catch {
+        return undefined;
+    }
+}
+export function PluginPanelCard({ panel, inline = false }) {
+    const data = pluginPanelData(panel.data);
     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 : [];
@@ -483,67 +534,167 @@ function PluginPanelCard({ panel, inline = false }) {
                         })) : (_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 : {});
+                })) : (_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" ? ((() => {
+                const view = agentTeamsPanelView(data);
+                return (_jsxs("div", { className: "mt-3 grid gap-3", children: [_jsx("div", { className: "grid gap-2 sm:grid-cols-4", children: [
+                                ["成员", view.inventory.members.total],
+                                ["任务", view.inventory.tasks.total],
+                                ["未读消息", view.inventory.messages.unread],
+                                ["可执行任务", view.inventory.tasks.ready],
+                            ].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)))) }), view.dependencyCycle !== null && view.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", view.dependencyCycle.join(" → ")] })) : null, _jsx("div", { className: "grid gap-2", children: view.members.length > 0 ? (view.members.map((member) => (_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 ${member.status === "working" ? "bg-[#22c55e]" : "bg-[#a0a8b2]"}` }), _jsx("span", { className: "min-w-0 flex-1 truncate text-[11px] font-semibold text-[#30343b]", children: member.name }), _jsx("span", { className: "truncate text-[10px] text-[#687381]", children: member.role }), _jsx("span", { className: "font-mono text-[10px] text-[#3565c5]", children: member.status })] }, member.id)))) : (_jsx("div", { className: "rounded-lg bg-[#f6f8fa] px-3 py-3 text-[12px] text-[#687381]", children: "\u6682\u65E0\u534F\u4F5C\u89D2\u8272\u3002" })) }), _jsx("div", { className: "grid gap-2", children: view.tasks.length > 0 ? (view.tasks.map((task) => (_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: task.title }), 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: task.assignee }), _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: task.status })] }, task.id)))) : (_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: "\u4F1A\u8BDD\u5185\u90AE\u7BB1\u5907\u6CE8" }), _jsxs("span", { className: "font-mono text-[10px] text-[#687381]", children: [view.inventory.messages.shown, " / ", view.inventory.messages.total] })] }), view.messages.length > 0 ? ([...view.messages].reverse().map((message) => (_jsxs("div", { className: `rounded-lg border px-3 py-2 ${message.read ? "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: [message.from, " \u2192 ", message.to] }), _jsx("span", { className: "ml-auto", children: message.read ? "已读" : "未读" })] }), _jsx("p", { className: "mt-1 whitespace-pre-wrap break-words text-[11px] text-[#30343b]", children: message.body })] }, message.id)))) : (_jsx("div", { className: "rounded-lg bg-[#f6f8fa] px-3 py-3 text-[12px] text-[#687381]", children: "\u6682\u65E0\u90AE\u7BB1\u5907\u6CE8\u3002" }))] }), view.truncated || view.inventory.members.truncated || view.inventory.tasks.truncated || view.inventory.messages.truncated ? (_jsx("p", { className: "text-[10px] leading-4 text-[#8a6200]", children: "\u9762\u677F\u6309\u56FA\u5B9A\u5B89\u5168\u4E0A\u9650\u5C55\u793A\uFF1B\u5B8C\u6574\u8BA1\u6570\u4FDD\u7559\u5728\u4E0A\u65B9\u3002" })) : null, _jsx("p", { className: "text-[10px] leading-4 text-[#687381]", children: "\u8FD9\u662F\u5F53\u524D Pi \u4F1A\u8BDD\u7684\u534F\u4F5C\u8D26\u672C\uFF0C\u4E0D\u4F1A\u542F\u52A8\u5176\u4ED6 Agent\u3001\u521B\u5EFA\u8FDB\u7A0B\u6216\u5411\u5916\u90E8\u53D1\u9001\u6D88\u606F\u3002" })] }));
+            })()) : panel.id === "modlens-panel" ? ((() => {
+                const view = modlensPanelView(panel.data);
+                const stateLabel = view.status.state === "running"
+                    ? "正在读取视觉内容"
+                    : view.status.state === "failed"
+                        ? "视觉检查失败"
+                        : view.status.state === "cancelled"
+                            ? "视觉检查已取消"
+                            : view.status.state === "completed"
+                                ? "视觉检查完成"
+                                : "等待图片";
+                const mode = view.status.state === "idle" ? view.image?.mode : view.status.mode;
+                const path = view.status.state === "idle" ? view.image?.path : view.status.path;
+                const stateStyle = view.status.state === "failed"
+                    ? "border-[#f4caca] bg-[#fff5f5]"
+                    : view.status.state === "cancelled"
+                        ? "border-[#f1d7a8] bg-[#fff9ed]"
+                        : view.status.state === "running"
+                            ? "border-[#c9d9f7] bg-[#f4f8ff]"
+                            : view.attached
+                                ? "border-[#b9e6c9] bg-[#f0fbf4]"
+                                : "border-[#e3e7ee] bg-[#f6f8fa]";
+                return (_jsxs("div", { className: "mt-3 grid gap-3", children: [_jsxs("div", { className: `rounded-lg border px-3 py-3 ${stateStyle}`, children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsx("span", { className: "text-[11px] font-semibold text-[#30343b]", children: stateLabel }), _jsx("span", { className: "rounded-full border border-[#dce5f5] bg-white px-2 py-1 font-mono text-[9px] text-[#3565c5]", children: mode === "native" ? "原生直传" : mode === "evidence" ? "ModLens 证据" : "vision_inspect" })] }), path !== undefined ? _jsx("p", { className: "mt-2 truncate font-mono text-[10px] text-[#65707b]", children: path }) : null, view.image !== null ? (_jsxs("div", { className: "mt-2 flex flex-wrap gap-x-3 gap-y-1 text-[10px] text-[#687381]", children: [_jsx("span", { children: view.image.mimeType }), _jsxs("span", { children: [view.image.bytes.toLocaleString(), " bytes"] }), view.image.cached ? _jsx("span", { className: "font-semibold text-[#14733f]", children: "\u7F13\u5B58\u547D\u4E2D" }) : null] })) : view.status.state === "idle" ? (_jsx("p", { className: "mt-2 text-[11px] text-[#687381]", children: "\u8BA9 Agent \u8C03\u7528 vision_inspect\uFF0C\u5E76\u63D0\u4F9B\u5DE5\u4F5C\u533A\u5185\u7684\u56FE\u7247\u8DEF\u5F84\u3002" })) : null, view.status.state === "failed" || view.status.state === "cancelled" ? (_jsx("p", { className: "mt-2 break-words text-[10px] leading-4 text-[#9b2c24]", children: view.status.error })) : null] }), _jsx("div", { className: "flex flex-wrap gap-2", children: view.supportedTypes.map((type) => (_jsx("span", { className: "rounded-md border border-[#dce5f5] bg-white px-2 py-1 font-mono text-[10px] text-[#3565c5]", children: type }, type))) }), _jsxs("div", { className: "flex flex-wrap gap-2 font-mono text-[9px] text-[#687381]", children: [_jsxs("span", { children: ["image:", Math.round(view.limits.imageBytes / 1_048_576), "MiB"] }), _jsxs("span", { children: ["evidence:", Math.round(view.limits.evidenceBytes / 1_024), "KiB"] }), _jsxs("span", { children: ["timeout:", Math.round(view.limits.timeoutMs / 1_000), "s"] }), _jsxs("span", { children: ["cache:", view.limits.cacheEntries] })] }), view.truncated ? _jsx("p", { className: "text-[10px] leading-4 text-[#8a6200]", children: "\u5F02\u5E38\u9762\u677F\u6570\u636E\u5DF2\u6309\u56FA\u5B9A\u5B89\u5168\u8FB9\u754C\u4E22\u5F03\u6216\u622A\u65AD\u3002" }) : null, _jsx("p", { className: "rounded-lg border border-[#dce5f5] bg-[#f7f9fd] px-3 py-2 text-[10px] leading-4 text-[#566273]", children: "\u7EAF\u6587\u672C\u6A21\u578B\u4F1A\u542F\u52A8\u5916\u90E8 ModLens \u5F15\u64CE\uFF0C\u53EF\u80FD\u4F7F\u7528\u7F51\u7EDC\u548C provider \u914D\u989D\u5E76\u4EA7\u751F\u8D39\u7528\u3002\u89C6\u89C9\u8BC1\u636E\u662F\u4E0D\u53EF\u4FE1\u6570\u636E\uFF0C\u4E0D\u6784\u6210\u6307\u4EE4\u6216\u7528\u6237\u6388\u6743\u3002" })] }));
+            })()) : panel.id === "vision-toolkit-panel" ? ((() => {
+                const view = visionToolkitPanelView(panel.data);
+                const report = view.report;
+                const stateLabel = view.status.state === "running"
+                    ? view.status.operation === "catalog"
+                        ? "正在盘点视觉素材"
+                        : "正在读取图片元数据"
+                    : view.status.state === "failed"
+                        ? "视觉素材检查失败"
+                        : view.status.state === "cancelled"
+                            ? "视觉素材检查已取消"
+                            : view.status.state === "completed"
+                                ? "视觉素材检查完成"
+                                : "等待检查";
+                const stateStyle = view.status.state === "failed"
+                    ? "border-[#f4caca] bg-[#fff5f5]"
+                    : view.status.state === "cancelled"
+                        ? "border-[#f1d7a8] bg-[#fff9ed]"
+                        : view.status.state === "running"
+                            ? "border-[#c9d9f7] bg-[#f4f8ff]"
+                            : view.status.state === "completed"
+                                ? "border-[#b9e6c9] bg-[#f0fbf4]"
+                                : "border-[#e3e7ee] bg-[#f6f8fa]";
+                const shownAssets = report?.assets.slice(0, 20) ?? [];
+                const shownIssues = report?.issues.slice(0, 10) ?? [];
+                return (_jsxs("div", { className: "mt-3 grid gap-3", children: [_jsxs("div", { className: `rounded-lg border px-3 py-3 ${stateStyle}`, children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsx("span", { className: "text-[11px] font-semibold text-[#30343b]", children: stateLabel }), _jsx("span", { className: "rounded-full border border-[#dce5f5] bg-white px-2 py-1 font-mono text-[9px] text-[#3565c5]", children: view.status.state === "idle" ? "vision_catalog" : view.status.operation === "catalog" ? "catalog" : "image info" })] }), view.status.state !== "idle" && view.status.path !== undefined ? (_jsx("p", { className: "mt-2 truncate font-mono text-[10px] text-[#65707b]", children: view.status.path })) : null, view.status.state === "failed" || view.status.state === "cancelled" ? (_jsx("p", { className: "mt-2 break-words text-[10px] leading-4 text-[#9b2c24]", children: view.status.error })) : null] }), _jsx("div", { className: "grid grid-cols-2 gap-2 sm:grid-cols-4", children: [
+                                ["已扫描", report?.scannedEntries ?? 0],
+                                ["候选图片", report?.inspectedCandidates ?? 0],
+                                ["有效素材", report?.assets.length ?? 0],
+                                ["问题", report?.issues.length ?? 0],
+                            ].map(([label, count]) => (_jsxs("div", { className: "rounded-lg bg-[#f6f8fa] px-3 py-2", children: [_jsx("span", { className: "block text-[10px] text-[#687381]", children: label }), _jsx("strong", { className: "mt-1 block font-mono text-[16px] text-[#30343b]", children: count })] }, label))) }), shownAssets.length > 0 ? (_jsx("div", { className: "max-h-52 overflow-auto rounded-lg border border-[#edf0f3] bg-[#fbfcfd]", children: shownAssets.map((asset, index) => (_jsxs("div", { className: "border-b border-[#edf0f3] px-3 py-2 last:border-b-0", children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsx("span", { className: "min-w-0 truncate font-mono text-[10px] text-[#30343b]", title: asset.path, children: asset.path }), _jsx("span", { className: "shrink-0 font-mono text-[9px] text-[#3565c5]", children: asset.width === null ? "?×?" : `${asset.width}×${asset.height}` })] }), _jsxs("div", { className: "mt-1 flex flex-wrap gap-x-3 text-[9px] text-[#687381]", children: [_jsx("span", { children: asset.mimeType }), _jsxs("span", { children: [asset.bytes.toLocaleString(), " B"] }), asset.headerTruncated ? _jsx("span", { className: "text-[#8a6200]", children: "\u4EC5\u626B\u63CF\u524D 256 KiB" }) : null] })] }, `${asset.path}-${index}`))) })) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: report === null ? "让 Agent 调用 vision_catalog 盘点工作区图片，或调用 vision_image_info 检查单张图片。" : "未发现有效的受支持图片。" })), shownIssues.length > 0 ? (_jsxs("div", { className: "rounded-lg border border-[#f1d7a8] bg-[#fff9ed] px-3 py-3", children: [_jsxs("p", { className: "text-[10px] font-semibold text-[#8a6200]", children: ["\u56FE\u7247\u95EE\u9898\uFF08\u663E\u793A ", shownIssues.length, " \u6761\uFF09"] }), _jsx("div", { className: "mt-2 grid gap-1.5", children: shownIssues.map((issue, index) => (_jsxs("p", { className: "break-words font-mono text-[9px] leading-4 text-[#6f5730]", children: [issue.path, ": ", issue.reason] }, `${issue.path}-${index}`))) })] })) : null, _jsxs("div", { className: "flex flex-wrap gap-2", children: [view.supportedTypes.map((type) => (_jsx("span", { className: "rounded-md border border-[#dce5f5] bg-white px-2 py-1 font-mono text-[9px] text-[#3565c5]", children: type }, type))), _jsxs("span", { className: "rounded-md border border-[#e3e7ee] bg-[#f6f8fa] px-2 py-1 font-mono text-[9px] text-[#687381]", children: ["file\u2264", Math.round(view.limits.imageBytes / 1_048_576), "MiB"] }), _jsxs("span", { className: "rounded-md border border-[#e3e7ee] bg-[#f6f8fa] px-2 py-1 font-mono text-[9px] text-[#687381]", children: ["assets\u2264", view.limits.assets] })] }), view.truncated ||
+                            report?.truncated === true ||
+                            report?.issuesTruncated === true ||
+                            (report !== null && (report.assets.length > shownAssets.length || report.issues.length > shownIssues.length)) ? (_jsx("p", { className: "text-[10px] leading-4 text-[#8a6200]", children: "\u9762\u677F\u6216\u626B\u63CF\u7ED3\u679C\u5DF2\u6309\u56FA\u5B9A\u5B89\u5168\u4E0A\u9650\u622A\u65AD\uFF1B\u8BA1\u6570\u4E0E\u8B66\u544A\u4F1A\u4FDD\u7559\u53EF\u89C1\u3002" })) : null, _jsx("p", { className: "rounded-lg border border-[#dce5f5] bg-[#f7f9fd] px-3 py-2 text-[10px] leading-4 text-[#566273]", children: "\u4EC5\u5728\u5F53\u524D workspace \u5185\u672C\u5730\u8BFB\u53D6\u56FE\u7247\u5934\u90E8\uFF0C\u4E0D\u4E0A\u4F20\u56FE\u7247\u3001\u4E0D\u8C03\u7528\u5916\u90E8\u89C6\u89C9\u670D\u52A1\uFF1B\u8FD9\u91CC\u5C55\u793A\u7684\u662F\u5143\u6570\u636E\uFF0C\u4E0D\u662F\u5B8C\u6574\u56FE\u50CF\u89E3\u7801\u7ED3\u679C\u3002" })] }));
+            })()) : panel.id === "at-file-panel" ? ((() => {
+                const view = atFilePanelView(panel.data);
+                return (_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" })] }), view.lastFile !== null ? (_jsxs("p", { className: "mt-2 min-w-0 whitespace-normal break-all text-[11px] leading-4 text-[#65707b]", children: [view.lastFile.path, " \u00B7 ", view.lastFile.bytes, " 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: [view.maxBytes, " bytes"] })] }), view.truncated ? _jsx("p", { className: "text-[10px] leading-4 text-[#8a6200]", children: "\u9762\u677F\u6570\u636E\u4E0D\u5B8C\u6574\u6216\u5DF2\u6309\u56FA\u5B9A\u5B89\u5168\u4E0A\u9650\u8C03\u6574\u3002" }) : null] }));
+            })()) : panel.id === "git-time-capsule-panel" ? ((() => {
+                const report = gitTimeCapsulePanelView(data);
+                const latest = report.latest;
+                const statusLabel = latest?.status === "completed" ? "已完成" : latest?.status === "cancelled" ? "已取消" : "失败";
+                const statusStyle = latest?.status === "completed"
+                    ? "border-[#b9e6c9] bg-[#f0fbf4] text-[#147a43]"
+                    : latest?.status === "cancelled"
+                        ? "border-[#f1ddb1] bg-[#fff9eb] text-[#996515]"
+                        : "border-[#f4caca] bg-[#fff5f5] text-[#b42318]";
+                return (_jsxs("div", { className: "mt-3 grid gap-3", children: [_jsxs("div", { className: `rounded-lg border px-3 py-3 ${latest === null ? "border-[#e3e7ee] bg-[#f6f8fa]" : statusStyle}`, children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsx("span", { className: "text-[11px] font-semibold text-[#30343b]", children: latest?.action === "restore" ? "最近撤销" : "最近捕获" }), latest === null ? (_jsx("span", { className: "font-mono text-[10px] text-[#687381]", children: "git_snapshot" })) : (_jsx("span", { className: "rounded-full border border-current px-2 py-0.5 text-[9px] font-semibold", children: statusLabel }))] }), latest === null ? (_jsx("p", { className: "mt-2 text-[11px] leading-4 text-[#687381]", children: "\u5F53\u524D\u6CA1\u6709\u64A4\u9500\u80F6\u56CA\u3002\u5148\u4EA7\u751F unstaged tracked \u6539\u52A8\uFF0C\u518D\u8BA9 Agent \u8C03\u7528 git_snapshot\u3002" })) : (_jsxs("div", { className: "mt-2 grid gap-1 text-[11px] text-[#65707b]", children: [latest.name !== null ? _jsx("p", { className: "truncate font-mono text-[10px] text-[#30343b]", children: latest.name }) : null, _jsxs("p", { children: [latest.files, " \u4E2A\u6587\u4EF6 \u00B7 ", latest.bytes, " bytes \u00B7 ", _jsx("time", { dateTime: latest.at, children: latest.at.replace("T", " ") })] }), latest.error !== null ? _jsx("p", { className: "break-words text-[#b42318]", children: latest.error }) : null] }))] }), _jsxs("div", { className: "rounded-lg border border-[#e3e7ee] bg-white 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\u80F6\u56CA" }), _jsxs("span", { className: "font-mono text-[10px] text-[#3565c5]", children: [report.inventory.shown, " / ", report.inventory.total] })] }), report.capsules.length > 0 ? (_jsx("div", { className: "mt-2 max-h-44 overflow-y-auto border-l-2 border-[#cbd8ef] pl-3", children: report.capsules.map((capsule) => (_jsxs("div", { className: "flex min-w-0 items-center gap-2 border-b border-[#eef1f5] py-1.5 last:border-b-0", children: [_jsx("span", { className: "min-w-0 flex-1 truncate font-mono text-[10px] text-[#30343b]", children: capsule.name }), _jsxs("span", { className: "shrink-0 font-mono text-[9px] text-[#687381]", children: [capsule.bytes, " B"] })] }, capsule.name))) })) : (_jsx("p", { className: "mt-2 text-[11px] text-[#687381]", children: "\u5C1A\u672A\u4FDD\u5B58 tracked diff\u3002" })), report.inventory.truncated || report.truncated ? (_jsxs("p", { className: "mt-2 text-[10px] text-[#996515]", children: ["\u5217\u8868\u5DF2\u6309\u5B89\u5168\u4E0A\u9650\u622A\u65AD\uFF0C\u4EC5\u5C55\u793A\u6700\u8FD1 ", report.inventory.displayLimit, " \u6761\u6709\u6548\u8BB0\u5F55\u3002"] })) : null] }), _jsxs("div", { className: "grid grid-cols-2 gap-2 text-[10px] text-[#687381]", children: [_jsxs("span", { className: "rounded-md bg-[#f6f8fa] px-2 py-1.5", children: ["Git \u8D85\u65F6\uFF1A", report.timeoutMs, " ms"] }), _jsxs("span", { className: "rounded-md bg-[#f6f8fa] px-2 py-1.5", children: ["\u5355\u80F6\u56CA\uFF1A", report.limits.capsuleBytes, " B"] })] }), _jsx("p", { className: "text-[10px] leading-4 text-[#687381]", children: "git_snapshot \u6355\u83B7\u5F53\u524D unstaged tracked \u6539\u52A8\uFF1Bgit_restore \u4F1A\u53CD\u5411\u5E94\u7528\u8BE5 patch\u3002staged \u4E0E\u672A\u8DDF\u8E2A\u6587\u4EF6\u4E0D\u5305\u542B\u5728\u5185\uFF0C\u6062\u590D\u5FC5\u987B\u4F20\u5165 confirm=true\u3002" })] }));
+            })()) : panel.id === "dependency-checker-panel" ? (_jsx("div", { className: "mt-3 grid gap-3", children: (() => {
+                    const report = dependencyCheckerPanelView(data);
+                    const hasProblems = report.missingCount > 0 || report.invalidCount > 0 || report.conflictCount > 0;
+                    const isIndeterminate = report.unresolvedCount > 0 || report.truncated;
+                    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: "min-w-0 truncate font-mono text-[#65707b]", children: report.manifest }), _jsx("strong", { className: "shrink-0 font-mono uppercase text-[#315fb8]", children: report.ecosystem })] }), _jsx("div", { className: "grid grid-cols-2 gap-2 sm:grid-cols-5", children: [
+                                    ["声明", report.declared],
+                                    ["已安装", report.installed],
+                                    ["问题", report.missingCount + report.invalidCount],
+                                    ["可选缺席", report.optionalMissingCount],
+                                    ["未决", report.unresolvedCount],
+                                ].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: `min-w-0 break-words rounded-lg border px-3 py-3 text-[11px] [overflow-wrap:anywhere] ${hasProblems ? "border-[#f4caca] bg-[#fff5f5] text-[#b42318]" : isIndeterminate ? "border-[#f3dfab] bg-[#fffaf0] text-[#8a6200]" : "border-[#b9e6c9] bg-[#f0fbf4] text-[#14733f]"}`, children: report.missingCount || report.invalidCount
+                                    ? `缺失 ${report.missingCount}、无效 ${report.invalidCount}：${[...report.missing, ...report.invalid].join(", ")}`
+                                    : report.conflictCount
+                                        ? `本地安装存在 ${report.conflictCount} 组声明约束冲突。`
+                                        : report.unresolvedCount
+                                            ? `${report.unresolvedCount} 组声明约束无法离线判定。`
+                                            : report.truncated
+                                                ? "报告不完整，无法确认依赖状态。"
+                                                : "依赖声明与本地安装一致。" }), report.optionalMissingCount > 0 ? (_jsxs("div", { className: "min-w-0 break-words rounded-lg border border-[#f3dfab] bg-[#fffaf0] px-3 py-2 text-[10px] text-[#8a6200] [overflow-wrap:anywhere]", children: ["\u53EF\u9009\u4F9D\u8D56\u672A\u5B89\u88C5\uFF08", report.optionalMissingCount, "\uFF09\uFF1A", report.optionalMissing.join(", ")] })) : null, report.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: report.conflicts.map((conflict, index) => (_jsxs("li", { className: "min-w-0 break-words [overflow-wrap:anywhere]", children: [_jsx("code", { children: conflict.name }), "\uFF1A", conflict.constraints.join(" · ") || "—"] }, `${conflict.name}-${index}`))) })] })) : null, report.unresolved.length > 0 ? (_jsxs("div", { className: "rounded-lg border border-[#f3dfab] bg-[#fffaf0] px-3 py-3 text-[11px] text-[#8a6200]", children: [_jsx("strong", { children: "\u672A\u51B3\u7EA6\u675F" }), _jsx("ul", { className: "mt-1 grid gap-1 pl-4", children: report.unresolved.map((constraint, index) => (_jsxs("li", { className: "min-w-0 break-words [overflow-wrap:anywhere]", children: [_jsx("code", { children: constraint.name }), "\uFF1A", constraint.constraints.join(" · ") || "—"] }, `${constraint.name}-${index}`))) })] })) : null, _jsxs("div", { className: "flex items-center justify-between text-[10px] text-[#687381]", children: [_jsxs("span", { children: ["\u672C\u5730\u53EA\u8BFB\u626B\u63CF \u00B7 \u4E0A\u9650 ", report.scanLimit, " \u9879"] }), report.truncated ? _jsx("span", { children: "\u9762\u677F\u660E\u7EC6\u5DF2\u622A\u65AD" }) : null] })] }));
+                })() })) : panel.id === "token-guard-panel" ? ((() => {
+                const view = tokenGuardPanelView(data);
+                return (_jsxs("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 ${view.exceeded ? "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: [view.percent === null ? "—" : view.percent, "% / ", view.maxPercent, "%"] })] }), _jsx("div", { className: "mt-2 h-2 overflow-hidden rounded-full bg-[#dfe8fb]", children: _jsx("div", { className: `h-full rounded-full ${view.exceeded ? "bg-[#d64545]" : "bg-[#5d8bea]"}`, style: { width: `${Math.min(100, view.percent ?? 0)}%` } }) }), _jsxs("p", { className: "mt-2 text-[11px] text-[#5d6d82]", children: [view.tokens === null ? "上下文 token 未知" : `${view.tokens.toLocaleString()} / ${view.contextWindow?.toLocaleString() ?? "—"} tokens`, ` · 已请求停止 ${view.aborts} 次`] })] }), _jsxs("div", { className: `rounded-lg border px-3 py-3 ${view.runExceeded ? "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: [view.runTokens === null ? "—" : view.runTokens.toLocaleString(), " / ", view.maxRunTokens === 0 ? "—" : view.maxRunTokens.toLocaleString()] })] }), _jsx("p", { className: "mt-2 text-[11px] text-[#5d6d82]", children: view.maxRunTokens > 0 ? "按 agent_start 后新增的已结算 token 熔断。" : "未启用绝对 Token 上限。" })] })] }), view.lastError === null ? null : (_jsxs("div", { className: "rounded-lg border border-[#f4caca] bg-[#fff5f5] px-3 py-2 text-[10px] leading-4 text-[#b42318]", children: ["\u4FDD\u62A4\u5668\u9519\u8BEF\uFF1A", view.lastError] }))] }));
+            })()) : panel.id === "test-harness-panel" ? ((() => {
+                const view = testHarnessPanelView(panel.data);
+                const run = view.latest;
+                const statusLabel = run?.status === "passed"
+                    ? "验证通过"
+                    : run?.status === "failed"
+                        ? "验证失败"
+                        : run?.status === "timed-out"
+                            ? "验证超时"
+                            : run?.status === "cancelled"
+                                ? "验证已取消"
+                                : "等待验证";
+                const statusStyle = run?.status === "passed"
+                    ? "border-[#b9e6c9] bg-[#f0fbf4] text-[#14733f]"
+                    : run?.status === "failed"
+                        ? "border-[#f4caca] bg-[#fff5f5] text-[#b42318]"
+                        : run?.status === "timed-out" || run?.status === "cancelled"
+                            ? "border-[#f1d7a8] bg-[#fff9ed] text-[#8a6200]"
+                            : "border-[#e3e7ee] bg-[#f6f8fa] text-[#687381]";
+                return (_jsxs("div", { className: "mt-3 grid min-w-0 gap-3", children: [_jsxs("div", { className: `min-w-0 rounded-lg border px-3 py-3 ${statusStyle}`, children: [_jsxs("div", { className: "flex min-w-0 flex-wrap items-center justify-between gap-2", children: [_jsx("span", { className: "break-all font-mono text-[11px] font-semibold text-[#30343b]", children: run?.command ?? "npm run test" }), _jsx("span", { className: "rounded-full border border-current px-2 py-0.5 text-[9px] font-semibold", children: statusLabel })] }), run === null ? (_jsx("p", { className: "mt-2 text-[11px] leading-4 text-[#687381]", children: "\u8FD8\u6CA1\u6709\u6267\u884C\u9A8C\u8BC1\u811A\u672C\u3002\u53EF\u8BA9 Agent \u8C03\u7528 run_project_tests\u3002" })) : (_jsxs("div", { className: "mt-2 flex flex-wrap gap-x-3 gap-y-1 text-[10px] text-[#65707b]", children: [_jsxs("span", { children: ["exit ", run.exitCode ?? "—"] }), run.signal === null ? null : _jsx("span", { children: run.signal }), _jsxs("span", { children: [run.durationMs, " ms"] }), _jsxs("span", { children: [run.outputBytes.toLocaleString(), " output bytes"] })] }))] }), run !== null && run.output !== "" ? (_jsxs("div", { className: "min-w-0 rounded-lg border border-[#e3e7ee] bg-[#111318] p-3", children: [_jsxs("div", { className: "mb-2 flex flex-wrap items-center justify-between gap-2 text-[9px] text-[#9ba6b2]", children: [_jsx("span", { className: "font-semibold uppercase tracking-[0.08em]", children: "\u8F93\u51FA\u672B\u5C3E" }), _jsxs("span", { children: ["\u6700\u591A ", view.limits.outputBytes, " bytes"] })] }), _jsx("pre", { className: "max-h-52 min-w-0 overflow-auto whitespace-pre-wrap break-all font-mono text-[10px] leading-4 text-[#e6edf3]", children: run.output })] })) : null, run?.outputTruncated || run?.outputSanitized ? (_jsxs("p", { className: "text-[10px] leading-4 text-[#8a6200]", children: [run.outputTruncated ? "输出只保留最后 12 KiB。" : "", run.outputSanitized ? "终端控制字符已清理。" : ""] })) : null, _jsx("div", { className: "flex flex-wrap gap-2", children: view.allowedScripts.map((script) => (_jsx("span", { className: "rounded-md border border-[#dce5f5] bg-white px-2 py-1 font-mono text-[10px] text-[#3565c5]", children: script }, script))) }), _jsxs("div", { className: "flex flex-wrap gap-x-3 gap-y-1 font-mono text-[9px] text-[#687381]", children: [_jsxs("span", { children: ["timeout ", view.limits.timeoutMs, " ms"] }), _jsxs("span", { children: ["output ", view.limits.outputBytes, " bytes"] })] }), view.truncated ? _jsx("p", { className: "text-[10px] leading-4 text-[#8a6200]", children: "\u9762\u677F\u6570\u636E\u4E0D\u5B8C\u6574\u6216\u5DF2\u6309\u56FA\u5B9A\u5B89\u5168\u4E0A\u9650\u8C03\u6574\u3002" }) : null, _jsx("p", { className: "rounded-lg border border-[#f1d7a8] bg-[#fff9ed] px-3 py-2 text-[10px] leading-4 text-[#6f5730]", children: "npm scripts \u4F1A\u6267\u884C\u5F53\u524D\u9879\u76EE\u5B9A\u4E49\u7684\u4EE3\u7801\uFF1B\u4EC5\u5728\u53EF\u4FE1 workspace \u4E2D\u4F7F\u7528\u3002Test Harness \u4E0D\u662F\u6C99\u7BB1\uFF0C\u4E5F\u4E0D\u4F1A\u628A\u811A\u672C\u8F93\u51FA\u5F53\u4F5C\u7528\u6237\u6388\u6743\u3002" })] }));
+            })()) : panel.id === "session-insights-panel" ? ((() => {
+                const view = sessionInsightsPanelView(panel.data);
+                const report = view.report;
+                if (report === null)
+                    return (_jsx("div", { className: "mt-3 rounded-lg border border-[#f3c4c4] bg-[#fff4f4] px-3 py-3 text-[11px] leading-5 text-[#a23b3b]", children: "\u4F1A\u8BDD\u7EDF\u8BA1\u6570\u636E\u65E0\u6548\uFF0C\u5DF2\u505C\u6B62\u5C55\u793A\u6307\u6807\uFF0C\u907F\u514D\u628A\u635F\u574F\u6570\u636E\u8BEF\u62A5\u4E3A\u5065\u5EB7\u72B6\u6001\u3002" }));
+                const contextUsage = report.contextUsage;
+                const compactionLabels = {
+                    idle: "尚未请求压缩",
+                    queued: "等待 Agent 空闲",
+                    running: "正在压缩",
+                    completed: "压缩已完成",
+                    failed: "压缩失败",
+                    cancelled: "压缩已取消",
+                    unknown: "压缩状态数据无效",
+                };
+                const compactionStyles = {
+                    idle: "border-[#e3e7ee] bg-[#f6f8fa] text-[#687381]",
+                    queued: "border-[#f1d7a8] bg-[#fff9ed] text-[#8a6200]",
+                    running: "border-[#cbdaf6] bg-[#f3f7ff] text-[#315fb8]",
+                    completed: "border-[#bfe4cb] bg-[#f1fbf4] text-[#287a43]",
+                    failed: "border-[#f3c4c4] bg-[#fff4f4] text-[#a23b3b]",
+                    cancelled: "border-[#f1d7a8] bg-[#fff9ed] text-[#8a6200]",
+                    unknown: "border-[#f3c4c4] bg-[#fff4f4] text-[#a23b3b]",
+                };
+                return (_jsxs("div", { className: "mt-3 grid min-w-0 gap-3", children: [_jsxs("div", { className: "min-w-0 rounded-lg border border-[#e3e7ee] bg-white px-3 py-2", children: [_jsx("span", { className: "block text-[9px] font-semibold uppercase tracking-[0.08em] text-[#7a8490]", children: "Session" }), _jsx("p", { className: "mt-1 min-w-0 break-all font-mono text-[10px] leading-4 text-[#3d4650]", children: report.sessionId })] }), _jsx("div", { className: "grid min-w-0 grid-cols-1 gap-2 min-[360px]:grid-cols-3", children: [
+                                ["消息", report.totalMessages.toLocaleString("en-US")],
+                                ["工具调用 / 结果", `${report.toolCalls.toLocaleString("en-US")} / ${report.toolResults.toLocaleString("en-US")}`],
+                                ["成本", `$${report.cost.toFixed(4)}`],
+                            ].map(([label, item]) => (_jsxs("div", { className: "min-w-0 rounded-lg bg-[#f6f8fa] px-3 py-2", children: [_jsx("span", { className: "block text-[10px] text-[#687381]", children: label }), _jsx("strong", { className: "mt-1 block break-all text-[16px] font-semibold text-[#30343b]", children: item })] }, label))) }), _jsxs("div", { className: "min-w-0 rounded-lg border border-[#e3eaf8] bg-[#f6f8ff] px-3 py-3", children: [_jsxs("div", { className: "flex min-w-0 flex-wrap items-center justify-between gap-2", children: [_jsx("span", { className: "text-[11px] font-semibold text-[#30343b]", children: "\u7D2F\u8BA1 token" }), _jsx("strong", { className: "break-all font-mono text-[14px] text-[#315fb8]", children: report.tokens.total.toLocaleString("en-US") })] }), _jsxs("div", { className: "mt-2 flex min-w-0 flex-wrap gap-x-3 gap-y-1 text-[10px] leading-4 text-[#5d6d82]", children: [_jsxs("span", { children: ["\u8F93\u5165 ", report.tokens.input.toLocaleString("en-US")] }), _jsxs("span", { children: ["\u8F93\u51FA ", report.tokens.output.toLocaleString("en-US")] }), _jsxs("span", { children: ["\u7F13\u5B58\u8BFB\u53D6 ", report.tokens.cacheRead.toLocaleString("en-US")] }), _jsxs("span", { children: ["\u7F13\u5B58\u5199\u5165 ", report.tokens.cacheWrite.toLocaleString("en-US")] })] })] }), _jsxs("div", { className: "min-w-0 rounded-lg border border-[#e3e7ee] bg-white px-3 py-3", children: [_jsxs("div", { className: "flex min-w-0 flex-wrap items-center justify-between gap-2", children: [_jsx("span", { className: "text-[11px] font-semibold text-[#30343b]", children: "\u5F53\u524D\u4E0A\u4E0B\u6587" }), contextUsage === null ? null : contextUsage.percent === null ? (_jsx("strong", { className: "text-[11px] font-semibold text-[#8a6200]", children: "\u5F85\u4E0B\u4E00\u6B21\u6A21\u578B\u54CD\u5E94" })) : (_jsxs("strong", { className: "font-mono text-[12px] text-[#315fb8]", children: [contextUsage.percent.toFixed(1), "%"] }))] }), contextUsage === null ? (_jsx("p", { className: "mt-2 text-[10px] leading-4 text-[#687381]", children: "\u5F53\u524D\u6A21\u578B\u672A\u63D0\u4F9B\u4E0A\u4E0B\u6587\u7A97\u53E3\u3002" })) : contextUsage.tokens === null ? (_jsxs("p", { className: "mt-2 text-[10px] leading-4 text-[#687381]", children: ["\u538B\u7F29\u540E token \u6682\u4E0D\u53EF\u4F30\u7B97 \u00B7 \u4E0A\u4E0B\u6587\u7A97\u53E3 ", contextUsage.contextWindow.toLocaleString("en-US")] })) : (_jsxs("p", { className: "mt-2 text-[10px] leading-4 text-[#687381]", children: [contextUsage.tokens.toLocaleString("en-US"), " / ", contextUsage.contextWindow.toLocaleString("en-US"), " tokens"] }))] }), _jsxs("div", { className: `min-w-0 rounded-lg border px-3 py-3 ${compactionStyles[view.compaction.status]}`, children: [_jsxs("div", { className: "flex min-w-0 flex-wrap items-center justify-between gap-2", children: [_jsx("span", { className: "text-[10px] font-semibold uppercase tracking-[0.08em]", children: "\u4F1A\u8BDD\u538B\u7F29" }), _jsx("strong", { className: "text-[11px] font-semibold", children: compactionLabels[view.compaction.status] })] }), view.compaction.error === null ? null : _jsx("p", { className: "mt-2 break-words text-[10px] leading-4", children: view.compaction.error })] }), view.malformed && view.compaction.status !== "unknown" ? _jsx("p", { className: "text-[10px] leading-4 text-[#a23b3b]", children: "\u9762\u677F\u6570\u636E\u4E0D\u5B8C\u6574\u6216\u4E0D\u4E00\u81F4\u3002" }) : null] }));
+            })()) : panel.id === "session-bridge-panel" ? (_jsx("div", { className: "mt-3 grid gap-3", children: (() => {
+                    const view = sessionBridgePanelView(data);
                     const sections = [
-                        ["目标", preview.goal],
-                        ["当前状态", preview.currentState],
-                        ["下一步", preview.nextStep],
+                        ["目标", view.preview.goal],
+                        ["当前状态", view.preview.currentState],
+                        ["下一步", view.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)))) })] }));
+                    const lists = [
+                        ["关键决策", view.preview.decisions],
+                        ["关键文件", view.preview.keyFiles],
+                    ];
+                    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" }), view.status.state === "failed" || view.status.state === "cancelled" ? (_jsxs("div", { className: `rounded-lg border px-3 py-3 text-[11px] leading-5 ${view.status.state === "failed" ? "border-[#f3c4c4] bg-[#fff4f4] text-[#a23b3b]" : "border-[#f4d8a8] bg-[#fff9ed] text-[#9a6700]"}`, children: [view.status.operation === "import" ? "导入" : view.status.operation === "export" ? "导出" : "预览", view.status.state === "failed" ? "失败" : "已取消", view.status.error === null ? "" : `：${view.status.error}`] })) : null, 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 break-words text-[11px] leading-5 text-[#30343b]", children: item || "暂无" })] }, label))), _jsx("div", { className: "grid gap-2 sm:grid-cols-2", children: lists.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) }), items.length > 0 ? (_jsx("ul", { className: "mt-2 grid gap-1 text-[10px] leading-4 text-[#65707b]", children: items.map((item, index) => (_jsx("li", { className: "break-words", children: item }, `${item}-${index}`))) })) : (_jsx("p", { className: "mt-2 text-[10px] text-[#687381]", children: "\u6682\u65E0" }))] }, value(label)))) }), _jsxs("div", { className: "flex flex-wrap gap-2 text-[10px] text-[#687381]", children: [_jsxs("span", { children: ["\u683C\u5F0F v", view.formatVersion] }), _jsxs("span", { children: ["\u6700\u591A ", view.limits.messages, " \u6761\u6D88\u606F"] }), _jsxs("span", { children: ["\u6B63\u6587 ", view.limits.totalMessageCharacters, " \u5B57\u7B26"] }), _jsxs("span", { children: ["\u9644\u4EF6\u6807\u8BB0 ", view.limits.attachments, " \u4E2A"] }), view.source !== null ? _jsxs("span", { className: "max-w-full truncate", children: ["\u6765\u6E90 ", view.source.sessionId] }) : null, view.latest !== null ? _jsx("span", { children: view.latest.direction === "import" ? "最近导入" : "最近导出" }) : null] })] }));
                 })() })) : 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;
@@ -570,11 +721,35 @@ function PluginPanelCard({ panel, inline = false }) {
                             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" ? ((() => {
+                        }) })) : (_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" ? ((() => {
+                const view = contextDoctorPanelView(data);
+                const compactionLabel = {
+                    idle: "尚未请求",
+                    queued: "已排队",
+                    running: "压缩中",
+                    completed: "已完成",
+                    failed: "失败",
+                    cancelled: "已取消",
+                    unknown: "未知",
+                };
+                const compactionTone = view.compaction.status === "completed"
+                    ? "border-[#b9e6c9] bg-[#f0fbf4] text-[#14733f]"
+                    : view.compaction.status === "failed"
+                        ? "border-[#f3c4c4] bg-[#fff4f4] text-[#a23b3b]"
+                        : view.compaction.status === "cancelled"
+                            ? "border-[#f4d8a8] bg-[#fff9ed] text-[#9a6700]"
+                            : "border-[#dce5f5] bg-[#f6f8ff] text-[#3565c5]";
+                return (_jsxs("div", { className: "mt-3 grid gap-3", children: [_jsx("div", { className: `rounded-lg border px-3 py-3 text-[11px] ${view.status === "warning"
+                                ? "border-[#f4caca] bg-[#fff5f5] text-[#b42318]"
+                                : view.status === "ok"
+                                    ? "border-[#b9e6c9] bg-[#f0fbf4] text-[#14733f]"
+                                    : "border-[#e3e7ee] bg-[#f6f8fa] text-[#687381]"}`, children: view.status === "warning" ? "需要关注上下文风险。" : view.status === "ok" ? "上下文状态正常。" : "上下文状态不可用。" }), _jsx("div", { className: "grid grid-cols-2 gap-2 sm:grid-cols-4", children: [
+                                ["占用", view.usagePercent === null ? "—" : `${view.usagePercent}%`],
+                                ["超限/不可测", view.oversizedMessages],
+                                ["无法安全检查", view.uninspectableMessages],
+                                ["工具错误", view.toolErrors],
+                            ].map(([label, item]) => (_jsxs("div", { className: "rounded-lg bg-[#f6f8fa] px-3 py-2", children: [_jsx("span", { className: "block text-[10px] text-[#687381]", children: label }), _jsx("strong", { className: "mt-1 block text-[17px] text-[#30343b]", children: item })] }, String(label)))) }), view.compaction.status === "idle" || view.compaction.status === "unknown" ? null : (_jsxs("div", { className: `rounded-lg border px-3 py-3 text-[11px] ${compactionTone}`, children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx("span", { children: "\u6700\u8FD1\u538B\u7F29" }), _jsx("strong", { children: compactionLabel[view.compaction.status] })] }), view.compaction.error === null ? null : _jsx("p", { className: "mt-2 break-words text-[10px] leading-4", children: view.compaction.error })] })), view.recommendations.length > 0 ? (_jsxs("ul", { className: "grid gap-1 rounded-lg border border-[#e3e7ee] bg-white px-4 py-3 text-[10px] text-[#65707b]", children: [view.recommendations.map((item, index) => (_jsx("li", { children: item }, `${item}-${index}`))), view.recommendationsTruncated ? _jsx("li", { children: "\u90E8\u5206\u5EFA\u8BAE\u56E0\u6D4F\u89C8\u5668\u663E\u793A\u4E0A\u9650\u88AB\u7701\u7565\u3002" }) : null] })) : null, _jsxs("div", { className: "flex flex-wrap gap-2 text-[10px] text-[#687381]", children: [_jsxs("span", { className: "rounded bg-[#f6f8fa] px-2 py-1", children: ["\u626B\u63CF ", view.scannedMessages, " / ", view.messageCount, " \u6761\u6D88\u606F", view.messagesTruncated ? "（已截断）" : ""] }), _jsxs("span", { className: "rounded bg-[#f6f8fa] px-2 py-1", children: ["\u544A\u8B66\u9608\u503C ", view.warnPercent, "%"] }), _jsxs("span", { className: "rounded bg-[#f6f8fa] px-2 py-1", children: ["\u5927\u6D88\u606F\u9608\u503C ", view.maxMessageBytes, "B"] }), _jsxs("span", { className: "rounded bg-[#f6f8fa] px-2 py-1", children: ["\u7ED3\u6784\u9884\u7B97 ", view.limits.jsonNodesPerAudit, " \u8282\u70B9 / \u6DF1\u5EA6 ", view.limits.jsonDepth] })] })] }));
+            })()) : 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) => {
@@ -638,7 +813,7 @@ function PluginPanelCard({ panel, inline = false }) {
                     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"] })] })] }));
+                    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, constraints.length > 0 ? (_jsxs("div", { className: "rounded-lg border border-[#edf0f3] bg-[#fffaf0] px-3 py-2", children: [_jsx("strong", { className: "text-[10px] text-[#9a6700]", children: "\u7EA6\u675F" }), _jsx("ul", { className: "mt-1 grid gap-1 text-[10px] text-[#65707b]", children: constraints.slice(0, 8).map((constraint, index) => (_jsxs("li", { children: ["\u2022 ", constraint] }, `${constraint}-${index}`))) })] })) : null, acceptance.length > 0 ? (_jsxs("div", { className: "rounded-lg border border-[#edf0f3] bg-[#f0fbf4] px-3 py-2", children: [_jsx("strong", { className: "text-[10px] text-[#14733f]", children: "\u9A8C\u6536\u6761\u4EF6" }), _jsx("ul", { className: "mt-1 grid gap-1 text-[10px] text-[#65707b]", children: acceptance.slice(0, 8).map((criterion, index) => (_jsxs("li", { children: ["\u2022 ", criterion] }, `${criterion}-${index}`))) })] })) : 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");
@@ -660,39 +835,30 @@ function PluginPanelCard({ panel, inline = false }) {
                             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) => {
+                        }) })) : (_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" ? ((() => {
+                const view = pluginStarsPanelView(data);
+                if (view.malformed) {
+                    return (_jsxs("div", { className: "rounded-lg border border-[#f4caca] bg-[#fff5f5] px-3 py-3 text-[11px] text-[#b42318]", children: [_jsx("strong", { className: "block text-[12px]", children: "Plugin Stars \u9762\u677F\u6570\u636E\u5F02\u5E38" }), _jsx("span", { className: "mt-1 block", children: "\u9762\u677F\u6570\u636E\u4E0D\u5B8C\u6574\u6216\u4E0D\u53EF\u4FE1\uFF0C\u8BF7\u91CD\u65B0\u52A0\u8F7D\u6392\u884C\u699C\u3002" })] }));
+                }
+                const latest = view.latest;
+                const rows = latest?.results ?? [];
+                return (_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: ["\u7ED3\u679C\u4E0A\u9650 ", view.limit] })] }), latest !== null ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-center justify-between text-[11px] text-[#65707b]", children: [_jsxs("span", { children: ["\u67E5\u8BE2\uFF1A", latest.query || "全部"] }), _jsxs("strong", { className: "font-mono text-[#3565c5]", children: ["\u663E\u793A ", view.inventory.shown, "/", view.inventory.total] })] }), 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", 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 : [];
+                const report = graphMemoryPanelView(data);
+                const kinds = report.kinds;
+                const recent = report.recent;
+                const recentRelations = report.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) => {
+                            ].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: [report.nodes, " \u8282\u70B9 \u00B7 ", report.relations, " \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), " / ", report.nodes] }), 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" ? "事件" : "未知";
@@ -704,10 +870,10 @@ function PluginPanelCard({ panel, inline = false }) {
                                                 ? "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) => {
+                                })] })) : (_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), " / ", report.relations] }), 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] }));
+                                })] })) : null, report.lastSearch !== null ? (_jsxs("div", { className: "flex items-center justify-between rounded-lg border border-[#e3eaf8] bg-[#f6f8ff] px-3 py-2 text-[10px]", children: [_jsxs("span", { className: "min-w-0 truncate text-[#65707b]", children: ["\u6700\u8FD1\u641C\u7D22\uFF1A", report.lastSearch.query] }), _jsxs("span", { className: "shrink-0 font-mono text-[#3565c5]", children: [report.lastSearch.shown, " / ", report.lastSearch.total] })] })) : null, _jsxs("div", { className: "flex flex-wrap gap-2 font-mono text-[9px] text-[#687381]", children: [_jsxs("span", { className: "rounded bg-[#f6f8fa] px-2 py-1", children: ["\u8282\u70B9 \u2264 ", report.limits.nodes] }), _jsxs("span", { className: "rounded bg-[#f6f8fa] px-2 py-1", children: ["\u5173\u7CFB \u2264 ", report.limits.relations] }), _jsxs("span", { className: "rounded bg-[#f6f8fa] px-2 py-1", children: ["\u6587\u4EF6 \u2264 ", report.limits.fileBytes, " B"] })] }), report.truncated ? _jsx("p", { className: "text-[10px] text-[#996515]", children: "\u9762\u677F\u5185\u5BB9\u5DF2\u6309\u5B89\u5168\u663E\u793A\u4E0A\u9650\u622A\u65AD\u3002" }) : null] }));
             })()) : panel.id === "taskboard-panel" ? ((() => {
                 const counts = data?.counts !== null && typeof data?.counts === "object" ? data.counts : {};
                 const recent = Array.isArray(data?.recent) ? data.recent : [];
@@ -760,20 +926,17 @@ function PluginPanelCard({ panel, inline = false }) {
             })()) : 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 meterView = costMeterPanelView(data);
                 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)}`],
+                                ["今日（UTC）", `$${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" })] }));
+                            ].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\uFF08UTC\uFF09" }), _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] }), _jsxs("div", { className: "flex flex-wrap gap-2 text-[10px] text-[#687381]", children: [_jsxs("span", { className: "rounded bg-[#f6f8fa] px-2 py-1", children: [meterView.dayBasis, " \u65E5\u8D26\u672C"] }), _jsxs("span", { className: "rounded bg-[#f6f8fa] px-2 py-1", children: ["\u8D26\u672C\u4E0A\u9650 ", meterView.entryLimit ?? "—", " \u6761"] })] }), meterView.lastError !== null ? (_jsxs("div", { className: "rounded-lg border border-[#f0c8c4] bg-[#fff5f4] px-3 py-2 text-[10px] text-[#b42318]", children: ["\u6700\u8FD1\u5199\u5165\u9519\u8BEF\uFF1A", meterView.lastError] })) : null, meterView.entries.length > 0 ? (_jsx("ul", { className: "grid gap-1.5", children: meterView.entries.map((entry, index) => (_jsxs("li", { className: "rounded-lg border border-[#edf0f3] bg-white px-3 py-2 text-[10px]", children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsx("span", { className: "min-w-0 truncate font-mono text-[#65707b]", children: entry.sessionId }), _jsxs("strong", { className: "shrink-0 font-mono text-[#30343b]", children: ["$", entry.dailyCost.toFixed(4), " \u5F53\u65E5\u589E\u91CF"] })] }), _jsxs("div", { className: "mt-1 flex flex-wrap gap-x-3 gap-y-1 text-[#7a8490]", children: [_jsxs("span", { children: ["UTC ", entry.utcDate] }), _jsxs("span", { children: ["\u4F1A\u8BDD\u7D2F\u8BA1 $", entry.sessionCost.toFixed(4)] }), _jsxs("span", { children: [entry.tokens, " tokens"] }), _jsxs("span", { children: [entry.messages, " \u6D88\u606F"] })] })] }, `${entry.sessionId}-${entry.utcDate}-${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) => {
@@ -880,41 +1043,47 @@ function PluginPanelCard({ panel, inline = false }) {
                                 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" ? ((() => {
+                    })()) : (_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" ? ((() => {
+                const view = recallUnreadPanelView(data);
+                const visible = view.items.slice(0, 8);
+                return (_jsxs("div", { className: "mt-3 grid gap-3", children: [view.status.state === "failed" || view.status.state === "cancelled" ? (_jsxs("div", { className: `rounded-lg border px-3 py-3 text-[11px] leading-5 ${view.status.state === "failed" ? "border-[#f3c4c4] bg-[#fff4f4] text-[#a23b3b]" : "border-[#f4d8a8] bg-[#fff9ed] text-[#9a6700]"}`, children: ["\u626B\u63CF", view.status.state === "failed" ? "失败" : "已取消", view.status.error === null ? "" : `：${view.status.error}`] })) : null, _jsx("div", { className: "grid grid-cols-3 gap-2", children: [
+                                ["候选", view.inventory.candidates],
+                                ["已扫描", view.inventory.scanned],
+                                ["未回答", view.total],
+                            ].map(([label, item]) => (_jsxs("div", { className: "rounded-lg border border-[#e3e7ee] 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-[17px] text-[#30343b]", children: value(item) })] }, value(label)))) }), visible.length > 0 ? (_jsx("div", { className: "grid gap-2", children: visible.map((session, index) => (_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("strong", { className: "min-w-0 flex-1 truncate text-[11px] text-[#30343b]", children: session.name }), _jsxs("span", { className: "shrink-0 font-mono text-[9px] text-[#687381]", children: [session.messageCount, " \u6761\u6D88\u606F"] })] }), _jsx("p", { className: "mt-1 line-clamp-2 whitespace-pre-wrap break-words text-[10px] leading-4 text-[#65707b]", children: session.message })] }, `${session.id}-${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" })), _jsxs("p", { className: "text-[10px] leading-4 text-[#687381]", children: ["\u5DF2\u626B\u63CF ", view.inventory.scanned, "/", view.inventory.available, " \u4E2A\u4F1A\u8BDD\u6587\u4EF6\uFF0C\u754C\u9762\u663E\u793A ", visible.length, "/", view.inventory.unread, " ", "\u4E2A\uFF1B\u53EA\u8BFB\u626B\u63CF\uFF0C\u4E0D\u4F1A\u4FEE\u6539\u4F1A\u8BDD\u3002", view.inventory.truncated ? " 部分结果因发现、扫描或展示上限被截断。" : ""] })] }));
+            })()) : panel.id === "turn-rewind-panel" ? ((() => {
+                const view = turnRewindPanelView(data);
+                const statusLabel = {
+                    queued: "已排队",
+                    running: "执行中",
+                    completed: "已回退",
+                    failed: "失败",
+                    cancelled: "已取消",
+                };
+                const statusTone = {
+                    queued: "border-[#dce5f5] bg-[#f6f8ff] text-[#3565c5]",
+                    running: "border-[#dce5f5] bg-[#f6f8ff] text-[#3565c5]",
+                    completed: "border-[#b9e6c9] bg-[#f0fbf4] text-[#14733f]",
+                    failed: "border-[#f3c4c4] bg-[#fff4f4] text-[#a23b3b]",
+                    cancelled: "border-[#f4d8a8] bg-[#fff9ed] text-[#9a6700]",
+                };
+                return (_jsxs("div", { className: "mt-3 grid gap-3", children: [view.latest === null ? (_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: `rounded-lg border px-3 py-3 ${statusTone[view.latest.status]}`, children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx("span", { className: "text-[10px] font-semibold uppercase tracking-[0.08em]", children: "\u6700\u8FD1\u64CD\u4F5C" }), _jsx("span", { className: "rounded-full bg-white/70 px-2 py-1 text-[10px] font-semibold", children: statusLabel[view.latest.status] })] }), _jsx("p", { className: "mt-2 line-clamp-2 text-[11px] leading-4 text-[#30343b]", children: view.latest.target.text }), view.latest.error === null ? null : _jsx("p", { className: "mt-2 break-words text-[10px] leading-4", children: view.latest.error }), view.latest.summarized ? _jsx("p", { className: "mt-2 text-[10px] leading-4", children: "\u5DF2\u8BF7\u6C42\u5206\u652F\u6458\u8981\uFF1B\u8BE5\u9009\u9879\u53EF\u80FD\u8C03\u7528\u6A21\u578B\u5E76\u4EA7\u751F\u8D39\u7528\u3002" }) : null] })), _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" }), view.candidates.length > 0 ? (view.candidates.map((candidate, index) => (_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: view.candidates.length - index }), _jsx("span", { className: "line-clamp-2 min-w-0 flex-1 text-[11px] leading-4 text-[#65707b]", children: candidate.text })] }, `${candidate.entryId}-${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" }))] }), _jsxs("p", { className: "text-[10px] leading-4 text-[#687381]", children: ["\u5DF2\u68C0\u67E5\u5F53\u524D\u5206\u652F ", view.inventory.scannedEntries, " \u4E2A\u6761\u76EE\uFF1B\u540E\u7AEF\u4FDD\u7559 ", view.inventory.shown, " \u4E2A\u5019\u9009\uFF0C\u754C\u9762\u663E\u793A ", view.candidates.length, " \u4E2A\u3002", view.inventory.truncated ? " 部分结果因扫描、候选或显示上限被截断。" : ""] })] }));
+            })()) : panel.id === "skill-guard-panel" ? ((() => {
+                const view = skillGuardPanelView(data);
+                return (_jsxs("div", { className: "mt-3 grid gap-3", children: [view.status.state === "failed" || view.status.state === "cancelled" ? (_jsxs("div", { className: `rounded-lg border px-3 py-3 text-[11px] leading-5 ${view.status.state === "failed" ? "border-[#f3c4c4] bg-[#fff4f4] text-[#a23b3b]" : "border-[#f4d8a8] bg-[#fff9ed] text-[#9a6700]"}`, children: ["\u626B\u63CF", view.status.state === "failed" ? "失败" : "已取消", view.status.error === null ? "" : `：${view.status.error}`] })) : null, _jsx("div", { className: "grid grid-cols-3 gap-2", children: [
+                                ["已扫描", view.total],
+                                ["高风险", view.blocked],
+                                ["待复核", view.review],
+                            ].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: view.reports.length > 0 ? (view.reports.slice(0, 8).map((report, index) => (_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 ${report.risk === "blocked" ? "bg-[#d64545]" : report.risk === "review" ? "bg-[#e0a11a]" : "bg-[#22a06b]"}` }), _jsx("strong", { className: "min-w-0 flex-1 truncate text-[11px] text-[#30343b]", children: report.name }), _jsx("span", { className: "text-[10px] text-[#687381]", children: report.risk === "blocked" ? "高风险" : report.risk === "review" ? "复核" : "安全" })] }), report.findings.length > 0 ? (_jsx("p", { className: "mt-1 truncate text-[10px] text-[#65707b]", children: report.findings.map((finding) => finding.code).join(" · ") })) : null] }, `${report.name}-${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" })) }), _jsxs("p", { className: "text-[10px] text-[#687381]", children: ["\u5DF2\u626B\u63CF ", view.inventory.scanned, "/", view.inventory.available, " \u4E2A\u5165\u53E3\uFF0C\u9762\u677F\u663E\u793A ", Math.min(view.reports.length, 8), " \u4E2A\uFF1B\u98CE\u9669\u7B49\u7EA7\u4EC5\u4F9B\u5BA1\u8BA1\uFF0C\u4E0D\u4F1A\u7981\u7528 Skill\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 : [];
+                    })()) : (_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: [(() => {
+                        const view = genUiPanelView(data);
                         const toneClass = {
                             neutral: "border-[#e3e7ee] bg-[#f6f8fa] text-[#65707b]",
                             info: "border-[#d9e4f7] bg-[#f6f8ff] text-[#315fb8]",
@@ -922,96 +1091,138 @@ function PluginPanelCard({ panel, inline = false }) {
                             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: [(() => {
+                        return view.latest !== null ? (_jsxs("div", { className: "grid gap-2", children: [_jsxs("div", { className: "flex items-start justify-between gap-3 text-[11px]", children: [_jsx("strong", { className: "min-w-0 break-words text-[#30343b]", children: view.latest.title }), _jsxs("span", { className: "shrink-0 font-mono text-[10px] text-[#687381]", children: [view.rendered, " \u6B21"] })] }), view.latest.blocks.map((block, index) => block.type === "progress" ? (_jsxs("div", { className: `rounded-lg border px-3 py-2 ${toneClass[block.tone]}`, children: [_jsxs("div", { className: "flex items-center justify-between gap-2 text-[10px]", children: [_jsx("span", { className: "min-w-0 break-words", children: block.label }), _jsxs("strong", { className: "shrink-0", children: [block.value, "%"] })] }), _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: `${block.value}%` } }) })] }, `${block.label}-${index}`)) : block.type === "text" ? (_jsxs("div", { className: `rounded-lg border px-3 py-2 text-[11px] ${toneClass[block.tone]}`, children: [_jsx("strong", { className: "block text-[10px]", children: block.label }), _jsx("p", { className: "mt-1 whitespace-pre-wrap break-words leading-4", children: block.value })] }, `${block.label}-${index}`)) : (_jsxs("div", { className: `flex items-center justify-between gap-3 rounded-lg border px-3 py-2 text-[11px] ${toneClass[block.tone]}`, children: [_jsx("span", { className: "min-w-0 break-words", children: block.label }), _jsx("strong", { className: "min-w-0 break-words text-right", children: block.value })] }, `${block.label}-${index}`))), _jsxs("div", { className: "flex flex-wrap gap-2 text-[10px] text-[#687381]", children: [_jsxs("span", { children: ["\u6700\u591A ", view.limits.blocks, " \u5757"] }), _jsxs("span", { children: ["\u603B\u6587\u672C\u4E0A\u9650 ", view.limits.totalText, " \u5B57\u7B26"] }), view.latest.renderedAt !== null ? _jsxs("span", { children: [view.latest.renderedAt.slice(11, 19), " UTC"] }) : null, view.latest.truncated ? _jsx("span", { children: "\u9762\u677F\u660E\u7EC6\u5DF2\u622A\u65AD" }) : null] })] })) : (_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\u663E\u793A\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" ? ((() => {
+                    })(), _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" ? (_jsx("div", { className: "mt-3 grid gap-3", children: (() => {
+                    const view = pluginDevPanelView(data);
+                    const presentation = {
+                        idle: { label: "等待重载", style: "border-[#e3e7ee] bg-[#f6f8fa] text-[#65707b]" },
+                        queued: { label: "等待当前运行结束", style: "border-[#d9e4f7] bg-[#f6f8ff] text-[#315fb8]" },
+                        running: { label: "正在重载会话资源", style: "border-[#d9e4f7] bg-[#f6f8ff] text-[#315fb8]" },
+                        reloaded: { label: "会话资源已重载", style: "border-[#b9e6c9] bg-[#f0fbf4] text-[#14733f]" },
+                        failed: { label: "会话资源重载失败", style: "border-[#f4caca] bg-[#fff5f5] text-[#b42318]" },
+                        cancelled: { label: "会话资源重载已取消", style: "border-[#f3dfab] bg-[#fffaf0] text-[#9a6700]" },
+                    }[view.status];
+                    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `flex items-center justify-between rounded-lg border px-3 py-3 text-[11px] ${presentation.style}`, children: [_jsx("span", { children: presentation.label }), _jsx("strong", { className: "font-mono", children: view.status })] }), _jsx("p", { className: "break-words text-[10px] text-[#687381]", children: view.reason || "修改本地扩展后调用 plugin_dev_reload" }), view.error !== null ? _jsx("p", { className: "break-words rounded-lg bg-[#fff5f5] px-3 py-2 text-[10px] text-[#b42318]", children: view.error }) : null, _jsxs("div", { className: "flex flex-wrap gap-2 text-[10px] text-[#687381]", children: [_jsxs("span", { children: ["\u539F\u56E0\u4E0A\u9650 ", view.limits.reasonCharacters, " \u5B57\u7B26"] }), _jsxs("span", { children: ["\u9519\u8BEF\u4E0A\u9650 ", view.limits.errorCharacters, " \u5B57\u7B26"] }), view.reloadedAt !== null ? _jsxs("span", { children: [view.reloadedAt.slice(11, 19), " UTC"] }) : null] })] }));
+                })() })) : panel.id === "openpets-panel" ? (_jsx("div", { className: "mt-3 grid gap-3", children: (() => {
+                    const view = openPetsPanelView(data);
+                    const moodLabel = { idle: "休息", focused: "专注", happy: "开心", concerned: "担心" }[view.mood];
+                    return (_jsxs(_Fragment, { 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: view.name }), _jsx("span", { className: "text-[10px] text-[#687381]", children: view.lastEvent })] }), _jsx("span", { className: "rounded-full bg-[#edf3fe] px-2 py-1 text-[10px] text-[#3565c5]", children: moodLabel })] }), _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: [view.energy, "%"] })] }), _jsxs("div", { className: "rounded-lg bg-[#f6f8fa] px-3 py-2", children: ["\u4E92\u52A8 ", _jsx("strong", { className: "ml-1 text-[#30343b]", children: view.interactions })] })] }), _jsxs("div", { className: "flex flex-wrap gap-2 text-[10px] text-[#687381]", children: [_jsxs("span", { children: ["\u6062\u590D\u626B\u63CF ", view.recovery.scanned, " / ", view.recovery.sessionEntries] }), _jsx("span", { children: view.recovery.restored ? "已恢复状态" : "使用初始状态" }), _jsxs("span", { children: ["\u6301\u4E45\u5316 ", view.persistence.attempts - view.persistence.failures, " / ", view.persistence.attempts] }), view.updatedAt !== null ? _jsxs("span", { children: [view.updatedAt.slice(11, 19), " UTC"] }) : null] }), view.persistence.lastError !== null ? (_jsx("p", { className: "break-words rounded-lg bg-[#fff5f5] px-3 py-2 text-[10px] text-[#b42318]", children: view.persistence.lastError })) : null, _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) => {
+                    })()) : (_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" ? ((() => {
+                const view = readmeGenPanelView(data);
+                if (view.malformed)
+                    return (_jsx("div", { className: "mt-3 rounded-lg border border-[#f4caca] bg-[#fff5f5] px-3 py-3 text-[11px] leading-5 text-[#b42318]", children: "README \u9762\u677F\u6570\u636E\u65E0\u6548\uFF0C\u6682\u4E0D\u5C55\u793A\u751F\u6210\u6216\u5199\u5165\u7ED3\u679C\u3002" }));
+                const statusLabel = view.status.state === "idle"
+                    ? "等待生成"
+                    : view.status.state === "running"
+                        ? view.status.operation === "write"
+                            ? "正在写入"
+                            : "正在生成"
+                        : view.status.state === "completed"
+                            ? view.status.operation === "write"
+                                ? "写入已完成"
+                                : "草稿已生成"
+                            : view.status.state === "failed"
+                                ? view.status.operation === "write"
+                                    ? "写入失败"
+                                    : "生成失败"
+                                : view.status.operation === "write"
+                                    ? "写入已取消"
+                                    : "生成已取消";
+                const statusTone = view.status.state === "failed" || view.status.state === "cancelled"
+                    ? "border-[#f4caca] bg-[#fff5f5] text-[#b42318]"
+                    : view.status.state === "completed"
+                        ? "border-[#b9e6c9] bg-[#f0fbf4] text-[#14733f]"
+                        : "border-[#dce5f5] bg-[#f6f8ff] text-[#315fb8]";
+                return (_jsxs("div", { className: "mt-3 grid min-w-0 gap-3", children: [_jsxs("div", { className: `flex min-w-0 items-center justify-between gap-3 rounded-lg border px-3 py-2 text-[10px] ${statusTone}`, children: [_jsx("strong", { className: "font-semibold", children: statusLabel }), view.status.at !== null ? _jsxs("time", { className: "shrink-0 font-mono", children: [view.status.at.slice(11, 19), " UTC"] }) : null] }), view.generated === null ? (_jsxs("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] leading-5 text-[#687381]", children: ["\u8FD8\u6CA1\u6709\u751F\u6210 README \u8349\u7A3F\u3002\u8BA9 Agent \u8C03\u7528 ", _jsx("code", { className: "font-mono text-[#3565c5]", children: "readme_report" }), " \u5148\u68C0\u67E5\u5185\u5BB9\u3002"] })) : (_jsxs("div", { className: "min-w-0 border-l-2 border-[#7aa2e8] bg-[#f8faff] px-3 py-3", children: [_jsx("p", { className: "break-all text-[12px] font-semibold leading-5 text-[#20252b]", children: view.generated.name }), _jsxs("p", { className: "mt-1 text-[10px] text-[#687381]", children: [view.generated.scripts, " \u4E2A\u811A\u672C \u00B7 ", view.generated.plugins, " \u4E2A\u8FD0\u884C\u65F6\u63D2\u4EF6"] })] })), view.lastWrite !== null ? (_jsxs("div", { className: "min-w-0 rounded-lg border border-[#dce5f5] bg-white px-3 py-2 text-[#315fb8]", children: [_jsx("p", { className: "break-all font-mono text-[10px] leading-4", children: view.lastWrite.path }), _jsxs("p", { className: "mt-1 text-[10px] text-[#687381]", children: [new Intl.NumberFormat("en-US").format(view.lastWrite.bytes), " bytes \u00B7 ", view.lastWrite.overwritten ? "已覆盖" : "新文件"] })] })) : null, view.status.error !== null ? (_jsx("p", { className: "break-words rounded-lg bg-[#fff5f5] px-3 py-2 text-[10px] leading-4 text-[#b42318]", children: view.status.error })) : null, _jsxs("p", { className: "text-[10px] leading-4 text-[#687381]", children: ["\u5199\u5165\u9700\u8981 ", _jsx("code", { className: "font-mono", children: "confirm=true" }), "\uFF1B\u8986\u76D6\u5DF2\u6709 README \u8FD8\u9700\u8981 ", _jsx("code", { className: "font-mono", children: "overwrite=true" }), "\u3002"] })] }));
+            })()) : panel.id === "sql-lens-panel" ? ((() => {
+                const view = sqlLensPanelView(data);
+                if (view.malformed) {
+                    return (_jsxs("div", { className: "mt-3 rounded-lg border border-[#f4caca] bg-[#fff5f5] px-3 py-3 text-[11px] text-[#b42318]", children: [_jsx("strong", { className: "block text-[12px]", children: "SQL Lens \u9762\u677F\u6570\u636E\u5F02\u5E38" }), _jsx("span", { className: "mt-1 block", children: "\u9762\u677F\u6570\u636E\u4E0D\u5B8C\u6574\u6216\u4E0D\u53EF\u4FE1\uFF0C\u8BF7\u91CD\u65B0\u52A0\u8F7D\u540E\u518D\u67E5\u8BE2\u3002" })] }));
+                }
+                const report = view.latest;
+                const statusLabel = view.status.state === "running"
+                    ? "查询中"
+                    : view.status.state === "completed"
+                        ? "已完成"
+                        : view.status.state === "failed"
+                            ? "查询失败"
+                            : view.status.state === "cancelled"
+                                ? "已取消"
+                                : "等待查询";
+                return (_jsxs("div", { className: "mt-3 grid gap-3", children: [_jsxs("div", { className: "flex items-center justify-between gap-3 text-[10px] text-[#687381]", children: [_jsx("span", { className: "rounded-full border border-[#dce5f5] bg-[#f6f8fa] px-2 py-1 font-semibold text-[#3565c5]", children: statusLabel }), view.status.at !== null ? _jsx("time", { className: "font-mono", children: new Date(view.status.at).toLocaleString() }) : null] }), view.status.error !== null ? (_jsx("div", { className: "rounded-lg border border-[#f4caca] bg-[#fff5f5] px-3 py-2 text-[10px] leading-4 text-[#b42318]", children: view.status.error })) : null, report !== null ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "rounded-lg 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]", title: report.database, children: report.database }), _jsxs("strong", { className: "shrink-0 font-mono text-[12px] text-[#3565c5]", children: [report.rowInventory.returned, " rows"] })] }), _jsx("code", { className: "mt-2 block max-h-16 overflow-auto whitespace-pre-wrap break-words text-[10px] leading-4 text-[#687381]", children: report.query })] }), _jsx("pre", { className: "max-h-56 overflow-auto rounded-lg border border-[#edf0f3] bg-[#fbfcfd] p-3 text-[10px] leading-4 text-[#65707b]", children: JSON.stringify(report.rows, null, 2) }), report.rowInventory.truncated ? (_jsxs("p", { className: "text-[10px] text-[#9a6700]", children: ["\u9762\u677F\u663E\u793A ", report.rowInventory.shown, " / ", report.rowInventory.returned, " \u884C\uFF1B\u67E5\u8BE2\u5171\u626B\u63CF ", report.rowInventory.scanned, " ", "\u884C\uFF0C\u7ED3\u679C\u5DF2\u6309\u5B89\u5168\u8FB9\u754C\u622A\u65AD\u3002"] })) : null] })) : (_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" })), _jsxs("div", { className: "flex flex-wrap gap-2 font-mono text-[10px] text-[#3565c5]", children: [_jsxs("span", { className: "rounded-md border border-[#dce5f5] bg-white px-2 py-1", children: ["timeout:", view.timeoutMs, "ms"] }), _jsxs("span", { className: "rounded-md border border-[#dce5f5] bg-white px-2 py-1", children: ["rows:", view.limits.rows] }), _jsxs("span", { className: "rounded-md border border-[#dce5f5] bg-white px-2 py-1", children: ["result:", Math.round(view.limits.resultBytes / 1_024), "KiB"] })] })] }));
+            })()) : 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;
+                    })()) : (_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" ? (_jsx("div", { className: "mt-3 grid gap-3", children: (() => {
+                    const view = dockerSandboxPanelView(data);
+                    if (view.malformed) {
+                        return (_jsxs("div", { className: "rounded-lg border border-[#f4caca] bg-[#fff5f5] px-3 py-3 text-[11px] text-[#b42318]", children: [_jsx("strong", { className: "block text-[12px]", children: "Docker Sandbox \u9762\u677F\u6570\u636E\u5F02\u5E38" }), _jsx("span", { className: "mt-1 block", children: "\u9762\u677F\u6570\u636E\u4E0D\u5B8C\u6574\u6216\u4E0D\u53EF\u4FE1\uFF0C\u8BF7\u91CD\u65B0\u52A0\u8F7D\u540E\u518D\u8FD0\u884C\u3002" })] }));
+                    }
+                    const run = view.latest;
+                    const successful = run?.status === "completed" && run.exitCode === 0;
+                    return (_jsxs(_Fragment, { children: [run !== null ? (_jsxs("div", { className: `rounded-lg border px-3 py-3 ${successful ? "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-[11px] text-[#30343b]", children: run.image }), _jsx("strong", { className: `shrink-0 font-mono text-[12px] ${successful ? "text-[#14733f]" : "text-[#b42318]"}`, children: run.status === "timed_out" ? "超时" : `exit ${run.exitCode}` })] }), _jsx("p", { className: "mt-2 break-all font-mono text-[10px] leading-4 text-[#65707b]", children: run.command.map((argument) => JSON.stringify(argument)).join(" ") }), _jsxs("div", { className: "mt-2 flex flex-wrap gap-2 text-[10px] text-[#687381]", children: [_jsx("span", { children: run.write ? "工作区可写（已确认）" : "工作区只读" }), _jsxs("span", { children: [run.commandCount, " \u4E2A argv \u53C2\u6570"] }), run.truncated ? _jsx("span", { children: "\u9762\u677F\u660E\u7EC6\u5DF2\u622A\u65AD" }) : null] }), run.output ? (_jsx("pre", { className: "mt-2 max-h-40 overflow-auto whitespace-pre-wrap break-all rounded-md bg-white/70 px-2 py-2 text-[10px] leading-4 text-[#4c5663]", children: run.output })) : null] })) : (_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\u4EC5\u4F7F\u7528\u672C\u5730\u955C\u50CF\uFF0C\u9ED8\u8BA4\u65E0\u7F51\u7EDC\u3001\u5DE5\u4F5C\u533A\u53EA\u8BFB\u3002" })), _jsx("div", { className: "flex flex-wrap gap-2", children: [
+                                    [`image:${view.defaults.image}`, "image"],
+                                    [`pull:${view.defaults.pull}`, "pull"],
+                                    [`network:${view.defaults.network}`, "network"],
+                                    [`rootfs:${view.defaults.rootFilesystem}`, "rootfs"],
+                                    [`workspace:${view.defaults.workspace}`, "workspace"],
+                                    [`memory:${view.defaults.memory}`, "memory"],
+                                    [`cpus:${view.defaults.cpus}`, "cpus"],
+                                    [`pids:${view.defaults.pids}`, "pids"],
+                                    [`timeout:${view.defaults.timeoutMs}ms`, "timeout"],
+                                ].map(([label, key]) => (_jsx("span", { className: "rounded-md border border-[#dce5f5] bg-white px-2 py-1 font-mono text-[10px] text-[#3565c5]", children: label }, key))) })] }));
+                })() })) : panel.id === "yaml-validator-panel" ? ((() => {
+                const view = yamlValidatorPanelView(data);
+                const report = view.latest;
+                return (_jsxs("div", { className: "mt-3 grid gap-3", children: [view.status.state === "failed" || view.status.state === "cancelled" ? (_jsxs("div", { className: "rounded-lg border border-[#f4caca] bg-[#fff5f5] px-3 py-2 text-[11px] text-[#b42318]", children: ["\u6700\u8FD1\u4E00\u6B21\u6821\u9A8C", view.status.state === "cancelled" ? "已取消" : "失败", "\u3002", view.status.error ?? ""] })) : null, report !== null ? (_jsxs(_Fragment, { children: [_jsx("div", { className: `rounded-lg border px-3 py-3 text-[11px] ${report.valid ? "border-[#b9e6c9] bg-[#f0fbf4] text-[#14733f]" : "border-[#f4caca] bg-[#fff5f5] text-[#b42318]"}`, children: report.valid ? "YAML 语法有效。" : `发现 ${report.errorCount} 个语法错误。` }), _jsx("div", { className: "grid grid-cols-3 gap-2", children: [
+                                        ["文档", report.documents],
+                                        ["错误", report.errorCount],
+                                        ["警告", report.warningCount],
+                                    ].map(([label, entryValue]) => (_jsxs("div", { className: "rounded-lg bg-[#f6f8fa] px-3 py-2", children: [_jsx("span", { className: "block text-[10px] text-[#687381]", children: label }), _jsx("strong", { className: "mt-1 block text-[17px] text-[#30343b]", children: entryValue })] }, label))) }), !report.valid && report.errors.length > 0 ? (_jsx("pre", { className: "max-h-32 overflow-auto whitespace-pre-wrap break-words rounded-lg border border-[#f4caca] bg-[#fffafa] p-3 text-[10px] leading-4 text-[#b42318]", children: report.errors.map((error) => `${error.line ?? "?"}:${error.column ?? "?"} ${error.message}`).join("\n") })) : null, report.diagnosticsTruncated ? _jsx("p", { className: "text-[10px] text-[#8a5a00]", children: "\u8BCA\u65AD\u9884\u89C8\u5DF2\u622A\u65AD\uFF0C\u5B8C\u6574\u8BA1\u6570\u4FDD\u7559\u5728\u6458\u8981\u4E2D\u3002" }) : 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" })), _jsxs("span", { className: "rounded-md border border-[#dce5f5] bg-white px-2 py-1 font-mono text-[10px] text-[#3565c5]", children: ["max:", Math.round(view.limits.fileBytes / 1024), "KiB \u00B7 read-only"] })] }));
+            })()) : panel.id === "browser-session-panel" ? ((() => {
+                const view = browserSessionPanelView(data);
+                if (view.malformed) {
+                    return (_jsxs("div", { className: "rounded-lg border border-[#f4caca] bg-[#fff5f5] px-3 py-3 text-[11px] text-[#b42318]", children: [_jsx("strong", { className: "block text-[12px]", children: "Browser Session \u9762\u677F\u6570\u636E\u5F02\u5E38" }), _jsx("span", { className: "mt-1 block", children: "\u9762\u677F\u6570\u636E\u4E0D\u5B8C\u6574\u6216\u4E0D\u53EF\u4FE1\uFF0C\u8BF7\u91CD\u65B0\u8FDE\u63A5\u540E\u518D\u8BD5\u3002" })] }));
+                }
+                const tabs = view.tabs;
+                const latest = view.latest;
                 const latestAction = latest?.screenshot
                     ? "已截图"
                     : latest?.clicked === true
                         ? "已点击"
-                        : latest?.text
+                        : latest?.status === "read" || typeof latest?.text === "string"
                             ? "已读取"
                             : 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" ? ((() => {
+                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: view.endpoint || "本地浏览器未连接" }), _jsx("span", { className: `rounded-full px-2 py-1 text-[10px] font-semibold ${view.connected ? "bg-[#e8f8ee] text-[#14733f]" : "bg-[#fff4e5] text-[#8a5a00]"}`, children: view.connected ? "已连接" : "未连接" })] }), _jsxs("p", { className: "mt-2 text-[11px] text-[#687381]", children: ["Chrome DevTools Protocol \u00B7 \u663E\u793A ", view.inventory.shown, "/", view.inventory.total, " \u4E2A\u53EF\u8C03\u8BD5\u9875\u9762"] }), !view.connected ? _jsxs("p", { className: "mt-2 text-[11px] text-[#b42318]", children: ["\u8BF7\u4F7F\u7528 remote-debugging-port \u542F\u52A8 Chrome\u3002", view.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, latest?.text !== undefined ? (_jsxs("div", { className: "rounded-lg border border-[#e3e7ee] bg-white px-3 py-3", children: [_jsx("pre", { className: "max-h-48 overflow-auto whitespace-pre-wrap break-words text-[10px] leading-4 text-[#4c5663]", children: latest.text }), latest.previewTruncated ? _jsx("p", { className: "mt-2 text-[10px] text-[#8a5a00]", children: "\u9762\u677F\u6B63\u6587\u9884\u89C8\u5DF2\u622A\u65AD\u3002" }) : null] })) : null, latest?.screenshot !== undefined ? (_jsxs("div", { className: "rounded-lg border border-[#dce5f5] bg-[#f6f8ff] px-3 py-2 text-[10px] text-[#315fb8]", children: ["\u622A\u56FE\u5143\u6570\u636E\uFF1A", latest.screenshot.mimeType, " \u00B7 ", latest.screenshot.bytes.toLocaleString(), " bytes"] })) : 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" ? ((() => {
+                const view = mcpClientPanelView(data);
+                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(view.server ?? "尚未连接 MCP 服务器") }), _jsxs("div", { className: "flex shrink-0 items-center gap-2 font-mono text-[10px] text-[#3565c5]", children: [_jsxs("span", { children: [view.inventory.tools.total, " \u5DE5\u5177"] }), _jsx("span", { className: "text-[#687381]", children: "\u00B7" }), _jsxs("span", { children: [view.inventory.resources.total, " \u8D44\u6E90"] }), _jsx("span", { className: "text-[#687381]", children: "\u00B7" }), _jsxs("span", { children: [view.inventory.prompts.total, " \u63D0\u793A"] })] })] }), _jsx("p", { className: "mt-2 text-[11px] text-[#687381]", children: view.lastCall === null ? "使用 mcp_list_tools 发现 stdio 工具。" : `最近调用：${view.lastCall}` })] }), view.tools.length > 0 ? (_jsx("div", { className: "flex flex-wrap gap-2", children: view.tools.map((tool, index) => (_jsx("span", { className: "max-w-full truncate rounded-md border border-[#dce5f5] bg-white px-2 py-1 font-mono text-[10px] text-[#3565c5]", title: tool.description, children: tool.name }, `${tool.name}-${index}`))) })) : null, view.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: view.resources.map((resource, index) => (_jsx("span", { className: "max-w-full truncate rounded-md border border-[#dce5f5] bg-white px-2 py-1 font-mono text-[10px] text-[#65707b]", title: resource.uri, children: resource.name ?? resource.uri }, `${resource.uri}-${index}`))) })] })) : null, view.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: view.prompts.map((prompt, index) => (_jsx("span", { className: "max-w-full truncate rounded-md border border-[#dce5f5] bg-white px-2 py-1 font-mono text-[10px] text-[#65707b]", title: prompt.description, children: prompt.name }, `${prompt.name}-${index}`))) })] })) : null, view.servers.length > 0 ? (_jsx("div", { className: "grid gap-2", children: view.servers.map((server, index) => (_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: "truncate font-mono text-[#30343b]", children: server.id }), _jsx("span", { className: server.status === "running" ? "text-[#14733f]" : "text-[#687381]", children: server.status })] }, `${server.id}-${index}`))) })) : null, view.inventory.tools.truncated || view.inventory.resources.truncated || view.inventory.prompts.truncated || view.inventory.servers.truncated ? (_jsx("p", { className: "text-[10px] text-[#687381]", children: "\u9762\u677F\u4EC5\u663E\u793A\u53D7\u9650\u9884\u89C8\uFF1B\u5B8C\u6574\u6E05\u5355\u8BF7\u4F7F\u7528\u5BF9\u5E94 MCP \u5217\u8868\u5DE5\u5177\u3002" })) : null, _jsxs("p", { className: "font-mono text-[9px] text-[#8a94a1]", children: ["\u54CD\u5E94\u4E0A\u9650 ", Math.round(view.limits.responseBytes / 1024), " KiB \u00B7 \u8BF7\u6C42\u8D85\u65F6 ", Math.round(view.limits.requestTimeoutMs / 1000), " \u79D2"] })] }));
+            })()) : 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) => {
+            })()) : 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 ? "已启用" : "已停用" }), _jsxs("span", { className: "font-mono text-[10px] text-[#687381]", children: [value(data?.platform ?? "unknown"), " \u00B7 ", value(data?.timeoutMs ?? 10_000), "ms"] })] }), 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}`));
+                            return (_jsxs("div", { className: "rounded-lg border border-[#e3e7ee] bg-white px-3 py-2 text-[10px]", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx("strong", { className: "text-[#30343b]", children: value(item.title ?? "Pi Harness") }), _jsx("span", { className: item.delivered === true ? "text-[#14733f]" : "text-[#b42318]", children: item.delivered === true ? "已送达" : "未送达" })] }), _jsx("span", { className: "mt-1 block text-[#65707b]", children: value(item.message, "") }), item.delivered !== true && item.reason ? _jsx("span", { className: "mt-1 block break-words text-[#b42318]", children: value(item.reason) }) : null] }, `${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 : [];
@@ -1019,35 +1230,68 @@ function PluginPanelCard({ panel, inline = false }) {
                                         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))) }))] }));
+                    })()) : (_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" ? ((() => {
+                const view = browserFetchPanelView(data);
+                if (view.malformed) {
+                    return (_jsxs("div", { className: "rounded-lg border border-[#f4caca] bg-[#fff5f5] px-3 py-3 text-[11px] text-[#b42318]", children: [_jsx("strong", { className: "block text-[12px]", children: "Browser Fetch \u9762\u677F\u6570\u636E\u5F02\u5E38" }), _jsx("span", { className: "mt-1 block", children: "\u9762\u677F\u6570\u636E\u4E0D\u5B8C\u6574\u6216\u4E0D\u53EF\u4FE1\uFF0C\u8BF7\u91CD\u65B0\u52A0\u8F7D\u540E\u518D\u6293\u53D6\u3002" })] }));
+                }
+                const result = view.latest;
+                return (_jsxs("div", { className: "mt-3 grid gap-3", children: [result === null ? (_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(_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, "") }), result.previewTruncated || result.truncated ? (_jsxs("p", { className: "text-[10px] text-[#9a6700]", children: [result.truncated ? "响应正文已达到抓取上限；" : "", result.previewTruncated ? "面板仅显示有界预览。" : ""] })) : null] })), _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsxs("span", { className: "rounded-md border border-[#dce5f5] bg-white px-2 py-1 font-mono text-[10px] text-[#3565c5]", children: ["max:", value(Math.round(view.limits.responseBytes / 1024)), "KiB"] }), _jsxs("span", { className: "rounded-md border border-[#dce5f5] bg-white px-2 py-1 font-mono text-[10px] text-[#3565c5]", children: ["timeout:", value(view.limits.timeoutMs), "ms"] }), _jsxs("span", { className: "rounded-md border border-[#dce5f5] bg-white px-2 py-1 font-mono text-[10px] text-[#3565c5]", children: ["redirects:", value(view.limits.redirects)] }), _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(view.allowPrivate ? "allowed" : "blocked")] })] })] }));
+            })()) : panel.id === "i18n-pair-panel" ? ((() => {
+                const view = i18nPairPanelView(data);
+                const report = view.report;
+                const healthy = report !== null && report.missingTotal === 0 && report.extraTotal === 0;
+                const statusLabel = view.status.state === "unknown"
+                    ? "数据异常"
+                    : view.status.state === "running"
+                        ? "检查中"
+                        : view.status.state === "failed"
+                            ? "检查失败"
+                            : view.status.state === "cancelled"
+                                ? "已取消"
+                                : view.status.state === "completed"
+                                    ? "已完成"
+                                    : "等待检查";
+                return (_jsxs("div", { className: "mt-3 grid gap-3", children: [_jsxs("div", { className: "flex items-center justify-between gap-3 text-[10px] text-[#687381]", children: [_jsx("span", { className: "rounded-full border border-[#dce5f5] bg-[#f6f8fa] px-2 py-1 font-semibold text-[#3565c5]", children: statusLabel }), view.status.at !== null ? _jsx("time", { className: "font-mono", children: new Date(view.status.at).toLocaleString() }) : null] }), view.status.error !== null ? (_jsx("div", { className: "rounded-lg border border-[#f4caca] bg-[#fff5f5] px-3 py-2 text-[10px] leading-4 text-[#b42318]", children: view.status.error })) : null, view.malformed ? (_jsx("div", { className: "rounded-lg border border-[#f4caca] bg-[#fff5f5] px-3 py-2 text-[10px] leading-4 text-[#b42318]", children: "\u9762\u677F\u6570\u636E\u4E0D\u5B8C\u6574\u6216\u4E0D\u53EF\u4FE1\uFF0C\u672A\u663E\u793A\u8BED\u8A00\u5305\u7EDF\u8BA1\u3002" })) : null, report !== null ? (_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 ? "语言包键完全一致。" : `缺失 ${report.missingTotal} 个，额外 ${report.extraTotal} 个。` }), _jsxs("div", { className: "grid gap-2 rounded-lg border border-[#edf0f3] bg-[#fbfcfd] px-3 py-3 font-mono text-[10px]", children: [_jsxs("div", { className: "grid grid-cols-[3rem_minmax(0,1fr)] gap-2", children: [_jsx("span", { className: "text-[#687381]", children: "\u57FA\u51C6" }), _jsx("span", { className: "truncate text-[#30343b]", title: report.base, children: report.base })] }), _jsxs("div", { className: "grid grid-cols-[3rem_minmax(0,1fr)] gap-2", children: [_jsx("span", { className: "text-[#687381]", children: "\u76EE\u6807" }), _jsx("span", { className: "truncate text-[#30343b]", title: report.target, children: report.target })] })] }), _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: report.baseKeys })] }), _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: report.targetKeys })] })] }), report.missing.length > 0 || report.extra.length > 0 ? (_jsx("div", { className: "grid gap-2 sm:grid-cols-2", children: [
+                                        { label: `缺失 · ${report.missingTotal}`, keys: report.missing, tone: "text-[#b42318]" },
+                                        { label: `额外 · ${report.extraTotal}`, keys: report.extra, tone: "text-[#9a6700]" },
+                                    ].map((group) => (_jsxs("div", { className: "min-w-0 rounded-lg border border-[#edf0f3] bg-[#fbfcfd] p-3", children: [_jsx("strong", { className: `text-[10px] ${group.tone}`, children: group.label }), _jsx("ul", { className: "mt-2 max-h-36 space-y-1 overflow-auto font-mono text-[10px] text-[#30343b]", children: group.keys.map((key, index) => (_jsx("li", { className: "truncate", title: key, children: key }, `${key}-${index}`))) })] }, group.label))) })) : null, report.truncated ? _jsx("p", { className: "text-[10px] text-[#9a6700]", children: "\u9762\u677F\u4EC5\u663E\u793A\u6709\u754C\u952E\u5217\u8868\uFF1B\u5B8C\u6574\u7ED3\u679C\u4FDD\u7559\u5728\u5DE5\u5177\u8C03\u7528\u8BE6\u60C5\u4E2D\u3002" }) : null] })) : (_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" })), _jsxs("div", { className: "flex flex-wrap gap-2 font-mono text-[10px] text-[#3565c5]", children: [_jsxs("span", { className: "rounded-md border border-[#dce5f5] bg-white px-2 py-1", children: ["file:", Math.round(view.limits.fileBytes / 1_048_576), "MiB"] }), _jsxs("span", { className: "rounded-md border border-[#dce5f5] bg-white px-2 py-1", children: ["depth:", view.limits.depth] }), _jsxs("span", { className: "rounded-md border border-[#dce5f5] bg-white px-2 py-1", children: ["keys:", view.limits.keysPerFile] })] })] }));
+            })()) : panel.id === "cleaner-panel" ? ((() => {
+                const view = cleanerPanelView(data);
+                if (view.malformed || view.inventory === null) {
+                    return (_jsxs("div", { className: "mt-3 rounded-lg border border-[#f4caca] bg-[#fff5f5] px-3 py-3 text-[11px] text-[#b42318]", children: [_jsx("strong", { className: "block text-[12px]", children: "Cleaner \u9762\u677F\u6570\u636E\u5F02\u5E38" }), _jsx("span", { className: "mt-1 block", children: "\u9762\u677F\u6570\u636E\u4E0D\u5B8C\u6574\u6216\u4E0D\u53EF\u4FE1\uFF0C\u8BF7\u91CD\u65B0\u52A0\u8F7D\u540E\u518D\u6267\u884C\u6E05\u7406\u3002" })] }));
+                }
+                const inventory = view.inventory;
+                const activity = view.lastCleanup;
+                const statusLabel = activity?.status === "running"
+                    ? "清理中"
+                    : activity?.status === "completed"
+                        ? "已完成"
+                        : activity?.status === "cancelled"
+                            ? "已取消"
+                            : activity?.status === "failed"
+                                ? "清理失败"
+                                : "尚未清理";
+                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: "text-[11px] font-semibold text-[#30343b]", children: "Git \u80F6\u56CA\u5E93\u5B58" }), _jsxs("strong", { className: "font-mono text-[12px] text-[#3565c5]", children: [inventory.total, " \u4E2A"] })] }), _jsx("p", { className: "mt-2 text-[11px] text-[#687381]", children: "\u4EC5\u6E05\u7406 agent \u6570\u636E\u76EE\u5F55\u4E2D\u7684 .patch \u80F6\u56CA\uFF0C\u5FC5\u987B\u663E\u5F0F confirm=true\u3002" }), _jsxs("div", { className: "mt-3 flex flex-wrap gap-2 font-mono text-[10px] text-[#3565c5]", children: [_jsxs("span", { className: "rounded-md border border-[#dce5f5] bg-white px-2 py-1", children: ["capsules:", view.limits.capsules] }), _jsxs("span", { className: "rounded-md border border-[#dce5f5] bg-white px-2 py-1", children: ["scan:", view.limits.directoryEntries] })] })] }), activity !== null ? (_jsxs("div", { className: "rounded-lg border border-[#edf0f3] bg-[#fbfcfd] px-3 py-3", children: [_jsxs("div", { className: "flex items-center justify-between gap-3 text-[10px]", children: [_jsx("strong", { className: activity.status === "failed" ? "text-[#b42318]" : "text-[#30343b]", children: statusLabel }), activity.at !== null ? _jsx("time", { className: "font-mono text-[#687381]", children: new Date(activity.at).toLocaleString() }) : null] }), _jsxs("div", { className: "mt-2 flex gap-4 text-[11px] text-[#687381]", children: [_jsxs("span", { children: ["\u5DF2\u5220 ", _jsx("strong", { className: "font-mono text-[#30343b]", children: activity.removed })] }), _jsxs("span", { children: ["\u4FDD\u7559 ", _jsx("strong", { className: "font-mono text-[#30343b]", children: activity.kept ?? "—" })] }), _jsxs("span", { children: ["\u8BF7\u6C42\u4FDD\u7559 ", _jsx("strong", { className: "font-mono text-[#30343b]", children: activity.requestedKeep })] })] }), activity.error !== null ? _jsx("p", { className: "mt-2 break-words text-[10px] leading-4 text-[#b42318]", children: activity.error }) : null] })) : null, view.capsules.length > 0 ? (_jsx("div", { className: "max-h-48 overflow-auto rounded-lg border border-[#edf0f3] bg-[#fbfcfd]", children: view.capsules.map((capsule, index) => (_jsxs("div", { className: "flex items-center justify-between gap-3 border-b border-[#edf0f3] px-3 py-2 last:border-b-0", children: [_jsx("span", { className: "truncate font-mono text-[10px] text-[#30343b]", title: capsule.name, children: capsule.name }), _jsxs("span", { className: "shrink-0 font-mono text-[9px] text-[#687381]", children: [capsule.bytes.toLocaleString(), " B"] })] }, `${capsule.name}-${index}`))) })) : (_jsx("div", { className: "rounded-lg border border-[#e3e7ee] bg-[#f6f8fa] px-3 py-3 text-[11px] text-[#687381]", children: "\u5F53\u524D\u6CA1\u6709\u53EF\u6E05\u7406\u7684 Git \u80F6\u56CA\u3002" })), inventory.truncated ? (_jsxs("p", { className: "text-[10px] text-[#9a6700]", children: ["\u9762\u677F\u663E\u793A ", inventory.shown, " / ", inventory.total, " \u4E2A\u6761\u76EE\uFF1B\u6E05\u7406\u5DE5\u5177\u4ECD\u6309\u5B8C\u6574\u7684\u6709\u754C\u5E93\u5B58\u6267\u884C\u3002"] })) : null] }));
+            })()) : panel.id === "fail-logger-panel" ? (_jsx("div", { className: "mt-3 grid gap-3", children: (() => {
+                    const view = failLoggerPanelView(data);
+                    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "rounded-lg bg-[#fff5f5] px-3 py-3", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-[11px] font-semibold text-[#7f1d1d]", children: "\u805A\u5408\u540E\u7684\u5931\u8D25\u8BB0\u5F55" }), _jsx("strong", { className: "font-mono text-[17px] text-[#b42318]", children: view.total })] }), _jsxs("div", { className: "mt-2 flex flex-wrap gap-3 text-[10px] text-[#8b4a4a]", children: [_jsxs("span", { children: ["\u89C2\u6D4B ", view.observed, " \u6B21"] }), _jsxs("span", { children: ["\u5BB9\u91CF ", view.total, " / ", view.capacity] }), view.dropped > 0 ? _jsxs("span", { children: ["\u5DF2\u6DD8\u6C70 ", view.dropped, " \u6761\u65E7\u8BB0\u5F55"] }) : null, view.truncated ? _jsx("span", { children: "\u9762\u677F\u660E\u7EC6\u5DF2\u622A\u65AD" }) : null] })] }), _jsx("div", { className: "max-h-56 overflow-auto rounded-lg border border-[#edf0f3]", children: view.failures.length > 0 ? (view.failures.map((failure, index) => (_jsxs("div", { className: "border-b border-[#edf0f3] px-3 py-2 last:border-b-0", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx("span", { className: "font-mono text-[10px] text-[#b42318]", children: failure.source }), _jsxs("span", { className: "flex shrink-0 items-center gap-2 font-mono text-[9px] text-[#8a94a0]", children: [failure.occurrences > 1 ? _jsxs("strong", { className: "text-[#b42318]", children: ["\u00D7", failure.occurrences] }) : null, failure.time === null ? "时间未知" : `${failure.time.slice(11, 19)} UTC`] })] }), _jsx("p", { className: "mt-1 break-words text-[11px] leading-4 text-[#65707b]", children: failure.message })] }, `${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" ? ((() => {
+                const view = contextInsightsPanelView(data);
+                return (_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: view.percent === null ? "—" : `${view.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.min(100, view.percent ?? 0)}%` } }) }), _jsxs("p", { className: "mt-2 text-[11px] text-[#5d6d82]", children: [view.tokens === null ? "令牌数未知" : `${view.tokens.toLocaleString()} tokens`, view.contextWindow === null ? "" : ` / ${view.contextWindow.toLocaleString()} 上限`] })] }), _jsx("div", { className: "grid grid-cols-3 gap-2", children: [
+                                ["消息", view.messages],
+                                ["事件", view.events],
+                                ["压缩", view.compactions],
+                            ].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: view.messagesTruncated ? `最近 ${view.scannedMessages} / ${view.messages} 条` : `全部 ${view.scannedMessages} 条` })] }), _jsx("div", { className: "mt-2 grid grid-cols-5 gap-1.5", children: [
+                                        ["用户", view.composition.user],
+                                        ["助手", view.composition.assistant],
+                                        ["工具", view.composition.toolResult],
+                                        ["系统", view.composition.system],
+                                        ["其他", view.composition.other],
+                                    ].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" }), _jsxs("span", { className: "text-[10px] text-[#687381]", children: ["\u663E\u793A ", view.limits.displayedEvents, " / \u4FDD\u7559 ", view.limits.retainedEvents, " \u6761"] })] }), _jsx("div", { className: "mt-2 max-h-28 overflow-auto", children: view.recentEvents.length > 0 ? (view.recentEvents.map((event, index) => {
+                                        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: event.type }), _jsx("span", { className: "text-[10px] text-[#687381]", children: event.at === null ? "—" : new Date(event.at).toLocaleTimeString() })] }, `${event.type}-${event.at ?? "unknown"}-${index}`));
+                                    })) : (_jsx("div", { className: "py-2 text-[11px] text-[#687381]", children: "\u6682\u65E0\u4E0A\u4E0B\u6587\u4E8B\u4EF6\u3002" })) }), view.recentEventsTruncated ? _jsx("p", { className: "mt-2 text-[10px] text-[#687381]", children: "\u66F4\u65E9\u4E8B\u4EF6\u5DF2\u6309\u6D4F\u89C8\u5668\u663E\u793A\u4E0A\u9650\u7701\u7565\u3002" }) : null] })] }));
+            })()) : (_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);