@norman-else/dsh-claude 0.1.41 → 0.1.42

package/lib/client.js

@@ -4,7 +4,7 @@ window.__ModuleLoader__.load({
 		var module = { exports: {} };
 		module.exports;
 		var { Fragment, useCallback, useEffect, useId, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } = require("react");
-		var { DiffBlock, DisclosureRow, HoverCard, IconAgentPresetOutline16, IconApiOutline14, IconBranchOutline16, IconCheckOutline14, IconCheckOutline16, IconChevronDownOutline14, IconChevronRightOutline14, IconChevronUpOutline14, IconCloseOutline16, IconEditOutline16, IconEllipsisOutline16, IconFullscreenOutline16, IconQueueOutline14, IconRefreshOutline14, IconRightUpOutline14, IconSearchOutline16, IconSendOutline14, IconThinkOutline14, IconTrashOutline16, MarkdownText, Menu, Modal, StateDot, Toast, Tooltip, useDismissOnOutsidePointer } = require("@deepseek-ai/dsh-client-ui-primitives");
+		var { Button, DiffBlock, DisclosureRow, HoverCard, IconAgentPresetOutline16, IconApiOutline14, IconBranchOutline16, IconCheckOutline14, IconCheckOutline16, IconChevronDownOutline14, IconChevronRightOutline14, IconChevronUpOutline14, IconCloseOutline16, IconEditOutline16, IconEllipsisOutline16, IconFullscreenOutline16, IconListPenOutline16, IconLoadingOutline16, IconQueueOutline14, IconRefreshOutline14, IconRefreshOutline16, IconRightUpOutline14, IconSearchOutline16, IconSendOutline14, IconSparkle16, IconThinkOutline14, IconTrashOutline16, MarkdownText, Menu, Modal, StateDot, Toast, Tooltip, useDismissOnOutsidePointer } = require("@deepseek-ai/dsh-client-ui-primitives");
 		var { Fragment: Fragment$1, jsx, jsxs } = require("react/jsx-runtime");
 		var { createPortal } = require("react-dom");
 		/** Claude's subagent dispatch tools; rendered as plugin-owned group cards
@@ -28,6 +28,9 @@ window.__ModuleLoader__.load({
 		const CLAUDE_EDITOR_OPEN_PATH = "/plugins/dsh-claude/editor/open";
 		const CLAUDE_REWIND_PATH = "/plugins/dsh-claude/rewind";
 		const CLAUDE_PLAN_FEEDBACK_PATH = "/plugins/dsh-claude/plan/feedback";
+		const CLAUDE_PROMPTS_PATH = "/plugins/dsh-claude/prompts";
+		const CLAUDE_PROMPT_NAME_PATH = "/plugins/dsh-claude/prompts/name";
+		const CLAUDE_PROMPT_REFINE_PATH = "/plugins/dsh-claude/prompts/refine";
 		function isClaudeRenderMode(value) {
 			return value === "plugin" || value === "native";
 		}
@@ -1834,7 +1837,7 @@ window.__ModuleLoader__.load({
 			whiteSpace: "nowrap"
 		};
 		const repositoryBarFrame = {
-			width: "calc(100% - 64px)",
+			width: "calc(100% - 2 * var(--dsh-composer-side-clearance, 16px))",
 			maxWidth: "var(--dsh-composer-card-max-width, 782px)",
 			minWidth: 0,
 			margin: "0 auto",
@@ -2994,7 +2997,7 @@ window.__ModuleLoader__.load({
 			fontSize: 11
 		};
 		const reviewCommentBarFrame = {
-			width: "calc(100% - 64px)",
+			width: "calc(100% - 2 * var(--dsh-composer-side-clearance, 16px))",
 			maxWidth: "var(--dsh-composer-card-max-width, 782px)",
 			margin: "0 auto",
 			boxSizing: "border-box"
@@ -3085,6 +3088,113 @@ window.__ModuleLoader__.load({
 			whiteSpace: "pre-wrap",
 			overflowWrap: "anywhere"
 		};
+		const promptSaveTriggerClass = "dshClaudePromptSaveTrigger";
+		const promptSpinClass = "dshClaudePromptSpin";
+		const promptUndoClass = "dshClaudePromptUndo";
+		const promptSaveFieldClass = "dshClaudePromptSaveField";
+		/** The composer's own attach button geometry (InputBar.module.css `.add`:
+		*  28x28 circle on --dsw-specific-selector, 14px glyph). The primitives'
+		*  Button has no icon-only form — its `sm` is a 36px-wide capsule around a
+		*  16px slot, which is why this reads oversized beside its neighbours. */
+		const promptSaveTriggerCss = `
+		.${promptSaveTriggerClass} {
+		  width: 28px;
+		  height: 28px;
+		  flex: none;
+		  display: grid;
+		  place-items: center;
+		  padding: 0;
+		  border: none;
+		  border-radius: 999px;
+		  background: var(--dsw-specific-selector);
+		  color: var(--dsw-alias-label-primary);
+		  cursor: pointer;
+		  transition: background-color 120ms ease, color 120ms ease;
+		}
+		/* With no draft there is nothing to keep, so the control drops its seat
+		 * entirely rather than sitting there as a filled-but-dead circle. */
+		.${promptSaveTriggerClass}:disabled {
+		  cursor: default;
+		  background: transparent;
+		  color: var(--dsw-alias-label-tertiary);
+		}
+		.${promptSaveTriggerClass}:focus-visible { outline: none; }
+		.${promptSaveFieldClass} {
+		  box-sizing: border-box;
+		  width: 100%;
+		  height: 30px;
+		  padding: 0 9px;
+		  border: 1px solid var(--dsw-alias-border-inverted);
+		  border-radius: 7px;
+		  background: var(--dsw-alias-interactive-bg-hover);
+		  color: var(--dsw-alias-label-primary);
+		  font-family: var(--dsw-font-family);
+		  font-size: 13px;
+		  line-height: 20px;
+		}
+		/* Not --dsw-alias-brand-primary: in the dark theme that alias resolves to
+		 * neutral-bluish-50, so a focused field draws a near-white slab around
+		 * itself. The focus ring is a step up in the same greys the card is made of. */
+		.${promptSaveFieldClass}:focus-visible {
+		  outline: none;
+		  border-color: var(--dsw-alias-label-tertiary);
+		  background: var(--dsw-alias-interactive-bg-active);
+		}
+		.${promptSaveFieldClass}:disabled { opacity: 0.6; }
+		/* ic_ds_loading_outline_16 is a bare open ring and nothing in the primitives
+		 * turns it, so a four-second rewrite sat behind a frozen glyph that reads as
+		 * the letter C. The spin is what makes it a spinner. */
+		.${promptSpinClass} { animation: dshClaudePromptSpin 900ms linear infinite; }
+		@keyframes dshClaudePromptSpin { to { transform: rotate(360deg); } }
+		/* The icon set has no undo arrow, and ic_ds_refresh_outline_16 turns
+		 * clockwise — the redo direction. Mirrored, it is the ordinary undo glyph. */
+		.${promptUndoClass} { transform: scaleX(-1); }
+		@media (prefers-reduced-motion: reduce) {
+		  .${promptSpinClass} { animation: none; }
+		}
+		`;
+		/** The naming card hangs off the composer tool row, portaled so the composer
+		*  card cannot clip it and positioned by useAnchoredPosition. */
+		const promptSaveCard = {
+			position: "fixed",
+			zIndex: 120,
+			boxSizing: "border-box",
+			display: "flex",
+			flexDirection: "column",
+			gap: 8,
+			width: 340,
+			maxWidth: "calc(100vw - 32px)",
+			padding: "10px 12px",
+			border: "1px solid var(--dsw-alias-border-inverted)",
+			borderRadius: 11,
+			background: "var(--dsw-specific-menu)",
+			boxShadow: "var(--dsw-shadow-lv3)",
+			color: "var(--dsw-alias-label-primary)",
+			fontSize: 12,
+			lineHeight: "20px"
+		};
+		const promptSaveHeading = {
+			color: "var(--dsw-alias-label-tertiary)",
+			fontSize: 11,
+			lineHeight: "16px"
+		};
+		const promptSaveActions = {
+			display: "flex",
+			justifyContent: "flex-end",
+			gap: 6
+		};
+		/** The saved file, wrapped rather than truncated: a path the user cannot read
+		*  in full does not tell them where to go and edit it. */
+		const promptSaveLocation = {
+			color: "var(--dsw-alias-label-tertiary)",
+			fontSize: 11,
+			lineHeight: "16px",
+			overflowWrap: "anywhere"
+		};
+		const promptSaveError = {
+			color: "var(--dsw-static-red-450, #d64545)",
+			overflowWrap: "anywhere"
+		};
 		const diffAhead = { color: "var(--dsw-static-blue-450)" };
 		const diffAheadMuted = { color: "color-mix(in srgb, var(--dsw-static-blue-450) 62%, var(--dsw-alias-label-tertiary))" };
 		const diffAddMuted = { color: "color-mix(in srgb, var(--dsw-alias-state-success-primary) 62%, var(--dsw-alias-label-tertiary))" };
@@ -4008,6 +4118,16 @@ window.__ModuleLoader__.load({
 			laneHeld[lane] -= 1;
 			pump();
 		}
+		/** Runs at most once, so a release can be wired to every ending of a stream
+		*  without any of them having to know about the others. */
+		function once(action) {
+			let done = false;
+			return () => {
+				if (done) return;
+				done = true;
+				action();
+			};
+		}
 		function acquire(lane) {
 			let released = false;
 			const releaseOnce = () => {
@@ -4111,11 +4231,53 @@ window.__ModuleLoader__.load({
 			writeId += 1;
 			return writeId;
 		}
+		/**
+		* A reader that gives its permit back however the stream ends.
+		*
+		* The permit used to be released by one event only -- the caller's abort --
+		* and a stream has three endings, two of which the caller does not cause: the
+		* server closing the response, and the body failing mid-read. Either one left
+		* the permit held. For the reserved carrier that permit is a single boolean,
+		* so one such ending closed the transcript stream for the life of the page and
+		* every reopen answered `starved`, silently, forever.
+		*
+		* Binding the release to the reader rather than to the signal is what makes
+		* that unrepresentable: a caller cannot hold the permit past the stream it is
+		* reading, because every way of leaving the read passes through here. `free`
+		* is idempotent, so the abort listener below stays as the belt to this brace.
+		*/
+		function releasingReader(reader, free) {
+			return {
+				get closed() {
+					return reader.closed;
+				},
+				read: async () => {
+					try {
+						const chunk = await reader.read();
+						if (chunk.done) free();
+						return chunk;
+					} catch (error) {
+						free();
+						throw error;
+					}
+				},
+				cancel: async (reason) => {
+					try {
+						await reader.cancel(reason);
+					} finally {
+						free();
+					}
+				},
+				releaseLock: () => {
+					reader.releaseLock();
+				}
+			};
+		}
 		async function openStream(lane, path, cancel, options, reserved) {
 			const url = withQuery(path, options?.query);
-			const free = reserved ? () => {
+			const free = reserved ? once(() => {
 				projectionHeld = false;
-			} : await acquire(lane);
+			}) : await acquire(lane);
 			try {
 				const response = await send(url, {
 					method: options?.method ?? "GET",
@@ -4133,7 +4295,7 @@ window.__ModuleLoader__.load({
 					throw new PluginRequestError("http", `HTTP ${response.status}`, response.status);
 				}
 				cancel.addEventListener("abort", free, { once: true });
-				return response.body.getReader();
+				return releasingReader(response.body.getReader(), free);
 			} catch (error) {
 				free();
 				throw failureOf(error, cancel);
@@ -4598,6 +4760,10 @@ window.__ModuleLoader__.load({
 			#report;
 			#resyncCooldownMs;
 			#resyncedAt = 0;
+			/** Whether the carrier is in a run of failures. One report per outage: the
+			*  retry loop runs every couple of seconds and a beacon per attempt would
+			*  be the plugin reporting its own noise. */
+			#carrierFailing = false;
 			#controller;
 			#settle;
 			#running = false;
@@ -4683,6 +4849,7 @@ window.__ModuleLoader__.load({
 						let superseded = false;
 						try {
 							const reader = await this.#open(`${CLAUDE_PROJECTION_PATH}/multi?sessions=${lanes.map(encodeURIComponent).join(",")}`, controller.signal);
+							this.#carrierFailing = false;
 							const stop = () => {
 								superseded = true;
 								reader.cancel().catch(() => void 0);
@@ -4705,6 +4872,10 @@ window.__ModuleLoader__.load({
 								if (this.#controller !== controller) continue;
 								return;
 							}
+							if (!this.#carrierFailing) {
+								this.#carrierFailing = true;
+								this.#report("projection-carrier-unavailable", error instanceof Error ? error.message : String(error));
+							}
 						} finally {
 							if (this.#controller === controller) this.#controller = void 0;
 						}
@@ -17642,6 +17813,428 @@ window.__ModuleLoader__.load({
 			}
 		}
 		//#endregion
+		//#region src/client/prompt-api.ts
+		/** Prompt files live in one global directory, so one module-level cache serves
+		*  every session. The TTL is what lets a file added outside DSH appear without
+		*  a reload, while a burst of keystrokes through the menu still costs one
+		*  directory scan. */
+		const TTL_MS = 5e3;
+		let cached;
+		function invalidateClaudePrompts() {
+			cached = void 0;
+		}
+		/** The user's prompt snippets, at most one read per TTL window. */
+		async function claudePrompts() {
+			const at = Date.now();
+			if (cached !== void 0 && at - cached.at < TTL_MS) return await cached.prompts;
+			const prompts = pluginRead(CLAUDE_PROMPTS_PATH, "fast").then((payload) => payload.prompts).catch(() => {
+				invalidateClaudePrompts();
+				return [];
+			});
+			cached = {
+				at,
+				prompts
+			};
+			return await prompts;
+		}
+		/** Save one snippet, answering where it landed. Rejects with a
+		*  `PluginRequestError` whose `code` is `name-taken` when the file already
+		*  exists; nothing is overwritten. */
+		async function saveClaudePrompt(name, body) {
+			const saved = await pluginWrite(CLAUDE_PROMPTS_PATH, "fast", void 0, { json: {
+				name,
+				body
+			} });
+			invalidateClaudePrompts();
+			return saved.prompt;
+		}
+		/** Ask the host to name a draft with Claude's cheapest model. Answers
+		*  undefined whenever no name could be had — the caller already holds the
+		*  locally derived one, so a failure here is never worth reporting. */
+		async function suggestClaudePromptName(draft, cancel) {
+			try {
+				return (await pluginWrite(CLAUDE_PROMPT_NAME_PATH, "git", cancel, { json: { draft } })).name;
+			} catch {
+				return;
+			}
+		}
+		/** Rewrite a draft into something an agent can act on. Unlike the name
+		*  suggestion this one throws: the user asked for it and is waiting, so a
+		*  failure is theirs to see rather than ours to swallow. */
+		async function refineClaudePrompt(draft, cancel) {
+			return (await pluginWrite(CLAUDE_PROMPT_REFINE_PATH, "git", cancel, { json: { draft } })).text;
+		}
+		/** Characters the host's `PROMPT_NAME` guard rejects; scrubbed rather than
+		*  re-implemented here, so a drift in the guard cannot let a bad name through
+		*  (the host still validates, and answers `invalid-name`). */
+		const FOREIGN_NAME_CHARS = /[^\p{L}\p{M}\p{N} ._()\[\]-]/gu;
+		const MAX_NAME_CHARS = 40;
+		function stamp(now) {
+			const pad = (value) => String(value).padStart(2, "0");
+			return `${now.getFullYear()}${pad(now.getMonth() + 1)}${pad(now.getDate())}-${pad(now.getHours())}${pad(now.getMinutes())}`;
+		}
+		/** The file name to offer for a draft: its opening line, scrubbed to what a
+		*  file name may hold. A draft that opens with punctuation or an emoji leaves
+		*  nothing usable, so those fall back to a timestamp the user can rename. */
+		function defaultPromptName(draft, now = /* @__PURE__ */ new Date()) {
+			const collapsed = (draft.split("\n").map((line) => line.trim()).find((line) => line.length > 0) ?? "").replace(FOREIGN_NAME_CHARS, " ").replace(/\s+/gu, " ").trim();
+			const cut = collapsed.slice(0, MAX_NAME_CHARS);
+			const boundary = collapsed.length > MAX_NAME_CHARS ? cut.search(/[\s\-_][^\s\-_]*$/u) : -1;
+			const scrubbed = (boundary > 0 ? cut.slice(0, boundary) : cut).trim();
+			return /^[\p{L}\p{N}]/u.test(scrubbed) ? scrubbed : `prompt-${stamp(now)}`;
+		}
+		//#endregion
+		//#region src/client/ClaudePromptSaveAction.tsx
+		const CARD_GAP = 8;
+		const CARD_MARGIN = 12;
+		/**
+		* Place the card above its trigger, clamped into the viewport, and dismiss it
+		* on a pointer that lands outside both.
+		*
+		* The primitives ship `useAnchoredPosition` and `useDismissOnOutsidePointer`
+		* for exactly this, and both are used here through their published types —
+		* but the Host's build of that package predates the `side` option of one and
+		* the portal argument of the other. Neither omission is visible to `tsc`,
+		* which reads this checkout's newer copy, and both are silent at runtime: the
+		* card hangs below a composer pinned to the bottom of the window, and every
+		* pointer landing in the naming field counts as outside and closes it. Owning
+		* twenty lines beats behaviour that depends on which Desktop the plugin was
+		* installed into.
+		*/
+		function useAnchoredCard(open, anchor, card, onDismiss) {
+			const [position, setPosition] = useState();
+			useLayoutEffect(() => {
+				if (!open) {
+					setPosition(void 0);
+					return;
+				}
+				const place = () => {
+					const trigger = anchor.current?.getBoundingClientRect();
+					const panel = card.current?.getBoundingClientRect();
+					if (trigger === void 0 || panel === void 0) return;
+					const above = trigger.top - CARD_GAP - panel.height;
+					setPosition({
+						left: Math.max(CARD_MARGIN, Math.min(trigger.left, window.innerWidth - panel.width - CARD_MARGIN)),
+						top: above >= CARD_MARGIN ? above : Math.min(trigger.bottom + CARD_GAP, window.innerHeight - panel.height - CARD_MARGIN)
+					});
+				};
+				place();
+				window.addEventListener("resize", place);
+				window.addEventListener("scroll", place, true);
+				return () => {
+					window.removeEventListener("resize", place);
+					window.removeEventListener("scroll", place, true);
+				};
+			}, [
+				open,
+				anchor,
+				card
+			]);
+			useEffect(() => {
+				if (!open) return void 0;
+				const dismiss = (event) => {
+					const target = event.target;
+					if (!(target instanceof Node)) return;
+					if (anchor.current?.contains(target) === true || card.current?.contains(target) === true) return;
+					onDismiss();
+				};
+				document.addEventListener("pointerdown", dismiss);
+				return () => {
+					document.removeEventListener("pointerdown", dismiss);
+				};
+			}, [
+				open,
+				anchor,
+				card,
+				onDismiss
+			]);
+			return position;
+		}
+		/**
+		* Keep the draft you just wrote, from the composer's own tool row.
+		*
+		* It sits beside the attach and access controls rather than in a row of its
+		* own: a band above the composer moves the repository bar and the composer
+		* itself every time a draft appears, and this is a once-in-a-while action that
+		* has not earned that. The naming card is portaled and anchored, so opening it
+		* displaces nothing either.
+		*
+		* The field opens on a name derived from the draft's first line, which costs
+		* nothing and is there instantly, and a Claude-written name replaces it when
+		* one arrives. That ordering is the whole naming design: the suggestion is an
+		* improvement on a working answer, never something the user waits for.
+		*/
+		function ClaudePromptSaveAction({ t, useClaudeProjection, input, savePrompt = saveClaudePrompt, suggestName = suggestClaudePromptName }) {
+			const owned = useClaudeProjection((projection) => projection.owned);
+			const anchor = useRef(null);
+			const panelRef = useRef(null);
+			const suggestion = useRef(void 0);
+			const [panel, setPanel] = useState();
+			const [saving, setSaving] = useState(false);
+			const close = useCallback(() => {
+				suggestion.current?.abort();
+				suggestion.current = void 0;
+				setPanel(void 0);
+			}, []);
+			const position = useAnchoredCard(panel !== void 0, anchor, panelRef, close);
+			useEffect(() => () => {
+				suggestion.current?.abort();
+			}, []);
+			if (!owned) return null;
+			const draft = input?.draft ?? "";
+			const label = t("promptSave");
+			const open = () => {
+				setPanel({
+					kind: "naming",
+					name: defaultPromptName(draft),
+					touched: false,
+					suggesting: true
+				});
+				const attempt = new AbortController();
+				suggestion.current = attempt;
+				suggestName(draft, attempt.signal).then((suggested) => {
+					if (attempt.signal.aborted) return;
+					setPanel((current) => current?.kind !== "naming" ? current : {
+						...current,
+						suggesting: false,
+						...suggested === void 0 || current.touched ? {} : { name: suggested }
+					});
+				});
+			};
+			const save = () => {
+				const name = panel?.kind === "naming" ? panel.name.trim() : "";
+				if (saving || name === "" || draft.trim() === "") return;
+				setSaving(true);
+				savePrompt(name, draft).then((prompt) => {
+					setPanel({
+						kind: "saved",
+						prompt
+					});
+				}, (error) => {
+					setPanel({
+						kind: "naming",
+						name,
+						touched: true,
+						suggesting: false,
+						failure: error instanceof PluginRequestError && error.code === "name-taken" ? t("promptSaveExists") : t("promptSaveFailed", { message: error instanceof Error ? error.message : String(error) })
+					});
+				}).finally(() => {
+					setSaving(false);
+				});
+			};
+			return /* @__PURE__ */ jsxs("span", {
+				ref: anchor,
+				style: {
+					position: "relative",
+					display: "inline-flex"
+				},
+				children: [
+					/* @__PURE__ */ jsx("style", {
+						"data-dsh-claude-prompt-save-styles": true,
+						children: promptSaveTriggerCss
+					}),
+					/* @__PURE__ */ jsx(Tooltip, {
+						label,
+						side: "top",
+						delayMs: 250,
+						disabled: panel !== void 0,
+						children: /* @__PURE__ */ jsx("button", {
+							type: "button",
+							className: promptSaveTriggerClass,
+							"aria-label": label,
+							"aria-haspopup": "dialog",
+							"aria-expanded": panel !== void 0,
+							disabled: draft.trim() === "",
+							onClick: () => {
+								if (panel === void 0) open();
+								else close();
+							},
+							children: /* @__PURE__ */ jsx(IconListPenOutline16, { size: 14 })
+						})
+					}),
+					panel === void 0 || typeof document === "undefined" ? null : createPortal(/* @__PURE__ */ jsx("div", {
+						ref: panelRef,
+						style: {
+							...promptSaveCard,
+							...position
+						},
+						role: "dialog",
+						"aria-label": label,
+						children: panel.kind === "saved" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+							/* @__PURE__ */ jsx("span", { children: t("promptSaved", { name: panel.prompt.name }) }),
+							/* @__PURE__ */ jsx("span", {
+								style: promptSaveLocation,
+								children: panel.prompt.location
+							}),
+							/* @__PURE__ */ jsx("span", {
+								style: promptSaveActions,
+								children: /* @__PURE__ */ jsx(Button, {
+									variant: "primary",
+									size: "sm",
+									onClick: close,
+									children: t("promptSaveDone")
+								})
+							})
+						] }) : /* @__PURE__ */ jsxs("form", {
+							style: { display: "contents" },
+							onSubmit: (event) => {
+								event.preventDefault();
+								save();
+							},
+							children: [
+								/* @__PURE__ */ jsx("span", {
+									style: promptSaveHeading,
+									children: panel.suggesting ? t("promptSaveNaming") : label
+								}),
+								/* @__PURE__ */ jsx("input", {
+									className: promptSaveFieldClass,
+									"aria-label": t("promptSaveName"),
+									placeholder: t("promptSaveName"),
+									value: panel.name,
+									maxLength: 128,
+									autoFocus: true,
+									disabled: saving,
+									onChange: (event) => setPanel({
+										...panel,
+										name: event.currentTarget.value,
+										touched: true
+									}),
+									onKeyDown: (event) => {
+										if (event.key === "Escape") close();
+									}
+								}),
+								panel.failure === void 0 ? null : /* @__PURE__ */ jsx("span", {
+									style: promptSaveError,
+									children: panel.failure
+								}),
+								/* @__PURE__ */ jsxs("span", {
+									style: promptSaveActions,
+									children: [/* @__PURE__ */ jsx(Button, {
+										variant: "ghost",
+										size: "sm",
+										type: "button",
+										disabled: saving,
+										onClick: close,
+										children: t("promptSaveCancel")
+									}), /* @__PURE__ */ jsx(Button, {
+										variant: "primary",
+										size: "sm",
+										type: "submit",
+										disabled: saving,
+										children: t("promptSaveConfirm")
+									})]
+								})
+							]
+						})
+					}), document.body)
+				]
+			});
+		}
+		//#endregion
+		//#region src/client/ClaudePromptRefineAction.tsx
+		/**
+		* Rewrite the draft in place, from the composer's own tool row.
+		*
+		* The rewrite replaces the draft outright, which is what makes the undo state
+		* load-bearing rather than a nicety: `SessionInput.setDraft` documents itself
+		* as "merged into history so a seed is not an undoable step of its own", so
+		* Ctrl/Cmd+Z does NOT bring the original back. Without somewhere to put it,
+		* one press of this button would silently destroy a draft the user may have
+		* spent minutes on. So the original is held for exactly as long as it is still
+		* recoverable — until the rewrite is edited or sent — and the same button
+		* offers it back over that window.
+		*/
+		function ClaudePromptRefineAction({ t, useClaudeProjection, input, replaceDraft, notify, refine = refineClaudePrompt }) {
+			const owned = useClaudeProjection((projection) => projection.owned);
+			const attempt = useRef(void 0);
+			const [busy, setBusy] = useState(false);
+			const [applied, setApplied] = useState();
+			useEffect(() => () => {
+				attempt.current?.abort();
+			}, []);
+			if (!owned || replaceDraft === void 0) return null;
+			const draft = input?.draft ?? "";
+			const undoable = applied !== void 0 && draft === applied.refined;
+			const label = busy ? t("promptRefineBusy") : undoable ? t("promptRefineUndo") : t("promptRefine");
+			const run = () => {
+				if (busy || draft.trim() === "") return;
+				setBusy(true);
+				const running = new AbortController();
+				attempt.current = running;
+				refine(draft, running.signal).then((text) => {
+					if (running.signal.aborted) return;
+					setApplied({
+						original: draft,
+						refined: text
+					});
+					replaceDraft(text);
+				}, (error) => {
+					if (running.signal.aborted) return;
+					notify?.("error", t("promptRefineFailed", { message: error instanceof Error ? error.message : String(error) }));
+				}).finally(() => {
+					setBusy(false);
+				});
+			};
+			const undo = () => {
+				if (applied === void 0) return;
+				replaceDraft(applied.original);
+				setApplied(void 0);
+			};
+			return /* @__PURE__ */ jsx(Tooltip, {
+				label,
+				side: "top",
+				delayMs: 250,
+				children: /* @__PURE__ */ jsxs("button", {
+					type: "button",
+					className: promptSaveTriggerClass,
+					"aria-label": label,
+					disabled: busy || !undoable && draft.trim() === "",
+					onClick: undoable ? undo : run,
+					children: [/* @__PURE__ */ jsx("style", {
+						"data-dsh-claude-prompt-refine-styles": true,
+						children: promptSaveTriggerCss
+					}), busy ? /* @__PURE__ */ jsx(IconLoadingOutline16, {
+						size: 14,
+						className: promptSpinClass
+					}) : undoable ? /* @__PURE__ */ jsx(IconRefreshOutline16, {
+						size: 14,
+						className: promptUndoClass
+					}) : /* @__PURE__ */ jsx(IconSparkle16, { size: 14 })]
+				})
+			});
+		}
+		//#endregion
+		//#region src/client/claude-prompt-source.ts
+		/**
+		* The user's own prompt snippets as a second `/` group.
+		*
+		* Unlike {@link createClaudeCommandSource}, a pick here settles as plain text:
+		* the pipeline replaces the trigger token with the snippet body and leaves the
+		* caret after it, so the draft stays editable and nothing is sent. A snippet is
+		* a half-written message, not a command.
+		*/
+		function createClaudePromptSource(groupName, load = claudePrompts) {
+			let known = [];
+			return {
+				trigger: "/",
+				name: groupName,
+				order: 20,
+				async candidates(_session, request) {
+					if (request.position !== "leading") return [];
+					known = await load();
+					const query = request.query.toLocaleLowerCase();
+					return known.filter((prompt) => prompt.name.toLocaleLowerCase().includes(query)).map((prompt) => ({
+						name: prompt.name,
+						description: prompt.description
+					}));
+				},
+				onPick(pick) {
+					const prompt = known.find((item) => item.name === pick.candidate.name);
+					return prompt === void 0 ? void 0 : { text: prompt.body };
+				}
+			};
+		}
+		//#endregion
 		//#region src/client/preset-seat-mark.ts
 		/** Flags the Host's agent-preset seat while it names the Claude preset.
 		*
@@ -17940,7 +18533,7 @@ window.__ModuleLoader__.load({
 			worktreeBranchPrefixEffect: "分支前缀修改会应用于之后自动创建的 Worktree 分支；显式指定的完整分支名不会被修改。",
 			maxProcessesSetting: "Claude 进程上限",
 			idleTimeoutSetting: "闲置回收时长（分钟）",
-			maxProcessesEffect: "进程上限在下次启动 Claude 进程时生效。留空或非法值会被拒绝。",
+			maxProcessesEffect: "保存后立即回收超额空闲进程；运行中的进程完成后再收敛。满载时，新会话会等待可用容量。留空或非法值会被拒绝。",
 			idleTimeoutEffect: "闲置回收时长在下一次回合结束后生效。留空或非法值会被拒绝。",
 			settingHint: "查看说明",
 			pluginUpdate: "插件更新",
@@ -18098,6 +18691,20 @@ window.__ModuleLoader__.load({
 			sessionMenu: "会话菜单",
 			sessionMenuOpenIn: "打开方式",
 			sessionMenuOpenFailed: "无法打开：{message}",
+			promptSource: "常用提示词",
+			promptSave: "存为常用提示词",
+			promptSaveName: "名字",
+			promptSaveNaming: "正在起名…",
+			promptRefine: "AI 优化提示词",
+			promptRefineBusy: "优化中…",
+			promptRefineUndo: "还原成优化前的内容",
+			promptRefineFailed: "优化失败：{message}",
+			promptSaveConfirm: "保存",
+			promptSaveCancel: "取消",
+			promptSaveDone: "知道了",
+			promptSaved: "已存为「{name}」",
+			promptSaveExists: "已有同名提示词，换个名字。",
+			promptSaveFailed: "保存失败：{message}",
 			presetHeaderHint: "当前会话运行的 Agent 预设",
 			diffWorkingTree: "分支改动",
 			diffFiles: "{count} 个已修改文件",
@@ -18350,7 +18957,7 @@ window.__ModuleLoader__.load({
 			worktreeBranchPrefixEffect: "Prefix changes apply to subsequently generated Worktree branches. Explicit full branch names remain unchanged.",
 			maxProcessesSetting: "Claude process limit",
 			idleTimeoutSetting: "Idle timeout (minutes)",
-			maxProcessesEffect: "The process limit applies when the next Claude process is admitted. Blank or invalid values are rejected.",
+			maxProcessesEffect: "Saving immediately reclaims excess idle processes; running processes converge after they finish. New sessions wait for capacity while every process is busy. Blank or invalid values are rejected.",
 			idleTimeoutEffect: "The idle timeout applies after the next completed turn. Blank or invalid values are rejected.",
 			settingHint: "Show details",
 			pluginUpdate: "Plugin updates",
@@ -18508,6 +19115,20 @@ window.__ModuleLoader__.load({
 			sessionMenu: "Session menu",
 			sessionMenuOpenIn: "Open in",
 			sessionMenuOpenFailed: "Could not open: {message}",
+			promptSource: "Prompts",
+			promptSave: "Save as a prompt",
+			promptSaveName: "Name",
+			promptSaveNaming: "Naming it…",
+			promptRefine: "Rewrite with AI",
+			promptRefineBusy: "Rewriting…",
+			promptRefineUndo: "Put the original back",
+			promptRefineFailed: "Could not rewrite: {message}",
+			promptSaveConfirm: "Save",
+			promptSaveCancel: "Cancel",
+			promptSaveDone: "Got it",
+			promptSaved: "Saved as \"{name}\"",
+			promptSaveExists: "A prompt with that name already exists. Try another.",
+			promptSaveFailed: "Could not save: {message}",
 			presetHeaderHint: "The agent preset this session runs",
 			diffWorkingTree: "Branch changes",
 			diffFiles: "{count} modified file(s)",
@@ -18785,6 +19406,7 @@ window.__ModuleLoader__.load({
 				diagnostics.report(kind, detail);
 			} });
 			ctx.effect(() => ctx.inputTriggers.registerSource(createClaudeCommandSource(ctx, projections)), "dsh-claude: Claude slash source");
+			ctx.effect(() => ctx.inputTriggers.registerSource(createClaudePromptSource(t("promptSource"))), "dsh-claude: Claude prompt source");
 			const sessions = ctx.get("sessions");
 			const workspaces = ctx.get("workspaces");
 			const uiWorkspace = ctx.get("uiWorkspace");
@@ -19131,6 +19753,34 @@ window.__ModuleLoader__.load({
 				locale: namespace,
 				inject: () => ({ t })
 			}, ClaudeSessionMenu));
+			ctx.slots.inject("conversation.input.left", () => ctx.slots.register({
+				name: "conversation.input.left",
+				id: "claude-prompt-save",
+				order: 40,
+				locale: namespace,
+				inject: () => ({ t })
+			}, ClaudePromptSaveAction));
+			ctx.slots.inject("conversation.input.left", () => ctx.slots.register({
+				name: "conversation.input.left",
+				id: "claude-prompt-refine",
+				order: 41,
+				locale: namespace,
+				inject: (sessionId) => {
+					if (sessions === void 0 || conversation === void 0) return { t };
+					const scope = sessions.scope(sessionId);
+					if (scope === void 0) return { t };
+					const facade = sessionInput(conversation, scope);
+					return {
+						t,
+						replaceDraft: (text) => {
+							facade.setDraft(text);
+						},
+						notify: (level, text) => {
+							facade.notify(level, text);
+						}
+					};
+				}
+			}, ClaudePromptRefineAction));
 			ctx.slots.inject("conversation.input.dock", () => ctx.slots.register({
 				name: "conversation.input.dock",
 				id: "claude-review-comments",