dsh-model-health 0.2.4 → 0.2.6

package/README.md

@@ -47,7 +47,7 @@ dsh --profile web --dump-config | grep dsh-model-health   # 配置层含本行
 | # | 形式 | 入口 | 说明 |
 |---|------|------|------|
 | 1 | 「模型健康」面板 | Web UI → 设置 → 模型健康 | React 表格：Provider / 模型 ID / 名称 / 上下文窗口 / 最大输出 / 输入模态 / API 协议 / BaseURL，可选列可切换显示 |
-| 2 | 测试全部 | 面板内「测试全部」按钮 | 并发（上限 6）对每个模型发一次 `max_tokens=1` 的最小 chat completions 请求，10s 超时；逐行显示 可用 / 不可用 / 跳过 / 延迟，失败原因悬停查看，结果持久化到 localStorage |
+| 2 | 测试全部 | 面板内「测试全部」按钮 | 并发（上限 6）对每个模型发一次 `max_tokens=1` 的最小 chat completions 请求，10s 超时；逐行显示 可用 / 不可用 / 跳过 / 延迟，失败原因悬停查看，结果持久化到 localStorage。已出结果的徽章可点击，单独重测该模型（悬停显示下划线） |
 | 3 | Tool 插件 `list_models` | 对话中调用 | 返回 Markdown 表格，供模型在对话中查看模型清单 |
 
 **特性一览：**
@@ -56,6 +56,8 @@ dsh --profile web --dump-config | grep dsh-model-health   # 配置层含本行
 - 可用性测试支持 `openai-completions` 与 `deepseek` 协议，其余协议自动标记「跳过」
 - API Key 通过 DSH credential service（`ctx.credentials.resolve`）解析，密钥不会输出到浏览器
 - 测试结果（状态/延迟/错误）持久化到 localStorage，刷新页面后仍可见
+- 状态列的 可用 / 不可用 / 跳过 徽章随时可点击，对单个模型重新测试，原地刷新状态与延迟
+- 设置导航使用脉搏线（Activity）图标——宿主图标表没有「健康」类目，参考 dsh-better-sidebar 的方案，JS 精准打 marker，CSS 用 `::before` + `mask` 把齿轮 svg 原地替换；颜色随主题走
 
 ## 实现方式 / How it works
 
@@ -100,7 +102,7 @@ dsh-model-health/
 ├── src/host/               # host 实现：config / models / markdown / http / model-test
 ├── src/client.tsx          # client 入口壳：注入 React，装配插件导出
 ├── src/client/             # client 实现：types / runtime / i18n / storage / api /
-│                           #   styles / columns / use-test-results / apply
+│                           #   styles / columns / use-test-results / nav-icon / apply
 │   └── components/         # ModelListSection / StatusCell / ErrorTooltip
 ├── cordis.patch.yml        # bundle 层声明（id/name 走包名解析）
 └── dist/                   # 构建产物（发布包含在 files 字段中）

package/dist/client.js

@@ -43,7 +43,8 @@
 		statusFail: "不可用",
 		statusSkip: "跳过",
 		testOne: "测试",
-		testOneTip: "点击测试此模型"
+		testOneTip: "点击测试此模型",
+		retestTip: "点击重新测试此模型"
 	};
 	const en = {
 		tab: "Model Health",
@@ -73,7 +74,8 @@
 		statusFail: "Unavailable",
 		statusSkip: "Skipped",
 		testOne: "Test",
-		testOneTip: "Click to test this model"
+		testOneTip: "Click to test this model",
+		retestTip: "Click to re-test this model"
 	};
 
 //#endregion
@@ -172,19 +174,31 @@
 			opacity: .5,
 			cursor: "not-allowed"
 		},
