@linxin666/dsh-remote-web-ui 0.3.2 → 0.3.4

package/lib/index.js

@@ -6,9 +6,11 @@ import z from "schemastery";
 import { randomBytes } from "node:crypto";
 import { existsSync, mkdirSync, readFileSync, renameSync, writeFileSync } from "node:fs";
 import { homedir, networkInterfaces } from "node:os";
+import { isAbsolute as isAbsolute$1, join as join$1 } from "node:path/posix";
 import { z as z$1 } from "zod";
 import { readFile } from "node:fs/promises";
 import { fileURLToPath } from "node:url";
+import { gzipSync } from "node:zlib";
 import { RpcId } from "@deepseek-ai/dsh-host-apiproxy/api/rpc";
 import http, { request } from "node:http";
 import { connect } from "node:net";
@@ -650,8 +652,9 @@ function sanitizeUserAgent(raw) {
 */
 /** Expand a leading ~ (or ~user) in a path, platform-style. */
 function expandHome(path, home = homedir()) {
+	const j = home.startsWith("/") ? join$1 : join;
 	if (path === "~") return home;
-	if (path.startsWith("~/") || path.startsWith("~\\")) return join(home, path.slice(2));
+	if (path.startsWith("~/") || path.startsWith("~\\")) return j(home, path.slice(2));
 	return path;
 }
 /**
@@ -661,12 +664,15 @@ function expandHome(path, home = homedir()) {
 * @returns the absolute DSH home path.
 */
 function resolveDshHome(env = process.env, home = homedir()) {
+	const isPosix = home.startsWith("/");
+	const j = isPosix ? join$1 : join;
+	const isAbs = isPosix ? isAbsolute$1 : isAbsolute;
 	const raw = env.DSH_HOME;
 	if (raw !== void 0 && raw.trim() !== "") {
 		const expanded = expandHome(raw.trim(), home);
-		return isAbsolute(expanded) ? expanded : join(process.cwd(), expanded);
+		return isAbs(expanded) ? expanded : j(process.cwd(), expanded);
 	}
-	return join(home, ".dsh");
+	return j(home, ".dsh");
 }
 /** Resolve the DSH home directory from the live environment. */
 function dshHome() {
@@ -1442,7 +1448,8 @@ function makeMobileRoutes() {
 		writeStatic(res, 200, "text/html", offlineHtml());
 	};
 	let bundleBody;
-	const handleBundle = async (_req, res) => {
+	let bundleGzip;
+	const handleBundle = async (req, res) => {
 		if (bundleBody === void 0) {
 			const path = mobileBundlePath();
 			if (!existsSync(path)) {
@@ -1451,12 +1458,31 @@ function makeMobileRoutes() {
 			}
 			try {
 				bundleBody = await readFile(path, "utf8");
+				bundleGzip = gzipSync(Buffer.from(bundleBody, "utf8"));
 			} catch {
 				writeStatic(res, 500, "text/plain", "failed to read the mobile bundle");
 				return;
 			}
 		}
-		writeStatic(res, 200, "text/javascript", bundleBody);
+		const acceptEncoding = req.headers["accept-encoding"] ?? "";
+		if (typeof acceptEncoding === "string" && acceptEncoding.includes("gzip") && bundleGzip !== void 0) {
+			res.writeHead(200, {
+				"content-type": "text/javascript; charset=utf-8",
+				"content-encoding": "gzip",
+				"cache-control": "no-cache",
+				vary: "Accept-Encoding",
+				"referrer-policy": "no-referrer"
+			});
+			res.end(bundleGzip);
+		} else {
+			res.writeHead(200, {
+				"content-type": "text/javascript; charset=utf-8",
+				"cache-control": "no-cache",
+				vary: "Accept-Encoding",
+				"referrer-policy": "no-referrer"
+			});
+			res.end(bundleBody);
+		}
 	};
 	let workerBody;
 	const handleWorker = async (_req, res) => {
@@ -1557,7 +1583,8 @@ const MOBILE_ALLOWLIST = /* @__PURE__ */ new Set([
 	"session.prompt",
 	"session.models",
 	"session.selectModel",
-	"session.rename"
+	"session.rename",
+	"session.cancel"
 ]);
 /**
 * Locally answered display-preference method (the phone's read-only
@@ -1567,6 +1594,8 @@ const MOBILE_ALLOWLIST = /* @__PURE__ */ new Set([
 const MOBILE_PREFERENCES_METHOD = "mobile.preferences";
 const MOBILE_PENDING_METHOD = "mobile.pending";
 const MOBILE_RESPOND_METHOD = "mobile.respond";
+/** Execute a slash command through the host command registry (#1125). */
+const MOBILE_COMMAND_METHOD = "mobile.command";
 /** One session.list page (thin phones load incrementally). */
 const SESSION_PAGE_SIZE = 20;
 /** SSE keep-alive ping cadence for the live mux stream (single connection). */
@@ -1649,7 +1678,7 @@ function makeMobileApiRoutes(deps) {
 			return;
 		}
 		const method = pathname.slice(MOBILE_API_METHOD_PREFIX.length);
-		const local = method === MOBILE_PREFERENCES_METHOD || method === MOBILE_PENDING_METHOD || method === MOBILE_RESPOND_METHOD;
+		const local = method === MOBILE_PREFERENCES_METHOD || method === MOBILE_PENDING_METHOD || method === MOBILE_RESPOND_METHOD || method === MOBILE_COMMAND_METHOD;
 		if (!MOBILE_ALLOWLIST.has(method) && !local) {
 			writeJson(res, 403, {
 				ok: false,
@@ -1735,6 +1764,73 @@ function makeMobileApiRoutes(deps) {
 						}
 					});
 				}
+			} else if (method === MOBILE_COMMAND_METHOD) {
+				const payload = parsed.payload;
+				const sessionId = payload?.sessionId;
+				const line = payload?.line;
+				if (typeof sessionId !== "string" || typeof line !== "string") writeJson(res, 200, {
+					type: "server-response",
+					rpcId,
+					result: {
+						ok: false,
+						error: {
+							code: "bad-request",
+							message: "missing sessionId or line"
+						}
+					}
+				});
+				else if (deps.commandDispatcher === void 0) writeJson(res, 200, {
+					type: "server-response",
+					rpcId,
+					result: {
+						ok: false,
+						error: {
+							code: "unavailable",
+							message: "command dispatcher is not available"
+						}
+					}
+				});
+				else try {
+					const abort = new AbortController();
+					res.on("close", () => {
+						if (!res.writableEnded) abort.abort();
+					});
+					const outcome = await deps.commandDispatcher.execute(sessionId, line, abort.signal);
+					if ("error" in outcome) writeJson(res, 200, {
+						type: "server-response",
+						rpcId,
+						result: {
+							ok: false,
+							error: {
+								code: outcome.error,
+								message: outcome.error
+							}
+						}
+					});
+					else writeJson(res, 200, {
+						type: "server-response",
+						rpcId,
+						result: {
+							ok: true,
+							value: {
+								matched: true,
+								result: outcome.result
+							}
+						}
+					});
+				} catch (error) {
+					writeJson(res, 200, {
+						type: "server-response",
+						rpcId,
+						result: {
+							ok: false,
+							error: {
+								code: "internal",
+								message: error instanceof Error ? error.message : String(error)
+							}
+						}
+					});
+				}
 			}
 			return;
 		}
@@ -1874,6 +1970,7 @@ async function dispatch(apiProxy, method, payload, rpcId, signal) {
 	if (method === "session.models") return wrap(await apiProxy.sessions.models(request));
 	if (method === "session.selectModel") return wrap(await apiProxy.sessions.selectModel(request));
 	if (method === "session.rename") return wrap(await apiProxy.sessions.rename(request));
+	if (method === "session.cancel") return wrap(await apiProxy.sessions.cancel(request));
 	throw new Error(`unhandled allowlisted method ${method}`);
 }
 //#endregion
@@ -2952,9 +3049,11 @@ var TunnelManager = class {
 	}
 };
 /** The aggregate package that is the canonical update entry point. */
-const AGGREGATE_PACKAGE = "@linxin666/dsh-web-ui-all";
+const AGGREGATE_PACKAGE = "@linxin666/dsh-web-all";
 /** Fallback anchor: this plugin's own package when the aggregate is absent. */
 const SELF_PACKAGE = "@linxin666/dsh-remote-web-ui";
+/** GitHub repository used to surface human-readable release notes. */
+const UPDATE_RELEASE_REPO = "zhu1090093659/dsh-web";
 /** A profile manifest `name` prefix (e.g. `dsh-profile-web`). */
 const PROFILE_NAME_PREFIX = "dsh-profile-";
 /** How many ancestor directories a profile search walks before giving up. */
@@ -3135,6 +3234,83 @@ async function fetchLatestVersion(name, fetchImpl, timeoutMs = 1e4) {
 		return;
 	}
 }
+/** Normalize one release-note bullet. */
+function cleanNoteItem(text) {
+	return text.replace(/\[([^\]]+)\]\([^)]*\)/g, "$1").replace(/^[-*]\s+/, "").trim();
+}
+/** Determine the section kind for a Markdown heading line. */
+function noteSectionOf(line) {
+	const heading = /^#{1,6}\s+(.+)$/.exec(line.trim());
+	if (heading === null) return void 0;
+	const title = heading[1].replace(/[:：].*$/, "").trim().toLowerCase();
+	if (title === "新功能" || title === "new features") return "features";
+	if (title === "修复" || title === "bug fixes" || title === "bugfixes") return "fixes";
+	if (title === "其他改动" || title === "other changes") return "other";
+}
+/**
+* Parse the GitHub Release body into the three conventional sections.
+*
+* The committed release notes are bilingual: Chinese is the default view and
+* English lives inside a `<details>` block. Prefer the Chinese sections when
+* present and fall back to the whole body for English-only releases. Bullets
+* are escaped as plain text for the panel (no Markdown renderer).
+*/
+function parseReleaseNotesSource(version, source) {
+	const notes = {
+		version,
+		features: [],
+		fixes: [],
+		other: []
+	};
+	let current;
+	for (const rawLine of source.split(/\r?\n/)) {
+		const line = rawLine.trim();
+		const section = noteSectionOf(line);
+		if (section !== void 0) {
+			current = section;
+			continue;
+		}
+		if (current === void 0 || !/^-\s+/.test(line)) continue;
+		const item = cleanNoteItem(line);
+		if (item !== "") notes[current].push(item);
+	}
+	if (notes.features.length === 0 && notes.fixes.length === 0 && notes.other.length === 0) return void 0;
+	return notes;
+}
+function parseReleaseNotesBody(version, body) {
+	return parseReleaseNotesSource(version, body.split("<details>")[0] ?? body) ?? parseReleaseNotesSource(version, body);
+}
+/**
+* Fetch and parse the GitHub Release for one `dsh-web` version.
+* @param version - the npm release version (without the `v` prefix).
+* @param fetchImpl - injected fetch; global `fetch` in the host.
+* @param timeoutMs - hard timeout for the GitHub API probe.
+* @returns structured notes, or undefined when unavailable.
+*/
+async function fetchGitHubReleaseNotes(version, fetchImpl = fetch, timeoutMs = 1e4) {
+	const controller = new AbortController();
+	const timer = setTimeout(() => {
+		controller.abort();
+	}, timeoutMs);
+	try {
+		const response = await fetchImpl(`https://api.github.com/repos/${UPDATE_RELEASE_REPO}/releases/tags/v${version}`, {
+			headers: {
+				accept: "application/vnd.github+json",
+				"user-agent": "dsh-web-update"
+			},
+			signal: controller.signal
+		});
+		if (!response.ok) return void 0;
+		const body = await response.json();
+		if (typeof body !== "object" || body === null) return void 0;
+		const text = body.body;
+		return typeof text === "string" ? parseReleaseNotesBody(version, text) : void 0;
+	} catch {
+		return;
+	} finally {
+		clearTimeout(timer);
+	}
+}
 /**
 * Sentinel for an installed version that could not be read (missing manifest
 * or resolve failure). It is a real-looking version so `checkUpdates` can
@@ -3202,12 +3378,15 @@ async function checkUpdates(deps) {
 		});
 	});
 	const error = probeFailures === names.length && names.length > 0 ? "registry-unreachable" : void 0;
+	const targetVersion = packages.find((packageStatus) => packageStatus.latest !== void 0)?.latest;
+	const notes = targetVersion !== void 0 && deps.fetchReleaseNotes !== void 0 ? await deps.fetchReleaseNotes(targetVersion).catch(() => void 0) : void 0;
 	return {
 		mode: linked ? "link" : "npm",
 		profileName: profile.name,
 		anchor,
 		packages,
 		outdated: packages.some((packageStatus) => packageStatus.outdated),
+		...notes !== void 0 ? { notes } : {},
 		...error !== void 0 ? { error } : {}
 	};
 }
@@ -3497,7 +3676,7 @@ function makeUpdateRoutes(deps) {
 //#region src/mount-once.ts
 /**
 * Host single-instance guard shared by the plugin family. The family bundle
-* (dsh-web-ui-all / dsh-skins) namespaces every child row id (web-ui-*), so
+* (dsh-web-all / dsh-skins) namespaces every child row id (web-ui-*), so
 * the loader accepts a standalone install of the same package side by side;
 * without this guard the second instance would still re-register the same
 * webserver routes, tools, settings namespaces, and system-prompt sections
@@ -3510,7 +3689,7 @@ function makeUpdateRoutes(deps) {
 * `ctx.effect` runs its callback immediately and treats the callback's
 * return value as the fiber disposer, so the unmarker is returned, not run.
 */
-const MOUNTED = Symbol.for("dsh-web-ui.mounted-plugins");
+const MOUNTED = Symbol.for("dsh-web.mounted-plugins");
 function mountedSet() {
 	const registry = globalThis;
 	return registry[MOUNTED] ??= /* @__PURE__ */ new Set();
@@ -3628,7 +3807,12 @@ const UUID_POLYFILL_SCRIPT = [
 /** Stable cordis plugin name. */
 const name = "remote-web-ui";
 /** Services required before the pairing surfaces can mount. */
-const inject = ["webServer", "apiProxy"];
+const inject = [
+	"webServer",
+	"apiProxy",
+	"commands",
+	"agents"
+];
 /**
 * Settings namespace of the remote-control capability — the section the web
 * settings surface edits. Spelled here rather than imported: the browser
@@ -3765,6 +3949,17 @@ function applyImpl(ctx, config) {
 			return;
 		}
 	});
+	const releaseNotesCache = /* @__PURE__ */ new Map();
+	const fetchReleaseNotesCached = async (version) => {
+		const cached = releaseNotesCache.get(version);
+		if (cached !== void 0 && Date.now() - cached.at < 6e5) return cached.notes;
+		const notes = await fetchGitHubReleaseNotes(version, fetch);
+		releaseNotesCache.set(version, {
+			at: Date.now(),
+			notes
+		});
+		return notes;
+	};
 	const updateRoutes = makeUpdateRoutes({
 		fence: (request) => isTrustedApiRequest(request, []),
 		check: () => checkUpdates({
@@ -3776,7 +3971,8 @@ function applyImpl(ctx, config) {
 					return;
 				}
 			},
-			fetchLatest: (name) => fetchLatestVersion(name, fetch)
+			fetchLatest: (name) => fetchLatestVersion(name, fetch),
+			fetchReleaseNotes: fetchReleaseNotesCached
 		}),
 		run: async () => {
 			const target = resolveUpdateTarget({ anchorManifestPath: resolveAnchorPath() });
@@ -3786,7 +3982,7 @@ function applyImpl(ctx, config) {
 					ok: false,
 					exitCode: null,
 					output: "",
-					error: code === "not-found" ? "dsh-web-ui aggregate not installed" : "local link install — update unavailable",
+					error: code === "not-found" ? "dsh-web aggregate not installed" : "local link install — update unavailable",
 					errorCode: code
 				};
 			}
@@ -3804,7 +4000,8 @@ function applyImpl(ctx, config) {
 							return;
 						}
 					},
-					fetchLatest: (name) => fetchLatestVersion(name, fetch)
+					fetchLatest: (name) => fetchLatestVersion(name, fetch),
+					fetchReleaseNotes: fetchReleaseNotesCached
 				}
 			});
 		}
