dsh-llm-verifier 0.1.13 → 0.1.14

package/lib/client.js

@@ -131,7 +131,16 @@ window.__ModuleLoader__.load({
 			"models.calls": "{calls} 请求",
 			"models.tokens": "{tokens} Token",
 			"models.empty": "暂无模型调用",
-			"slot.statistics": "工具统计"
+			"slot.statistics": "工具统计",
+			"slot.globalDashboard": "Verifier 看板",
+			"global.panelTitle": "LLM Verifier 全局监控中心",
+			"global.panelIntro": "跨会话全局统计、裁判模型效能大盘与任务验收总览。",
+			"guide.verifier.title": "Verifier 统计",
+			"guide.verifier.desc": "大模型复核工具调用、耗时与成本统计",
+			"field.autoVerifyTeamTasks.title": "自动验收 Team 任务",
+			"field.autoVerifyTeamTasks.help": "当 Agent Teams 中的任务状态变更或进入完成状态时，自动路由进度追踪与任务验收。",
+			"field.autoVerifyPlanMode.title": "计划模式自动预审",
+			"field.autoVerifyPlanMode.help": "在 Agent 调用 exit_plan_mode 提交计划交付人类评审前，自动对计划完整度与风险进行独立预审。"
 		};
 		const en = {
 			"settings.title": "LLM Verifier",
@@ -256,7 +265,16 @@ window.__ModuleLoader__.load({
 			"models.calls": "{calls} Requests",
 			"models.tokens": "{tokens} Tokens",
 			"models.empty": "No model calls",
-			"slot.statistics": "Statistics"
+			"slot.statistics": "Statistics",
+			"slot.globalDashboard": "Verifier Dashboard",
+			"global.panelTitle": "LLM Verifier Global Dashboard",
+			"global.panelIntro": "Cross-session statistics, judge model metrics, and task acceptance overview.",
+			"guide.verifier.title": "Verifier Stats",
+			"guide.verifier.desc": "LLM verifier tool calls, duration and cost statistics",
+			"field.autoVerifyTeamTasks.title": "Verify Team Tasks",
+			"field.autoVerifyTeamTasks.help": "Automatically route progress and verify tasks when Agent Teams task status changes or completes.",
+			"field.autoVerifyPlanMode.title": "Plan Mode Pre-verification",
+			"field.autoVerifyPlanMode.help": "Automatically pre-verify plan feasibility and risks before exit_plan_mode presents it for user review."
 		};
 		const dictionaries = {
 			zh,
@@ -690,6 +708,36 @@ window.__ModuleLoader__.load({
 									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { style: toggleThumbStyle(draft.autoRouteSemantic) })
 								})]
 							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								style: row,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Label, {
+									title: t["field.autoVerifyTeamTasks.title"],
+									help: t["field.autoVerifyTeamTasks.help"]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									role: "switch",
+									"aria-checked": draft.autoVerifyTeamTasks ?? true,
+									"aria-label": t["field.autoVerifyTeamTasks.title"],
+									onClick: () => patch("autoVerifyTeamTasks", !(draft.autoVerifyTeamTasks ?? true)),
+									style: toggleStyle(draft.autoVerifyTeamTasks ?? true),
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { style: toggleThumbStyle(draft.autoVerifyTeamTasks ?? true) })
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								style: row,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Label, {
+									title: t["field.autoVerifyPlanMode.title"],
+									help: t["field.autoVerifyPlanMode.help"]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									role: "switch",
+									"aria-checked": draft.autoVerifyPlanMode ?? true,
+									"aria-label": t["field.autoVerifyPlanMode.title"],
+									onClick: () => patch("autoVerifyPlanMode", !(draft.autoVerifyPlanMode ?? true)),
+									style: toggleStyle(draft.autoVerifyPlanMode ?? true),
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { style: toggleThumbStyle(draft.autoVerifyPlanMode ?? true) })
+								})]
+							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 								style: row,
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Label, {
@@ -1169,12 +1217,12 @@ window.__ModuleLoader__.load({
 				})]
 			});
 		}
