@kesike/dsh-exit 0.2.0 → 0.2.2

package/README.md

@@ -7,7 +7,7 @@
 [![dsh web plugin](https://img.shields.io/badge/dsh-web%20plugin-4f46e5?style=for-the-badge)](https://npmjs.com/package/@deepseek-ai/dsh)
 [![npm](https://img.shields.io/npm/v/%40kesike%2Fdsh-exit?style=for-the-badge&label=npm)](https://www.npmjs.com/package/@kesike/dsh-exit)
 [![Platform](https://img.shields.io/badge/platform-web-0ea5e9?style=for-the-badge)](https://github.com/KeS1Ke/dsh-exit)
-[![Version](https://img.shields.io/badge/version-0.2.0-64748b?style=for-the-badge)](package.json)
+[![Version](https://img.shields.io/badge/version-0.2.2-64748b?style=for-the-badge)](package.json)
 [![Dependencies](https://img.shields.io/badge/runtime%20dependencies-none-16a34a?style=for-the-badge)](package.json)
 
 [简体中文](https://github.com/KeS1Ke/dsh-exit/blob/main/README.zh-CN.md)
@@ -25,7 +25,7 @@
 - Keeps the **Exit** section at the bottom of the settings navigation.
 - Calls the typed `dshExit/exit` Remote method only after confirmation.
 - Gives the gateway a short acknowledgement window, then ends the host process.
-- Releases every port held by that process, including the usual `127.0.0.1:3080`.
+- Releases every port held by that process; the settings page displays the current dsh Web host and port.
 - Keeps the terminal window and browser tab available for the next action.
 - Uses the existing dsh design tokens and the Lucide `power` icon.
 
@@ -124,7 +124,7 @@ node --check lib/client.js
 - **Install mode:** npm package
 - **Surface:** lower-right floating control
 - **Action:** terminate the dsh host process
-- **Default port mentioned by dsh:** `127.0.0.1:3080`
+- **Runtime port:** read from the current dsh Web address in the settings page
 - **Repository topics:** `dsh` · `deepseek-harness` · `plugin` · `javascript` · `web`
 
 The power icon comes from [Lucide](https://lucide.dev/icons/power) and is used under its ISC license.

package/README.zh-CN.md

@@ -7,7 +7,7 @@
 [![dsh Web 插件](https://img.shields.io/badge/dsh-Web%20%E6%8F%92%E4%BB%B6-4f46e5?style=for-the-badge)](https://npmjs.com/package/@deepseek-ai/dsh)
 [![npm](https://img.shields.io/npm/v/%40kesike%2Fdsh-exit?style=for-the-badge&label=npm)](https://www.npmjs.com/package/@kesike/dsh-exit)
 [![平台](https://img.shields.io/badge/%E5%B9%B3%E5%8F%B0-Web-0ea5e9?style=for-the-badge)](https://github.com/KeS1Ke/dsh-exit)
-[![版本](https://img.shields.io/badge/%E7%89%88%E6%9C%AC-0.2.0-64748b?style=for-the-badge)](package.json)
+[![版本](https://img.shields.io/badge/%E7%89%88%E6%9C%AC-0.2.2-64748b?style=for-the-badge)](package.json)
 [![依赖](https://img.shields.io/badge/%E8%BF%90%E8%A1%8C%E6%97%B6%E4%BE%9D%E8%B5%96-%E6%97%A0-16a34a?style=for-the-badge)](package.json)
 
 **简体中文** | [English](https://github.com/KeS1Ke/dsh-exit/blob/main/README.md)
@@ -25,7 +25,7 @@
 - **退出**栏目始终位于设置左侧导航的最底部。
 - 确认后调用类型化的 `dshExit/exit` Remote 方法。
 - 先返回调用应答，再等待短暂窗口结束宿主进程。
-- 释放该进程占用的全部端口，包括常见的 `127.0.0.1:3080`。
+- 释放该进程占用的全部端口；设置页会显示当前 dsh Web 的真实主机和端口。
 - 保留宿主终端窗口和浏览器标签页，方便后续操作。
 - 使用 dsh 现有设计令牌与 Lucide `power` 电源图标。
 
@@ -124,7 +124,7 @@ node --check lib/client.js
 - **安装方式：** npm 包
 - **界面位置：** 右下角悬浮控件
 - **执行动作：** 结束 dsh 宿主进程
-- **dsh 常见端口：** `127.0.0.1:3080`
+- **运行端口：** 从设置页当前 dsh Web 地址动态读取
 - **仓库主题：** `dsh` · `deepseek-harness` · `plugin` · `javascript` · `web`
 
 电源图标来自 [Lucide](https://lucide.dev/icons/power)，遵循其 ISC 许可使用。

package/lib/client.js

@@ -37,6 +37,10 @@ window.__ModuleLoader__.load({
 			".dshExitSettingsButton:hover:not(:disabled){filter:brightness(1.08)}",
 			".dshExitSettingsButton:focus-visible{outline:2px solid " + ERROR_RED + ";outline-offset:2px}",
 			".dshExitSettingsButton:disabled{cursor:default;opacity:.6}",
+			".dshExitNavCell{color:" + ERROR_RED + " !important}",
+			".dshExitNavCell .dshExitNavLabel{color:" + ERROR_RED + " !important;font-weight:650}",
+			".dshExitNavIcon{box-sizing:border-box;width:16px;height:16px;display:grid;place-items:center;flex:none;color:" + ERROR_RED + "}",
+			".dshExitNavIcon svg{width:16px;height:16px}",
 			".dshExitOverlay{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;background:rgba(15,20,25,.45);animation:dshExitFade .12s ease-out}",
 			"@keyframes dshExitFade{from{opacity:0}}",
 			".dshExitModal{box-sizing:border-box;width:min(380px,calc(100vw - 48px));border-radius:16px;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-button-elevated-fill);box-shadow:0 24px 64px rgba(0,0,0,.35);padding:24px;display:flex;flex-direction:column;gap:12px;animation:dshExitPop .14s ease-out}",
@@ -87,10 +91,10 @@ window.__ModuleLoader__.load({
 				nav: "退出",
 				title: "退出 dsh",
 				description: "从这里安全结束 dsh 宿主进程，并释放它占用的端口。",
-				warning: "确认后将结束所有运行中的会话并停止后台服务，3080 端口会随之释放。",
+				warning: "确认后将结束所有运行中的会话并停止后台服务，当前 dsh Web 端口 {endpoint} 会随之释放。",
 				button: "确认退出",
 				dialogTitle: "退出 DeepSeek Harness？",
-				dialogBody: "退出后将结束所有运行中的会话并停止后台服务，3080 端口会随之释放。",
+				dialogBody: "退出后将结束所有运行中的会话并停止后台服务，当前 dsh Web 端口 {endpoint} 会随之释放。",
 				cancel: "取消",
 				confirm: "确认退出",
 				exiting: "正在退出…",
@@ -100,10 +104,10 @@ window.__ModuleLoader__.load({
 				nav: "Exit",
 				title: "Exit dsh",
 				description: "Safely terminate the dsh host process and release the ports it owns.",
-				warning: "Confirming ends all running sessions and stops the background service, releasing port 3080.",
+				warning: "Confirming ends all running sessions and stops the background service, releasing the current dsh Web port {endpoint}.",
 				button: "Confirm exit",
 				dialogTitle: "Exit DeepSeek Harness?",
-				dialogBody: "This ends all running sessions and stops the background service, releasing port 3080.",
+				dialogBody: "This ends all running sessions and stops the background service, releasing the current dsh Web port {endpoint}.",
 				cancel: "Cancel",
 				confirm: "Confirm exit",
 				exiting: "Exiting…",
@@ -123,11 +127,52 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 
-		function textOf(t, key) {
-			return typeof t === "function" ? t(key) : DICT.zh[key] ?? key;
+		function textOf(t, key, values = {}) {
+			const raw = typeof t === "function" ? t(key, values) : DICT.zh[key] ?? key;
+			return String(raw).replace(/\{([A-Za-z0-9_]+)\}/g, (match, name) => values[name] === undefined ? match : String(values[name]));
+		}
+
+		function currentDshEndpoint() {
+			const location = globalThis.location;
+			return location?.host || "当前 Web 端口";
+		}
+
+		/** dsh 的设置壳层为未知 section 使用齿轮图标；给本插件的导航项换成 power 图标。 */
+		function decorateExitNav(t) {
+			const labels = new Set(["退出", "Exit", textOf(t, "nav")]);
+			for (const cell of document.querySelectorAll("nav button")) {
+				const label = [...cell.querySelectorAll("span")].find((candidate) => labels.has(candidate.textContent.trim()));
+				if (label === undefined) continue;
+				cell.dataset.dshExitNav = "true";
+				cell.classList.add("dshExitNavCell");
+				label.classList.add("dshExitNavLabel");
+				if (cell.querySelector(".dshExitNavIcon") !== null) continue;
+				const originalIcon = cell.firstElementChild;
+				const icon = document.createElement("span");
+				icon.className = "dshExitNavIcon";
+				icon.innerHTML = ICON_SVG;
+				if (originalIcon !== null && originalIcon !== label) {
+					originalIcon.dataset.dshExitOriginalIcon = "true";
+					originalIcon.style.display = "none";
+					cell.insertBefore(icon, originalIcon);
+				} else {
+					cell.insertBefore(icon, label);
+				}
+			}
+		}
+
+		function clearDecoratedExitNav() {
+			for (const cell of document.querySelectorAll("[data-dsh-exit-nav='true']")) {
+				cell.querySelector(".dshExitNavIcon")?.remove();
+				cell.querySelector("[data-dsh-exit-original-icon='true']")?.style.removeProperty("display");
+				cell.querySelector(".dshExitNavLabel")?.classList.remove("dshExitNavLabel");
+				cell.classList.remove("dshExitNavCell");
+				delete cell.dataset.dshExitNav;
+			}
 		}
 
 		function ExitSettingsSection({ ctx, t }) {
+			const endpoint = currentDshEndpoint();
 			return h("section", {
 				className: "dshExitSettings",
 				"aria-labelledby": "dsh-exit-settings-title"
@@ -144,7 +189,7 @@ window.__ModuleLoader__.load({
 					])
 				]),
 				h("div", { className: "dshExitSettingsCard", key: "card" }, [
-					h("p", { className: "dshExitSettingsWarning", key: "warning" }, textOf(t, "warning")),
+					h("p", { className: "dshExitSettingsWarning", key: "warning" }, textOf(t, "warning", { endpoint })),
 					h("button", {
 						type: "button",
 						className: "dshExitSettingsButton",
@@ -171,7 +216,8 @@ window.__ModuleLoader__.load({
 		}
 
 		function openModal(ctx, exitBtn, t) {
-			const text = (key) => textOf(t, key);
+			const endpoint = currentDshEndpoint();
+			const text = (key) => textOf(t, key, { endpoint });
 			closeModal();
 			overlayEl = document.createElement("div");
 			overlayEl.className = "dshExitOverlay";
@@ -247,6 +293,10 @@ window.__ModuleLoader__.load({
 			injectCss();
 			ctx.effect(() => ctx.locale.register(NS, DICT), "dsh-exit: settings dictionaries");
 			const t = ctx.locale.bind(NS);
+			const decorate = () => decorateExitNav(t);
+			decorate();
+			const navObserver = document.body === null ? null : new MutationObserver(decorate);
+			navObserver?.observe(document.body, { childList: true, subtree: true, characterData: true });
 			const SettingsSection = (props) => h(ExitSettingsSection, { ...props, ctx });
 			ctx.slots.inject("settings.section", () => ctx.slots.register({
 				name: "settings.section",
@@ -259,6 +309,8 @@ window.__ModuleLoader__.load({
 			const remote = ctx.get("remote");
 			if (remote !== undefined) disposeRemote = await remote.$mount(EXIT_REMOTE);
 			return async () => {
+				navObserver?.disconnect();
+				clearDecoratedExitNav();
 				closeModal();
 				disposeRemote();
 			};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kesike/dsh-exit",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "type": "module",
   "description": "在 dsh web 界面提供退出按钮：确认后结束宿主进程并释放端口",
   "keywords": [