dsh-thinking-guard 0.1.21 → 0.1.22

package/lib/client.js

@@ -3919,6 +3919,30 @@ button.v3-tag{border:0;cursor:pointer;font-family:inherit}
 button.v3-tag:disabled{opacity:.55;cursor:default}
 .v3-group>summary:focus-visible{outline:2px solid var(--v3-info);outline-offset:-2px}
 .v3-tools{display:flex;flex-direction:column}
+/* ---- v3 catalog rework: 一行工具栏 / 能力诊断卡片 / 卡片向总览看齐 ---- */
+.mc-cat-root{display:flex;flex-direction:column;gap:12px;min-width:0}
+.mc-cat-root .v3-catstat{margin-bottom:0}
+.mc-cat-bar{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;min-width:0}
+.mc-cat-bar>.mc-cat-actions{flex:none}
+.mc-cat-bar .mc-cat-actions button{font-size:11px;white-space:nowrap}
+.mc-cat-tabs{display:flex;align-items:center;flex:none;min-width:0}
+.mc-cat-tabs .mc-main-tabs{border-bottom:0}
+.mc-cat-search{flex:1 1 auto;width:auto;min-width:96px;max-width:220px;display:flex}
+.mc-cat-search input{box-sizing:border-box;width:100%;height:28px;padding:0 9px;border:1px solid var(--v3-line-2);border-radius:var(--v3-r-sm);background:var(--v3-panel);color:var(--v3-t1);font:inherit;font-size:12.5px}
+.mc-cat-search input:hover{border-color:var(--v3-line-2)}
+.mc-cat-search input:focus-visible{outline:2px solid var(--v3-info);outline-offset:1px;border-color:transparent}
+.mc-cat-actions{display:flex;align-items:center;gap:6px;flex:none;margin-left:auto;flex-wrap:nowrap}
+.mc-cat-diag{background:var(--v3-panel);border:1px solid var(--v3-line);border-radius:var(--v3-r-lg);overflow:hidden}
+.mc-cat-diag>summary{display:flex;align-items:center;gap:8px;padding:11px 15px;min-height:38px;cursor:pointer;list-style:none;font-size:12.5px;font-weight:600;color:var(--v3-t2)}
+.mc-cat-diag>summary::-webkit-details-marker{display:none}
+.mc-cat-diag>summary:hover{background:var(--v3-panel-2)}
+.mc-cat-diag[open]>summary{border-bottom:1px solid var(--v3-line)}
+.mc-cat-diag-body{display:flex;flex-direction:column;gap:4px;padding:11px 15px;font-size:11.5px;line-height:18px;color:var(--v3-t3)}
+.v3-root .v3-catgrid{gap:14px}
+.v3-root .v3-group{border-radius:var(--v3-r-lg);margin-bottom:0}
+.v3-root .v3-group>summary{padding:11px 15px;min-height:38px}
+.v3-root .v3-tag{font-size:11px;height:19px;line-height:19px;padding:0 7px}
+.v3-root .v3-trow{min-height:34px;font-size:12.5px}
 `;
 if (typeof document !== "undefined" && document.querySelector(`style[data-css-id="${CSS_ID}"]`) === null) {
 	const tag = document.createElement("style");
@@ -3991,14 +4015,6 @@ function MarkdownFilePreview(props) {
 	})] });
 }
 /**
-* Which build of the plugin is on screen. Several rounds of "is my profile
-* running the version I just installed?" had to be answered by grepping
-* `node_modules`, because the panel said nothing about itself. The value is
-* inlined by `tsdown` (see `src/client/env.d.ts`).
-*/
-const PLUGIN_VERSION = "0.1.21";
-const PLUGIN_TITLE = `capability-menu v${PLUGIN_VERSION}`;
-/**
 * dsh's skill source labels, shown on rows this plugin cannot edit — so "why is
 * there no 编辑 button" has a visible answer. Labels that name one directory are
 * shown as that path; the rest name a category and go through the dictionary, so
@@ -4882,128 +4898,116 @@ function ReadyBody(props) {
 		}
 	];
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "v3-root",
+		className: "v3-root mc-cat-root",
 		children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(V3Styles, {}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "mc-heading-row",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "mc-heading-meta",
-					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
-							className: "mc-heading",
-							children: t("title")
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-							className: "mc-version",
-							title: PLUGIN_TITLE,
-							children: ["v", PLUGIN_VERSION]
-						}),
-						updateStatus?.updateAvailable && (updateStatus.updatable || updateStatus.reason === "local") && updatePhase !== "done" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
-							type: "button",
-							variant: "primary",
-							size: "sm",
-							className: "mc-update-check",
-							title: t("updateAvailable", { version: updateStatus.latest }),
-							disabled: updatePhase === "installing",
-							onClick: () => setUpdateDialogOpen(true),
-							children: t("newVersion")
+				className: "mc-cat-bar",
+				"data-v3-catalog-bar": "true",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "mc-cat-tabs",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.SegmentedTabs, {
+							className: "mc-main-tabs",
+							items: [{
+								value: "tools",
+								id: "mc-tab-tools",
+								panelId: "mc-panel-tools",
+								label: t("toolsGroup")
+							}, {
+								value: "skills",
+								id: "mc-tab-skills",
+								panelId: "mc-panel-skills",
+								label: t("skillsGroup")
+							}],
+							value: activeTab,
+							onChange: onTabChange,
+							label: t("title")
 						})
-					]
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "mc-heading-actions",
-					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
-							size: "sm",
-							variant: "outline",
-							onClick: () => setRegisterOpen(true),
-							children: t("registerCapability")
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
-							size: "sm",
-							variant: "outline",
-							onClick: () => void openCatalogDocs(),
-							children: t("viewCatalog")
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
-							className: "mc-feedback-link",
-							href: "https://github.com/PKUfudawei/dsh-capability-menu",
-							target: "_blank",
-							rel: "noopener noreferrer",
-							"aria-label": t("feedback"),
-							children: t("feedback")
+					}),
+					snapshot.rows.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "mc-cat-search",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
+							type: "search",
+							value: filter,
+							placeholder: t("filterByName"),
+							"aria-label": t("filterByName"),
+							title: t("filterHint"),
+							onChange: (e) => setFilter(e.target.value)
 						})
-					]
-				})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "mc-cat-actions",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+								size: "sm",
+								variant: "outline",
+								onClick: () => setRegisterOpen(true),
+								children: t("registerCapability")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+								size: "sm",
+								variant: "outline",
+								onClick: () => void openCatalogDocs(),
+								children: t("viewCatalog")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+								type: "button",
+								size: "sm",
+								variant: "outline",
+								onClick: () => window.open("https://github.com/PKUfudawei/dsh-capability-menu", "_blank", "noopener,noreferrer"),
+								children: t("feedback")
+							}),
+							updateStatus?.updateAvailable && (updateStatus.updatable || updateStatus.reason === "local") && updatePhase !== "done" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+								type: "button",
+								variant: "primary",
+								size: "sm",
+								className: "mc-update-check",
+								title: t("updateAvailable", { version: updateStatus.latest }),
+								disabled: updatePhase === "installing",
+								onClick: () => setUpdateDialogOpen(true),
+								children: t("newVersion")
+							})
+						]
+					})
+				]
 			}),
 			(updatePhase === "done" || updateStatus?.updateAvailable && !updateStatus.updatable && updateStatus.reason !== "local") && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "mc-update-status",
 				role: "status",
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: updatePhase === "done" ? t(updateStatus?.reason === "local" ? "pluginSwitched" : "pluginUpdated") : t("updateAvailable", { version: updateStatus?.latest ?? "" }) }), updatePhase !== "done" && updateStatus?.updateAvailable && !updateStatus.updatable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t(updateStatus.reason === "non-registry" ? "pluginNonRegistrySource" : "pluginProfileUnavailable") })]
 			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				className: "mc-desc",
-				children: t("desc")
-			}),
-			diagnostics !== null && skillDiagnosticCount > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("details", {
-				className: "mc-diagnostics",
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("summary", { children: t("diagnosticTitle", { count: skillDiagnosticCount }) }),
-					diagnostics.unavailableSkills.map((item, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: t("diagnosticUnavailable", {
-						name: item.name,
-						source: item.source,
-						preset: item.preset ?? ""
-					}) }, `unavailable-${item.name}-${item.preset ?? ""}-${index}`)),
-					diagnostics.shadowedSkills.map((item, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: t("diagnosticShadowed", {
-						name: item.name,
-						winner: item.selectedFrom,
-						hidden: item.shadowedFrom
-					}) }, `shadowed-${item.name}-${item.shadowedFrom}-${index}`)),
-					diagnostics.brokenPresets.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: t("diagnosticBroken", {
-						id: item.id,
-						reason: item.reason
-					}) }, `broken-${item.id}`)),
-					diagnostics.unbrowseableSkills.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: t("diagnosticUnbrowseable", {
-						name: item.name,
-						reason: item.reason
-					}) }, `browse-${item.name}`)),
-					diagnostics.undocumentedSkills.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: t("diagnosticUndocumented", {
-						name: item.name,
-						summary: item.summary
-					}) }, `undocumented-${item.name}`))
-				]
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "mc-tabs",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.SegmentedTabs, {
-					className: "mc-main-tabs",
-					items: [{
-						value: "tools",
-						id: "mc-tab-tools",
-						panelId: "mc-panel-tools",
-						label: t("toolsGroup")
-					}, {
-						value: "skills",
-						id: "mc-tab-skills",
-						panelId: "mc-panel-skills",
-						label: t("skillsGroup")
-					}],
-					value: activeTab,
-					onChange: onTabChange,
-					label: t("title")
-				})
-			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CatalogStatStrip, { cells: statCells }),
-			snapshot.rows.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "mc-filter",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
-					type: "search",
-					value: filter,
-					placeholder: t("filterByName"),
-					"aria-label": t("filterByName"),
-					title: t("filterHint"),
-					onChange: (e) => setFilter(e.target.value)
-				})
+			diagnostics !== null && skillDiagnosticCount > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("details", {
+				className: "mc-cat-diag",
+				"data-v3-catalog-diagnostics": "true",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("summary", { children: t("diagnosticTitle", { count: skillDiagnosticCount }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "mc-cat-diag-body",
+					children: [
+						diagnostics.unavailableSkills.map((item, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: t("diagnosticUnavailable", {
+							name: item.name,
+							source: item.source,
+							preset: item.preset ?? ""
+						}) }, `unavailable-${item.name}-${item.preset ?? ""}-${index}`)),
+						diagnostics.shadowedSkills.map((item, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: t("diagnosticShadowed", {
+							name: item.name,
+							winner: item.selectedFrom,
+							hidden: item.shadowedFrom
+						}) }, `shadowed-${item.name}-${item.shadowedFrom}-${index}`)),
+						diagnostics.brokenPresets.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: t("diagnosticBroken", {
+							id: item.id,
+							reason: item.reason
+						}) }, `broken-${item.id}`)),
+						diagnostics.unbrowseableSkills.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: t("diagnosticUnbrowseable", {
+							name: item.name,
+							reason: item.reason
+						}) }, `browse-${item.name}`)),
+						diagnostics.undocumentedSkills.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: t("diagnosticUndocumented", {
+							name: item.name,
+							summary: item.summary
+						}) }, `undocumented-${item.name}`))
+					]
+				})]
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				role: "tabpanel",
@@ -6513,11 +6517,7 @@ const COVERAGE_LABELS = Object.freeze({
 	partial: "部分",
 	unknown: "未知"
 });
-/**
-* Zero-count placeholders. Required for `plugin-tool` / `skill`; the other
-* kinds get a neutral line so no zero is ever presented as "未使用".
-*/
-const CALL_INDEX_ZERO_SOURCE_NOTES = Object.freeze({
+Object.freeze({
 	mcp: "本次索引未解析到 MCP 来源的调用；覆盖不完整时不能据此判定未使用。",
 	native: "本次索引未解析到原生工具调用；覆盖不完整时不能据此判定未使用。",
 	"plugin-tool": "本次索引未解析出插件工具归属（插件 owner 不可证明），0 在这里不等于未使用。",
@@ -6556,10 +6556,6 @@ function formatCallIndexCount(value, totalExact) {
 	const text = Math.trunc(value).toLocaleString("en-US");
 	return totalExact === true ? text : `≥${text}`;
 }
-/** Human label for the time filter. */
-function callIndexRangeLabel(range) {
-	return range === "all" ? "全部" : `${range} 天`;
-}
 /**
 * Local-day window for `range`, expressed as the wire's half-open
 * `[fromMs, toMs)`. `'all'` carries no lower bound.
@@ -6804,24 +6800,6 @@ function callIndexOutcomeMix(summary) {
 		total: summary.total
 	};
 }
-/**
-* `bySource` for display. Always returns all five kinds in a fixed order, so
-* the distribution never reshuffles between reads; a zero carries its
-* placeholder instead of disappearing.
-*/
-function callIndexSourceData(bySource) {
-	const total = bySource === void 0 ? 0 : SOURCE_DISPLAY_ORDER.reduce((sum, kind) => sum + bySource[kind], 0);
-	return SOURCE_DISPLAY_ORDER.map((kind) => {
-		const count = bySource?.[kind] ?? 0;
-		return {
-			kind,
-			label: CALL_INDEX_SOURCE_LABELS[kind],
-			count,
-			share: total > 0 ? count / total : 0,
-			...count === 0 ? { zeroNote: CALL_INDEX_ZERO_SOURCE_NOTES[kind] } : {}
-		};
-	});
-}
 /** Fixed chart box; the SVG scales with CSS but the geometry is deterministic. */
 const CALL_INDEX_TREND_GEOMETRY = Object.freeze({
 	width: 640,
@@ -7002,18 +6980,13 @@ function callIndexOverviewMetrics(overview, status) {
 		...status?.task === void 0 ? {} : { tasks: status.task }
 	};
 }
-/** True when `plugin-tool` and `skill` both resolved to zero. */
-function callIndexHasUnexplainedSources(aggregates) {
-	if (aggregates === void 0) return false;
-	return aggregates.bySource["plugin-tool"] === 0 && aggregates.bySource.skill === 0;
-}
 /** Short Session id for a dense table cell; the full id stays in `title`. */
 function shortCallIndexSessionId(sessionId) {
 	return sessionId.length <= 12 ? sessionId : sessionId.slice(0, 12);
 }
 /** Inline stylesheet; a `<style>` element keeps this file dependency-free. */
 function CallIndexStyles() {
-	return (0, react.createElement)("style", { "data-call-index-style": "true" }, ".mc-ci-filter{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}.mc-ci-filter label{display:flex;gap:4px;align-items:center;font-size:12px}.mc-ci-table-scroll{width:100%;overflow:auto;max-height:min(60vh,560px);overscroll-behavior:contain}.mc-ci-table{width:100%;border-collapse:collapse;font-size:12px}.mc-ci-table thead th{position:sticky;top:0;z-index:1;background:var(--mc-surface,Canvas);box-shadow:inset 0 -1px 0 color-mix(in srgb,currentColor 12%,transparent)}.mc-ci-progress{display:flex;flex-direction:column;gap:4px;margin:8px 0}.mc-ci-progress-track{height:6px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,currentColor 12%,transparent)}.mc-ci-progress-fill{height:100%;border-radius:999px;background:color-mix(in srgb,currentColor 55%,transparent);transition:width .3s ease}.mc-ci-progress-fill.is-indeterminate{animation:mc-ci-indeterminate 1.1s ease-in-out infinite}@keyframes mc-ci-indeterminate{0%{transform:translateX(-60%)}100%{transform:translateX(340%)}}@media (prefers-reduced-motion:reduce){.mc-ci-progress-fill{transition:none}.mc-ci-progress-fill.is-indeterminate{animation:none;width:100%!important;opacity:.4}}.mc-ci-session-picker{display:inline-flex;align-items:center;gap:6px;font-size:12px}.mc-ci-session-picker-label{opacity:.7}.mc-ci-session-select{max-width:280px;padding:3px 6px;border-radius:6px;font-size:12px;border:1px solid color-mix(in srgb,currentColor 22%,transparent);background:transparent;color:inherit}.mc-ci-session-select:disabled{opacity:.5}.mc-ci-progress-meta{display:flex;gap:8px;align-items:baseline;font-size:12px}.mc-ci-progress-value{font-variant-numeric:tabular-nums;font-weight:600}.mc-ci-progress-detail{opacity:.72}.mc-ci-table th,.mc-ci-table td{padding:4px 6px;text-align:left;border-bottom:1px solid color-mix(in srgb,currentColor 12%,transparent);white-space:nowrap}.mc-ci-table tbody tr{cursor:pointer}.mc-ci-table tbody tr[aria-selected=\"true\"]{background:color-mix(in srgb,currentColor 8%,transparent)}.mc-ci-table td:nth-child(2),.mc-ci-table td:nth-child(4){max-width:220px;overflow:hidden;text-overflow:ellipsis}.mc-ci-table th:nth-child(2),.mc-ci-table th:nth-child(4){max-width:220px}.mc-ci-num{font-variant-numeric:tabular-nums}.mc-ci-bar{display:flex;height:8px;gap:1px;margin:4px 0}.mc-ci-bar > span{display:block;height:100%;min-width:2px}.mc-ci-aside{border-left:1px solid color-mix(in srgb,currentColor 15%,transparent);padding-left:12px;min-width:240px;font-size:12px}.mc-ci-metric{display:inline-flex;flex-direction:column;margin-right:18px;min-width:110px;vertical-align:top}.mc-ci-metric-label{font-size:11px;opacity:.7}.mc-ci-metric-value{font-size:18px;font-variant-numeric:tabular-nums}.mc-ci-metric-hint{font-size:11px;opacity:.75}.mc-ci-trend svg{width:100%;max-width:640px;height:auto}.v3-status-pills{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:12px}.v3-statusline.v3-status-dash{border-style:dashed;color:var(--v3-t4)}.v3-filtercard{padding:11px 14px 13px}.v3-filter-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:9px}.v3-search{display:flex;align-items:center;gap:6px;height:26px;padding:0 8px;border:1px solid var(--v3-line);border-radius:var(--v3-r-sm);background:var(--v3-panel-2);min-width:150px;flex:1 1 150px}.v3-search input{border:0;background:transparent;color:var(--v3-t1);font:inherit;font-size:12px;width:100%;outline:0;min-width:0}.v3-search input::placeholder{color:var(--v3-t4)}.v3-kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.v3-kv-l{font-size:11px;color:var(--v3-t4)}.v3-kv-v{font-size:12px;color:var(--v3-t2);margin-top:2px;overflow-wrap:anywhere}.v3-ts.v3-ts--h330{max-height:330px}.v3-src i[data-zero=\"true\"]{background:var(--v3-panel-2)}");
+	return (0, react.createElement)("style", { "data-call-index-style": "true" }, ".mc-ci-filter{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}.mc-ci-filter label{display:flex;gap:4px;align-items:center;font-size:12px}.mc-ci-table-scroll{width:100%;overflow:auto;max-height:min(60vh,560px);overscroll-behavior:contain}.mc-ci-table{width:100%;border-collapse:collapse;font-size:12px}.mc-ci-table thead th{position:sticky;top:0;z-index:1;background:var(--mc-surface,Canvas);box-shadow:inset 0 -1px 0 color-mix(in srgb,currentColor 12%,transparent)}.mc-ci-progress{display:flex;flex-direction:column;gap:4px;margin:8px 0}.mc-ci-progress-track{height:6px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,currentColor 12%,transparent)}.mc-ci-progress-fill{height:100%;border-radius:999px;background:color-mix(in srgb,currentColor 55%,transparent);transition:width .3s ease}.mc-ci-progress-fill.is-indeterminate{animation:mc-ci-indeterminate 1.1s ease-in-out infinite}@keyframes mc-ci-indeterminate{0%{transform:translateX(-60%)}100%{transform:translateX(340%)}}@media (prefers-reduced-motion:reduce){.mc-ci-progress-fill{transition:none}.mc-ci-progress-fill.is-indeterminate{animation:none;width:100%!important;opacity:.4}}.mc-ci-session-picker{display:inline-flex;align-items:center;gap:6px;font-size:12px}.mc-ci-session-picker-label{opacity:.7}.mc-ci-session-select{max-width:280px;padding:3px 6px;border-radius:6px;font-size:12px;border:1px solid color-mix(in srgb,currentColor 22%,transparent);background:transparent;color:inherit}.mc-ci-session-select:disabled{opacity:.5}.mc-ci-progress-meta{display:flex;gap:8px;align-items:baseline;font-size:12px}.mc-ci-progress-value{font-variant-numeric:tabular-nums;font-weight:600}.mc-ci-progress-detail{opacity:.72}.mc-ci-table th,.mc-ci-table td{padding:4px 6px;text-align:left;border-bottom:1px solid color-mix(in srgb,currentColor 12%,transparent);white-space:nowrap}.mc-ci-table tbody tr{cursor:pointer}.mc-ci-table tbody tr[aria-selected=\"true\"]{background:color-mix(in srgb,currentColor 8%,transparent)}.mc-ci-table td:nth-child(2),.mc-ci-table td:nth-child(4){max-width:220px;overflow:hidden;text-overflow:ellipsis}.mc-ci-table th:nth-child(2),.mc-ci-table th:nth-child(4){max-width:220px}.mc-ci-num{font-variant-numeric:tabular-nums}.mc-ci-bar{display:flex;height:8px;gap:1px;margin:4px 0}.mc-ci-bar > span{display:block;height:100%;min-width:2px}.mc-ci-aside{border-left:1px solid color-mix(in srgb,currentColor 15%,transparent);padding-left:12px;min-width:240px;font-size:12px}.mc-ci-metric{display:inline-flex;flex-direction:column;margin-right:18px;min-width:110px;vertical-align:top}.mc-ci-metric-label{font-size:11px;opacity:.7}.mc-ci-metric-value{font-size:18px;font-variant-numeric:tabular-nums}.mc-ci-metric-hint{font-size:11px;opacity:.75}.mc-ci-trend svg{width:100%;max-width:640px;height:auto}.v3-status-pills{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:12px}.v3-statusline.v3-status-dash{border-style:dashed;color:var(--v3-t4)}.v3-filtercard{padding:11px 14px 13px}.v3-filter-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:9px}.v3-search{display:flex;align-items:center;gap:6px;height:26px;padding:0 8px;border:1px solid var(--v3-line);border-radius:var(--v3-r-sm);background:var(--v3-panel-2);min-width:150px;flex:1 1 150px}.v3-search input{border:0;background:transparent;color:var(--v3-t1);font:inherit;font-size:12px;width:100%;outline:0;min-width:0}.v3-search input::placeholder{color:var(--v3-t4)}.v3-kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.v3-kv-l{font-size:11px;color:var(--v3-t4)}.v3-kv-v{font-size:12px;color:var(--v3-t2);margin-top:2px;overflow-wrap:anywhere}.v3-ts.v3-ts--h330{max-height:330px}.v3-chartview{overflow-x:auto;cursor:grab;overscroll-behavior-x:contain;scrollbar-width:thin;user-select:none;-webkit-user-select:none}.v3-chartview:active{cursor:grabbing}.v3-chartview svg{display:block}.v3-src i[data-zero=\"true\"]{background:var(--v3-panel-2)}");
 }
 /** One v3 `.v3-stat` cell: label, big value, optional hint line, optional sparkline. */
 function V3Stat(props) {
@@ -7064,21 +7037,32 @@ function toolDisplayLabel(toolName) {
 	}
 	return toolName;
 }
+/** Pixel width of the trend for `days` buckets: days x min column, floored. */
+function callIndexTrendWidth(days) {
+	return Math.max(320, (Number.isFinite(days) && days > 0 ? Math.floor(days) : 1) * 34);
+}
 /**
-* The v3 overview trend: a 720×212 line + area (calls), failure底柱 (error), a
-* dashed "recent week" band and a peak label. Drawn from `callIndexTrend`'s bars
-* so its numbers are the same ones the caption quotes — no second data path.
+* The v3 overview trend: a line + area (calls), failure底柱 (error), a dashed
+* "recent week" band and a peak label, drawn inside a horizontally scrollable
+* strip so a long series can be panned instead of squeezed.
+*
+* Geometry comes from `callIndexTrend`'s bars (one data path). The SVG is
+* days x min-column wide (never narrower than the card), so day labels stay
+* legible; the wrapper scrolls and supports pointer drag-to-pan. The last day
+* label is right-anchored at the padding edge so it cannot overlap the one
+* before it.
 */
 function OverviewTrendSvg(props) {
-	const { chart } = props, W = 720, H = 212, padL = 34, padT = 12;
-	const plotW = 676;
-	const plotH = 174;
+	const { chart } = props;
 	const bars = chart.bars;
 	const n = bars.length;
+	const W = callIndexTrendWidth(n), H = 212, padL = 34, padR = 22, padT = 12;
+	const plotW = W - padL - padR;
+	const plotH = 174;
 	const maxV = chart.maxCalls > 0 ? Math.ceil(chart.maxCalls / 10) * 10 : 1;
 	const xAt = (i) => padL + (n <= 1 ? plotW / 2 : i * plotW / (n - 1));
 	const yAt = (v) => 186 - v / maxV * plotH;
-	const points = bars.map((bar, i) => `${xAt(i).toFixed(1)},${yAt(bar.calls).toFixed(1)}`);
+	const points = bars.map((bar, i) => xAt(i).toFixed(1) + "," + yAt(bar.calls).toFixed(1));
 	let peak = 0;
 	for (let i = 1; i < n; i++) if (bars[i].calls > bars[peak].calls) peak = i;
 	const children = [];
@@ -7086,7 +7070,7 @@ function OverviewTrendSvg(props) {
 		const start = Math.max(0, n - 7);
 		const slot = n > 1 ? plotW / (n - 1) : plotW;
 		const left = Math.max(padL, xAt(start) - slot / 2);
-		const right = Math.min(710, xAt(n - 1) + slot / 2);
+		const right = Math.min(W - padR, xAt(n - 1) + slot / 2);
 		children.push((0, react.createElement)("rect", {
 			key: "hl",
 			className: "v3-hlbox",
@@ -7101,15 +7085,15 @@ function OverviewTrendSvg(props) {
 		const value = maxV * g / 4;
 		const y = yAt(value);
 		children.push((0, react.createElement)("line", {
-			key: `grid-${g}`,
+			key: "grid-" + g,
 			className: "v3-grid",
 			x1: padL,
 			y1: y.toFixed(1),
-			x2: 710,
+			x2: W - padR,
 			y2: y.toFixed(1)
 		}));
 		children.push((0, react.createElement)("text", {
-			key: `tick-${g}`,
+			key: "tick-" + g,
 			className: "v3-axis",
 			x: 27,
 			y: (y + 3.5).toFixed(1),
@@ -7121,19 +7105,19 @@ function OverviewTrendSvg(props) {
 		if (bar.error <= 0) return;
 		const errH = Math.max(2.5, bar.error / maxV * plotH);
 		children.push((0, react.createElement)("rect", {
-			key: `err-${bar.day}`,
+			key: "err-" + bar.day,
 			className: "v3-bar-er",
 			x: (xAt(i) - barWidth / 2).toFixed(1),
 			y: (186 - errH).toFixed(1),
 			width: barWidth.toFixed(1),
 			height: errH.toFixed(1),
 			rx: 1.5
-		}, (0, react.createElement)("title", null, `${bar.day}：失败 ${bar.error} 次`)));
+		}, (0, react.createElement)("title", null, bar.day + "：失败 " + bar.error + " 次")));
 	});
 	children.push((0, react.createElement)("polygon", {
 		key: "area",
 		className: "v3-area",
-		points: `${padL},186 ${points.join(" ")} 710,186`
+		points: "34,186 " + points.join(" ") + " " + (W - padR) + ",186"
 	}));
 	children.push((0, react.createElement)("polyline", {
 		key: "line",
@@ -7143,12 +7127,12 @@ function OverviewTrendSvg(props) {
 	bars.forEach((bar, i) => {
 		if (i % 4 !== 0 && i !== n - 1 && i !== peak) return;
 		children.push((0, react.createElement)("circle", {
-			key: `pt-${bar.day}`,
+			key: "pt-" + bar.day,
 			className: "v3-pt",
 			cx: xAt(i).toFixed(1),
 			cy: yAt(bar.calls).toFixed(1),
 			r: 2.6
-		}, (0, react.createElement)("title", null, `${bar.day}：${bar.calls} 次调用，失败 ${bar.error} 次`)));
+		}, (0, react.createElement)("title", null, bar.day + "：" + bar.calls + " 次调用，失败 " + bar.error + " 次")));
 	});
 	if (n > 0) {
 		children.push((0, react.createElement)("text", {
@@ -7157,9 +7141,10 @@ function OverviewTrendSvg(props) {
 			x: (xAt(peak) - 8).toFixed(1),
 			y: (yAt(bars[peak].calls) - 9).toFixed(1),
 			"text-anchor": "end"
-		}, `峰值 ${bars[peak].calls}`));
-		for (let m = 0; m < n; m += 5) children.push((0, react.createElement)("text", {
-			key: `xl-${m}`,
+		}, "峰值 " + bars[peak].calls));
+		const step = Math.max(1, Math.ceil(n / 6));
+		for (let m = 0; m < n - 1; m += step) children.push((0, react.createElement)("text", {
+			key: "xl-" + m,
 			className: "v3-axis",
 			x: xAt(m).toFixed(1),
 			y: 204,
@@ -7168,35 +7153,106 @@ function OverviewTrendSvg(props) {
 		children.push((0, react.createElement)("text", {
 			key: "xl-last",
 			className: "v3-axis",
-			x: 710,
+			x: (W - padR).toFixed(1),
 			y: 204,
-			"text-anchor": "end"
+			"text-anchor": "end",
+			"data-call-index-lasttick": "true"
 		}, bars[n - 1].day.slice(5)));
 	}
-	return (0, react.createElement)("svg", {
+	const svg = (0, react.createElement)("svg", {
 		className: "v3-chart",
-		viewBox: `0 0 ${W} ${H}`,
+		viewBox: "0 0 " + W + " 212",
 		preserveAspectRatio: "none",
 		role: "img",
-		"aria-label": `每日调用与失败数：${n} 天，峰值 ${chart.maxCalls} 次`,
-		"data-call-index-svg": "trend"
+		width: W,
+		height: H,
+		style: {
+			width: W + "px",
+			minWidth: "100%",
+			height: "212px"
+		},
+		"aria-label": "每日调用与失败数：" + n + " 天，峰值 " + chart.maxCalls + " 次",
+		"data-call-index-svg": "trend",
+		"data-call-index-width": String(W)
 	}, ...children);
+	let dragging = false;
+	let startX = 0;
+	let startScroll = 0;
+	return (0, react.createElement)("div", {
+		className: "v3-chartview",
+		"data-call-index-chartview": "true",
+		onPointerDown: (event) => {
+			dragging = true;
+			startX = event.clientX;
+			startScroll = event.currentTarget.scrollLeft;
+			event.currentTarget.style.cursor = "grabbing";
+			if (event.pointerId !== void 0 && typeof event.currentTarget.setPointerCapture === "function") try {
+				event.currentTarget.setPointerCapture(event.pointerId);
+			} catch {}
+		},
+		onPointerMove: (event) => {
+			if (!dragging) return;
+			event.currentTarget.scrollLeft = startScroll - (event.clientX - startX);
+		},
+		onPointerUp: (event) => {
+			dragging = false;
+			event.currentTarget.style.cursor = "grab";
+		},
+		onPointerLeave: (event) => {
+			if (!dragging) return;
+			dragging = false;
+			event.currentTarget.style.cursor = "grab";
+		}
+	}, svg);
 }
-/** 来源构成: a one-segment donut (未解析) + five-source list + an honesty note. */
+/**
+* 来源构成，按工具名前缀启发式分类。
+*
+* NOT Host attribution: the Host cannot prove a plugin owner, so this card does
+* not pretend to. It splits the already-read per-tool rows by a plain rule —
+* a `mcp__` prefix is MCP, everything else is native — and says so at the foot.
+* When the per-tool read has not happened there is nothing to classify, so the
+* card shows 「来源未解析」 and explains that this is not a zero count.
+*/
 function OverviewSourcePanel(props) {
-	if (props.bySource === void 0) return (0, react.createElement)("div", { className: "v3-panel" }, (0, react.createElement)("div", { className: "v3-ph" }, (0, react.createElement)("span", { className: "v3-pt" }, "来源构成")), (0, react.createElement)("p", {
+	const note = (0, react.createElement)("p", { className: "v3-src-note" }, (0, react.createElement)("span", null, "按工具名前缀推断，不是 Host 归属。"), (0, react.createElement)("b", { style: { color: "var(--v3-t3)" } }, " 0 在这里不等于未使用"));
+	if (props.tools === void 0) return (0, react.createElement)("div", { className: "v3-panel" }, (0, react.createElement)("div", { className: "v3-ph" }, (0, react.createElement)("span", { className: "v3-pt" }, "来源构成")), (0, react.createElement)("p", {
 		className: "v3-hint",
 		"data-call-index-missing": "by-source"
-	}, "Host 未返回来源分布（bySource）；这不是「全部为 0」。"));
-	const data = callIndexSourceData(props.bySource);
-	const total = data.reduce((sum, item) => sum + item.count, 0);
-	const unknownCount = data.find((item) => item.kind === "unknown")?.count ?? 0;
-	const share = total > 0 ? unknownCount / total : 0;
-	const percent = Math.round(share * 100);
+	}, "尚未读取逐工具明细，来源未解析；这不是「全部为 0」。"), note);
+	const mcpCalls = props.tools.filter((row) => row.toolName.startsWith("mcp__")).reduce((sum, row) => sum + row.calls, 0);
+	const nativeCalls = props.tools.reduce((sum, row) => sum + row.calls, 0) - mcpCalls;
+	const total = mcpCalls + nativeCalls;
+	const data = [{
+		kind: "mcp",
+		label: CALL_INDEX_SOURCE_LABELS.mcp,
+		count: mcpCalls,
+		color: "var(--v3-info)"
+	}, {
+		kind: "native",
+		label: CALL_INDEX_SOURCE_LABELS.native,
+		count: nativeCalls,
+		color: "var(--v3-ok)"
+	}];
 	const radius = 43;
 	const circumference = 2 * Math.PI * radius;
-	const segment = share * circumference;
-	const allUnresolved = total > 0 && unknownCount === total;
+	let offset = 0;
+	const segments = data.filter((item) => item.count > 0).map((item) => {
+		const length = total > 0 ? item.count / total * circumference : 0;
+		const circle = (0, react.createElement)("circle", {
+			key: item.kind,
+			className: "v3-seg",
+			cx: 52,
+			cy: 52,
+			r: radius,
+			"data-seg": item.kind,
+			strokeDasharray: `${length.toFixed(1)} ${(circumference - length).toFixed(1)}`,
+			strokeDashoffset: (-offset).toFixed(1),
+			style: { stroke: item.color }
+		});
+		offset += length;
+		return circle;
+	});
 	return (0, react.createElement)("div", { className: "v3-panel" }, (0, react.createElement)("div", { className: "v3-ph" }, (0, react.createElement)("span", { className: "v3-pt" }, "来源构成"), (0, react.createElement)("span", { className: "v3-pn" }, `${formatCallIndexCount(total, props.totalExact)} 次`)), (0, react.createElement)("div", { className: "v3-donut-wrap" }, (0, react.createElement)("div", { className: "v3-donut" }, (0, react.createElement)("svg", {
 		viewBox: "0 0 104 104",
 		"aria-hidden": "true"
@@ -7205,19 +7261,12 @@ function OverviewSourcePanel(props) {
 		cx: 52,
 		cy: 52,
 		r: radius
-	}), (0, react.createElement)("circle", {
-		className: "v3-seg",
-		cx: 52,
-		cy: 52,
-		r: radius,
-		"data-seg": "unknown",
-		strokeDasharray: `${segment.toFixed(1)} ${(circumference - segment).toFixed(1)}`,
-		strokeDashoffset: 0
-	})), (0, react.createElement)("div", { className: "v3-mid" }, (0, react.createElement)("b", { className: "v3-num" }, `${percent}%`), (0, react.createElement)("span", null, "未解析"))), (0, react.createElement)("div", { className: "v3-src-list" }, ...data.map((item) => (0, react.createElement)("div", {
+	}), ...segments), (0, react.createElement)("div", { className: "v3-mid" }, (0, react.createElement)("b", { className: "v3-num" }, formatCallIndexCount(total, props.totalExact)), (0, react.createElement)("span", null, "次调用"))), (0, react.createElement)("div", { className: "v3-src-list" }, ...data.map((item) => (0, react.createElement)("div", {
 		key: item.kind,
 		className: "v3-src",
-		"data-source-row": item.kind
-	}, (0, react.createElement)("i", item.count === 0 ? { "data-zero": "true" } : {}), (0, react.createElement)("span", { className: "v3-nm" }, item.label), (0, react.createElement)("b", null, formatCallIndexCount(item.count, props.totalExact)), (0, react.createElement)("em", null, total > 0 ? `${Math.round(item.share * 100)}%` : "0%"))))), (0, react.createElement)("p", { className: "v3-src-note" }, allUnresolved ? `Host 无法证明插件 owner，非 mcp__ 前缀的调用也不带归属证据，所以 ${formatCallIndexCount(total, props.totalExact)} 次调用全部落在「来源未解析」——这是当前唯一真实的分布形态，不是抽样。` : "Host 无法证明插件 owner，非 mcp__ 前缀的调用也不带归属证据；未解析出归属的调用单列为「来源未解析」，其余按 Host 能证明的 kind 归类。", (0, react.createElement)("b", { style: { color: "var(--v3-t3)" } }, " 0 在这里不等于未使用")));
+		"data-source-row": item.kind,
+		"data-source-count": String(item.count)
+	}, (0, react.createElement)("i", item.count === 0 ? { "data-zero": "true" } : {}), (0, react.createElement)("span", { className: "v3-nm" }, item.label), (0, react.createElement)("b", null, formatCallIndexCount(item.count, props.totalExact)), (0, react.createElement)("em", null, total > 0 ? `${Math.round(item.count / total * 100)}%` : "0%"))))), note);
 }
 function callIndexDiagnostics(input) {
 	const items = [];
@@ -7552,9 +7601,8 @@ function CallIndexDetailPanelView(props) {
 		...failure === void 0 ? {} : { failure }
 	});
 	const totalText = page === void 0 ? void 0 : formatCallIndexCount(page.total ?? page.summary.total, page.totalExact);
-	const coverageLabel = page === void 0 ? void 0 : COVERAGE_LABELS[page.coverage];
 	const scanning = status !== void 0 && (status.phase === "running" || (status.sessions?.pending ?? 0) > 0 || (status.sessions?.pendingLive ?? 0) > 0);
-	const statusText = page === void 0 ? loading === true ? "正在读取调用明细…" : "尚未读取调用明细" : `快照代 ${page.generation} · 覆盖 ${coverageLabel ?? "未知"} · 按工具聚合`;
+	const statusText = page === void 0 ? loading === true ? "正在读取调用明细…" : "尚未读取调用明细" : scanning ? "索引仍在扫描，数字会继续增加" : "索引已完成";
 	const rates = callIndexRates(page?.summary);
 	const successStats = rates.success;
 	const failureStats = rates.failure;
@@ -7621,7 +7669,7 @@ function CallIndexDetailPanelView(props) {
 		className: "v3-dot",
 		"data-tone": state.kind === "failure" || state.kind === "disconnected" ? "bad" : scanning ? "run" : "ok",
 		"aria-hidden": "true"
-	}), statusText), (0, react.createElement)("span", { className: "v3-statusline v3-status-dash" }, `${rows.length} 个工具 · ${formatCallIndexCount(readCalls, page?.totalExact)} 次调用${readIsPartial ? `（全部 ${formatCallIndexCount(totalCalls, page?.totalExact)} 次）` : ""}`)), (0, react.createElement)("div", { className: "v3-panel v3-filtercard" }, (0, react.createElement)("div", { className: "v3-filter-row" }, CallIndexFilters({
+	}), (0, react.createElement)("span", null, statusText))), (0, react.createElement)("div", { className: "v3-panel v3-filtercard" }, (0, react.createElement)("div", { className: "v3-filter-row" }, CallIndexFilters({
 		query,
 		...onQueryChange === void 0 ? {} : { onChange: onQueryChange },
 		...onResolveScope === void 0 ? {} : { onResolveScope },
@@ -7710,7 +7758,7 @@ function CallIndexDetailPanelView(props) {
 	}, `条长 = 失败次数（不是失败率）。共 ${failingRows.length} 个工具出现过失败。`))), (0, react.createElement)("div", {
 		className: "v3-panel",
 		style: { marginTop: 12 }
-	}, (0, react.createElement)("div", { className: "v3-ph" }, (0, react.createElement)("span", { className: "v3-pt" }, "完整工具表"), (0, react.createElement)("span", { className: "v3-pn" }, `${rows.length} 行 · 表内滚动`)), (0, react.createElement)(CallIndexToolTable, { rows }), (0, react.createElement)("div", { className: "v3-tfoot" }, (0, react.createElement)("span", null, `${rows.length} 个工具 · 表内滚动`), page === void 0 ? null : (0, react.createElement)("span", { style: { marginLeft: "auto" } }, `快照代 ${page.generation} · 覆盖 ${coverageLabel ?? "未知"}`))), page?.nextCursor !== void 0 && loadingMore === true ? (0, react.createElement)("p", {
+	}, (0, react.createElement)("div", { className: "v3-ph" }, (0, react.createElement)("span", { className: "v3-pt" }, "完整工具表"), (0, react.createElement)("span", { className: "v3-pn" }, `${rows.length} 行 · 表内滚动`)), (0, react.createElement)(CallIndexToolTable, { rows }), (0, react.createElement)("div", { className: "v3-tfoot" }, (0, react.createElement)("span", null, `${rows.length} 个工具 · 表内滚动`))), page?.nextCursor !== void 0 && loadingMore === true ? (0, react.createElement)("p", {
 		className: "v3-hint",
 		"data-call-index-note": "loading-more",
 		style: { marginTop: 8 }
@@ -7725,14 +7773,15 @@ function CallIndexDetailPanelView(props) {
 function CallIndexOverviewPanelView(props) {
 	const { status, overview, loading, failure, onRefresh, tools, toolsLoading, toolsFailure } = props;
 	const metrics = callIndexOverviewMetrics(overview, status);
-	const rangeLabel = callIndexRangeLabel("all");
 	const exact = metrics.callsTotalExact;
 	const mix = callIndexOutcomeMix(overview?.summary);
 	const aggregates = metrics.aggregates;
 	const notice = failure === void 0 ? void 0 : failure.disconnected ? `与 Host 断连：${callIndexFailureText(failure)}${failure.hostCode === void 0 ? "" : `（${failure.hostCode}）`}` : callIndexFailureText(failure);
 	const coverageLabel = status === void 0 ? "未知" : COVERAGE_LABELS[status.coverage];
 	const scanning = status !== void 0 && (status.phase === "running" || (status.sessions?.pending ?? 0) > 0 || (status.sessions?.pendingLive ?? 0) > 0);
-	const sessionsText = metrics.sessionsListed === void 0 ? "Session 未读取" : `${metrics.sessionsListed} 列出 / ${metrics.sessionsVisible ?? "—"} 可见`;
+	const pendingSessions = status?.sessions?.pending ?? 0;
+	const scanPhrase = status !== void 0 && status.phase === "running" ? "仍在扫描" : pendingSessions > 0 ? `还有 ${pendingSessions} 个会话待补扫` : "扫描已完成";
+	const statusSentence = `已索引 ${metrics.sessionsListed ?? "—"} 个会话 · 覆盖${coverageLabel} · ${scanPhrase}`;
 	const coverageHint = exact === true ? (0, react.createElement)("span", { style: {
 		display: "inline-flex",
 		alignItems: "center",
@@ -7773,11 +7822,6 @@ function CallIndexOverviewPanelView(props) {
 	const failingTop = failingRows === void 0 ? [] : failingRows.slice(0, 3);
 	const failingRest = failingRows === void 0 ? [] : failingRows.slice(3);
 	const failingRestErrors = failingRest.reduce((sum, row) => sum + row.error, 0);
-	const failingReadErrors = failingRows === void 0 ? 0 : failingRows.reduce((sum, row) => sum + row.error, 0);
-	const failDenominator = metrics.failed !== void 0 && metrics.failed > 0 ? metrics.failed : failingReadErrors;
-	const readCalls = tools === void 0 ? 0 : totalToolCalls;
-	const readIsPartial = metrics.calls !== void 0 && readCalls < metrics.calls;
-	const worstRateTool = failingRows === void 0 || failingRows.length === 0 ? void 0 : failingRows.slice().sort((a, b) => b.error / b.calls - a.error / a.calls)[0];
 	const toolsNotice = tools === void 0 ? (0, react.createElement)("p", {
 		className: "v3-hint",
 		"data-call-index-note": "tools"
@@ -7795,24 +7839,23 @@ function CallIndexOverviewPanelView(props) {
 		className: "v3-root mc-section",
 		"aria-label": "调用统计总览",
 		"aria-busy": loading === true
-	}, CallIndexStyles(), V3Styles(), (0, react.createElement)("header", { className: "mc-heading-row" }, (0, react.createElement)("div", { className: "mc-heading-meta" }, (0, react.createElement)("h2", { className: "mc-heading" }, "总览"), (0, react.createElement)("span", { className: "mc-version" }, loading === true ? "正在读取…" : rangeLabel === "全部" ? "范围：全部已索引会话" : `范围：最近 ${rangeLabel}`)), (0, react.createElement)("div", { className: "mc-heading-actions" }, (0, react.createElement)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+	}, CallIndexStyles(), V3Styles(), (0, react.createElement)("div", { style: {
+		display: "flex",
+		justifyContent: "flex-end"
+	} }, (0, react.createElement)(_deepseek_ai_dsh_client_ui_primitives.Button, {
 		size: "sm",
 		variant: "outline",
 		disabled: loading === true || onRefresh === void 0,
 		onClick: () => onRefresh?.()
-	}, "刷新"))), (0, react.createElement)("p", { className: "mc-desc" }, "调用索引的总览：调用次数、Session 覆盖、来源构成与按日趋势。所有统计口径以覆盖状态为准，未知一律如实标注。"), notice === void 0 ? null : (0, react.createElement)("div", {
+	}, "刷新")), notice === void 0 ? null : (0, react.createElement)("div", {
 		className: "mc-notice",
 		role: failure?.disconnected === true ? "alert" : "status",
 		"data-call-index-state": failure?.disconnected === true ? "disconnected" : "failure"
 	}, notice), (0, react.createElement)("div", { className: "v3-status-pills" }, (0, react.createElement)("span", { className: "v3-statusline" }, (0, react.createElement)("span", {
-		className: "v3-dot",
-		"data-tone": coverageLabel === "完整" ? "ok" : "warn",
-		"aria-hidden": "true"
-	}), (0, react.createElement)("span", null, "覆盖 ", (0, react.createElement)("b", null, coverageLabel), `　·　${sessionsText}${exact === true ? "" : "　·　所有总量为下界"}`)), (0, react.createElement)("span", { className: "v3-statusline" }, (0, react.createElement)("span", {
 		className: "v3-dot",
 		"data-tone": scanning ? "run" : "ok",
 		"aria-hidden": "true"
-	}), scanning ? "正在扫描" : "扫描已结束", `　·　${formatCallIndexCount(sessionInfo?.pending, true)} 个待处理`), (0, react.createElement)("span", { className: "v3-statusline v3-status-dash" }, `口径：${overview?.corpus === "persisted-plus-observed-live" ? "已持久化 + 挂载后实时观测" : "Host 未声明 corpus"}`)), (0, react.createElement)("div", {
+	}), (0, react.createElement)("span", null, statusSentence))), (0, react.createElement)("div", {
 		className: "v3-stats",
 		"data-call-index-metrics": "overview"
 	}, V3Stat({
@@ -7843,11 +7886,7 @@ function CallIndexOverviewPanelView(props) {
 		label: "不同工具",
 		value: formatCallIndexCount(metrics.distinctTools, exact),
 		hint: "按 toolName 去重"
-	})), callIndexHasUnexplainedSources(aggregates) ? (0, react.createElement)("p", {
-		className: "v3-hint",
-		"data-call-index-note": "unexplained-sources",
-		style: { marginTop: 10 }
-	}, "插件工具与技能执行入口的归属目前都解析为 0：Host 无法证明插件 owner，技能执行归属也未验证，所以这两个 0 表示「未解析出」，不表示「未使用」。") : null, (0, react.createElement)("div", {
+	})), (0, react.createElement)("div", {
 		className: "v3-board",
 		style: { marginTop: 12 }
 	}, (0, react.createElement)("div", { className: "v3-panel" }, (0, react.createElement)("div", { className: "v3-ph" }, (0, react.createElement)("span", { className: "v3-pt" }, "按日调用趋势"), (0, react.createElement)("span", { className: "v3-pn" }, aggregates === void 0 ? "趋势不可用" : `合计 ${trend.totalCalls} 次 · 峰值 ${trend.maxCalls} 次`)), aggregates === void 0 ? (0, react.createElement)("p", {
@@ -7865,7 +7904,7 @@ function CallIndexOverviewPanelView(props) {
 		height: 8,
 		borderRadius: 2
 	} }), "最近一周"))), OverviewSourcePanel({
-		...aggregates?.bySource === void 0 ? {} : { bySource: aggregates.bySource },
+		...tools === void 0 ? {} : { tools },
 		...exact === void 0 ? {} : { totalExact: exact }
 	})), (0, react.createElement)("div", {
 		className: "v3-board",
@@ -7884,7 +7923,10 @@ function CallIndexOverviewPanelView(props) {
 			...bad ? { "data-bad": "true" } : {},
 			...row.error === 0 ? { "data-zero": "true" } : {}
 		}, `失败 ${row.error}`));
-	}))), (0, react.createElement)("div", { className: "v3-panel" }, (0, react.createElement)("div", { className: "v3-ph" }, (0, react.createElement)("span", { className: "v3-pt" }, "异常集中度"), (0, react.createElement)("span", { className: "v3-pn" }, tools === void 0 ? "按失败数排序" : `${formatCallIndexCount(metrics.failed, exact)} 次失败`)), toolsNotice !== null ? toolsNotice : failingRows === void 0 || failingRows.length === 0 ? (0, react.createElement)("p", { className: "v3-hint" }, "当前范围没有失败调用。") : (0, react.createElement)("div", null, (0, react.createElement)("div", { className: "v3-rank" }, ...failingTop.map((row) => (0, react.createElement)("div", {
+	}))), (0, react.createElement)("div", { className: "v3-panel" }, (0, react.createElement)("div", { className: "v3-ph" }, (0, react.createElement)("span", { className: "v3-pt" }, "工具调用失败"), (0, react.createElement)("span", { className: "v3-pn" }, tools === void 0 ? "按失败数排序" : `${formatCallIndexCount(metrics.failed, exact)} 次失败`)), toolsNotice !== null ? toolsNotice : failingRows === void 0 || failingRows.length === 0 ? (0, react.createElement)("p", { className: "v3-hint" }, "当前范围没有失败调用。") : (0, react.createElement)("div", {
+		className: "v3-rank",
+		"data-call-index-failures": "true"
+	}, ...failingTop.map((row) => (0, react.createElement)("div", {
 		key: "fc-" + row.toolName + "::" + row.sourceKind,
 		className: "v3-rank-row"
 	}, (0, react.createElement)("span", {
@@ -7899,7 +7941,7 @@ function CallIndexOverviewPanelView(props) {
 			color: "var(--v3-bad)",
 			fontWeight: 600
 		}
-	}, String(row.error)))), ...failingRest.length === 0 ? [] : [(0, react.createElement)("div", {
+	}, `${row.error} 次`))), ...failingRest.length === 0 ? [] : [(0, react.createElement)("div", {
 		key: "fc-rest",
 		className: "v3-rank-row"
 	}, (0, react.createElement)("span", {
@@ -7911,42 +7953,7 @@ function CallIndexOverviewPanelView(props) {
 	}, `其余 ${failingRest.length} 个工具合计`), (0, react.createElement)("span", {
 		className: "v3-n",
 		style: { color: "var(--v3-t2)" }
-	}, String(failingRestErrors)))]), failDenominator > 0 ? (0, react.createElement)("p", {
-		className: "v3-hint",
-		style: { marginTop: 9 }
-	}, `这些失败合计占全部失败的 ${Math.round(failingTop.reduce((sum, row) => sum + row.error, 0) / failDenominator * 100)}%（占全部失败，不是占单个工具）${readIsPartial ? "；分母是全部失败数，分子只含已读取的逐工具行" : ""}。`) : null, worstRateTool === void 0 ? null : (0, react.createElement)("div", { style: {
-		marginTop: 11,
-		paddingTop: 11,
-		borderTop: "1px solid var(--v3-line)"
-	} }, (0, react.createElement)("div", {
-		className: "v3-src",
-		style: { fontSize: 11.5 }
-	}, (0, react.createElement)("span", {
-		className: "v3-nm",
-		style: {
-			color: "var(--v3-t4)",
-			flex: "1 1 auto"
-		}
-	}, "失败率最高的工具"), (0, react.createElement)("b", { style: { color: "var(--v3-bad)" } }, `${Math.round(worstRateTool.error / worstRateTool.calls * 100)}%`)), (0, react.createElement)("p", {
-		className: "v3-hint",
-		style: { marginTop: 4 }
-	}, `${worstRateTool.toolName} ${worstRateTool.error} / ${worstRateTool.calls}（占该工具失败率，不是占全部失败）。`)), (0, react.createElement)("div", { style: {
-		marginTop: 11,
-		paddingTop: 11,
-		borderTop: "1px solid var(--v3-line)"
-	} }, (0, react.createElement)("div", {
-		className: "v3-src",
-		style: { fontSize: 11.5 }
-	}, (0, react.createElement)("span", {
-		className: "v3-nm",
-		style: {
-			color: "var(--v3-t4)",
-			flex: "1 1 auto"
-		}
-	}, "未配对结果"), (0, react.createElement)("b", { style: { color: "var(--v3-warn)" } }, formatCallIndexCount(mix?.unresolved, exact))), (0, react.createElement)("p", {
-		className: "v3-hint",
-		style: { marginTop: 4 }
-	}, "没有捕获到结果，不计入成功率分母，也不等于失败。"))))), (0, react.createElement)("div", {
+	}, `${failingRestErrors} 次`))]))), (0, react.createElement)("div", {
 		className: "v3-panel",
 		style: { marginTop: 12 }
 	}, (0, react.createElement)("div", { className: "v3-ph" }, (0, react.createElement)("span", { className: "v3-pt" }, "索引状态"), (0, react.createElement)("span", { className: "v3-pn" }, metrics.tasks === void 0 ? "最近扫描未记录" : `最近扫描 ${metrics.tasks.mode} · ${metrics.tasks.phase}`)), (0, react.createElement)("div", { className: "v3-kv" }, (0, react.createElement)("div", null, (0, react.createElement)("div", { className: "v3-kv-l" }, "数据范围"), (0, react.createElement)("div", { className: "v3-kv-v" }, overview?.corpus === "persisted-plus-observed-live" ? "已持久化 + 挂载后实时观测" : "Host 未声明")), (0, react.createElement)("div", null, (0, react.createElement)("div", { className: "v3-kv-l" }, "Session 列出 / 可见"), (0, react.createElement)("div", { className: "v3-kv-v v3-num" }, sessionInfo === void 0 ? "—" : `${sessionInfo.listed} / ${sessionInfo.visible}`)), (0, react.createElement)("div", null, (0, react.createElement)("div", { className: "v3-kv-l" }, "待处理 / 失败"), (0, react.createElement)("div", { className: "v3-kv-v v3-num" }, sessionInfo === void 0 ? "—" : `${sessionInfo.pending} / ${sessionInfo.failed}`)), (0, react.createElement)("div", null, (0, react.createElement)("div", { className: "v3-kv-l" }, "覆盖（事件 / 枚举 / 语义）"), (0, react.createElement)("div", { className: "v3-kv-v" }, status === void 0 ? "—" : `${COVERAGE_LABELS[status.eventCoverage]} / ${COVERAGE_LABELS[status.enumerationCoverage]} / ${COVERAGE_LABELS[status.coverage]}`))), taskNote));
@@ -8007,6 +8014,14 @@ function detailAfterRefresh(previous, page) {
 		detailFailure: void 0
 	};
 }
+/** Pure policy decision, so the container's refresh strategy is testable. */
+function callIndexRefreshPolicy(status) {
+	const scanning = status !== void 0 && (status.phase === "running" || status.sessions.pending > 0 || status.sessions.pendingLive > 0);
+	return {
+		scanning,
+		mode: scanning ? "status-only" : "full"
+	};
+}
 /**
 * Container for 调用明细: owns the query, the paging cursor and the detail read.
 * Keeps the previous page visible while the next one loads, so a range click
@@ -8082,23 +8097,35 @@ function CallIndexDetailPanel({ api, initialQuery, resolveScopeTarget, resolveSe
 		refreshToken
 	]);
 	/**
-	* Re-read while a scan is running.
+	* Refresh status/progress while a scan is running — WITHOUT re-reading calls.
 	*
-	* The 刷新 button is gone (D-031): indexing starts by itself, so the page must
-	* also refresh by itself or it would freeze on the first, empty snapshot. This
-	* polls ONLY while the Host reports an unfinished scan, then stops — it is not
-	* a permanent timer, and it never triggers indexing, only reads.
+	* The old loop bumped `refreshToken`, which re-read status + calls + sessions
+	* every 2s and replaced the data page under the operator mid-scan. Now it polls
+	* `getStatus` only, keeps the current rows untouched, and triggers ONE full read
+	* when the scan finishes (or on the explicit 刷新 button).
 	*/
-	const scanningNow = state.status !== void 0 && (state.status.phase === "running" || state.status.sessions.pending > 0);
+	const scanningNow = callIndexRefreshPolicy(state.status).scanning;
 	(0, react.useEffect)(() => {
 		if (!scanningNow) return;
-		const timer = setTimeout(() => setRefreshToken((value) => value + 1), 2e3);
-		return () => clearTimeout(timer);
-	}, [
-		scanningNow,
-		refreshToken,
-		state.page?.generation
-	]);
+		let active = true;
+		const id = setInterval(() => {
+			(async () => {
+				const result = await api.getStatus();
+				if (!active || !result.ok) return;
+				const next = result.value;
+				const stillScanning = callIndexRefreshPolicy(next).scanning;
+				setState((previous) => ({
+					...previous,
+					status: next
+				}));
+				if (!stillScanning) setRefreshToken((value) => value + 1);
+			})();
+		}, 2e3);
+		return () => {
+			active = false;
+			clearInterval(id);
+		};
+	}, [scanningNow, api]);
 	/**
 	* Append the next page.
 	*
@@ -8330,6 +8357,28 @@ function CallIndexOverviewPanel({ api }) {
 			active = false;
 		};
 	}, [api, refreshToken]);
+	const scanning = callIndexRefreshPolicy(state.status).scanning;
+	(0, react.useEffect)(() => {
+		if (!scanning) return;
+		let active = true;
+		const id = setInterval(() => {
+			(async () => {
+				const result = await api.getStatus();
+				if (!active || !result.ok) return;
+				const next = result.value;
+				const stillScanning = callIndexRefreshPolicy(next).scanning;
+				setState((previous) => ({
+					...previous,
+					status: next
+				}));
+				if (!stillScanning) setRefreshToken((value) => value + 1);
+			})();
+		}, 2e3);
+		return () => {
+			active = false;
+			clearInterval(id);
+		};
+	}, [scanning, api]);
 	return (0, react.createElement)(CallIndexOverviewPanelView, {
 		...state.status === void 0 ? {} : { status: state.status },
 		...state.overview === void 0 ? {} : { overview: state.overview },
@@ -8468,27 +8517,24 @@ function OverviewContainer(props) {
 /**
 * 思考限制 — the Guard configuration surface (v3 · 数据看板, D-044).
 *
-* Three sections, in the order the product specified: repeated identical calls,
-* alternating cycles, no-progress protection. Each carries a model-side
-* identifier ('duplicate_call' / 'alternating_cycle' / 'no_progress') shown as
-* plain text, because the reminder text injected into the conversation is
-* English while the label a user reads here is Chinese. The identifier is what
-* ties the two together, so it is displayed rather than hidden.
+* Three sections, in product order: repeated identical calls, alternating
+* cycles, no-progress protection. Each carries a model-side identifier
+* ('duplicate_call' / 'alternating_cycle' / 'no_progress') shown as plain text,
+* because the reminder injected into the conversation is English while the label
+* a user reads here is Chinese. The identifier ties the two together.
 *
-* v3 SHAPE: the switches are no longer a single-column stack of .mc-guard-card.
-* They become a two-column grid of .v3-gitem cards (>900px two columns, auto
-* single column via the container query already in v3-ui.ts). Each card has a
-* StateDot + title + model id + switch head, a compact body, and a thin
-* supplementary foot. The fourth grid cell is the 「生效范围」 explanation, not
-* a switch, so the grid fills evenly.
+* v3 SHAPE: a two-column grid of .v3-gitem cards (>900px two columns, auto single
+* column via the container query in v3-ui.ts). The Guard counters sit at the very
+* top as a four-cell .v3-stats strip, followed by one short boundary hint. No page
+* title, no "activity" sub-title, no "counting since" line — the tab already says
+* what this page is.
 *
 * DOM CONTRACT kept for the shared test suite: nine <li class="mc-guard-point">
 * whose text still comes from t(); the three data-guard-section values in order;
-* exactly one threshold <input> (value '3, 5, 8', readOnly tracks onChange); the
-* four data-guard-stat cells and data-guard-stats / data-guard-stats-since; and
+* the threshold editor wrapped in data-guard-thresholds (now three number inputs,
+* values from the Host); the four data-guard-stat cells and data-guard-stats; and
 * three role="switch" buttons whose aria-checked follows the props. No Chinese
-* colon ('：') is introduced by this file — spacing and full-width spaces do
-* the separating instead.
+* colon ('：') is introduced by this file — spacing does the separating instead.
 *
 * Kept hook-free and prop-driven so the settings test suite (no DOM harness) can
 * walk the returned tree.
@@ -8496,13 +8542,12 @@ function OverviewContainer(props) {
 /**
 * Section id → localized title plus the lines that explain what the switch does.
 *
-* The descriptions are part of the contract, not decoration: a bare switch does
+* the descriptions are part of the contract, not decoration: a bare switch does
 * not tell a reader whether turning it off stops reminders only or also stops
 * local denials. Each bullet states the real behaviour the detector implements.
 *
 * v3 keeps all three bullets (nine <li class="mc-guard-point"> in total, as the
-* shared suite asserts) but lays them out as one compact wrapped row per card,
-* so the paragraph reads like a sentence rather than a three-line list.
+* shared suite asserts) but lays them out as one compact wrapped row per card.
 */
 const SECTIONS = [
 	{
@@ -8535,9 +8580,10 @@ const SECTIONS = [
 ];
 /**
 * Page-specific rules for the v3 Guard grid. Everything else comes from
-* v3-ui.ts; the only local vocabulary here is the compact bullet row and the
-* threshold editor chrome. Colours are always v3 semantic variables — nothing
-* is hard-coded, so light and dark themes both track the host.
+* v3-ui.ts; the only local vocabulary here is the compact bullet row, the
+* threshold editor chrome and the per-card "fired" foot. Colours are always v3
+* semantic variables — nothing is hard-coded, so light and dark themes both
+* track the host.
 */
 const GUARD_CSS = [
 	".mc-section.v3-root{display:flex;flex-direction:column;gap:12px}",
@@ -8547,13 +8593,14 @@ const GUARD_CSS = [
 	".v3-gitem--info{background:var(--v3-panel-2)}",
 	".v3-gitem .v3-gh .v3-sw{margin-left:auto}",
 	".v3-gfoot-edit{margin-top:9px}",
-	".v3-guard-stats{margin:12px 0}",
+	".v3-guard-stats{margin:0}",
+	".v3-gfoot-note{color:var(--v3-t4)}",
 	".mc-guard-threshold-edit{display:flex;align-items:center;gap:8px;flex-wrap:wrap}",
 	".mc-guard-threshold-edit-label{font-size:11.5px;color:var(--v3-t3)}",
-	".mc-guard-threshold-edit-input{width:150px;padding:3px 7px;border-radius:var(--v3-r-sm);font-size:12px;font-family:var(--v3-font-code);color:var(--v3-t1);background:var(--v3-panel-2);border:1px solid var(--v3-line)}",
-	".mc-guard-threshold-edit-input:focus-visible{outline:2px solid var(--v3-info);outline-offset:1px}",
-	".mc-guard-threshold-edit-input:disabled{opacity:.6}",
-	".mc-guard-threshold-edit-hint{font-size:10.5px;color:var(--v3-t4)}"
+	".mc-guard-threshold-num{width:56px;padding:3px 6px;border-radius:var(--v3-r-sm);font-size:12px;text-align:center;font-family:var(--v3-font-code);color:var(--v3-t1);background:var(--v3-panel-2);border:1px solid var(--v3-line)}",
+	".mc-guard-threshold-num:focus-visible{outline:2px solid var(--v3-info);outline-offset:1px}",
+	".mc-guard-threshold-num:disabled{opacity:.6}",
+	".mc-guard-threshold-hint{margin:6px 0 0}"
 ].join("");
 /** '—' for a counter the Host did not report; never a fabricated 0. */
 function statText(value) {
@@ -8563,10 +8610,11 @@ function statText(value) {
 * The Guard's real activity board, restyled as a v3 stat strip.
 *
 * Answers the two questions the page previously could not: 「它是否在工作」
-* (observations / since) and 「调用成功还是失败」 (outcome split). Every number
-* comes from the Host; a missing counter renders '—', so an older Host reads as
+* (observations) and 「调用成功还是失败」 (outcome split). Every number comes
+* from the Host; a missing counter renders '—', so an older Host reads as
 * "unknown" rather than "zero". The four data-guard-stat cells and the
-* data-guard-stats / data-guard-stats-since hooks are the published contract.
+* data-guard-stats hook are the published contract. No sub-title and no
+* "counting since" line: the strip is the first thing on the page.
 */
 function GuardStatsBoard(props) {
 	const { t, stats } = props;
@@ -8576,35 +8624,21 @@ function GuardStatsBoard(props) {
 		className: "v3-stat",
 		"data-guard-stat": label
 	}, (0, react.createElement)("div", { className: "v3-stat-l" }, label), (0, react.createElement)("div", { className: "v3-stat-v" }, value), hint === void 0 ? null : (0, react.createElement)("div", { className: "v3-stat-d" }, hint));
-	return (0, react.createElement)("div", { className: "v3-guard-stats" }, (0, react.createElement)("div", { className: "v3-ph" }, (0, react.createElement)("h3", { className: "v3-pt" }, t("guardStatsTitle"))), (0, react.createElement)("div", {
+	return (0, react.createElement)("div", { className: "v3-guard-stats" }, (0, react.createElement)("div", {
 		className: "v3-stats",
 		"data-guard-stats": "true",
 		role: "group",
 		"aria-label": t("guardStatsTitle")
-	}, cell(t("guardStatObservations"), statText(stats?.observations), t("guardStatObservationsHint")), cell(t("guardStatOutcomes"), statText(outcomes?.success) + " / " + statText(outcomes?.error), t("guardStatOutcomesHint")), cell(t("guardStatReminders"), statText(reminders?.repeat) + " / " + statText(reminders?.cycle), t("guardStatRemindersHint")), cell(t("guardStatDenials"), statText(stats?.denials), t("guardStatDenialsHint"))), stats?.since === void 0 ? null : (0, react.createElement)("p", {
-		className: "v3-src-note",
-		"data-guard-stats-since": "true"
-	}, t("guardStatsSince") + " " + formatGuardTime(stats.since)));
-}
-/** 'YYYY-MM-DD HH:mm' in the browser zone; '—' when unknown. */
-function formatGuardTime(time) {
-	if (time === void 0 || !Number.isFinite(time)) return "—";
-	const date = new Date(time);
-	if (Number.isNaN(date.getTime())) return "—";
-	const pad = (value) => String(value).padStart(2, "0");
-	return date.getFullYear() + "-" + pad(date.getMonth() + 1) + "-" + pad(date.getDate()) + " " + pad(date.getHours()) + ":" + pad(date.getMinutes());
+	}, cell(t("guardStatObservations"), statText(stats?.observations), t("guardStatObservationsHint")), cell(t("guardStatOutcomes"), statText(outcomes?.success) + " / " + statText(outcomes?.error), t("guardStatOutcomesHint")), cell(t("guardStatReminders"), statText(reminders?.repeat) + " / " + statText(reminders?.cycle), t("guardStatRemindersHint")), cell(t("guardStatDenials"), statText(stats?.denials), t("guardStatDenialsHint"))));
 }
 /**
 * Editable reminder thresholds.
 *
-* The thresholds were a hard-coded 3/5/8 the operator could read but not change,
-* which made the section look decorative. They are now one comma-separated
-* field: the list is short, order matters, and a number-per-input row would be
-* more chrome than content. Invalid input is refused by the Host and reported
-* back, so this input never claims a value the detector rejected.
-*
-* Kept as its own component so the shared suite's expanding walk can reach the
-* single <input> (data-guard-thresholds marks the wrapper).
+* Three plain number inputs instead of one comma-separated text field: the
+* operator sees one box per firing point and never has to learn a syntax. Values
+* always come from the Host; a keystroke is assembled into a fresh array and
+* handed to onThresholdsChange, and an older Host that does not accept a write
+* gets disabled boxes. data-guard-thresholds marks the wrapper.
 */
 function GuardThresholdEditor(props) {
 	const { t, thresholds, onChange } = props;
@@ -8613,52 +8647,32 @@ function GuardThresholdEditor(props) {
 	return (0, react.createElement)("div", {
 		className: "mc-guard-threshold-edit",
 		"data-guard-thresholds": "true"
-	}, (0, react.createElement)("label", {
-		className: "mc-guard-threshold-edit-label",
-		htmlFor: "mc-guard-thresholds-input"
-	}, t("guardThresholds")), (0, react.createElement)("input", {
-		id: "mc-guard-thresholds-input",
-		className: "mc-guard-threshold-edit-input",
-		type: "text",
-		inputMode: "numeric",
-		value: thresholds.join(", "),
+	}, (0, react.createElement)("label", { className: "mc-guard-threshold-edit-label" }, t("guardThresholds")), ...thresholds.map((value, index) => (0, react.createElement)("input", {
+		key: index,
+		type: "number",
+		min: 2,
+		max: 50,
+		step: 1,
+		className: "mc-guard-threshold-num",
+		value: String(value),
 		readOnly: !editable,
 		disabled: !editable,
-		"aria-label": t("guardThresholds"),
+		"aria-label": t("guardThresholds") + " " + String(index + 1),
 		onChange: (event) => {
 			if (!editable) return;
-			const parsed = parseGuardThresholds(event.target.value);
-			if (parsed === void 0) return;
-			onChange(parsed);
+			const raw = Number(event.target.value);
+			if (!Number.isSafeInteger(raw) || raw < 2 || raw > 50) return;
+			const next = thresholds.slice();
+			next[index] = raw;
+			onChange(next);
 		}
-	}), (0, react.createElement)("span", { className: "mc-guard-threshold-edit-hint" }, editable ? t("guardThresholdsEditableHint") : t("guardThresholdsFixedHint")));
-}
-/**
-* Parse '3, 5, 8' into a threshold list.
-*
-* Returns 'undefined' for anything the Host would reject (empty, non-integer,
-* out of range, not strictly increasing). Parsing here as well as on the Host is
-* deliberate: it keeps an invalid keystroke from round-tripping through the
-* remote and flickering the field.
-*/
-function parseGuardThresholds(text) {
-	const parts = text.split(",").map((part) => part.trim()).filter((part) => part !== "");
-	if (parts.length === 0 || parts.length > 5) return void 0;
-	const parsed = [];
-	for (const part of parts) {
-		if (!/^\d+$/.test(part)) return void 0;
-		const value = Number(part);
-		if (!Number.isSafeInteger(value) || value < 2 || value > 50) return void 0;
-		if (parsed.length > 0 && value <= parsed[parsed.length - 1]) return void 0;
-		parsed.push(value);
-	}
-	return parsed;
+	})));
 }
-/** The supplementary foot line for a section, per the v3 design copy. */
-function sectionFoot(id, t) {
-	if (id === "alternating_cycle") return (0, react.createElement)("div", { className: "v3-gfoot" }, (0, react.createElement)("span", null, t("guardFootCycle")));
-	if (id === "no_progress") return (0, react.createElement)("div", { className: "v3-gfoot" }, (0, react.createElement)("span", null, t("guardFootNoProgress")));
-	return (0, react.createElement)("div", { className: "v3-gfoot" });
+/** The counter a card reports as "fired", per the product mapping. */
+function firedValue(id, stats) {
+	if (id === "duplicate_call") return stats?.reminders?.repeat;
+	if (id === "alternating_cycle") return stats?.reminders?.cycle;
+	return stats?.denials;
 }
 function GuardPanel(props) {
 	const { t, enabled, duplicateThresholds, onToggle, onThresholdsChange, stats, onReset } = props;
@@ -8673,6 +8687,12 @@ function GuardPanel(props) {
 			className: "v3-dot",
 			"aria-hidden": "true"
 		});
+		const belowBullets = entry.id === "duplicate_call" ? (0, react.createElement)("div", { className: "v3-gfoot-edit" }, (0, react.createElement)(GuardThresholdEditor, {
+			t,
+			thresholds: duplicateThresholds,
+			...onThresholdsChange === void 0 ? {} : { onChange: onThresholdsChange }
+		}), (0, react.createElement)("p", { className: "v3-hint mc-guard-threshold-hint" }, t("guardThresholdHint"))) : (0, react.createElement)("p", { className: "v3-hint" }, t(entry.id === "alternating_cycle" ? "guardPurposeB" : "guardPurposeC"));
+		const footNote = entry.id === "alternating_cycle" ? (0, react.createElement)("span", { className: "v3-gfoot-note" }, t("guardFootCycle")) : entry.id === "no_progress" ? (0, react.createElement)("span", { className: "v3-gfoot-note" }, t("guardFootNoProgress")) : null;
 		return (0, react.createElement)("div", {
 			key: entry.id,
 			className: "v3-gitem",
@@ -8688,27 +8708,23 @@ function GuardPanel(props) {
 		})), (0, react.createElement)("ul", { className: "v3-gpoints" }, ...entry.bodyKeys.map((key) => (0, react.createElement)("li", {
 			key,
 			className: "mc-guard-point"
-		}, t(key)))), entry.id === "duplicate_call" ? (0, react.createElement)("div", { className: "v3-gfoot" }, (0, react.createElement)("span", null, t("guardThresholds")), ...(duplicateThresholds ?? []).map((value, index) => (0, react.createElement)("span", {
-			key: index,
-			className: "v3-kbd"
-		}, String(value)))) : sectionFoot(entry.id, t), entry.id === "duplicate_call" && duplicateThresholds !== void 0 ? (0, react.createElement)("div", { className: "v3-gfoot-edit" }, (0, react.createElement)(GuardThresholdEditor, {
-			t,
-			thresholds: duplicateThresholds,
-			...onThresholdsChange === void 0 ? {} : { onChange: onThresholdsChange }
-		})) : null);
+		}, t(key)))), belowBullets, (0, react.createElement)("div", { className: "v3-gfoot" }, (0, react.createElement)("span", null, t("guardFired")), (0, react.createElement)("span", { className: "v3-kbd" }, statText(firedValue(entry.id, stats))), footNote));
 	};
 	const scopeCell = (0, react.createElement)("div", {
 		key: "scope",
 		className: "v3-gitem v3-gitem--info"
 	}, (0, react.createElement)("div", { className: "v3-gh" }, (0, react.createElement)("span", { className: "v3-gnm" }, t("guardScopeTitle"))), (0, react.createElement)("p", null, t("guardScopeBody")), (0, react.createElement)("div", { className: "v3-gfoot" }, (0, react.createElement)("span", null, t("guardScopeFoot"))));
-	return (0, react.createElement)("section", { className: "mc-section v3-root" }, V3Styles(), (0, react.createElement)("style", { "data-guard-style": "true" }, GUARD_CSS), (0, react.createElement)("header", { className: "mc-heading-row" }, (0, react.createElement)("h2", { className: "mc-heading" }, t("guardTitle")), (0, react.createElement)("div", { className: "mc-heading-actions" }, onReset !== void 0 && (0, react.createElement)("button", {
+	return (0, react.createElement)("section", { className: "mc-section v3-root" }, V3Styles(), (0, react.createElement)("style", { "data-guard-style": "true" }, GUARD_CSS), onReset === void 0 ? null : (0, react.createElement)("div", { style: {
+		display: "flex",
+		justifyContent: "flex-end"
+	} }, (0, react.createElement)("button", {
 		type: "button",
 		className: "mc-count mc-count--action",
 		onClick: onReset
-	}, t("guardReset")))), (0, react.createElement)("p", { className: "v3-notebox" }, (0, react.createElement)("b", null, t("guardBoundaryLabel")), "　", t("guardBoundary")), (0, react.createElement)(GuardStatsBoard, {
+	}, t("guardReset"))), (0, react.createElement)(GuardStatsBoard, {
 		t,
 		...stats === void 0 ? {} : { stats }
-	}), (0, react.createElement)("div", { className: "v3-gpanel" }, ...SECTIONS.map(section), scopeCell));
+	}), (0, react.createElement)("p", { className: "v3-hint" }, t("guardBoundaryShort")), (0, react.createElement)("div", { className: "v3-gpanel" }, ...SECTIONS.map(section), scopeCell));
 }
 //#endregion
 //#region src/client/GuardContainer.tsx
@@ -9033,6 +9049,19 @@ function PluginSection(props) {
 			live = false;
 		};
 	}, [callIndexApi]);
+	/**
+	* Reset the settings content scroller when the category changes.
+	*
+	* The shell owns the scrolling column and swaps panels with `hidden`, so the
+	* previous tab's scrollTop survives the switch and the next page opens halfway
+	* down (observed: 执行保护 opened below its counter board). Reset the nearest
+	* scrollable ancestor of the active panel.
+	*/
+	(0, react.useEffect)(() => {
+		let node = document.getElementById("mc-category-panel-" + active);
+		while (node !== null && !(node.scrollHeight > node.clientHeight + 4)) node = node.parentElement;
+		if (node !== null) node.scrollTop = 0;
+	}, [active]);
 	return (0, react.createElement)(PluginSectionView, {
 		capability: props.capability,
 		usageApi: props.usageApi,
@@ -9173,6 +9202,11 @@ async function apply(ctx) {
 		guardScopeBody: "三个开关按 Agent / Turn 隔离，不跨 Session 继承；关闭只停止对应的提醒与局部拒绝，不改动任何配置或历史。",
 		guardScopeFoot: "恢复默认只写回开关值，不重写其他配置",
 		guardBoundaryLabel: "边界",
+		guardBoundaryShort: "这里的数字只用于展示，不构成硬停止；三档阈值只参与校验与计数，不产生提醒也不停止任务。",
+		guardThresholdHint: "默认 3 / 5 / 8 次；改的是第几次重复时提醒，只提醒、不拦截。",
+		guardFired: "实际触发",
+		guardPurposeB: "作用：识别 A→B→A→B 这类交替循环并提醒，避免来回空转。",
+		guardPurposeC: "作用：证据明确时拦下已证实的重复操作，其余情况只提醒。",
 		guardFootCycle: "命中后只给出说明，不阻断调用",
 		guardFootNoProgress: "降级条件　日志缺失 · 结果不可比较 · 识别不确定",
 		guardSectionA: "A · 相同调用重复提醒",
@@ -9223,7 +9257,7 @@ async function apply(ctx) {
 		emptyGlobalSkills: "暂无全局技能",
 		emptyProjectSkills: "暂无项目技能",
 		emptyPresetSkills: "暂无预设技能",
-		filterByName: "按名称、分组或正则表达式筛选…",
+		filterByName: "筛选名称或分组",
 		filterHint: "忽略大小写。匹配工具/技能名称、MCP 服务器、技能来源标签与预设 ID；也可以输入正则表达式，例如 cordis|ptc 或 /^mcp__dbx/。",
 		filterNoMatch: "没有匹配的能力（清空过滤框可恢复完整列表）",
 		emptyTools: "暂无工具",
@@ -9326,7 +9360,7 @@ async function apply(ctx) {
 		summaryLimitInvalid: "请输入不小于 20 的整数",
 		summaryLimitDisabled: "检索信息存储未启用",
 		summaryLimitSaved: "检索描述上限已保存",
-		diagnosticTitle: "能力诊断：{count} 项",
+		diagnosticTitle: "能力诊断 · {count} 项",
 		diagnosticUnavailable: "不可调用：{name}（来源 {source}{preset}）",
 		diagnosticShadowed: "同名覆盖：{name} 保留 {winner}，隐藏 {hidden}",
 		diagnosticBroken: "损坏的预设：{id}（{reason}；受影响技能数量由 DSH 未提供）",
@@ -9379,6 +9413,11 @@ async function apply(ctx) {
 		guardScopeBody: "The three switches are isolated per Agent / turn and never inherited across Sessions; turning one off stops only its reminders and local denials, and changes no configuration or history.",
 		guardScopeFoot: "Restoring defaults writes only the switch values; no other configuration is rewritten.",
 		guardBoundaryLabel: "Boundary",
+		guardBoundaryShort: "These numbers are informational only and never stop a task; the three tier thresholds participate in validation and counting only.",
+		guardThresholdHint: "Defaults are 3 / 5 / 8; editing changes when the reminder fires. Reminders never block a call.",
+		guardFired: "Fired",
+		guardPurposeB: "Purpose: detect alternating A→B→A→B cycles and remind, so the agent stops going in circles.",
+		guardPurposeC: "Purpose: block a confirmed repeat when the evidence is clear; otherwise only remind.",
 		guardFootCycle: "Fires an explanation only; it never blocks the call.",
 		guardFootNoProgress: "Degrades when: logs missing · results incomparable · match uncertain",
 		guardSectionA: "A · Repeated identical calls",
@@ -9429,7 +9468,7 @@ async function apply(ctx) {
 		emptyGlobalSkills: "No global skills",
 		emptyProjectSkills: "No project skills",
 		emptyPresetSkills: "No preset skills",
-		filterByName: "Filter by name, group, or regex…",
+		filterByName: "Filter name or group",
 		filterHint: "Case-insensitive. Matches tool/skill names, MCP servers, skill source labels and preset ids; a regular expression works too, e.g. cordis|ptc or /^mcp__dbx/.",
 		filterNoMatch: "No capability matches (clear the filter to see the full list)",
 		emptyTools: "No tools",