@artenx/dshb 0.1.2 → 0.1.3

package/lib/client.js

@@ -530,6 +530,8 @@ window.__ModuleLoader__.load({
 			const [error, setError] = (0, react.useState)(void 0);
 			const [busy, setBusy] = (0, react.useState)(false);
 			const [newDirName, setNewDirName] = (0, react.useState)("");
+			const [pendingInstruction, setPendingInstruction] = (0, react.useState)(void 0);
+			const [instructionDialogOpen, setInstructionDialogOpen] = (0, react.useState)(false);
 			(0, react.useEffect)(() => {
 				if (!props.open) return;
 				(async () => {
@@ -602,24 +604,25 @@ window.__ModuleLoader__.load({
 				try {
 					const node = nodes.find((n) => n.id === nodeId);
 					if (!node) return;
-					if (node.type === "local-host") {
-						props.onPicked(path);
-						return;
-					}
-					const res = await fetch("/api/dshb/workspaces/bind", {
-						method: "POST",
-						headers: { "content-type": "application/json" },
-						body: JSON.stringify({
-							nodeId,
-							remotePath: path
-						})
-					});
-					const data = await res.json();
-					if (!res.ok || !data.ok || !data.mirrorPath) {
-						setError(data.error ?? "工作区注册失败");
-						return;
+					let pickedPath = path;
+					if (node.type !== "local-host") {
+						const res = await fetch("/api/dshb/workspaces/bind", {
+							method: "POST",
+							headers: { "content-type": "application/json" },
+							body: JSON.stringify({
+								nodeId,
+								remotePath: path
+							})
+						});
+						const data = await res.json();
+						if (!res.ok || !data.ok || !data.mirrorPath) {
+							setError(data.error ?? "工作区注册失败");
+							return;
+						}
+						pickedPath = data.mirrorPath;
 					}
-					props.onPicked(data.mirrorPath);
+					props.onPicked(pickedPath);
+					if (pendingInstruction !== void 0 && pendingInstruction.trim()) savePendingInstruction(pickedPath, pendingInstruction);
 				} catch {
 					setError("网络错误");
 				} finally {
@@ -629,15 +632,16 @@ window.__ModuleLoader__.load({
 				nodeId,
 				path,
 				nodes,
-				props
+				props,
+				pendingInstruction
 			]);
 			if (!props.open) return null;
 			const node = nodes.find((n) => n.id === nodeId);
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				style: overlayStyle,
 				role: "dialog",
 				"aria-label": "添加工作区",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					style: dialogStyle,
 					children: [
 						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -858,28 +862,177 @@ window.__ModuleLoader__.load({
 								justifyContent: "flex-end",
 								gap: 10
 							},
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									onClick: props.onCancel,
+									style: secondaryButtonStyle$1,
+									children: "取消"
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+									type: "button",
+									onClick: () => setInstructionDialogOpen(true),
+									disabled: busy || props.busy || !nodeId || !path,
+									style: {
+										...secondaryButtonStyle$1,
+										borderColor: pendingInstruction !== void 0 && pendingInstruction.trim() ? "var(--dsw-alias-state-business-primary)" : "var(--dsw-alias-border-l2)",
+										color: pendingInstruction !== void 0 && pendingInstruction.trim() ? "var(--dsw-alias-state-business-primary)" : "var(--dsw-alias-label-primary)"
+									},
+									children: ["指令", pendingInstruction !== void 0 && pendingInstruction.trim() ? " ●" : ""]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									onClick: () => void confirm(),
+									disabled: busy || props.busy || !nodeId || !path,
+									style: primaryButtonStyle$1,
+									children: "设为工作区"
+								})
+							]
+						})
+					]
+				}), instructionDialogOpen && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InstructionPreviewDialog, {
+					text: pendingInstruction ?? "",
+					onClose: () => setInstructionDialogOpen(false),
+					onSave: (t) => {
+						setPendingInstruction(t);
+						setInstructionDialogOpen(false);
+					}
+				})]
+			});
+		}
+		function dirnameOf(path) {
+			const parts = path.split("/").filter(Boolean);
+			parts.pop();
+			return parts.length === 0 ? "/" : `/${parts.join("/")}`;
+		}
+		const pendingInstructions = /* @__PURE__ */ new Map();
+		function savePendingInstruction(path, text) {
+			pendingInstructions.set(path, text);
+			(async () => {
+				try {
+					let attempts = 0;
+					const tryResolve = async () => {
+						if (attempts++ > 10) return;
+						const ws = ((window.workspaces?.list?.getSnapshot?.())?.items ?? []).find((w) => w.path === path);
+						if (!ws) {
+							await new Promise((r) => setTimeout(r, 300));
+							return tryResolve();
+						}
+						await fetch(`/api/dshb/instructions/${ws.workspaceId}`, {
+							method: "PUT",
+							headers: { "content-type": "application/json" },
+							body: JSON.stringify({
+								text,
+								expectedRevision: 0
+							})
+						});
+						pendingInstructions.delete(path);
+					};
+					tryResolve();
+				} catch {}
+			})();
+		}
+		function InstructionPreviewDialog(props) {
+			const [text, setText] = (0, react.useState)(props.text);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				style: {
+					position: "fixed",
+					inset: 0,
+					background: "var(--dsw-alias-overlay-mask, rgba(0,0,0,0.45))",
+					display: "flex",
+					alignItems: "center",
+					justifyContent: "center",
+					zIndex: 1100
+				},
+				onClick: props.onClose,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					style: {
+						width: "min(92vw, 600px)",
+						maxWidth: "100%",
+						maxHeight: "85vh",
+						overflow: "auto",
+						overflowX: "hidden",
+						background: "var(--dsw-alias-bg-layer-1)",
+						border: "1px solid var(--dsw-alias-border-l2)",
+						borderRadius: 12,
+						padding: 20,
+						boxSizing: "border-box",
+						color: "var(--dsw-alias-label-primary)"
+					},
+					onClick: (e) => e.stopPropagation(),
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							style: {
+								display: "flex",
+								justifyContent: "space-between",
+								alignItems: "center",
+								marginBottom: 14
+							},
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+								style: {
+									margin: 0,
+									fontSize: 16,
+									color: "var(--dsw-alias-label-primary)"
+								},
+								children: "项目指令"
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								onClick: props.onClose,
+								style: secondaryButtonStyle$1,
+								children: "关闭"
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							style: {
+								fontSize: 12,
+								color: "var(--dsw-alias-label-secondary)",
+								marginBottom: 10
+							},
+							children: "工作区创建后，此指令将自动保存为新工作区的项目指令。新对话首次交互时注入。"
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+							style: {
+								width: "100%",
+								minHeight: "280px",
+								fontFamily: "monospace",
+								fontSize: 13,
+								padding: "12px",
+								border: "1px solid var(--dsw-alias-border-l2)",
+								borderRadius: 8,
+								background: "var(--dsw-alias-bg-layer-2)",
+								color: "var(--dsw-alias-label-primary)",
+								resize: "vertical",
+								boxSizing: "border-box",
+								outline: "none"
+							},
+							value: text,
+							onChange: (e) => setText(e.target.value),
+							placeholder: "留空则不注入指令...",
+							spellCheck: false
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							style: {
+								display: "flex",
+								justifyContent: "flex-end",
+								gap: 10,
+								marginTop: 14
+							},
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 								type: "button",
-								onClick: props.onCancel,
+								onClick: props.onClose,
 								style: secondaryButtonStyle$1,
 								children: "取消"
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 								type: "button",
-								onClick: () => void confirm(),
-								disabled: busy || props.busy || !nodeId || !path,
+								onClick: () => props.onSave(text),
 								style: primaryButtonStyle$1,
-								children: "设为工作区"
+								children: "确定"
 							})]
 						})
 					]
 				})
 			});
 		}