-		btnTestSmall: {
-			boxSizing: "border-box",
-			height: 22,
-			padding: "0 12px",
+		testLink: {
+			border: "none",
+			background: "transparent",
+			padding: 0,
+			margin: 0,
+			font: "inherit",
 			fontSize: 12,
 			lineHeight: "16px",
+			textAlign: "left",
+			color: "var(--dsw-alias-label-secondary, #555)",
+			textDecoration: "underline",
+			textUnderlineOffset: "3px",
 			cursor: "pointer",
-			border: "1px solid var(--dsw-alias-button-primary-fill, #4f46e5)",
-			borderRadius: 11,
-			background: "transparent",
-			color: "var(--dsw-alias-button-primary-fill, #4f46e5)",
 			whiteSpace: "nowrap"
 		},
+		retestBtn: {
+			border: "none",
+			background: "transparent",
+			padding: 0,
+			margin: 0,
+			font: "inherit",
+			fontSize: 12,
+			lineHeight: "16px",
+			textAlign: "left"
+		},
 		progress: {
 			fontSize: 12,
 			color: "var(--dsw-alias-label-tertiary, #888)"
@@ -476,33 +490,51 @@
 		const { modelKey, result: tr, t, onTest, onErrorTip, onClearTip } = props;
 		if (tr.status === "idle") return /* @__PURE__ */ React.createElement("td", { style: STYLES.td }, /* @__PURE__ */ React.createElement("button", {
 			type: "button",
-			style: STYLES.btnTestSmall,
+			className: "dsmh-test-link",
+			style: STYLES.testLink,
 			title: t("testOneTip"),
 			onClick: () => onTest(modelKey)
 		}, t("testOne")));
 		const hasError = Boolean(tr.error) && tr.status === "fail";
 		const labelKey = STATUS_LABEL[tr.status];
 		const statusLabel = labelKey ? t(labelKey) : tr.status;
+		const showTip = hasError ? (e) => {
+			const rowEl = e.currentTarget.closest("tr");
+			const tableEl = e.currentTarget.closest("table");
+			if (rowEl && tableEl) {
+				const rowRect = rowEl.getBoundingClientRect();
+				const tableRect = tableEl.getBoundingClientRect();
+				onErrorTip({
+					left: tableRect.left,
+					width: tableRect.width,
+					rowTop: rowRect.top,
+					error: tr.error || ""
+				});
+			}
+		} : void 0;
+		if (tr.status !== "testing") return /* @__PURE__ */ React.createElement("td", { style: STYLES.td }, /* @__PURE__ */ React.createElement("button", {
+			type: "button",
+			className: "dsmh-retest",
+			title: t("retestTip"),
+			style: {
+				...STYLES.statusWrap,
+				...STYLES.retestBtn,
+				...STATUS_TEXT_STYLE[tr.status]
+			},
+			onClick: () => onTest(modelKey),
+			onMouseEnter: showTip,
+			onMouseLeave: hasError ? onClearTip : void 0
+		}, /* @__PURE__ */ React.createElement("span", { style: {
+			...STYLES.dot,
+			...STATUS_DOT_STYLE[tr.status]
+		} }), /* @__PURE__ */ React.createElement("span", { className: "dsmh-status-label" }, statusLabel)));
 		return /* @__PURE__ */ React.createElement("td", { style: STYLES.td }, /* @__PURE__ */ React.createElement("span", {
 			style: {
 				...STYLES.statusWrap,
 				...STATUS_TEXT_STYLE[tr.status],
 				cursor: hasError ? "help" : "default"
 			},
-			onMouseEnter: hasError ? (e) => {
-				const rowEl = e.currentTarget.closest("tr");
-				const tableEl = e.currentTarget.closest("table");
-				if (rowEl && tableEl) {
-					const rowRect = rowEl.getBoundingClientRect();
-					const tableRect = tableEl.getBoundingClientRect();
-					onErrorTip({
-						left: tableRect.left,
-						width: tableRect.width,
-						rowTop: rowRect.top,
-						error: tr.error || ""
-					});
-				}
-			} : void 0,
+			onMouseEnter: showTip,
 			onMouseLeave: hasError ? onClearTip : void 0
 		}, /* @__PURE__ */ React.createElement("span", { style: {
 			...STYLES.dot,
@@ -667,27 +699,102 @@
 		})))), tooltip && /* @__PURE__ */ React.createElement(ErrorTooltip, { tip: tooltip }));
 	}
 
