dsh-model-health 0.2.4 → 0.2.5

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,7 @@ dsh --profile web --dump-config | grep dsh-model-health   # 配置层含本行
 - 可用性测试支持 `openai-completions` 与 `deepseek` 协议，其余协议自动标记「跳过」
 - API Key 通过 DSH credential service（`ctx.credentials.resolve`）解析，密钥不会输出到浏览器
 - 测试结果（状态/延迟/错误）持久化到 localStorage，刷新页面后仍可见
+- 状态列的 可用 / 不可用 / 跳过 徽章随时可点击，对单个模型重新测试，原地刷新状态与延迟
 
 ## 实现方式 / How it works
 

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,
@@ -671,13 +703,24 @@
 //#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) {

package/package.json

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