-		function dirnameOf(path) {
-			const parts = path.split("/").filter(Boolean);
-			parts.pop();
-			return parts.length === 0 ? "/" : `/${parts.join("/")}`;
-		}
 		//#endregion
 		//#region src/client/mobile.tsx
 		/**
@@ -1762,6 +1915,215 @@ window.__ModuleLoader__.load({
 			}, DrawerToggle));
 		}
 		//#endregion
+		//#region src/client/workspace-instruction-menu.tsx
+		let injectedRegistry;
+		function setWorkspaceRegistry(reg) {
+			injectedRegistry = reg;
+		}
+		function resolveWorkspaceByTitle(title) {
+			const wks = injectedRegistry;
+			if (!wks) return void 0;
+			return wks.list.getSnapshot().items.find((w) => w.title === title);
+		}
+		const ROW_INJECT_FLAG = "data-dshb-instr-row-bound";
+		const MENU_INJECT_FLAG = "data-dshb-instr-menu-bound";
+		const MENU_ITEM_FLAG = "data-dshb-instr-menu-item";
+		function mountInstructionDialog(workspaceId, workspaceTitle) {
+			if (!workspaceId) return;
+			const overlay = document.createElement("div");
+			overlay.style.cssText = "position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;background:var(--dsw-alias-overlay-mask,rgba(0,0,0,.45))";
+			const dialog = document.createElement("div");
+			dialog.setAttribute("role", "dialog");
+			dialog.setAttribute("aria-label", `修改 ${workspaceTitle} 的项目指令`);
+			dialog.style.cssText = "box-sizing:border-box;width:min(92vw,600px);max-height:85vh;overflow:auto;padding:20px;border:1px solid var(--dsw-alias-border-l2);border-radius:12px;background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary)";
+			const title = document.createElement("h2");
+			title.textContent = `项目指令 - ${workspaceTitle}`;
+			title.style.cssText = "margin:0 0 10px;font-size:16px";
+			const description = document.createElement("div");
+			description.textContent = "此内容会注入该工作区的新对话。已有对话继续使用创建时的指令快照。";
+			description.style.cssText = "margin-bottom:10px;font-size:12px;color:var(--dsw-alias-label-secondary)";
+			const textarea = document.createElement("textarea");
+			textarea.placeholder = "留空则不注入指令...";
+			textarea.spellcheck = false;
+			textarea.style.cssText = "box-sizing:border-box;width:100%;min-height:280px;resize:vertical;padding:12px;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;outline:none;background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);font:13px monospace";
+			const status = document.createElement("div");
+			status.style.cssText = "min-height:18px;margin-top:6px;font-size:12px;color:var(--dsw-alias-label-secondary)";
+			const actions = document.createElement("div");
+			actions.style.cssText = "display:flex;justify-content:flex-end;gap:10px;margin-top:14px";
+			const cancel = document.createElement("button");
+			cancel.type = "button";
+			cancel.textContent = "取消";
+			cancel.style.cssText = "height:36px;padding:0 16px;border:1px solid var(--dsw-alias-border-l2);border-radius:18px;background:transparent;color:var(--dsw-alias-label-primary);cursor:pointer";
+			const save = document.createElement("button");
+			save.type = "button";
+			save.textContent = "保存";
+			save.style.cssText = "height:36px;padding:0 16px;border:0;border-radius:18px;background:var(--dsw-alias-button-primary-fill);color:var(--dsw-alias-label-primary-foreground);cursor:pointer";
+			const close = () => overlay.remove();
+			cancel.addEventListener("click", close);
+			overlay.addEventListener("click", (event) => {
+				if (event.target === overlay) close();
+			});
+			dialog.addEventListener("click", (event) => event.stopPropagation());
+			textarea.addEventListener("input", () => {
+				const bytes = new TextEncoder().encode(textarea.value).length;
+				status.textContent = `${bytes} / 32768 字节`;
+				status.style.color = bytes > 32768 ? "var(--dsw-alias-state-error-primary)" : "var(--dsw-alias-label-secondary)";
+			});
+			save.addEventListener("click", () => {
+				(async () => {
+					const bytes = new TextEncoder().encode(textarea.value).length;
+					if (bytes > 32768) {
+						status.textContent = `指令超过 32768 字节限制（当前 ${bytes} 字节）`;
+						status.style.color = "var(--dsw-alias-state-error-primary)";
+						return;
+					}
+					save.disabled = true;
+					save.textContent = "保存中...";
+					try {
+						const revision = Number(overlay.dataset.revision ?? "0");
+						const response = await fetch(`/api/dshb/instructions/${workspaceId}`, {
+							method: "PUT",
+							headers: { "content-type": "application/json" },
+							body: JSON.stringify({
+								text: textarea.value,
+								expectedRevision: revision
+							})
+						});
+						if (!response.ok) {
+							const body = await response.json().catch(() => ({}));
+							status.textContent = body.error ?? `保存失败 (${response.status})`;
+							status.style.color = "var(--dsw-alias-state-error-primary)";
+							return;
+						}
+						close();
+					} catch {
+						status.textContent = "保存失败";
+						status.style.color = "var(--dsw-alias-state-error-primary)";
+					} finally {
+						save.disabled = false;
+						save.textContent = "保存";
+					}
+				})();
+			});
+			actions.append(cancel, save);
+			dialog.append(title, description, textarea, status, actions);
+			overlay.append(dialog);
+			document.body.append(overlay);
+			status.textContent = "加载中...";
+			fetch(`/api/dshb/instructions/${workspaceId}`).then(async (response) => {
+				if (!response.ok) throw new Error(`读取失败 (${response.status})`);
+				return response.json();
+			}).then((body) => {
+				textarea.value = body.text ?? "";
+				overlay.dataset.revision = String(body.revision ?? 0);
+				textarea.dispatchEvent(new Event("input"));
+				textarea.focus();
+			}).catch((error) => {
+				status.textContent = error instanceof Error ? error.message : "读取失败";
+				status.style.color = "var(--dsw-alias-state-error-primary)";
+			});
+		}
+		function registerWorkspaceInstructionMenu(ctx) {
+			const wks = ctx.workspaces;
+			if (wks) setWorkspaceRegistry(wks);
+			let activeWorkspaceTitle = "";
+			const findWorkspaceRow = (el) => {
+				let node = el instanceof HTMLElement ? el : null;
+				while (node) {
+					if (node.className && typeof node.className === "string" && node.className.includes("projectRow")) return node;
+					node = node.parentElement;
+				}
+				return null;
+			};
+			const getRowTitle = (row) => {
+				const titleEl = row.querySelector("[class*=\"title\"]");
+				if (!titleEl) return null;
+				return titleEl.textContent ?? null;
+			};
+			const injectMenuItem = (menuContainer) => {
+				if (menuContainer.getAttribute(MENU_INJECT_FLAG) || menuContainer.querySelector(`[${MENU_ITEM_FLAG}]`)) return;
+				menuContainer.setAttribute(MENU_INJECT_FLAG, "1");
+				const existingItems = menuContainer.querySelectorAll("button, [role=\"menuitem\"]");
+				let refItem = null;
+				for (const item of Array.from(existingItems)) {
+					const text = item.textContent ?? "";
+					if (text.includes("重命名") || text.includes("Rename")) {
+						refItem = item;
+						break;
+					}
+				}
+				if (!refItem) refItem = existingItems[existingItems.length - 1];
+				if (!refItem) return;
+				const btn = document.createElement("button");
+				btn.type = "button";
+				btn.setAttribute("role", "menuitem");
+				btn.setAttribute(MENU_ITEM_FLAG, "1");
+				if (refItem instanceof HTMLElement) {
+					btn.className = refItem.className || "";
+					btn.style.cssText = refItem.style.cssText;
+				}
+				for (const className of Array.from(btn.classList)) if (/danger|delete/i.test(className)) btn.classList.remove(className);
+				btn.style.color = "var(--dsw-alias-label-primary)";
+				btn.style.display = "flex";
+				btn.style.alignItems = "center";
+				btn.style.gap = "8px";
+				const icon = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+				icon.setAttribute("width", "16");
+				icon.setAttribute("height", "16");
+				icon.setAttribute("viewBox", "0 0 16 16");
+				icon.setAttribute("fill", "none");
+				icon.setAttribute("aria-hidden", "true");
+				icon.style.flex = "none";
+				const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
+				path.setAttribute("d", "M3 11.75V13h1.25l7.37-7.37-1.25-1.25L3 11.75Zm9.59-7.34a.66.66 0 0 0 0-.94l-1.06-1.06a.66.66 0 0 0-.94 0l-.83.83 1.25 1.25.83-.83.75.75Z");
+				path.setAttribute("fill", "currentColor");
+				icon.append(path);
+				const label = document.createElement("span");
+				label.textContent = "修改指令";
+				btn.append(icon, label);
+				btn.addEventListener("click", (e) => {
+					e.stopPropagation();
+					e.preventDefault();
+					mountInstructionDialog((activeWorkspaceTitle ? resolveWorkspaceByTitle(activeWorkspaceTitle) : void 0)?.workspaceId ?? "", activeWorkspaceTitle || "Unknown");
+				});
+				refItem.parentElement?.insertBefore(btn, refItem.nextSibling);
+			};
+			new MutationObserver(() => {
+				const projectRows = document.querySelectorAll("[class*=\"projectRow\"]");
+				for (const row of Array.from(projectRows)) {
+					const rowEl = row;
+					if (rowEl.getAttribute(ROW_INJECT_FLAG)) continue;
+					rowEl.setAttribute(ROW_INJECT_FLAG, "1");
+					const iconBtns = rowEl.querySelectorAll("button[class*=\"iconButton\"]");
+					for (const btn of Array.from(iconBtns)) {
+						const label = btn.getAttribute("aria-label") ?? "";
+						if (label.includes("workspace") || label.includes("操作") || label.includes("actions")) btn.addEventListener("click", () => {
+							const title = getRowTitle(rowEl);
+							if (title) activeWorkspaceTitle = title;
+						});
+					}
+				}
+				const menuItems = document.querySelectorAll("[role=\"menuitem\"]");
+				for (const item of Array.from(menuItems)) {
+					const text = item.textContent ?? "";
+					if (text.includes("删除") || text.includes("Delete") || text.includes("重命名") || text.includes("Rename")) {
+						const container = item.closest("[role=\"menu\"]") ?? item.parentElement;
+						if (container instanceof HTMLElement && !container.getAttribute(MENU_INJECT_FLAG)) {
+							const row = findWorkspaceRow(container);
+							if (row) {
+								const title = getRowTitle(row);
+								if (title) activeWorkspaceTitle = title;
+							}
+							injectMenuItem(container);
+						}
+					}
+				}
+			}).observe(document.body, {
+				childList: true,
+				subtree: true
+			});
+		}
+		//#endregion
 		//#region src/client/ui.tsx
 		const SECTION_ID = "dshb-nodes";
 		const EMPTY_FORM = {
@@ -2678,6 +3040,7 @@ window.__ModuleLoader__.load({
   `;
 			document.head.appendChild(globalStyle);
 			installMobile(ctx);
+			registerWorkspaceInstructionMenu(ctx);
 			ctx.plugin({
 				inject: ["slots", "settingsScope"],
 				apply: (sub) => {