+//#endregion
+//#region src/client/nav-icon.ts
+/** 本插件导航行按钮的 marker（参考 better-sidebar 的命名风格） */
+	const SETTINGS_NAV_MARKER = "data-dsh-model-health-settings-nav";
+	/**
+	* 在设置弹窗挂载期间，给本插件的导航行按钮持续打上 marker。
+	* label 解析器返回当前激活语言的 tab 文案（i18n 切换会重新求值），与导航行
+	* 按钮的 textContent 严格相等才算匹配——保证不会误伤其他插件的同名/相似 section。
+	* @param label - locale-aware label resolver used by the section registration
+	* @returns disposer: HMR / 插件卸载时断开观察器并清理已打的 marker
+	*/
+	function registerSettingsNavIcon(label) {
+		let disposed = false;
+		const sync = () => {
+			if (disposed) return;
+			const currentLabel = label().trim();
+			const buttons = document.querySelectorAll("[role=\"dialog\"] nav button");
+			for (let i = 0; i < buttons.length; i++) {
+				const button = buttons[i];
+				if (currentLabel.length > 0 && button.textContent && button.textContent.trim() === currentLabel) button.setAttribute(SETTINGS_NAV_MARKER, "");
+				else button.removeAttribute(SETTINGS_NAV_MARKER);
+			}
+		};
+		sync();
+		const observer = new MutationObserver(sync);
+		observer.observe(document.body, {
+			childList: true,
+			subtree: true,
+			characterData: true
+		});
+		return () => {
+			disposed = true;
+			observer.disconnect();
+			document.querySelectorAll(`[${SETTINGS_NAV_MARKER}]`).forEach((el) => {
+				el.removeAttribute(SETTINGS_NAV_MARKER);
+			});
+		};
+	}
+	/** 注入图标样式：隐藏 marker 行的齿轮 svg，用 ::before 注入脉搏线（mask 方案）。
+	*  16px 与宿主图标节奏一致；background: currentColor 让颜色跟随 nav 文案色
+	*  （普通态 / hover / 选中态 / 明暗主题全自动）。 */
+	function ensureNavIconCss() {
+		const id = "dsh-model-health-nav-icon-style";
+		if (document.getElementById(id)) return;
+		const el = document.createElement("style");
+		el.id = id;
+		const mask = "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='22 12 18 12 15 21 9 3 6 12 2 12'/%3E%3C/svg%3E\") center / contain no-repeat";
+		el.textContent = `
+[data-dsh-model-health-settings-nav] > svg:first-child { display: none; }
+[data-dsh-model-health-settings-nav]::before {
+  content: '';
+  flex: none;
+  width: 16px;
+  height: 16px;
+  background: currentColor;
+  -webkit-mask: ${mask};
+          mask: ${mask};
+}
+`;
+		document.head.appendChild(el);
+	}
+
 //#endregion
 //#region src/client/apply.tsx
 /** client 侧依赖：slots（注册 UI slot 的服务）+ locale（多语言词典） */
 	const inject = ["slots", "locale"];
-	/** 注入测试中圆点的脉冲动画 keyframes（内联样式无法定义 @keyframes）。 */
+	/** 注入内联样式无法表达的规则：@keyframes 脉冲动画 + 可重测状态徽章的 hover 反馈。 */
 	function ensureStatusCss() {
 		const id = "dsh-model-health-status-style";
 		if (document.getElementById(id)) return;
 		const el = document.createElement("style");
 		el.id = id;
-		el.textContent = "@keyframes dsmh-pulse { 0%,100% { opacity:1; } 50% { opacity:.25; } }";
+		el.textContent = `
+@keyframes dsmh-pulse { 0%,100% { opacity:1; } 50% { opacity:.25; } }
+/* 可点击重测的状态徽章：hover/聚焦 下划线提示可点 */
+.dsmh-retest { cursor: pointer; }
+.dsmh-retest:hover .dsmh-status-label,
+.dsmh-retest:focus-visible .dsmh-status-label { text-decoration: underline; text-underline-offset: 3px; }
+.dsmh-retest:focus-visible { outline: 1px solid currentColor; outline-offset: 2px; border-radius: 2px; }
+/* 未测试行的"测试"文字链：hover 提亮为主题色 */
+.dsmh-test-link { transition: color .15s ease; }
+.dsmh-test-link:hover,
+.dsmh-test-link:focus-visible { color: var(--dsw-alias-button-primary-fill, #4f46e5); }
+`;
 		document.head.appendChild(el);
 	}
 	function apply(ctx) {
 		const React = getReact();
 		ensureStatusCss();
+		ensureNavIconCss();
 		ctx.effect(() => ctx.locale.register(NS, {
 			zh,
 			en
 		}), "dsh-model-health: dictionaries");
 		const t = ctx.locale.bind(NS);
+		ctx.effect(() => registerSettingsNavIcon(() => t("tab")), "dsh-model-health: settings navigation icon");
 		ctx.slots.inject("settings.section", () => ctx.slots.register({
 			name: "settings.section",
 			id: "model-health",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-model-health",
-  "version": "0.2.4",
+  "version": "0.2.6",
   "description": "DSH plugin that lists all configured models with availability/latency testing, by reading $DSH_HOME/settings.yaml.",
   "license": "MIT",
   "repository": {