-		function StatisticsPage({ sessionId, rpc }) {
+		function StatisticsPage({ sessionId, rpc, isGlobal }) {
 			const lang = useLanguage();
 			const t = dictionaries[lang];
 			const labels = toolLabels[lang];
 			const [days, setDays] = (0, react.useState)(30);
-			const [sessionOnly, setSessionOnly] = (0, react.useState)(false);
+			const [sessionOnly, setSessionOnly] = (0, react.useState)(!isGlobal && Boolean(sessionId));
 			const [data, setData] = (0, react.useState)(null);
 			const [loading, setLoading] = (0, react.useState)(true);
 			const [error, setError] = (0, react.useState)(null);
@@ -1183,17 +1231,37 @@ window.__ModuleLoader__.load({
 				const controller = new AbortController();
 				setLoading(true);
 				setError(null);
-				rpc.call("/llm-verifier", "statistics", {
+				const effectiveSessionId = sessionOnly && sessionId ? String(sessionId) : void 0;
+				const queryPayload = {
 					fromMs: startOfRange(days),
 					toMs: endOfToday(),
 					timezoneOffsetMinutes: (/* @__PURE__ */ new Date()).getTimezoneOffset(),
 					recentLimit: 50,
-					...sessionOnly ? { sessionId: String(sessionId) } : {}
-				}, controller.signal).then((result) => {
-					if (!result.ok) throw new Error(result.error?.message ?? t["stats.requestFailed"]);
-					setData(result.value);
-				}, (cause) => {
-					if (!controller.signal.aborted) throw cause;
+					...effectiveSessionId ? { sessionId: effectiveSessionId } : {}
+				};
+				const fetchOverview = async () => {
+					if (rpc && typeof rpc.call === "function") try {
+						const result = await rpc.call("/api", "llm-verifier/statistics", queryPayload, controller.signal);
+						if (result && result.ok) return result.value;
+						if (result && result.ok === false) throw new Error(result.error?.message ?? t["stats.requestFailed"]);
+					} catch (rpcError) {
+						if (controller.signal.aborted) throw rpcError;
+						console.warn("[llm-verifier] rpc.call failed, trying fetch fallback:", rpcError);
+					}
+					const response = await fetch("/api/llm-verifier/statistics", {
+						method: "POST",
+						headers: { "content-type": "application/json" },
+						body: JSON.stringify(queryPayload),
+						signal: controller.signal
+					});
+					if (!response.ok) throw new Error(`HTTP ${response.status}: ${response.statusText || t["stats.requestFailed"]}`);
+					const data = await response.json();
+					if (data && data.ok === true) return data.value;
+					if (data && data.type === "server-response" && data.result?.ok === true) return data.result.value;
+					throw new Error(data?.error?.message ?? data?.result?.error?.message ?? t["stats.requestFailed"]);
+				};
+				fetchOverview().then((overview) => {
+					setData(overview);
 				}).catch((cause) => {
 					if (!controller.signal.aborted) setError(message(cause));
 				}).finally(() => {
@@ -1257,14 +1325,14 @@ window.__ModuleLoader__.load({
 										margin: 0,
 										fontSize: 23
 									},
-									children: t["stats.pageTitle"]
+									children: isGlobal ? t["global.panelTitle"] : t["stats.pageTitle"]
 								})]
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 								style: {
 									margin: "7px 0 0 44px",
 									...muted
 								},
-								children: tFormat(t["stats.updatedAt"], { time: data ? dateTime(data.generatedAt, lang) : "--" })
+								children: isGlobal ? t["global.panelIntro"] : tFormat(t["stats.updatedAt"], { time: data ? dateTime(data.generatedAt, lang) : "--" })
 							})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 								style: {
 									display: "flex",
@@ -1298,7 +1366,7 @@ window.__ModuleLoader__.load({
 											children: tFormat(t["stats.daysUnit"], { days: value })
 										}, value))
 									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									Boolean(sessionId) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 										onClick: () => setSessionOnly((value) => !value),
 										style: {
 											border: "1px solid var(--dsw-alias-border-l2, rgba(255,255,255,.15))",
@@ -1756,6 +1824,49 @@ window.__ModuleLoader__.load({
 				})
 			});
 		}
+		function VerifierSidebarIcon({ size, active }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				style: {
+					display: "inline-flex",
+					alignItems: "center",
+					justifyContent: "center",
+					width: size,
+					height: size,
+					color: active ? "var(--dsw-alias-brand-primary, #4f8cff)" : "currentColor"
+				},
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconDataOutline16, { size: Math.min(18, size) })
+			});
+		}
+		function GlobalVerifierDashboard({ rpc }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StatisticsPage, {
+				rpc,
+				isGlobal: true
+			});
+		}
+		function RightSidebarVerifierPanel({ rpc, sessionId }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				style: {
+					height: "100%",
+					overflow: "hidden",
+					display: "flex",
+					flexDirection: "column"
+				},
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StatisticsPage, {
+					rpc,
+					sessionId
+				})
+			});
+		}
+		function RightSidebarVerifierTitle() {
+			const t = dictionaries[useLanguage()];
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				style: {
+					fontSize: 13,
+					fontWeight: 500
+				},
+				children: t["slot.statistics"]
+			});
+		}
 		const inject = [
 			"slots",
 			"connection",
@@ -1780,10 +1891,61 @@ window.__ModuleLoader__.load({
 				label: detectLanguage() === "zh" ? zh["slot.statistics"] : en["slot.statistics"],
 				inject: () => ({ rpc: connection.rpc })
 			}, StatisticsPage));
