dsh-model-health 0.2.5 → 0.2.7

package/README.md

@@ -57,6 +57,7 @@ dsh --profile web --dump-config | grep dsh-model-health   # 配置层含本行
 - API Key 通过 DSH credential service（`ctx.credentials.resolve`）解析，密钥不会输出到浏览器
 - 测试结果（状态/延迟/错误）持久化到 localStorage，刷新页面后仍可见
 - 状态列的 可用 / 不可用 / 跳过 徽章随时可点击，对单个模型重新测试，原地刷新状态与延迟
+- 设置导航使用脉搏线（Activity）图标——宿主图标表没有「健康」类目，参考 dsh-better-sidebar 的方案，JS 精准打 marker，CSS 用 `::before` + `mask` 把齿轮 svg 原地替换；颜色随主题走
 
 ## 实现方式 / How it works
 
@@ -101,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

@@ -613,12 +613,14 @@
 		const models = data.models || [];
 		const activeLang = locale && typeof locale.getLocale === "function" ? locale.getLocale().active : "zh";
 		const updatedAt = new Date(data.updatedAt || Date.now()).toLocaleString(activeLang === "en" ? "en-US" : "zh-CN");
+		const validKeys = new Set(models.map((m) => m.key));
 		const stats = {
 			ok: 0,
 			fail: 0,
 			skip: 0
 		};
 		for (const k in run.results) {
+			if (!validKeys.has(k)) continue;
 			const s = run.results[k].status;
 			if (s === "ok") stats.ok++;
 			else if (s === "fail") stats.fail++;
@@ -699,6 +701,68 @@
 		})))), 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（多语言词典） */
@@ -726,11 +790,13 @@
 	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.5",
+  "version": "0.2.7",
   "description": "DSH plugin that lists all configured models with availability/latency testing, by reading $DSH_HOME/settings.yaml.",
   "license": "MIT",
   "repository": {