@@ -3820,7 +4017,17 @@ function applyImpl(ctx, config) {
 			service,
 			apiProxy,
 			pendingTracker: new PendingTracker(),
-			mobileEnterToSend: () => resolve().mobileEnterToSend
+			mobileEnterToSend: () => resolve().mobileEnterToSend,
+			commandDispatcher: ctx.commands !== void 0 && ctx.agents !== void 0 ? { async execute(sessionId, line, signal) {
+				const agent = ctx.agents.get(sessionId);
+				if (agent === void 0) return { error: "session-not-found" };
+				const execution = await ctx.commands.execute(agent, line, [], signal);
+				if (execution === void 0) return { error: "unknown-command" };
+				return {
+					ok: true,
+					result: execution.result
+				};
+			} } : void 0
 		}) : [],
 		...apiProxy !== void 0 ? makePairedModelCatalogRoutes({
 			service,

package/lib/mobile.js

@@ -7610,15 +7610,18 @@ async function prompt(sessionId, text) {
 }
 /** Send one slash command line (e.g. `/permission workspace-write`). */
 async function sendCommand(sessionId, line) {
-	return await callUnary("session.prompt", {
+	return await callUnary("mobile.command", {
 		sessionId,
-		mode: "queue",
-		content: [{
-			type: "text",
-			text: line
-		}]
+		line
 	});
 }
+/**
+* Stop the session's active turn (the mobile stop button). Pending queued
+* work is preserved and resumes in FIFO order once cancellation settles.
+*/
+async function cancelSession(sessionId) {
+	return await callUnary("session.cancel", { sessionId });
+}
 /** Fresh advisory model directory for one session (current + groups + failures). */
 async function models(sessionId) {
 	return await callUnary("session.models", { sessionId });
@@ -14039,6 +14042,8 @@ function ChatView({ session, mux, onBack }) {
 	const [mobileEnterToSend, setMobileEnterToSend] = (0, import_react.useState)(true);
 	/** Whether the assistant is currently generating (turn/start..turn/end). */
 	const [running, setRunning] = (0, import_react.useState)(false);
+	/** Whether a stop request is in flight (guards the composer's stop button). */
+	const [stopping, setStopping] = (0, import_react.useState)(false);
 	/** Pending tool approvals awaiting user decision (#1025). */
 	const [pendingApprovals, setPendingApprovals] = (0, import_react.useState)([]);
 	/** Pending questions awaiting user answer (#1025). */
@@ -14245,6 +14250,22 @@ function ChatView({ session, mux, onBack }) {
 		sending,
 		session.sessionId
 	]);
+	/**
+	* Stop the active turn (desktop parity: the composer's primary button
+	* becomes a stop button while running). The turn/end frame arriving over
+	* mux flips the button back; a failed request surfaces through the chat
+	* error line.
+	*/
+	const stopTurn = (0, import_react.useCallback)(() => {
+		if (stopping) return;
+		setStopping(true);
+		cancelSession(session.sessionId).then(() => {
+			setStopping(false);
+		}, (reason) => {
+			setStopping(false);
+			setError(errorText(reason));
+		});
+	}, [stopping, session.sessionId]);
 	const modelLabel = currentModel?.model ?? "模型";
 	const permissionLabel = permissions === void 0 ? void 0 : permissions.options.find((option) => option.value === permissions.currentValue)?.name ?? displayName(permissions.currentValue);
 	const contextUsage = (0, import_react.useMemo)(() => {
@@ -14434,12 +14455,28 @@ function ChatView({ session, mux, onBack }) {
 					}
 				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
 					type: "button",
-					className: "chat-send",
-					disabled: sending || input.trim() === "",
+					className: running ? "chat-send chat-send-stop" : "chat-send",
+					...running ? { "aria-label": stopping ? "停止中" : "停止" } : {},
+					disabled: running ? stopping : sending || input.trim() === "",
 					onClick: () => {
-						send();
+						if (running) stopTurn();
+						else send();
 					},
-					children: sending ? "发送中…" : "发送"
+					children: running ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
+						viewBox: "0 0 16 16",
+						width: "14",
+						height: "14",
+						"aria-hidden": "true",
+						focusable: "false",
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", {
+							x: "3",
+							y: "3",
+							width: "10",
+							height: "10",
+							rx: "3",
+							fill: "currentColor"
+						})
+					}) : sending ? "发送中…" : "发送"
 				})]
 			}),
 			sheet === "model" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ModelSheet, {
@@ -14490,6 +14527,11 @@ function ChatView({ session, mux, onBack }) {
 */
 const MessageRow = (0, import_react.memo)(function MessageRow({ message, showToolCalls, showSystemMessages }) {
 	if (message.kind === "user" && message.sourceKind !== void 0 && message.sourceKind !== "user" && !showSystemMessages) return null;
+	const hasReasoning = message.kind === "assistant" && message.reasoning !== void 0 && message.reasoning !== "";
+	const hasTools = showToolCalls && message.kind === "assistant" && message.tools !== void 0 && message.tools.length > 0;
+	const hasText = message.text !== "";
+	const hasFailTag = message.failed === true;
+	if (!hasReasoning && !hasTools && !hasText && !hasFailTag) return null;
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 		className: `chat-msg chat-msg-${message.kind}${message.pending === true ? " chat-msg-pending" : ""}${message.failed === true ? " chat-msg-failed" : ""}`,
 		children: [
@@ -14648,7 +14690,7 @@ function MarkdownText({ text, pending }) {
 			if (timerRef.current !== void 0) clearTimeout(timerRef.current);
 		};
 	}, []);
-	const long = text.length > LONG_TEXT_LIMIT;
+	const long = !pending && text.length > 6e3;
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 		className: "chat-msg-text chat-md" + (long && !open ? " chat-md-collapsed" : ""),
 		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
@@ -14667,7 +14709,7 @@ function MarkdownText({ text, pending }) {
 /** Long assistant text collapses behind an explicit expand toggle. */
 function CollapsibleText({ text }) {
 	const [open, setOpen] = (0, import_react.useState)(false);
-	if (text.length <= LONG_TEXT_LIMIT) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+	if (text.length <= 6e3) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
 		className: "chat-msg-text",
 		children: text
 	});
@@ -14687,7 +14729,6 @@ function CollapsibleText({ text }) {
 		]
 	});
 }
-const LONG_TEXT_LIMIT = 1600;
 const LONG_TEXT_PREVIEW = 800;
 /** Latest non-empty line of a streaming reasoning buffer. */
 function lastLine(text) {
@@ -17270,6 +17311,16 @@ body {
   opacity: 0.5;
 }
 
+/* Running state: the primary button carries only the square stop icon, so
+   it centers the glyph instead of sizing to text. */
+.chat-send-stop {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 44px;
+  padding: 0 12px;
+}
+
 .chat-load-older {
   align-self: center;
   margin: 4px 0;