+			ctx.slots.inject("sidebar.panellist", () => ctx.slots.register({
+				name: "sidebar.panellist",
+				id: "llm-verifier",
+				order: 40,
+				label: detectLanguage() === "zh" ? zh["slot.globalDashboard"] : en["slot.globalDashboard"]
+			}, VerifierSidebarIcon));
+			ctx.slots.inject("main", () => ctx.slots.register({
+				name: "main",
+				key: "llm-verifier",
+				inject: () => ({ rpc: connection.rpc })
+			}, GlobalVerifierDashboard));
+			const VERIFIER_TAB_KIND = "llm-verifier";
+			const VERIFIER_TAB_ID = "dsh-llm-verifier";
+			const registerRightSidebar = (tabs) => {
+				if (!tabs || typeof tabs.register !== "function") return;
+				try {
+					tabs.register({
+						id: VERIFIER_TAB_ID,
+						kind: VERIFIER_TAB_KIND,
+						priority: "extension",
+						title: () => detectLanguage() === "zh" ? zh["slot.statistics"] : en["slot.statistics"],
+						guide: [{
+							order: 45,
+							title: () => detectLanguage() === "zh" ? zh["guide.verifier.title"] : en["guide.verifier.title"],
+							description: () => detectLanguage() === "zh" ? zh["guide.verifier.desc"] : en["guide.verifier.desc"],
+							icon: VerifierSidebarIcon
+						}]
+					});
+				} catch {}
+			};
+			const existingTabs = typeof ctx.get === "function" ? ctx.get("sidebarRightTabs") : void 0;
+			if (existingTabs) registerRightSidebar(existingTabs);
+			if (typeof ctx.inject === "function") try {
+				ctx.inject(["sidebarRightTabs"], (subCtx) => {
+					const subTabs = typeof subCtx?.get === "function" ? subCtx.get("sidebarRightTabs") : subCtx?.sidebarRightTabs;
+					if (subTabs) registerRightSidebar(subTabs);
+				});
+			} catch {}
+			ctx.slots.inject("sidebar.right.pane.tab", () => ctx.slots.register({
+				name: "sidebar.right.pane.tab",
+				key: VERIFIER_TAB_ID,
+				inject: () => ({ rpc: connection.rpc })
+			}, RightSidebarVerifierPanel));
+			ctx.slots.inject("sidebar.right.pane.tab.title", () => ctx.slots.register({
+				name: "sidebar.right.pane.tab.title",
+				key: VERIFIER_TAB_ID
+			}, RightSidebarVerifierTitle));
 		}
 		//#endregion
+		exports.GlobalVerifierDashboard = GlobalVerifierDashboard;
+		exports.RightSidebarVerifierPanel = RightSidebarVerifierPanel;
+		exports.RightSidebarVerifierTitle = RightSidebarVerifierTitle;
 		exports.StatisticsPage = StatisticsPage;
 		exports.VerifierSettings = VerifierSettings;
+		exports.VerifierSidebarIcon = VerifierSidebarIcon;
 		exports.apply = apply;
 		exports.compact = compact;
 		exports.dateTime = dateTime;