dsh-llm-verifier 0.1.1 → 0.1.2

package/lib/client.js

@@ -50,6 +50,28 @@ window.__ModuleLoader__.load({
 			background: "var(--dsw-surface-sunken)",
 			border: "1px solid var(--dsw-alias-border-l2, rgba(255, 255, 255, 0.16))"
 		};
+		const dashboardCard = {
+			border: "1px solid var(--dsw-alias-border-l2, rgba(255,255,255,.13))",
+			background: "color-mix(in srgb, var(--dsw-alias-bg-module, #171925) 88%, transparent)",
+			borderRadius: 16,
+			boxShadow: "0 12px 36px rgba(0,0,0,.12)"
+		};
+		const muted = {
+			color: "var(--dsw-text-secondary)",
+			fontSize: 12
+		};
+		const toolLabels = {
+			verifier_compare: "两项对比",
+			verifier_select: "多项优选",
+			verifier_track: "进度跟踪",
+			verifier_current_session: "会话验收"
+		};
+		const toolColors = {
+			verifier_compare: "#4f8cff",
+			verifier_select: "#8b6df6",
+			verifier_track: "#2fc5c9",
+			verifier_current_session: "#f5a524"
+		};
 		function record(value) {
 			return typeof value === "object" && value !== null && !Array.isArray(value) ? value : {};
 		}
@@ -85,6 +107,44 @@ window.__ModuleLoader__.load({
 				children: help
 			})] });
 		}
+		function compact(value) {
+			return new Intl.NumberFormat("zh-CN", {
+				notation: value >= 1e4 ? "compact" : "standard",
+				maximumFractionDigits: value >= 1e3 ? 1 : 0
+			}).format(value);
+		}
+		function money(value) {
+			return "$" + value.toLocaleString("en-US", {
+				minimumFractionDigits: value < .01 ? 4 : 2,
+				maximumFractionDigits: value < .01 ? 4 : 2
+			});
+		}
+		function duration(value) {
+			if (value < 1e3) return Math.round(value) + " ms";
+			if (value < 6e4) return (value / 1e3).toFixed(1) + " s";
+			return (value / 6e4).toFixed(1) + " min";
+		}
+		function dateTime(value) {
+			return new Intl.DateTimeFormat("zh-CN", {
+				month: "2-digit",
+				day: "2-digit",
+				hour: "2-digit",
+				minute: "2-digit",
+				second: "2-digit"
+			}).format(value);
+		}
+		function startOfRange(days) {
+			const date = /* @__PURE__ */ new Date();
+			date.setHours(0, 0, 0, 0);
+			date.setDate(date.getDate() - days + 1);
+			return date.getTime();
+		}
+		function endOfToday() {
+			const date = /* @__PURE__ */ new Date();
+			date.setHours(0, 0, 0, 0);
+			date.setDate(date.getDate() + 1);
+			return date.getTime();
+		}
 		function VerifierSettings({ api }) {
 			const [loaded, setLoaded] = (0, react.useState)(null);
 			const [draft, setDraft] = (0, react.useState)(null);
@@ -403,6 +463,748 @@ window.__ModuleLoader__.load({
 				]
 			});
 		}
