@fonlan/dsh-quick-commands 0.1.0

package/lib/client.js

@@ -0,0 +1,1036 @@
+window.__ModuleLoader__.load({
+	id: "@fonlan/dsh-quick-commands",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		let react = require("react");
+		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
+		let react_jsx_runtime = require("react/jsx-runtime");
+		//#region src/client/api.ts
+		var QuickCommandsApiError = class extends Error {
+			code;
+			constructor(code, message) {
+				super(message);
+				this.code = code;
+			}
+		};
+		async function call(method, payload = {}) {
+			let response;
+			try {
+				response = await fetch(`/plugins/@fonlan/dsh-quick-commands/api/${method}`, {
+					method: "POST",
+					headers: { "content-type": "application/json" },
+					body: JSON.stringify(payload)
+				});
+			} catch (error) {
+				throw new QuickCommandsApiError("network", error instanceof Error ? error.message : String(error));
+			}
+			const parsed = await response.json().catch(() => null);
+			if (!response.ok || parsed === null || parsed.ok !== true || parsed.value === void 0) throw new QuickCommandsApiError(parsed?.error?.code ?? "http", parsed?.error?.message ?? `HTTP ${response.status}`);
+			return parsed.value;
+		}
+		const quickApi = {
+			settingsGet: () => call("settings.get"),
+			settingsSetCommands: (workspaceId, commands) => call("settings.setCommands", {
+				workspaceId,
+				commands
+			}),
+			settingsSetAnchor: (anchor) => call("settings.setAnchor", { anchor }),
+			settingsSetPopupSize: (size) => call("settings.setPopupSize", {
+				width: size.width,
+				height: size.height
+			}),
+			workspacesList: () => call("workspaces.list"),
+			runStart: (workspaceId, commandName, sessionCwd) => call("run.start", {
+				workspaceId,
+				commandName,
+				sessionCwd
+			}),
+			runPoll: (runId, stdoutFrom, stderrFrom) => call("run.poll", {
+				runId,
+				stdoutFrom,
+				stderrFrom
+			}),
+			runKill: (runId) => call("run.kill", { runId }),
+			runList: (workspaceId) => call("run.list", { workspaceId })
+		};
+		//#endregion
+		//#region src/client/run-state.ts
+		/**
+		* HMR-safe shared run state for the quick-commands header button and output
+		* popup. Module-level fields live on one globalThis-backed record keyed with
+		* Symbol.for so every client-bundle copy (client-hmr hot swap re-evaluates the
+		* bundle without reloading the page) reads/writes the same state cell.
+		*
+		* The popup handles ONE run at a time (serial per workspace by design); a
+		* second workspace can run in parallel with its own popup, so the store keys
+		* popups by runId.
+		*/
+		const STATE_KEY = Symbol.for("@fonlan/dsh-quick-commands/run-state");
+		function getState() {
+			const g = globalThis;
+			let state = g[STATE_KEY];
+			if (state === void 0) {
+				state = {
+					popover: {
+						menuOpen: false,
+						runId: null,
+						workspaceId: null,
+						commandName: null,
+						remoteHost: null,
+						streaming: true,
+						listeners: /* @__PURE__ */ new Set()
+					},
+					snapshot: {
+						menuOpen: false,
+						runId: null,
+						workspaceId: null,
+						commandName: null,
+						remoteHost: null,
+						streaming: true
+					}
+				};
+				g[STATE_KEY] = state;
+			}
+			return state;
+		}
+		function notify() {
+			getState().snapshot = null;
+			for (const listener of getState().popover.listeners) listener();
+		}
+		function subscribe(cb) {
+			const listeners = getState().popover.listeners;
+			listeners.add(cb);
+			return () => {
+				listeners.delete(cb);
+			};
+		}
+		/**
+		* getSnapshot for useSyncExternalStore. MUST return a stable reference while
+		* the underlying fields are unchanged (React compares with Object.is) — return
+		* the CACHED object; only rebuild it when a patch invalidated it.
+		*/
+		function snapshot() {
+			const state = getState();
+			if (state.snapshot !== null) return state.snapshot;
+			const p = state.popover;
+			state.snapshot = {
+				menuOpen: p.menuOpen,
+				runId: p.runId,
+				workspaceId: p.workspaceId,
+				commandName: p.commandName,
+				remoteHost: p.remoteHost,
+				streaming: p.streaming
+			};
+			return state.snapshot;
+		}
+		function patch(partial) {
+			const state = getState();
+			Object.assign(state.popover, partial);
+			state.snapshot = null;
+			notify();
+		}
+		function useRunPopover() {
+			return (0, react.useSyncExternalStore)(subscribe, snapshot, snapshot);
+		}
+		function openMenu() {
+			patch({ menuOpen: true });
+		}
+		function closeMenu() {
+			patch({ menuOpen: false });
+		}
+		function openRun(runId, workspaceId, commandName, remoteHost) {
+			patch({
+				runId,
+				workspaceId,
+				commandName,
+				remoteHost: remoteHost ?? null,
+				menuOpen: false,
+				streaming: true
+			});
+		}
+		function closeRun() {
+			patch({
+				runId: null,
+				workspaceId: null,
+				commandName: null,
+				remoteHost: null,
+				streaming: false
+			});
+		}
+		//#endregion
+		//#region src/client/header.tsx
+		/**
+		* Session-header quick-command surface: the ▶ play icon button (left of the
+		* Session log pill), the command menu popover (current workspace's commands),
+		* and the live output popup that streams stdout/stderr at ~200ms cadence.
+		*
+		* Props are the standard session/global kit of `conversation.session.header.utilities`
+		* plus this plugin's injected hooks (anchor preference + resolver).
+		*/
+		/** Longest-path workspace match for a cwd (subdirectory allowed). */
+		function matchWorkspace(cwd, workspaces) {
+			if (cwd === void 0) return void 0;
+			let best;
+			for (const ws of workspaces) {
+				const norm = ws.path.replace(/\\/g, "/").replace(/\/+$/, "");
+				const nc = cwd.replace(/\\/g, "/");
+				if (nc === norm || nc.startsWith(norm + "/")) {
+					if (best === void 0 || norm.length > best.path.length) best = ws;
+				}
+			}
+			return best;
+		}
+		/** Resolve the current session's workspace from the standard kits. */
+		function useCurrentWorkspace(sessionId, useSessions, useWorkspaces) {
+			const row = useSessions?.((s) => s.byId[sessionId]);
+			const workspaces = useWorkspaces?.((s) => s.items);
+			return {
+				workspace: matchWorkspace(row?.cwd, workspaces ?? []),
+				cwd: row?.cwd
+			};
+		}
+		/** Header icon button + command menu + live output popup. */
+		function QuickCommandsHeaderAction(props) {
+			const { sessionId, t } = props;
+			const { workspace, cwd } = useCurrentWorkspace(sessionId, props.useSessions, props.useWorkspaces);
+			const popover = useRunPopover();
+			const [commands, setCommands] = (0, react.useState)([]);
+			const [menuLoadError, setMenuLoadError] = (0, react.useState)(null);
+			const [menuRemoteHost, setMenuRemoteHost] = (0, react.useState)(null);
+			const [busy, setBusy] = (0, react.useState)(false);
+			const [anchor, setAnchor] = (0, react.useState)("corner");
+			const [popupSize, setPopupSize] = (0, react.useState)(void 0);
+			const wrapRef = (0, react.useRef)(null);
+			(0, react.useEffect)(() => {
+				if (!popover.menuOpen) return;
+				const onPointerDown = (e) => {
+					const wrap = wrapRef.current;
+					if (wrap === null) return;
+					if (e.target instanceof Node && wrap.contains(e.target)) return;
+					closeMenu();
+				};
+				document.addEventListener("pointerdown", onPointerDown);
+				return () => {
+					document.removeEventListener("pointerdown", onPointerDown);
+				};
+			}, [popover.menuOpen]);
+			(0, react.useEffect)(() => {
+				if (!popover.menuOpen) return;
+				let cancelled = false;
+				(async () => {
+					try {
+						const [entries, settings] = await Promise.all([quickApi.workspacesList(), quickApi.settingsGet()]);
+						if (cancelled) return;
+						const own = entries.find((e) => e.workspaceId === workspace?.workspaceId);
+						setCommands(own === void 0 ? [] : own.commands);
+						setMenuRemoteHost(own?.remoteHost ?? null);
+						setAnchor(settings.popupAnchor);
+						setPopupSize(settings.popupSize);
+						setMenuLoadError(null);
+					} catch (e) {
+						if (cancelled) return;
+						setCommands([]);
+						setMenuLoadError(e instanceof Error ? e.message : String(e));
+					}
+				})();
+				return () => {
+					cancelled = true;
+				};
+			}, [popover.menuOpen, workspace?.workspaceId]);
+			const startRun = async (commandName) => {
+				setBusy(true);
+				closeMenu();
+				try {
+					const run = await quickApi.runStart(workspace.workspaceId, commandName, cwd ?? workspace.path);
+					openRun(run.runId, run.workspaceId, run.commandName, run.remoteHost);
+				} catch (e) {
+					const message = e instanceof Error ? e.message : String(e);
+					if (message.includes("run-busy") || message.includes("already running")) setMenuLoadError(t("runBusy"));
+					else setMenuLoadError(t("runStartFailed") + ": " + message);
+					openMenu();
+				} finally {
+					setBusy(false);
+				}
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				ref: wrapRef,
+				className: "qc-head-wrap",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: "qc-head-btn",
+						title: workspace === void 0 ? t("noWorkspace") : t("buttonTooltip"),
+						"aria-label": t("buttonTitle"),
+						disabled: workspace === void 0,
+						onClick: () => {
+							popover.menuOpen ? closeMenu() : openMenu();
+						},
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconPlayOutline16, { size: 16 })
+					}),
+					popover.menuOpen && workspace !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "qc-menu",
+						role: "menu",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "qc-menu-head",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "qc-menu-title",
+										children: t("menuTitle")
+									}),
+									menuRemoteHost !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "qc-menu-remote",
+										title: `SSH · ${menuRemoteHost}`,
+										children: "SSH"
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "qc-menu-ws",
+										children: workspace.title
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "qc-menu-close",
+										"aria-label": t("runClose"),
+										onClick: closeMenu,
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCloseOutline16, { size: 12 })
+									})
+								]
+							}),
+							commands.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "qc-menu-empty",
+								children: menuLoadError ?? t("noCommands")
+							}),
+							commands.filter((c) => c.name.trim() !== "").map((command) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+								type: "button",
+								role: "menuitem",
+								className: "qc-menu-item",
+								disabled: busy,
+								onClick: () => void startRun(command.name),
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "qc-menu-item-name",
+									children: command.name
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "qc-menu-item-cmd",
+									children: command.command
+								})]
+							}, command.name))
+						]
+					}),
+					popover.runId !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RunPopup, {
+						runId: popover.runId,
+						workspaceId: popover.workspaceId ?? "",
+						commandName: popover.commandName ?? "",
+						remoteHost: popover.remoteHost ?? void 0,
+						t,
+						anchor,
+						popupSize,
+						sessionId,
+						onClose: closeRun
+					})
+				]
+			});
+		}
+		const POPUP_MIN_W = 320;
+		const POPUP_MIN_H = 200;
+		/** Total horizontal margin kept around the popup (both anchors). */
+		const POPUP_VIEWPORT_MARGIN = 40;
+		/** Vertical space reserved for header/footer chrome (both anchors). */
+		const POPUP_VIEWPORT_RESERVED = 120;
+		function popupDefaultSize(anchor) {
+			return anchor === "corner" ? {
+				width: 520,
+				height: 340
+			} : {
+				width: 440,
+				height: 300
+			};
+		}
+		function popupClamp(size) {
+			const maxW = Math.max(POPUP_MIN_W, window.innerWidth - POPUP_VIEWPORT_MARGIN);
+			const maxH = Math.max(POPUP_MIN_H, window.innerHeight - POPUP_VIEWPORT_RESERVED);
+			return {
+				width: Math.min(Math.max(POPUP_MIN_W, Math.round(size.width)), maxW),
+				height: Math.min(Math.max(POPUP_MIN_H, Math.round(size.height)), maxH)
+			};
+		}
+		/**
+		* Initial popup size: the persisted one when it holds sane numbers, else the
+		* per-anchor default. Defensive because schemastery resolves a MISSING object
+		* field to `{}` (object schemas carry an implicit `default: {}`), so a
+		* never-resized popup can arrive as `popupSize: {}` from settings.get().
+		*/
+		function popupSizeOrDefault(size, anchor) {
+			if (size === void 0 || !Number.isFinite(size.width) || !Number.isFinite(size.height) || size.width <= 0 || size.height <= 0) return popupDefaultSize(anchor);
+			return popupClamp(size);
+		}
+		/** The streaming output popup. Polls stdout/stderr deltas every ~200ms. */
+		function RunPopup(props) {
+			const { runId, t, anchor, remoteHost, onClose } = props;
+			const [size, setSize] = (0, react.useState)(() => popupSizeOrDefault(props.popupSize, anchor));
+			const sizeRef = (0, react.useRef)(size);
+			const sizeDragRef = (0, react.useRef)(null);
+			const [state, setState] = (0, react.useState)(() => ({
+				status: "running",
+				exitCode: null,
+				signal: null,
+				stdoutEnd: 0,
+				stderrEnd: 0,
+				stdout: "",
+				stderr: "",
+				stdoutLossy: false,
+				stderrLossy: false
+			}));
+			const [view, setView] = (0, react.useState)("stdout");
+			const [autoFollow, setAutoFollow] = (0, react.useState)(true);
+			const [killConfirm, setKillConfirm] = (0, react.useState)(false);
+			const [pollError, setPollError] = (0, react.useState)(null);
+			const [closing, setClosing] = (0, react.useState)(false);
+			const outputRef = (0, react.useRef)(null);
+			const autoFollowRef = (0, react.useRef)(true);
+			(0, react.useEffect)(() => {
+				autoFollowRef.current = autoFollow;
+			}, [autoFollow]);
+			(0, react.useEffect)(() => {
+				if (!autoFollowRef.current) return;
+				const el = outputRef.current;
+				if (el === null) return;
+				el.scrollTop = el.scrollHeight;
+			}, [
+				state.stdout,
+				state.stderr,
+				view
+			]);
+			(0, react.useEffect)(() => {
+				let cancelled = false;
+				let outEnd = 0;
+				let errEnd = 0;
+				const tick = async () => {
+					try {
+						const poll = await quickApi.runPoll(runId, outEnd, errEnd);
+						if (cancelled) return;
+						outEnd = poll.stdoutEnd;
+						errEnd = poll.stderrEnd;
+						setState((s) => ({
+							status: poll.status,
+							exitCode: poll.exitCode,
+							signal: poll.signal,
+							stdoutEnd: poll.stdoutEnd,
+							stderrEnd: poll.stderrEnd,
+							stdout: poll.stdoutLossy ? poll.stdoutDelta : s.stdout + poll.stdoutDelta,
+							stderr: poll.stderrLossy ? poll.stderrDelta : s.stderr + poll.stderrDelta,
+							stdoutLossy: poll.stdoutLossy,
+							stderrLossy: poll.stderrLossy
+						}));
+						setPollError(null);
+						if (poll.status === "exited") return;
+						timer = window.setTimeout(() => void tick(), 200);
+					} catch (e) {
+						if (cancelled) return;
+						setPollError(e instanceof Error ? e.message : String(e));
+						timer = window.setTimeout(() => void tick(), 500);
+					}
+				};
+				let timer;
+				tick();
+				return () => {
+					cancelled = true;
+					window.clearTimeout(timer);
+				};
+			}, [runId]);
+			const kill = async () => {
+				setClosing(true);
+				try {
+					await quickApi.runKill(runId);
+				} finally {
+					onClose();
+				}
+			};
+			const close = () => {
+				if (state.status === "exited") {
+					onClose();
+					return;
+				}
+				setKillConfirm(true);
+			};
+			const confirmClose = () => {
+				kill();
+			};
+			const heightFree = anchor === "corner" ? "top" : "bottom";
+			const onResizePointerDown = (e) => {
+				e.preventDefault();
+				e.currentTarget.setPointerCapture(e.pointerId);
+				sizeDragRef.current = {
+					pointerId: e.pointerId,
+					startX: e.clientX,
+					startY: e.clientY,
+					startW: sizeRef.current.width,
+					startH: sizeRef.current.height,
+					mode: e.currentTarget.dataset.resize
+				};
+			};
+			const onResizePointerMove = (e) => {
+				const drag = sizeDragRef.current;
+				if (drag === null || drag.pointerId !== e.pointerId) return;
+				const dx = e.clientX - drag.startX;
+				const dy = e.clientY - drag.startY;
+				const controlsW = drag.mode === "left" || drag.mode === "corner";
+				const controlsH = drag.mode === "height" || drag.mode === "corner";
+				const next = popupClamp({
+					width: controlsW ? drag.startW - dx : drag.startW,
+					height: controlsH ? drag.startH + (heightFree === "top" ? -dy : dy) : drag.startH
+				});
+				sizeRef.current = next;
+				setSize(next);
+			};
+			const onResizePointerUp = (e) => {
+				const drag = sizeDragRef.current;
+				if (drag === null || drag.pointerId !== e.pointerId) return;
+				sizeDragRef.current = null;
+				if (e.currentTarget.hasPointerCapture(e.pointerId)) e.currentTarget.releasePointerCapture(e.pointerId);
+				quickApi.settingsSetPopupSize(sizeRef.current).catch(() => void 0);
+			};
+			/** Pointer-handler trio for one resize handle (mode = which axes it drives). */
+			const resizeProps = (mode) => ({
+				"data-resize": mode,
+				onPointerDown: onResizePointerDown,
+				onPointerMove: onResizePointerMove,
+				onPointerUp: onResizePointerUp,
+				onPointerCancel: onResizePointerUp
+			});
+			const active = state.status === "running";
+			const title = active ? `${props.commandName} · ${t("runStateRunning")}` : `${props.commandName} · ${t("runStateExited")} (${state.exitCode ?? "?"})`;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: `qc-popup qc-popup-${anchor}`,
+				role: "dialog",
+				"aria-label": title,
+				style: {
+					width: size.width,
+					height: size.height
+				},
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
+						className: "qc-popup-head",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "qc-popup-title",
+								title,
+								children: title
+							}),
+							remoteHost !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "qc-popup-remote",
+								title: `SSH · ${remoteHost}`,
+								children: "SSH"
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "qc-popup-cmd",
+								children: props.commandName
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: "qc-popup-icon qc-popup-kill",
+								disabled: !active || closing,
+								title: t("runKill"),
+								"aria-label": t("runKill"),
+								onClick: () => void kill(),
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconStopFill16, { size: 14 })
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: "qc-popup-icon qc-popup-close",
+								title: t("runClose"),
+								"aria-label": t("runClose"),
+								onClick: close,
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCloseOutline16, { size: 14 })
+							})
+						]
+					}),
+					killConfirm && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "qc-popup-confirm",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("runKillConfirm") }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: "qc-popup-btn",
+								onClick: confirmClose,
+								children: t("runKill")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: "qc-popup-btn qc-popup-btn-plain",
+								onClick: () => setKillConfirm(false),
+								children: t("runClose")
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "qc-popup-tabs",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: "qc-popup-tab" + (view === "stdout" ? " qc-popup-tab-active" : ""),
+							onClick: () => setView("stdout"),
+							children: t("runStdout")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: "qc-popup-tab" + (view === "stderr" ? " qc-popup-tab-active" : ""),
+							onClick: () => setView("stderr"),
+							children: t("runStderr")
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						ref: outputRef,
+						className: "qc-popup-output",
+						onScroll: (e) => {
+							const el = e.currentTarget;
+							const atEnd = Math.abs(el.scrollHeight - el.scrollTop - el.clientHeight) < 24;
+							setAutoFollow(atEnd);
+						},
+						children: [pollError !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+							className: "qc-popup-error",
+							children: [
+								t("runPollFailed"),
+								": ",
+								pollError
+							]
+						}), view === "stdout" ? state.stdout === "" && !active ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "qc-popup-empty",
+							children: t("runEmpty")
+						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", {
+							className: "qc-popup-pre",
+							children: state.stdout
+						}) : state.stderr === "" && !active ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "qc-popup-empty",
+							children: t("runEmpty")
+						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", {
+							className: "qc-popup-pre",
+							children: state.stderr
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("footer", {
+						className: "qc-popup-foot",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "qc-popup-state",
+							children: active ? t("runStateRunning") : `${t("runStateExited")} · ${t("runExitCode")} ${state.exitCode ?? "-"}${state.signal !== null ? ` · ${state.signal}` : ""}`
+						})
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "qc-popup-resize qc-popup-resize-left",
+						title: t("runResize"),
+						...resizeProps("left")
+					}),
+					heightFree === "top" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "qc-popup-resize qc-popup-resize-top",
+						title: t("runResize"),
+						...resizeProps("height")
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "qc-popup-resize qc-popup-resize-bottom",
+						title: t("runResize"),
+						...resizeProps("height")
+					}),
+					heightFree === "top" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "qc-popup-resize qc-popup-resize-corner qc-popup-resize-corner-tl",
+						title: t("runResize"),
+						...resizeProps("corner"),
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+							width: "12",
+							height: "12",
+							viewBox: "0 0 12 12",
+							"aria-hidden": "true",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+								d: "M9 9 3 3 M9 5.5 5.5 3 M5.5 9 3 5.5",
+								fill: "none",
+								stroke: "currentColor",
+								strokeWidth: "1.4",
+								strokeLinecap: "round",
+								strokeLinejoin: "round"
+							})
+						})
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "qc-popup-resize qc-popup-resize-corner qc-popup-resize-corner-bl",
+						title: t("runResize"),
+						...resizeProps("corner"),
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+							width: "12",
+							height: "12",
+							viewBox: "0 0 12 12",
+							"aria-hidden": "true",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+								d: "M9 3 3 9 M9 6.5 6.5 9 M5.5 3 3 5.5",
+								fill: "none",
+								stroke: "currentColor",
+								strokeWidth: "1.4",
+								strokeLinecap: "round",
+								strokeLinejoin: "round"
+							})
+						})
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region src/client/settings-card.tsx
+		/**
+		* Quick-commands settings card (设置 → 插件配置): an expandable plugin card —
+		* header (title + description + chevron) collapsed by default, body reveals
+		* the workspace × command-set editor and the popup anchor preference. Body
+		* edits instant-save per change; partial rows (empty name/command) persist
+		* while the user types.
+		*
+		* Mirrors the official PluginCard disclosure pattern (header button with
+		* aria-expanded, rotate-180 chevron, body separated by a top border).
+		*/
+		function QuickCommandsSettingsCard({ t }) {
+			const [open, setOpen] = (0, react.useState)(false);
+			const [state, setState] = (0, react.useState)({
+				loaded: false,
+				entries: [],
+				anchor: "corner"
+			});
+			const [error, setError] = (0, react.useState)(null);
+			const saveToken = (0, react.useRef)(0);
+			const load = async () => {
+				try {
+					const [entries, settings] = await Promise.all([quickApi.workspacesList(), quickApi.settingsGet()]);
+					setState({
+						loaded: true,
+						entries,
+						anchor: settings.popupAnchor
+					});
+					setError(null);
+				} catch (e) {
+					setState((s) => ({
+						...s,
+						loaded: true
+					}));
+					setError(e instanceof Error ? e.message : String(e));
+				}
+			};
+			(0, react.useEffect)(() => {
+				load();
+			}, []);
+			/** Instant-save the workspace's whole command set; optimistic UI. */
+			const saveCommands = async (workspaceId, commands) => {
+				const token = ++saveToken.current;
+				try {
+					const next = await quickApi.settingsSetCommands(workspaceId, commands);
+					if (token !== saveToken.current) return;
+					setState((s) => ({
+						...s,
+						anchor: next.popupAnchor,
+						entries: s.entries.map((e) => e.workspaceId === workspaceId ? {
+							...e,
+							commands
+						} : e)
+					}));
+					setError(null);
+				} catch (e) {
+					setError(e instanceof Error ? e.message : String(e));
+					load();
+				}
+			};
+			/** Compute the next command list for a workspace, THEN save + update state. */
+			const mutateCommands = (workspaceId, next) => {
+				const entry = state.entries.find((e) => e.workspaceId === workspaceId);
+				if (entry === void 0) return;
+				const commands = next(entry.commands);
+				setState((s) => ({
+					...s,
+					entries: s.entries.map((e) => e.workspaceId === workspaceId ? {
+						...e,
+						commands
+					} : e)
+				}));
+				saveCommands(workspaceId, commands);
+			};
+			const patchEntry = (workspaceId, index, field, value) => {
+				mutateCommands(workspaceId, (current) => current.map((c, i) => i === index ? {
+					...c,
+					[field]: value
+				} : c));
+			};
+			const addCommand = (workspaceId) => {
+				mutateCommands(workspaceId, (current) => [...current, {
+					name: "",
+					command: ""
+				}]);
+			};
+			const removeCommand = (workspaceId, index) => {
+				mutateCommands(workspaceId, (current) => current.filter((_, i) => i !== index));
+			};
+			const setAnchor = async (anchor) => {
+				setState((s) => ({
+					...s,
+					anchor
+				}));
+				try {
+					const next = await quickApi.settingsSetAnchor(anchor);
+					setState((s) => ({
+						...s,
+						anchor: next.popupAnchor
+					}));
+				} catch (e) {
+					setError(e instanceof Error ? e.message : String(e));
+					load();
+				}
+			};
+			const title = t("cardTitle");
+			const description = t("cardDescription");
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+				className: "qc-settings-card" + (open ? " qc-settings-card-open" : ""),
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					type: "button",
+					className: "qc-settings-header",
+					"aria-expanded": open,
+					"aria-label": `${t("collapseOrExpand")}: ${title}`,
+					onClick: () => setOpen((v) => !v),
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						className: "qc-settings-head-text",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "qc-settings-name",
+							children: title
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "qc-settings-description",
+							children: description
+						})]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, { className: "qc-settings-chevron" + (open ? " qc-settings-chevron-open" : "") })]
+				}), open && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "qc-settings-body",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "qc-settings-intro",
+							children: t("cardIntro")
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "qc-settings-anchor",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "qc-settings-anchor-label",
+									children: t("cardAnchor")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+									className: "qc-settings-radio",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										type: "radio",
+										name: "qc-anchor",
+										checked: state.anchor === "corner",
+										onChange: () => void setAnchor("corner")
+									}), t("cardAnchorCorner")]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+									className: "qc-settings-radio",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										type: "radio",
+										name: "qc-anchor",
+										checked: state.anchor === "button",
+										onChange: () => void setAnchor("button")
+									}), t("cardAnchorButton")]
+								})
+							]
+						}),
+						error !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "qc-settings-error",
+							children: [
+								t("cardSaveError"),
+								": ",
+								error
+							]
+						}),
+						state.loaded && state.entries.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "qc-settings-empty",
+							children: t("cardNoWorkspaces")
+						}),
+						state.entries.map((entry) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+							className: "qc-settings-workspace",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
+									className: "qc-settings-workspace-head",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "qc-settings-workspace-title",
+										children: entry.title || entry.path || entry.workspaceId
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "qc-settings-workspace-path",
+										children: entry.path
+									})]
+								}),
+								entry.commands.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: "qc-settings-no-commands",
+									children: t("cardNoCommands")
+								}),
+								entry.commands.map((command, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "qc-settings-command",
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+											className: "qc-settings-field qc-settings-field-name",
+											placeholder: t("cardName"),
+											value: command.name,
+											"aria-label": t("cardName"),
+											onChange: (e) => patchEntry(entry.workspaceId, index, "name", e.target.value)
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+											className: "qc-settings-field qc-settings-field-command",
+											placeholder: t("cardCommand"),
+											value: command.command,
+											"aria-label": t("cardCommand"),
+											onChange: (e) => patchEntry(entry.workspaceId, index, "command", e.target.value)
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: "qc-settings-icon-btn",
+											"aria-label": t("cardRemove"),
+											title: t("cardRemove"),
+											onClick: () => removeCommand(entry.workspaceId, index),
+											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconTrashOutline16, { size: 14 })
+										})
+									]
+								}, `${entry.workspaceId}-${index}`)),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+									type: "button",
+									className: "qc-settings-add-btn",
+									onClick: () => addCommand(entry.workspaceId),
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconPlusOutline16, { size: 14 }), t("cardAddCommand")]
+								})
+							]
+						}, entry.workspaceId))
+					]
+				})]
+			});
+		}
+		//#endregion
+		//#region src/client/locales.ts
+		/**
+		* Client dictionary namespace for @fonlan/dsh-quick-commands.
+		*/
+		const LOCALE_NS = "quick-commands";
+		const zh = {
+			buttonTitle: "快速命令",
+			buttonTooltip: "快速命令（当前工作区）",
+			noWorkspace: "当前会话不在任何已配置的工作区中",
+			noCommands: "当前工作区未配置命令",
+			openSettings: "去设置配置命令",
+			menuTitle: "快速命令",
+			menuEmpty: "（无命令）",
+			runTitle: "运行中",
+			runExited: "已退出",
+			runExitCode: "退出码",
+			runSignal: "信号",
+			runStdout: "输出 (stdout)",
+			runStderr: "错误 (stderr)",
+			runEmpty: "（无输出）",
+			runCommand: "命令",
+			runCwd: "工作区",
+			runStateRunning: "运行中…",
+			runStateExited: "已退出",
+			runKill: "终止",
+			runClose: "关闭",
+			runResize: "拖动调整弹窗大小",
+			runKillConfirm: "终止后输出弹窗将关闭，确定终止该命令？",
+			runBusy: "该工作区已有命令在运行",
+			runStartFailed: "命令启动失败",
+			runPollFailed: "输出读取失败",
+			runLost: "运行记录已失效",
+			runNotFound: "工作区或命令未找到",
+			cardTitle: "快速命令",
+			cardDescription: "为每个工作区配置常用命令，会话头部一键运行",
+			collapseOrExpand: "展开 / 收起",
+			cardIntro: "为每个工作区配置常用命令，运行于工作区目录。支持占位符：{workspace} 工作区路径，{cwd} 会话目录，{title} 工作区标题。",
+			cardWorkspaces: "工作区",
+			cardNoWorkspaces: "没有工作区。请在侧边栏先添加工作区。",
+			cardCommands: "命令",
+			cardNoCommands: "未配置命令",
+			cardAddCommand: "添加命令",
+			cardName: "名称",
+			cardCommand: "命令",
+			cardRemove: "删除",
+			cardSaveError: "保存失败",
+			cardAnchor: "输出弹窗位置",
+			cardAnchorCorner: "右下角",
+			cardAnchorButton: "锚定按钮下方"
+		};
+		const en = {
+			buttonTitle: "Quick commands",
+			buttonTooltip: "Quick commands (current workspace)",
+			noWorkspace: "This session is not in any configured workspace",
+			noCommands: "No commands configured for this workspace",
+			openSettings: "Configure commands in Settings",
+			menuTitle: "Quick commands",
+			menuEmpty: "(no commands)",
+			runTitle: "Running",
+			runExited: "Exited",
+			runExitCode: "Exit code",
+			runSignal: "Signal",
+			runStdout: "Output (stdout)",
+			runStderr: "Errors (stderr)",
+			runEmpty: "(no output)",
+			runCommand: "Command",
+			runCwd: "Workspace",
+			runStateRunning: "Running…",
+			runStateExited: "Exited",
+			runKill: "Terminate",
+			runClose: "Close",
+			runResize: "Drag to resize the popup",
+			runKillConfirm: "Terminating closes the output popup. Terminate this command?",
+			runBusy: "A command is already running for this workspace",
+			runStartFailed: "Command failed to start",
+			runPollFailed: "Failed to read output",
+			runLost: "Run record expired",
+			runNotFound: "Workspace or command not found",
+			cardTitle: "Quick commands",
+			cardDescription: "Configure common commands per workspace, run them from the session header",
+			collapseOrExpand: "Expand / collapse",
+			cardIntro: "Configure common commands per workspace; they run in the workspace directory. Placeholders: {workspace} workspace path, {cwd} session cwd, {title} workspace title.",
+			cardWorkspaces: "Workspaces",
+			cardNoWorkspaces: "No workspaces. Add one in the sidebar first.",
+			cardCommands: "Commands",
+			cardNoCommands: "No commands configured",
+			cardAddCommand: "Add command",
+			cardName: "Name",
+			cardCommand: "Command",
+			cardRemove: "Remove",
+			cardSaveError: "Save failed",
+			cardAnchor: "Output popup position",
+			cardAnchorCorner: "Bottom right",
+			cardAnchorButton: "Anchored at button"
+		};
+		//#endregion
+		//#region \0dsh-css:/Users/fonlan/Repos/dsh-quick-commands/src/client/quick-commands.css.mjs
+		const css = "/* @fonlan/dsh-quick-commands client styles.\n   Uses theme CSS variables (--dsw-alias-*); falls back to neutral literals.\n   Constraint: this deployment's theme defines only these text tokens —\n   label-primary, label-secondary, label-tertiary, label-dimmed. READABLE\n   description copy uses label-secondary / label-tertiary (never label-dimmed,\n   which is intentionally near-invisible and reserved for disabled states). */\n\n/* ── header button (icon-only, left of Session log pill) ─────────────────── */\n.qc-head-wrap {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n}\n.qc-head-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  border: 1px solid var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.35));\n  border-radius: 18px;\n  background: transparent;\n  color: var(--dsw-alias-label-primary, #f2f2f2);\n  cursor: pointer;\n  padding: 0;\n}\n.qc-head-btn:hover:not(:disabled) {\n  background: color-mix(in srgb, var(--dsw-alias-label-primary, #f2f2f2) 10%, transparent);\n}\n.qc-head-btn:disabled {\n  color: var(--dsw-alias-label-dimmed, #666);\n  cursor: not-allowed;\n}\n.qc-head-btn svg {\n  flex: none;\n}\n\n/* ── command menu popover (anchored under the button) ────────────────────── */\n.qc-menu {\n  position: absolute;\n  top: calc(100% + 6px);\n  right: 12px;\n  min-width: 280px;\n  max-height: 420px;\n  overflow: auto;\n  background: var(--dsw-alias-bg-overlay, #1b1b1c);\n  border: 1px solid var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.35));\n  border-radius: 10px;\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);\n  z-index: 50;\n  padding: 6px;\n  display: flex;\n  flex-direction: column;\n}\n.qc-menu-head {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 4px 8px 6px;\n  border-bottom: 1px solid var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.25));\n}\n.qc-menu-title {\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary, #f2f2f2);\n}\n.qc-menu-ws {\n  flex: 1;\n  font-size: 11px;\n  color: var(--dsw-alias-label-tertiary, #adb2b8);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-align: right;\n  margin-right: 2px;\n}\n.qc-menu-remote {\n  flex: 0 0 auto;\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 1;\n  padding: 2px 5px;\n  border-radius: 5px;\n  color: var(--dsw-alias-fg-on-accent, #fff);\n  background: var(--dsw-alias-accent, #4a8dff);\n  letter-spacing: 0.04em;\n}\n.qc-menu-close {\n  border: 0;\n  background: transparent;\n  color: var(--dsw-alias-label-tertiary, #adb2b8);\n  cursor: pointer;\n  padding: 2px;\n  display: inline-flex;\n  align-items: center;\n}\n.qc-menu-empty {\n  font-size: 12px;\n  color: var(--dsw-alias-label-tertiary, #adb2b8);\n  padding: 10px 8px;\n  margin: 0;\n}\n.qc-menu-item {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 2px;\n  text-align: left;\n  border: 0;\n  background: transparent;\n  border-radius: 8px;\n  padding: 6px 8px;\n  cursor: pointer;\n  width: 100%;\n}\n.qc-menu-item:hover:not(:disabled) {\n  background: color-mix(in srgb, var(--dsw-alias-label-primary, #f2f2f2) 10%, transparent);\n}\n.qc-menu-item:disabled {\n  opacity: 0.6;\n  cursor: wait;\n}\n.qc-menu-item-name {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--dsw-alias-label-primary, #f2f2f2);\n}\n.qc-menu-item-cmd {\n  font-family: var(--dsw-font-family-mono, monospace);\n  font-size: 11px;\n  color: var(--dsw-alias-label-secondary, #cfd3d6);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  max-width: 100%;\n}\n\n/* ── live output popup ───────────────────────────────────────────────────── */\n.qc-popup {\n  position: relative; /* anchors the absolutely-positioned resize grip */\n  display: flex;\n  flex-direction: column;\n  background: var(--dsw-alias-bg-overlay, #1b1b1c);\n  border: 1px solid var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.35));\n  border-radius: 12px;\n  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.45);\n  z-index: 60;\n  overflow: hidden;\n}\n.qc-popup-corner {\n  position: fixed;\n  right: 20px;\n  bottom: 20px;\n  width: 520px;\n  max-width: calc(100vw - 40px);\n  height: 340px;\n  max-height: calc(100vh - 120px);\n}\n.qc-popup-button {\n  position: absolute;\n  top: calc(100% + 6px);\n  right: 12px;\n  width: 440px;\n  max-width: calc(100vw - 40px);\n  height: 300px;\n  max-height: calc(100vh - 120px);\n}\n.qc-popup-head {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 10px;\n  border-bottom: 1px solid var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.25));\n}\n.qc-popup-title {\n  flex: 1;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary, #f2f2f2);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.qc-popup-cmd {\n  font-family: var(--dsw-font-family-mono, monospace);\n  font-size: 11px;\n  color: var(--dsw-alias-label-secondary, #cfd3d6);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  max-width: 40%;\n}\n.qc-popup-remote {\n  flex: 0 0 auto;\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 1;\n  padding: 3px 6px;\n  border-radius: 6px;\n  color: var(--dsw-alias-fg-on-accent, #fff);\n  background: var(--dsw-alias-accent, #4a8dff);\n  letter-spacing: 0.04em;\n}\n.qc-popup-icon {\n  border: 0;\n  background: transparent;\n  color: var(--dsw-alias-label-tertiary, #adb2b8);\n  cursor: pointer;\n  padding: 4px;\n  display: inline-flex;\n  align-items: center;\n  border-radius: 6px;\n}\n.qc-popup-icon:hover:not(:disabled) {\n  background: color-mix(in srgb, var(--dsw-alias-label-primary, #f2f2f2) 10%, transparent);\n}\n.qc-popup-icon:disabled {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n.qc-popup-kill {\n  color: var(--dsw-alias-state-error-primary, #e5484d);\n}\n.qc-popup-confirm {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 12px;\n  padding: 8px 10px;\n  background: color-mix(in srgb, var(--dsw-alias-state-warn-primary, #f5a623) 12%, transparent);\n  color: var(--dsw-alias-label-primary, #f2f2f2);\n  border-bottom: 1px solid var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.25));\n}\n.qc-popup-btn {\n  border: 1px solid var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.35));\n  border-radius: 8px;\n  background: transparent;\n  color: var(--dsw-alias-label-primary, #f2f2f2);\n  font-size: 12px;\n  padding: 4px 10px;\n  cursor: pointer;\n}\n.qc-popup-btn:hover {\n  background: color-mix(in srgb, var(--dsw-alias-label-primary, #f2f2f2) 10%, transparent);\n}\n.qc-popup-btn-plain {\n  color: var(--dsw-alias-label-secondary, #cfd3d6);\n}\n.qc-popup-tabs {\n  display: flex;\n  gap: 2px;\n  padding: 6px 10px 0;\n  border-bottom: 1px solid var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.25));\n}\n.qc-popup-tab {\n  border: 0;\n  background: transparent;\n  color: var(--dsw-alias-label-secondary, #cfd3d6);\n  font-size: 12px;\n  padding: 5px 10px;\n  cursor: pointer;\n  border-bottom: 2px solid transparent;\n}\n.qc-popup-tab-active {\n  color: var(--dsw-alias-label-primary, #f2f2f2);\n  border-bottom-color: var(--dsw-alias-brand-primary, #4a9eff);\n}\n.qc-popup-output {\n  flex: 1;\n  overflow: auto;\n  padding: 8px 10px;\n  font-family: var(--dsw-font-family-mono, monospace);\n  font-size: 12px;\n  line-height: 1.5;\n}\n.qc-popup-pre {\n  margin: 0;\n  white-space: pre-wrap;\n  word-break: break-word;\n  color: var(--dsw-alias-label-primary, #f2f2f2);\n}\n.qc-popup-empty {\n  margin: 0;\n  color: var(--dsw-alias-label-tertiary, #adb2b8);\n  font-size: 12px;\n}\n.qc-popup-error {\n  margin: 0 0 6px;\n  color: var(--dsw-alias-state-error-primary, #e5484d);\n  font-size: 12px;\n}\n.qc-popup-foot {\n  display: flex;\n  align-items: center;\n  padding: 6px 10px;\n  border-top: 1px solid var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.25));\n  font-size: 11px;\n}\n.qc-popup-state {\n  color: var(--dsw-alias-label-secondary, #cfd3d6);\n}\n\n/* Resize handles. The popup pins its RIGHT edge (both anchors); width is\n   always dragged from the LEFT border. Height is dragged from the TOP border\n   (corner anchor, bottom pinned) or the BOTTOM border (button anchor, top\n   pinned below the button). The free corner (top-left / bottom-left) carries\n   the diagonal grip. Pointer capture lives in header.tsx; touch-action:none\n   lets touch drags resize instead of scrolling. */\n.qc-popup-resize {\n  position: absolute;\n  z-index: 3;\n  touch-action: none;\n  user-select: none;\n}\n.qc-popup-resize-left {\n  left: 0;\n  top: 10px;\n  bottom: 10px;\n  width: 7px;\n  cursor: ew-resize;\n}\n.qc-popup-resize-top {\n  top: 0;\n  left: 10px;\n  right: 10px;\n  height: 7px;\n  cursor: ns-resize;\n}\n.qc-popup-resize-bottom {\n  bottom: 0;\n  left: 10px;\n  right: 10px;\n  height: 7px;\n  cursor: ns-resize;\n}\n.qc-popup-resize-left:hover,\n.qc-popup-resize-top:hover,\n.qc-popup-resize-bottom:hover {\n  background: color-mix(in srgb, var(--dsw-alias-label-primary, #f2f2f2) 14%, transparent);\n}\n.qc-popup-resize-corner {\n  width: 22px;\n  height: 22px;\n  z-index: 4;\n  display: flex;\n  padding: 3px;\n  color: var(--dsw-alias-label-tertiary, #adb2b8);\n  opacity: 0.6;\n  transition: opacity .15s ease;\n}\n.qc-popup-resize-corner-tl {\n  top: 0;\n  left: 0;\n  cursor: nwse-resize;\n  align-items: flex-start;\n  justify-content: flex-start;\n}\n.qc-popup-resize-corner-bl {\n  bottom: 0;\n  left: 0;\n  cursor: nesw-resize;\n  align-items: flex-end;\n  justify-content: flex-start;\n}\n.qc-popup-resize-corner:hover,\n.qc-popup-resize-corner:active {\n  opacity: 1;\n}\n\n/* ── settings card (设置 → 插件配置) — mirrors official PluginCard disclosure ── */\n.qc-settings-card {\n  border: 1px solid var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.35));\n  background: var(--dsw-alias-bg-layer-2, #1f1f21);\n  border-radius: 12px;\n  list-style: none;\n  transition: border-color .16s, background .16s;\n}\n.qc-settings-card:hover {\n  border-color: var(--dsw-alias-label-secondary, #cfd3d6);\n}\n.qc-settings-card-open {\n  background: var(--dsw-alias-bg-layer-1, #27272a);\n  border-color: var(--dsw-alias-label-secondary, #cfd3d6);\n}\n.qc-settings-header {\n  appearance: none;\n  width: 100%;\n  font: inherit;\n  color: inherit;\n  text-align: left;\n  cursor: pointer;\n  background: transparent;\n  border: 0;\n  border-radius: 12px;\n  align-items: center;\n  gap: 12px;\n  padding: 14px 16px;\n  display: flex;\n}\n.qc-settings-header:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary, #4a9eff);\n  outline-offset: -2px;\n}\n.qc-settings-head-text {\n  flex-direction: column;\n  flex: 1;\n  gap: 4px;\n  min-width: 0;\n  display: flex;\n}\n.qc-settings-name {\n  color: var(--dsw-alias-label-primary, #f2f2f2);\n  font-size: 15px;\n  font-weight: 600;\n  line-height: 1.4;\n}\n.qc-settings-description {\n  color: var(--dsw-alias-label-secondary, #cfd3d6);\n  font-size: 13px;\n  line-height: 1.5;\n}\n.qc-settings-chevron {\n  color: var(--dsw-alias-label-secondary, #cfd3d6);\n  flex: none;\n  transition: transform .16s;\n}\n.qc-settings-chevron-open {\n  transform: rotate(180deg);\n}\n.qc-settings-body {\n  border-top: 1px solid var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.35));\n  margin: 0 16px;\n  padding-bottom: 12px;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n.qc-settings-intro {\n  font-size: 12px;\n  color: var(--dsw-alias-label-secondary, #cfd3d6);\n  margin: 8px 0 0;\n  line-height: 1.5;\n}\n.qc-settings-anchor {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  font-size: 12px;\n}\n.qc-settings-anchor-label {\n  color: var(--dsw-alias-label-primary, #f2f2f2);\n  font-weight: 500;\n}\n.qc-settings-radio {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  color: var(--dsw-alias-label-secondary, #cfd3d6);\n  cursor: pointer;\n}\n.qc-settings-error {\n  font-size: 12px;\n  color: var(--dsw-alias-state-error-primary, #e5484d);\n}\n.qc-settings-empty {\n  font-size: 12px;\n  color: var(--dsw-alias-label-secondary, #cfd3d6);\n  margin: 0;\n}\n.qc-settings-workspace {\n  border: 1px solid var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.35));\n  border-radius: 10px;\n  padding: 10px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.qc-settings-workspace-head {\n  display: flex;\n  align-items: baseline;\n  gap: 8px;\n}\n.qc-settings-workspace-title {\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary, #f2f2f2);\n}\n.qc-settings-workspace-path {\n  font-size: 11px;\n  font-family: var(--dsw-font-family-mono, monospace);\n  color: var(--dsw-alias-label-tertiary, #adb2b8);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.qc-settings-no-commands {\n  font-size: 12px;\n  color: var(--dsw-alias-label-tertiary, #adb2b8);\n  margin: 0;\n}\n.qc-settings-command {\n  display: flex;\n  gap: 6px;\n  align-items: center;\n}\n.qc-settings-field {\n  border: 1px solid var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.35));\n  border-radius: 8px;\n  background: var(--dsw-alias-bg-layer-1, #2a2a2d);\n  color: var(--dsw-alias-label-primary, #f2f2f2);\n  font-size: 12px;\n  padding: 6px 8px;\n  outline: none;\n}\n.qc-settings-field::placeholder {\n  color: var(--dsw-alias-label-tertiary, #adb2b8);\n}\n.qc-settings-field:focus {\n  border-color: var(--dsw-alias-brand-primary, #4a9eff);\n}\n.qc-settings-field-name {\n  width: 160px;\n  flex: none;\n}\n.qc-settings-field-command {\n  flex: 1;\n  font-family: var(--dsw-font-family-mono, monospace);\n}\n.qc-settings-icon-btn {\n  border: 0;\n  background: transparent;\n  color: var(--dsw-alias-label-tertiary, #adb2b8);\n  cursor: pointer;\n  padding: 4px;\n  display: inline-flex;\n  align-items: center;\n  border-radius: 6px;\n}\n.qc-settings-icon-btn:hover {\n  background: color-mix(in srgb, var(--dsw-alias-label-primary, #f2f2f2) 10%, transparent);\n  color: var(--dsw-alias-state-error-primary, #e5484d);\n}\n.qc-settings-add-btn {\n  align-self: flex-start;\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  border: 1px solid var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.35));\n  border-radius: 8px;\n  background: transparent;\n  color: var(--dsw-alias-label-primary, #f2f2f2);\n  font-size: 12px;\n  padding: 4px 10px;\n  cursor: pointer;\n}\n.qc-settings-add-btn:hover {\n  background: color-mix(in srgb, var(--dsw-alias-label-primary, #f2f2f2) 10%, transparent);\n}\n\n/* ── mobile fallback (dsh-mobile-nav) ──────────────────────────────────────\n   The dsh-mobile-nav plugin (≤1023px) hides the ENTIRE header utilities seat\n   with `[data-mobile-nav=\"frame\"] [data-phase] header > :first-child >\n   :last-child { display: none !important; }`, because the seat used to hold\n   only the session-log-export capsule (which it relocates to the drawer\n   footer). Our quick-run ▶ button rides that same seat, so it vanished on\n   phones.\n\n   Re-show ONLY our button: restore the seat's flex layout (out-ranking the\n   host rule via `:has(.qc-head-wrap)` specificity (0,5,1) > (0,4,1)) and keep\n   every other seat occupant hidden (the session-log capsule stays relocated\n   to the drawer footer). Desktop (no [data-mobile-nav]) is untouched. */\n[data-mobile-nav=\"frame\"] [data-phase] header > :first-child > :last-child:has(.qc-head-wrap) {\n  display: flex !important;\n  margin-left: 4px !important;\n  gap: 0 !important;\n}\n[data-mobile-nav=\"frame\"] [data-phase] header > :first-child > :last-child:has(.qc-head-wrap)\n  [data-slot=\"conversation.session.header.utilities\"] > :not(.qc-head-wrap) {\n  display: none !important;\n}\n";
+		const tagId = "@fonlan/dsh-quick-commands/quick-commands.css#98749761";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@fonlan/dsh-quick-commands";
+			tag.dataset.pluginCss = tagId;
+			tag.textContent = css;
+			document.head.appendChild(tag);
+		}
+		//#endregion
+		//#region src/client/index.tsx
+		/** Services required before mounting (provided by the client runtime). */
+		const inject = ["slots", "locale"];
+		/** Client plugin body. */
+		function apply(ctx) {
+			ctx.effect(() => ctx.locale.register(LOCALE_NS, {
+				zh,
+				en
+			}), "quick-commands: dictionaries");
+			ctx.locale.bind(LOCALE_NS);
+			ctx.slots.inject("settings.plugin.item", () => ctx.slots.register({
+				name: "settings.plugin.item",
+				key: LOCALE_NS,
+				locale: LOCALE_NS
+			}, QuickCommandsSettingsCard));
+			ctx.slots.inject("conversation.session.header.utilities", () => ctx.slots.register({
+				name: "conversation.session.header.utilities",
+				id: "quick-commands",
+				order: -1,
+				locale: LOCALE_NS
+			}, QuickCommandsHeaderAction));
+		}
+		//#endregion
+		exports.apply = apply;
+		exports.inject = inject;
+		return module.exports;
+	}
+});
+
+//# sourceMappingURL=client.js.map