@norman-else/dsh-claude 0.1.23 → 0.1.24

package/lib/client.d.ts

@@ -215,6 +215,17 @@ declare const en: {
   readonly prCommentsSend: "Have Claude address the GitHub pull request comments";
   readonly autoFixLabel: "Auto fix";
   readonly autoFixTitle: "Watch this pull request for review comments and failing checks, hand them to Claude to fix and push until everything passes; uncheck to stop.";
+  readonly queueCount: "{n} queued messages";
+  readonly queueEdit: "Edit";
+  readonly queueEditUnsupported: "Contains non-text content and cannot be edited";
+  readonly queueSave: "Save";
+  readonly queueCancelEdit: "Cancel edit";
+  readonly queueRemove: "Remove";
+  readonly queueSteer: "Steer into the running turn";
+  readonly queueSteerUnavailable: "No running turn to steer into";
+  readonly queueEditFailed: "The queued message could not be edited.";
+  readonly queueRemoveFailed: "The queued message could not be removed.";
+  readonly queueSteerFailed: "The queued message could not be steered.";
   readonly reviewCommentAdd: "Add line comment";
   readonly reviewCommentPlaceholder: "Request changes";
   readonly reviewCommentSubmit: "Comment";

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, IconApiOutline14, IconBranchOutline16, IconCheckOutline14, IconChevronDownOutline14, IconCloseOutline16, IconFullscreenOutline16, IconSearchOutline16, IconThinkOutline14, MarkdownText, Menu, Modal, StateDot, Tooltip } = require("@deepseek-ai/dsh-client-ui-primitives");
+		var { DiffBlock, DisclosureRow, HoverCard, IconApiOutline14, IconBranchOutline16, IconCheckOutline14, IconCheckOutline16, IconChevronDownOutline14, IconChevronUpOutline14, IconCloseOutline16, IconEditOutline16, IconFullscreenOutline16, IconQueueOutline14, IconSearchOutline16, IconSendOutline14, IconThinkOutline14, IconTrashOutline16, MarkdownText, Menu, Modal, StateDot, Tooltip } = 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
@@ -1411,6 +1411,91 @@ window.__ModuleLoader__.load({
 			lineHeight: "22px",
 			textAlign: "left"
 		};
+		const queueBar = {
+			width: "100%",
+			minWidth: 0,
+			boxSizing: "border-box",
+			display: "flex",
+			flexDirection: "column",
+			padding: "3px 6px 3px 11px",
+			border: "1px solid var(--dsw-alias-border-l2, color-mix(in srgb, currentColor 16%, transparent))",
+			borderRadius: 11,
+			background: "var(--dsw-alias-bg-layer-1)",
+			color: "var(--dsw-alias-label-primary)",
+			boxShadow: "0 1px 2px color-mix(in srgb, var(--dsw-alias-label-primary) 4%, transparent)",
+			font: "inherit",
+			fontSize: 13,
+			lineHeight: "20px"
+		};
+		const queueHeader = {
+			width: "100%",
+			minHeight: 30,
+			display: "flex",
+			alignItems: "center",
+			gap: 8,
+			padding: "2px 0",
+			border: "none",
+			outline: "none",
+			background: "transparent",
+			color: "inherit",
+			font: "inherit",
+			fontSize: 13,
+			textAlign: "left",
+			cursor: "pointer"
+		};
+		const queueLead = {
+			flex: "none",
+			display: "grid",
+			placeItems: "center",
+			color: "var(--dsw-alias-label-tertiary)"
+		};
+		const queueCount = {
+			minWidth: 0,
+			flex: 1,
+			fontWeight: 550
+		};
+		const queueList = {
+			maxHeight: 180,
+			margin: 0,
+			padding: 0,
+			listStyle: "none",
+			overflowY: "auto"
+		};
+		const queueRow = {
+			minHeight: 30,
+			display: "flex",
+			alignItems: "center",
+			gap: 8
+		};
+		const queueRowDivider = { borderTop: "1px solid var(--dsw-alias-border-l1, color-mix(in srgb, currentColor 12%, transparent))" };
+		const queuePreview = {
+			minWidth: 0,
+			flex: 1,
+			overflow: "hidden",
+			color: "var(--dsw-alias-label-secondary)",
+			textOverflow: "ellipsis",
+			whiteSpace: "nowrap"
+		};
+		const queueEditor = {
+			minWidth: 0,
+			flex: 1,
+			height: 26,
+			boxSizing: "border-box",
+			padding: "0 8px",
+			border: "1px solid var(--dsw-alias-border-l2, color-mix(in srgb, currentColor 16%, transparent))",
+			borderRadius: 6,
+			outline: "none",
+			background: "var(--dsw-alias-bg-layer-2)",
+			color: "var(--dsw-alias-label-primary)",
+			font: "inherit",
+			fontSize: 13
+		};
+		const queueActions = {
+			flex: "none",
+			display: "inline-flex",
+			alignItems: "center",
+			gap: 2
+		};
 		const repositoryBarMerged = {
 			borderColor: "color-mix(in srgb, #a78bfa 30%, var(--dsw-alias-border-l2, color-mix(in srgb, currentColor 16%, transparent)))",
 			background: "color-mix(in srgb, #a78bfa 5%, var(--dsw-alias-bg-layer-1))"
@@ -6305,6 +6390,165 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
+		//#region src/client/ClaudeQueueDock.tsx
+		/** Replaces the Host queue strip (same slot cell, lower priority) with one
+		*  styled like the repository status bar. Behaviour mirrors the Host strip:
+		*  one row inline, several rows behind a collapsible count, edit/remove/steer. */
+		function ClaudeQueueDock({ useSession, t, updateQueue, notify }) {
+			const inbox = useSession((session) => session.queue);
+			const queue = useMemo(() => inbox.filter((row) => row.placement === "queued"), [inbox]);
+			const running = useSession((session) => session.running);
+			const mutable = useSession((session) => session.subagent === null);
+			const [editing, setEditing] = useState();
+			const [busy, setBusy] = useState();
+			const [collapsed, setCollapsed] = useState(true);
+			const listId = useId();
+			useEffect(() => {
+				if (queue.length === 0 && !collapsed) setCollapsed(true);
+				if (editing !== void 0 && (!mutable || !queue.some((row) => row.id === editing.id))) setEditing(void 0);
+			}, [
+				collapsed,
+				editing,
+				mutable,
+				queue
+			]);
+			if (queue.length === 0) return null;
+			const interacting = mutable && (editing !== void 0 || busy !== void 0);
+			const expanded = !collapsed || interacting;
+			const listVisible = queue.length === 1 || expanded;
+			const apply = async (id, action, failure) => {
+				setBusy(id);
+				try {
+					await updateQueue(id, action);
+					return true;
+				} catch {
+					notify("error", failure);
+					return false;
+				} finally {
+					setBusy((current) => current === id ? void 0 : current);
+				}
+			};
+			const saveEdit = async () => {
+				if (editing === void 0 || editing.text.trim() === "") return;
+				if (await apply(editing.id, {
+					kind: "edit",
+					content: [{
+						type: "text",
+						text: editing.text
+					}]
+				}, t("queueEditFailed"))) setEditing(void 0);
+			};
+			const action = (label, icon, onClick, disabled, hint) => /* @__PURE__ */ jsx(Tooltip, {
+				label: hint ?? label,
+				side: "bottom",
+				delayMs: 400,
+				children: /* @__PURE__ */ jsx("button", {
+					type: "button",
+					className: panelIconButtonClass,
+					"aria-label": label,
+					disabled,
+					onClick,
+					children: icon
+				})
+			});
+			return /* @__PURE__ */ jsxs("div", {
+				style: repositoryBarFrame,
+				"data-claude-queue-dock": "",
+				children: [/* @__PURE__ */ jsx("style", {
+					"data-dsh-claude-queue-styles": true,
+					children: panelIconButtonCss
+				}), /* @__PURE__ */ jsxs("div", {
+					style: queueBar,
+					children: [queue.length > 1 ? /* @__PURE__ */ jsxs("button", {
+						type: "button",
+						style: queueHeader,
+						"aria-controls": listId,
+						"aria-expanded": expanded,
+						disabled: interacting,
+						onClick: () => {
+							setCollapsed((value) => !value);
+						},
+						children: [
+							/* @__PURE__ */ jsx("span", {
+								style: queueLead,
+								"aria-hidden": "true",
+								children: /* @__PURE__ */ jsx(IconQueueOutline14, {})
+							}),
+							/* @__PURE__ */ jsx("span", {
+								style: queueCount,
+								children: t("queueCount", { n: queue.length })
+							}),
+							/* @__PURE__ */ jsx("span", {
+								style: queueLead,
+								"aria-hidden": "true",
+								children: expanded ? /* @__PURE__ */ jsx(IconChevronDownOutline14, {}) : /* @__PURE__ */ jsx(IconChevronUpOutline14, {})
+							})
+						]
+					}) : null, /* @__PURE__ */ jsx("ul", {
+						id: listId,
+						style: queueList,
+						hidden: !listVisible,
+						children: listVisible ? queue.map((row, index) => /* @__PURE__ */ jsxs("li", {
+							style: {
+								...queueRow,
+								...index > 0 ? queueRowDivider : {}
+							},
+							children: [
+								queue.length === 1 ? /* @__PURE__ */ jsx("span", {
+									style: queueLead,
+									"aria-hidden": "true",
+									children: /* @__PURE__ */ jsx(IconQueueOutline14, {})
+								}) : null,
+								editing?.id === row.id ? /* @__PURE__ */ jsx("input", {
+									autoFocus: true,
+									style: queueEditor,
+									"aria-label": t("queueEdit"),
+									value: editing.text,
+									onChange: (event) => {
+										setEditing({
+											id: row.id,
+											text: event.currentTarget.value
+										});
+									},
+									onKeyDown: (event) => {
+										if (event.key === "Escape") setEditing(void 0);
+										else if (event.key === "Enter" && !event.nativeEvent.isComposing) {
+											event.preventDefault();
+											saveEdit();
+										}
+									}
+								}) : /* @__PURE__ */ jsx("span", {
+									style: queuePreview,
+									children: row.preview
+								}),
+								mutable ? /* @__PURE__ */ jsx("span", {
+									style: queueActions,
+									children: editing?.id === row.id ? /* @__PURE__ */ jsxs(Fragment$1, { children: [action(t("queueSave"), /* @__PURE__ */ jsx(IconCheckOutline16, { size: 14 }), () => {
+										saveEdit();
+									}, busy !== void 0 || editing.text.trim() === ""), action(t("queueCancelEdit"), /* @__PURE__ */ jsx(IconCloseOutline16, { size: 14 }), () => {
+										setEditing(void 0);
+									}, busy !== void 0)] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
+										action(t("queueEdit"), /* @__PURE__ */ jsx(IconEditOutline16, { size: 14 }), () => {
+											if (row.text !== null) setEditing({
+												id: row.id,
+												text: row.text
+											});
+										}, busy !== void 0 || row.text === null, row.text === null ? t("queueEditUnsupported") : void 0),
+										action(t("queueRemove"), /* @__PURE__ */ jsx(IconTrashOutline16, { size: 14 }), () => {
+											apply(row.id, { kind: "remove" }, t("queueRemoveFailed"));
+										}, busy !== void 0),
+										action(t("queueSteer"), /* @__PURE__ */ jsx(IconSendOutline14, {}), () => {
+											apply(row.id, { kind: "steer" }, t("queueSteerFailed"));
+										}, busy !== void 0 || !running, running ? void 0 : t("queueSteerUnavailable"))
+									] })
+								}) : null
+							]
+						}, row.id)) : null
+					})]
+				})]
+			});
+		}
+		//#endregion
 		//#region src/client/hero-dom-bridge.ts
 		const PORTAL_ATTRIBUTE = "data-dsh-claude-hero-controls";
 		function normalizedText(element) {
@@ -7373,6 +7617,17 @@ window.__ModuleLoader__.load({
 			prCommentsSend: "让 Claude 处理 GitHub 上的 PR 评论",
 			autoFixLabel: "Auto fix",
 			autoFixTitle: "自动监听这个 PR 的 review 评论与 CI 失败，交给 Claude 修复并推送，直到全部通过；取消勾选即停止。",
+			queueCount: "{n} 条排队消息",
+			queueEdit: "编辑",
+			queueEditUnsupported: "包含非文本内容，无法编辑",
+			queueSave: "保存",
+			queueCancelEdit: "取消编辑",
+			queueRemove: "删除",
+			queueSteer: "插入当前回合",
+			queueSteerUnavailable: "没有正在运行的回合",
+			queueEditFailed: "排队消息编辑失败。",
+			queueRemoveFailed: "排队消息删除失败。",
+			queueSteerFailed: "排队消息插入失败。",
 			reviewCommentAdd: "添加行评论",
 			reviewCommentPlaceholder: "请求更改",
 			reviewCommentSubmit: "注释",
@@ -7600,6 +7855,17 @@ window.__ModuleLoader__.load({
 			prCommentsSend: "Have Claude address the GitHub pull request comments",
 			autoFixLabel: "Auto fix",
 			autoFixTitle: "Watch this pull request for review comments and failing checks, hand them to Claude to fix and push until everything passes; uncheck to stop.",
+			queueCount: "{n} queued messages",
+			queueEdit: "Edit",
+			queueEditUnsupported: "Contains non-text content and cannot be edited",
+			queueSave: "Save",
+			queueCancelEdit: "Cancel edit",
+			queueRemove: "Remove",
+			queueSteer: "Steer into the running turn",
+			queueSteerUnavailable: "No running turn to steer into",
+			queueEditFailed: "The queued message could not be edited.",
+			queueRemoveFailed: "The queued message could not be removed.",
+			queueSteerFailed: "The queued message could not be steered.",
 			reviewCommentAdd: "Add line comment",
 			reviewCommentPlaceholder: "Request changes",
 			reviewCommentSubmit: "Comment",
@@ -7849,6 +8115,24 @@ window.__ModuleLoader__.load({
 					};
 				}
 			}, ClaudeRepositoryStatus));
+			if (sessions !== void 0 && conversation !== void 0) ctx.slots.inject("conversation.input.dock", () => ctx.slots.register({
+				name: "conversation.input.dock",
+				id: "queue",
+				order: 20,
+				priority: -10,
+				locale: namespace,
+				inject: (sessionId) => {
+					const scope = sessions.scope(sessionId);
+					const target = (scope === void 0 ? void 0 : scope.get("conversation")) ?? conversation;
+					return {
+						t,
+						updateQueue: (itemId, action) => target.updateQueue(itemId, action),
+						notify: (level, text) => {
+							if (scope !== void 0) conversation.input.for(scope).notify(level, text);
+						}
+					};
+				}
+			}, ClaudeQueueDock));
 			if (sessions !== void 0 && workspaces !== void 0 && conversation !== void 0 && connection !== void 0) ctx.slots.inject("conversation.input.dock", () => ctx.slots.register({
 				name: "conversation.input.dock",
 				id: "claude-hero-repository-controls",