+		function Metric({ label, value, note, accent }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				style: {
+					...dashboardCard,
+					padding: "16px 18px",
+					minWidth: 0
+				},
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						style: muted,
+						children: label
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						style: {
+							fontSize: 25,
+							fontWeight: 750,
+							lineHeight: 1.2,
+							margin: "7px 0 5px",
+							color: accent
+						},
+						children: value
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						style: {
+							...muted,
+							overflow: "hidden",
+							textOverflow: "ellipsis",
+							whiteSpace: "nowrap"
+						},
+						children: note
+					})
+				]
+			});
+		}
+		function TrendChart({ daily, days }) {
+			const rows = (0, react.useMemo)(() => {
+				const map = new Map(daily.map((row) => [row.date, row]));
+				const values = [];
+				const start = new Date(startOfRange(days));
+				for (let i = 0; i < days; i += 1) {
+					const date = new Date(start);
+					date.setDate(start.getDate() + i);
+					const key = [
+						date.getFullYear(),
+						String(date.getMonth() + 1).padStart(2, "0"),
+						String(date.getDate()).padStart(2, "0")
+					].join("-");
+					values.push(map.get(key) ?? {
+						date: key,
+						invocations: 0,
+						successes: 0,
+						failures: 0,
+						calls: 0,
+						tokens: 0,
+						estimatedCostUsd: 0,
+						byTool: {}
+					});
+				}
+				return values;
+			}, [daily, days]);
+			const width = 760, height = 230, pad = {
+				l: 44,
+				r: 24,
+				t: 20,
+				b: 38
+			};
+			const innerW = width - pad.l - pad.r, innerH = height - pad.t - pad.b;
+			const max = Math.max(1, ...rows.flatMap((row) => [row.invocations, row.calls]));
+			const x = (index) => pad.l + (rows.length <= 1 ? innerW / 2 : index * innerW / (rows.length - 1));
+			const y = (value) => pad.t + innerH - value / max * innerH;
+			const points = rows.map((row, index) => `${x(index)},${y(row.calls)}`).join(" ");
+			const step = rows.length > 16 ? Math.ceil(rows.length / 7) : Math.max(1, Math.ceil(rows.length / 7));
+			const barWidth = Math.max(3, Math.min(18, innerW / Math.max(rows.length, 1) * .55));
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				style: {
+					width: "100%",
+					overflowX: "auto"
+				},
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+					viewBox: `0 0 ${width} ${height}`,
+					style: {
+						display: "block",
+						width: "100%",
+						minWidth: 620,
+						height: "auto"
+					},
+					"aria-label": "每日工具调用与模型请求趋势",
+					children: [
+						[
+							0,
+							.25,
+							.5,
+							.75,
+							1
+						].map((ratio) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("g", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("line", {
+							x1: pad.l,
+							x2: width - pad.r,
+							y1: pad.t + innerH * ratio,
+							y2: pad.t + innerH * ratio,
+							stroke: "rgba(148,163,184,.16)"
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("text", {
+							x: pad.l - 8,
+							y: pad.t + innerH * ratio + 4,
+							textAnchor: "end",
+							fontSize: "10",
+							fill: "var(--dsw-text-secondary)",
+							children: Math.round(max * (1 - ratio))
+						})] }, ratio)),
+						rows.map((row, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
+							x: x(index) - barWidth / 2,
+							y: y(row.invocations),
+							width: barWidth,
+							height: pad.t + innerH - y(row.invocations),
+							rx: "2",
+							fill: "#4f8cff",
+							opacity: ".82"
+						}, row.date)),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("polyline", {
+							points,
+							fill: "none",
+							stroke: "#5ed7e8",
+							strokeWidth: "2.4",
+							strokeLinejoin: "round",
+							strokeLinecap: "round"
+						}),
+						rows.map((row, index) => index % step === 0 || index === rows.length - 1 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("text", {
+							x: x(index),
+							y: height - 14,
+							textAnchor: "middle",
+							fontSize: "10",
+							fill: "var(--dsw-text-secondary)",
+							children: [
+								Number(row.date.slice(5, 7)),
+								"/",
+								Number(row.date.slice(8, 10))
+							]
+						}, row.date) : null)
+					]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					style: {
+						display: "flex",
+						justifyContent: "center",
+						gap: 18,
+						...muted
+					},
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("i", { style: {
+						display: "inline-block",
+						width: 8,
+						height: 8,
+						borderRadius: 2,
+						background: "#4f8cff",
+						marginRight: 6
+					} }), "工具调用"] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("i", { style: {
+						display: "inline-block",
+						width: 14,
+						height: 2,
+						background: "#5ed7e8",
+						marginRight: 6,
+						verticalAlign: "middle"
+					} }), "模型请求"] })]
+				})]
+			});
+		}
+		function StatisticsPage({ sessionId, rpc }) {
+			const [days, setDays] = (0, react.useState)(30);
+			const [sessionOnly, setSessionOnly] = (0, react.useState)(false);
+			const [data, setData] = (0, react.useState)(null);
+			const [loading, setLoading] = (0, react.useState)(true);
+			const [error, setError] = (0, react.useState)(null);
+			const [refresh, setRefresh] = (0, react.useState)(0);
+			(0, react.useEffect)(() => {
+				const controller = new AbortController();
+				setLoading(true);
+				setError(null);
+				rpc.call("/llm-verifier", "statistics", {
+					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 ?? "统计接口请求失败");
+					setData(result.value);
+				}, (cause) => {
+					if (!controller.signal.aborted) throw cause;
+				}).catch((cause) => {
+					if (!controller.signal.aborted) setError(message(cause));
+				}).finally(() => {
+					if (!controller.signal.aborted) setLoading(false);
+				});
+				return () => controller.abort();
+			}, [
+				days,
+				sessionOnly,
+				sessionId,
+				refresh,
+				rpc
+			]);
+			const totals = data?.totals;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("main", {
+				style: {
+					height: "100%",
+					overflow: "auto",
+					boxSizing: "border-box",
+					padding: "22px clamp(16px, 3vw, 38px) 48px",
+					color: "var(--dsw-text-primary)",
+					background: "radial-gradient(circle at 10% 0%, rgba(115,77,255,.09), transparent 32%), radial-gradient(circle at 100% 8%, rgba(47,197,201,.07), transparent 28%)"
+				},
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					style: {
+						maxWidth: 1180,
+						margin: "0 auto",
+						display: "flex",
+						flexDirection: "column",
+						gap: 16
+					},
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
+							style: {
+								display: "flex",
+								justifyContent: "space-between",
+								alignItems: "flex-start",
+								gap: 16,
+								flexWrap: "wrap"
+							},
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								style: {
+									display: "flex",
+									alignItems: "center",
+									gap: 10
+								},
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									style: {
+										display: "grid",
+										placeItems: "center",
+										width: 34,
+										height: 34,
+										borderRadius: 10,
+										background: "rgba(79,140,255,.14)",
+										color: "#6da0ff"
+									},
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconDataOutline16, { size: 18 })
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+									style: {
+										margin: 0,
+										fontSize: 23
+									},
+									children: "Verifier 工具统计"
+								})]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+								style: {
+									margin: "7px 0 0 44px",
+									...muted
+								},
+								children: [
+									"数据更新于 ",
+									data ? dateTime(data.generatedAt) : "--",
+									" · 自动记录四个验证工具的实际执行结果"
+								]
+							})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								style: {
+									display: "flex",
+									gap: 8,
+									alignItems: "center",
+									flexWrap: "wrap"
+								},
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										style: {
+											display: "flex",
+											padding: 3,
+											borderRadius: 10,
+											background: "var(--dsw-surface-sunken)",
+											border: "1px solid var(--dsw-alias-border-l2, rgba(255,255,255,.12))"
+										},
+										children: [
+											7,
+											30,
+											90
+										].map((value) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+											onClick: () => setDays(value),
+											style: {
+												border: 0,
+												borderRadius: 7,
+												padding: "6px 10px",
+												cursor: "pointer",
+												color: days === value ? "#fff" : "var(--dsw-text-secondary)",
+												background: days === value ? "#3f68d8" : "transparent"
+											},
+											children: [value, " 天"]
+										}, value))
+									}),
+									/* @__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))",
+											borderRadius: 9,
+											padding: "7px 11px",
+											cursor: "pointer",
+											color: "var(--dsw-text-primary)",
+											background: sessionOnly ? "rgba(79,140,255,.18)" : "var(--dsw-surface-sunken)"
+										},
+										children: sessionOnly ? "当前会话" : "全部会话"
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										title: "刷新",
+										onClick: () => setRefresh((value) => value + 1),
+										style: {
+											display: "grid",
+											placeItems: "center",
+											width: 34,
+											height: 34,
+											borderRadius: 9,
+											border: "1px solid var(--dsw-alias-border-l2, rgba(255,255,255,.15))",
+											color: "var(--dsw-text-primary)",
+											background: "var(--dsw-surface-sunken)",
+											cursor: "pointer"
+										},
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconRefreshOutline16, { size: 16 })
+									})
+								]
+							})]
+						}),
+						error && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							style: {
+								...dashboardCard,
+								padding: 18,
+								borderColor: "var(--dsw-danger, #e85858)",
+								color: "var(--dsw-danger, #e85858)"
+							},
+							children: [error, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								style: {
+									...muted,
+									marginTop: 6
+								},
+								children: "请确认宿主已重启并加载最新版本的 dsh-llm-verifier。"
+							})]
+						}),
+						loading && !data ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							style: {
+								...dashboardCard,
+								padding: 32,
+								textAlign: "center",
+								...muted
+							},
+							children: "正在读取工具运行统计…"
+						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+								style: {
+									...dashboardCard,
+									padding: "22px 24px",
+									display: "grid",
+									gridTemplateColumns: "minmax(220px,1.4fr) minmax(240px,1fr)",
+									gap: 24,
+									alignItems: "center"
+								},
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										style: muted,
+										children: [days, " 天估算费用"]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										style: {
+											fontSize: 38,
+											fontWeight: 780,
+											letterSpacing: "-.03em",
+											margin: "5px 0"
+										},
+										children: money(totals?.estimatedCostUsd ?? 0)
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										style: muted,
+										children: [
+											compact(totals?.invocations ?? 0),
+											" 次工具调用 · ",
+											compact(totals?.calls ?? 0),
+											" 次裁判模型请求"
+										]
+									})
+								] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									style: {
+										display: "grid",
+										gridTemplateColumns: "1fr auto",
+										gap: "9px 16px",
+										fontSize: 13
+									},
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											style: muted,
+											children: "成功调用"
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("strong", { children: [
+											compact(totals?.successes ?? 0),
+											" ",
+											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("small", {
+												style: { color: "#77d49b" },
+												children: [
+													"▲ ",
+													((totals?.successRate ?? 0) * 100).toFixed(1),
+													"%"
+												]
+											})
+										] }),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											style: muted,
+											children: "失败调用"
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: compact(totals?.failures ?? 0) }),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											style: muted,
+											children: "平均耗时"
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: duration(totals?.averageDurationMs ?? 0) })
+									]
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+								style: {
+									display: "grid",
+									gridTemplateColumns: "repeat(auto-fit,minmax(180px,1fr))",
+									gap: 12
+								},
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Metric, {
+										label: "缓存命中率",
+										value: ((totals?.cacheHitRate ?? 0) * 100).toFixed(1) + "%",
+										note: `${compact(totals?.cacheHits ?? 0)} 命中 / ${compact((totals?.cacheHits ?? 0) + (totals?.cacheMisses ?? 0))} 评分`,
+										accent: "#b7dd64"
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Metric, {
+										label: "Token",
+										value: compact(totals?.tokens ?? 0),
+										note: `输入 ${compact((totals?.inputTokens ?? 0) + (totals?.cachedInputTokens ?? 0))} · 输出 ${compact(totals?.outputTokens ?? 0)}`
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Metric, {
+										label: "平均模型请求",
+										value: (totals?.invocations ?? 0) > 0 ? ((totals?.calls ?? 0) / (totals?.invocations ?? 1)).toFixed(1) : "0",
+										note: `${compact(totals?.attempts ?? 0)} 次尝试 · ${compact(totals?.retries ?? 0)} 次重试`
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Metric, {
+										label: "评分模式",
+										value: compact(totals?.topLogprobScores ?? 0),
+										note: `Top-logprobs · 显式标签 ${compact(totals?.explicitTagScores ?? 0)}`
+									})
+								]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+								style: {
+									...dashboardCard,
+									padding: "18px 20px 16px"
+								},
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									style: {
+										display: "flex",
+										justifyContent: "space-between",
+										alignItems: "center",
+										marginBottom: 4
+									},
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: "每日工具调用与模型请求趋势" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										style: muted,
+										children: sessionOnly ? "当前会话" : "全部会话"
+									})]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TrendChart, {
+									daily: data?.daily ?? [],
+									days
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+								style: {
+									...dashboardCard,
+									padding: "18px 18px 8px",
+									overflow: "hidden"
+								},
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									style: {
+										display: "flex",
+										justifyContent: "space-between",
+										margin: "0 2px 12px"
+									},
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: "工具运行明细" }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										style: muted,
+										children: [data?.tools.length ?? 0, " 类工具"]
+									})]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									style: { overflowX: "auto" },
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("table", {
+										style: {
+											width: "100%",
+											borderCollapse: "collapse",
+											fontSize: 13,
+											minWidth: 760
+										},
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", {
+											style: {
+												textAlign: "left",
+												color: "var(--dsw-text-secondary)",
+												background: "var(--dsw-surface-sunken)"
+											},
+											children: [
+												"工具",
+												"调用",
+												"成功率",
+												"平均耗时",
+												"模型请求",
+												"Token",
+												"缓存命中",
+												"估算费用"
+											].map((value) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
+												style: {
+													padding: "10px 12px",
+													fontWeight: 500
+												},
+												children: value
+											}, value))
+										}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tbody", { children: [(data?.tools ?? []).map((tool) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", {
+											style: { borderTop: "1px solid var(--dsw-alias-border-l2, rgba(255,255,255,.1))" },
+											children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("td", {
+													style: { padding: "13px 12px" },
+													children: [
+														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { style: {
+															display: "inline-block",
+															width: 8,
+															height: 8,
+															borderRadius: "50%",
+															background: toolColors[tool.toolName] ?? "#8691a8",
+															marginRight: 8
+														} }),
+														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: toolLabels[tool.toolName] ?? tool.toolName }),
+														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+															style: {
+																...muted,
+																margin: "3px 0 0 16px"
+															},
+															children: tool.toolName
+														})
+													]
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+													style: { padding: "13px 12px" },
+													children: compact(tool.invocations)
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("td", {
+													style: {
+														padding: "13px 12px",
+														color: tool.successRate >= .9 ? "#77d49b" : tool.successRate >= .7 ? "#e3bd63" : "#ed7777"
+													},
+													children: [(tool.successRate * 100).toFixed(1), "%"]
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+													style: { padding: "13px 12px" },
+													children: duration(tool.averageDurationMs)
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+													style: { padding: "13px 12px" },
+													children: compact(tool.calls)
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+													style: { padding: "13px 12px" },
+													children: compact(tool.tokens)
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("td", {
+													style: { padding: "13px 12px" },
+													children: [
+														tool.cacheHits,
+														"/",
+														tool.cacheHits + tool.cacheMisses
+													]
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+													style: { padding: "13px 12px" },
+													children: money(tool.estimatedCostUsd)
+												})
+											]
+										}, tool.toolName)), (data?.tools.length ?? 0) === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+											colSpan: 8,
+											style: {
+												padding: 28,
+												textAlign: "center",
+												...muted
+											},
+											children: "所选范围内还没有 Verifier 工具调用。后续执行会自动出现在这里。"
+										}) })] })]
+									})
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+								style: {
+									display: "grid",
+									gridTemplateColumns: "minmax(0,1fr) minmax(290px,.45fr)",
+									gap: 16,
+									alignItems: "start"
+								},
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									style: {
+										...dashboardCard,
+										padding: "18px 18px 8px",
+										overflow: "hidden"
+									},
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										style: {
+											display: "flex",
+											justifyContent: "space-between",
+											margin: "0 2px 12px"
+										},
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: "最近调用" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											style: muted,
+											children: "最多 50 条"
+										})]
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										style: {
+											maxHeight: 360,
+											overflow: "auto"
+										},
+										children: [(data?.recent ?? []).map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											style: {
+												display: "grid",
+												gridTemplateColumns: "minmax(170px,1fr) auto",
+												gap: 12,
+												padding: "11px 8px",
+												borderTop: "1px solid var(--dsw-alias-border-l2, rgba(255,255,255,.1))"
+											},
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												style: {
+													display: "flex",
+													alignItems: "center",
+													gap: 8
+												},
+												children: [
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { style: {
+														width: 7,
+														height: 7,
+														borderRadius: "50%",
+														background: item.success ? "#59c985" : "#e76565"
+													} }),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", {
+														style: { fontSize: 13 },
+														children: toolLabels[item.toolName] ?? item.toolName
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+														style: muted,
+														children: [
+															item.provider,
+															"/",
+															item.model
+														]
+													})
+												]
+											}), !item.success && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+												title: item.errorMessage,
+												style: {
+													margin: "5px 0 0 15px",
+													fontSize: 11,
+													color: "#e76565",
+													overflow: "hidden",
+													textOverflow: "ellipsis",
+													whiteSpace: "nowrap"
+												},
+												children: item.errorMessage ?? item.errorName
+											})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												style: { textAlign: "right" },
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+													style: { fontSize: 12 },
+													children: duration(item.durationMs)
+												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+													style: {
+														...muted,
+														marginTop: 3
+													},
+													children: dateTime(item.startedAt)
+												})]
+											})]
+										}, item.id)), (data?.recent.length ?? 0) === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+											style: {
+												padding: 24,
+												textAlign: "center",
+												...muted
+											},
+											children: "暂无记录"
+										})]
+									})]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									style: {
+										...dashboardCard,
+										padding: "18px"
+									},
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: "模型汇总" }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										style: {
+											marginTop: 10,
+											display: "flex",
+											flexDirection: "column",
+											gap: 10
+										},
+										children: [(data?.models ?? []).map((model) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											style: {
+												padding: "11px 12px",
+												borderRadius: 10,
+												background: "var(--dsw-surface-sunken)"
+											},
+											children: [
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+													style: {
+														fontWeight: 650,
+														fontSize: 13,
+														overflow: "hidden",
+														textOverflow: "ellipsis"
+													},
+													children: model.model
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+													style: {
+														...muted,
+														marginTop: 3
+													},
+													children: model.provider
+												}),
+												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+													style: {
+														display: "flex",
+														justifyContent: "space-between",
+														marginTop: 9,
+														fontSize: 12
+													},
+													children: [
+														/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [compact(model.calls), " 请求"] }),
+														/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [compact(model.tokens), " Token"] }),
+														/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: money(model.estimatedCostUsd) })
+													]
+												})
+											]
+										}, model.provider + "\0" + model.model)), (data?.models.length ?? 0) === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+											style: muted,
+											children: "暂无模型调用"
+										})]
+									})]
+								})]
+							})
+						] })
+					]
+				})
+			});
+		}
 		const inject = ["slots", "connection"];
 		function apply(ctx) {
 			const connection = ctx.get("connection");
@@ -413,6 +1215,13 @@ window.__ModuleLoader__.load({
 				label: "LLM Verifier",
 				inject: () => ({ api: connection.api })
 			}, VerifierSettings));
+			ctx.slots.inject("conversation.view", () => ctx.slots.register({
+				name: "conversation.view",
+				id: "llm-verifier-statistics",
+				order: 30,
+				label: "工具统计",
+				inject: () => ({ rpc: connection.rpc })
+			}, StatisticsPage));
 		}
 		//#endregion
 		exports.apply = apply;