dsh-taskboard 0.5.0 → 0.5.2

package/lib/client.js

@@ -18,20 +18,26 @@ window.__ModuleLoader__.load({
 			if (!body.ok) throw new Error(`taskboard: ${body.error.code}: ${body.error.message}`);
 			return body.value;
 		}
+		/** Request timeout (S15: a hung fetch must never pin refreshInFlight forever). */
+		const TIMEOUT_MS = 1e4;
+		async function get(path) {
+			return unwrap(fetch(path, { signal: AbortSignal.timeout(TIMEOUT_MS) }));
+		}
 		async function post(path, body) {
 			return unwrap(await fetch(path, {
 				method: "POST",
 				headers: { "content-type": "application/json" },
-				body: JSON.stringify(body)
+				body: JSON.stringify(body),
+				signal: AbortSignal.timeout(TIMEOUT_MS)
 			}));
 		}
 		/** Build the client over fetch + EventSource. */
 		function createClient() {
 			return {
-				state: () => unwrap(fetch("/dsh-taskboard/state")),
-				workspaces: () => unwrap(fetch("/dsh-taskboard/workspaces")),
+				state: () => get("/dsh-taskboard/state"),
+				workspaces: () => get("/dsh-taskboard/workspaces"),
 				create: (body) => post("/dsh-taskboard/tasks", body),
-				get: (id) => unwrap(fetch(`/dsh-taskboard/tasks/${encodeURIComponent(id)}`)),
+				get: (id) => get(`/dsh-taskboard/tasks/${encodeURIComponent(id)}`),
 				update: (id, body) => post(`/dsh-taskboard/tasks/${encodeURIComponent(id)}/update`, body),
 				move: (id, body) => post(`/dsh-taskboard/tasks/${encodeURIComponent(id)}/move`, body),
 				reject: (id, body) => post(`/dsh-taskboard/tasks/${encodeURIComponent(id)}/reject`, body),
@@ -41,7 +47,7 @@ window.__ModuleLoader__.load({
 				cancel: (id) => post(`/dsh-taskboard/tasks/${encodeURIComponent(id)}/cancel`, {}),
 				mergeBranch: (id) => post(`/dsh-taskboard/tasks/${encodeURIComponent(id)}/merge`, {}),
 				worktreeRemove: (id, body) => post(`/dsh-taskboard/tasks/${encodeURIComponent(id)}/worktree-remove`, body),
-				diagnostics: () => unwrap(fetch("/dsh-taskboard/diagnostics")),
+				diagnostics: () => get("/dsh-taskboard/diagnostics"),
 				worktreeCleanup: (workspaceId, taskId) => post("/dsh-taskboard/worktree-cleanup", {
 					workspaceId,
 					taskId
@@ -50,28 +56,38 @@ window.__ModuleLoader__.load({
 					const params = new URLSearchParams({ execution: query.execution });
 					if (query.commit !== void 0) params.set("commit", query.commit);
 					if (query.path !== void 0) params.set("path", query.path);
-					return unwrap(fetch(`/dsh-taskboard/tasks/${encodeURIComponent(taskId)}/diff?${params.toString()}`));
+					return get(`/dsh-taskboard/tasks/${encodeURIComponent(taskId)}/diff?${params.toString()}`);
 				},
 				importPreview: (file) => post("/dsh-taskboard/import/preview", file),
 				importCommit: (mode, ledger) => post("/dsh-taskboard/import", {
 					mode,
 					ledger
 				}),
-				templates: () => unwrap(fetch("/dsh-taskboard/templates")),
+				templates: () => get("/dsh-taskboard/templates"),
 				templateUpsert: (body) => post("/dsh-taskboard/templates", body),
 				templateDelete: (id) => post("/dsh-taskboard/templates/delete", { id }),
-				settings: () => unwrap(fetch("/dsh-taskboard/settings")),
+				settings: () => get("/dsh-taskboard/settings"),
 				updateSettings: (body) => post("/dsh-taskboard/settings/update", body),
 				stream(onChange, onGap) {
 					const es = new EventSource("/dsh-taskboard/events");
 					let revision;
 					const hello = (event) => {
-						const payload = JSON.parse(event.data);
+						let payload;
+						try {
+							payload = JSON.parse(event.data);
+						} catch {
+							return;
+						}
 						if (revision !== void 0 && payload.revision !== revision) onGap();
 						revision = payload.revision;
 					};
 					const change = (event) => {
-						const payload = JSON.parse(event.data);
+						let payload;
+						try {
+							payload = JSON.parse(event.data);
+						} catch {
+							return;
+						}
 						if (revision !== void 0 && payload.revision !== revision + 1) onGap();
 						revision = payload.revision;
 						onChange(payload);
@@ -304,7 +320,11 @@ window.__ModuleLoader__.load({
 			disposed = false;
 			disposeStream;
 			refreshInFlight;
+			/** Newest change-frame revision seen on the SSE stream (S16 refresh chase). */
+			seenRevision;
 			sessionJumper;
+			/** Composer catalog faces, installed formally by the client entry (T13). */
+			catalogFaces = {};
 			/** @param client - the route client. */
 			constructor(client) {
 				this.client = client;
@@ -333,10 +353,7 @@ window.__ModuleLoader__.load({
 			start() {
 				this.refresh();
 				this.disposeStream = this.client.stream((change) => {
-					this.setState({ ledger: {
-						...this.state.ledger,
-						revision: change.revision
-					} });
+					this.seenRevision = change.revision;
 					this.refresh();
 				}, () => {
 					this.refresh();
@@ -347,15 +364,18 @@ window.__ModuleLoader__.load({
 				if (this.refreshInFlight !== void 0) return this.refreshInFlight;
 				this.refreshInFlight = (async () => {
 					try {
-						const [ledger, workspaces] = await Promise.all([this.client.state(), this.client.workspaces()]);
-						let selected;
-						if (this.state.selectedId !== void 0) selected = ledger.tasks.find((t) => t.id === this.state.selectedId);
-						this.setState({
-							ledger,
-							workspaces,
-							error: void 0,
-							selectedId: selected === void 0 ? void 0 : this.state.selectedId
-						});
+						for (let round = 0; round < 3; round++) {
+							const [ledger, workspaces] = await Promise.all([this.client.state(), this.client.workspaces()]);
+							let selected;
+							if (this.state.selectedId !== void 0) selected = ledger.tasks.find((t) => t.id === this.state.selectedId);
+							this.setState({
+								ledger,
+								workspaces,
+								error: void 0,
+								selectedId: selected === void 0 ? void 0 : this.state.selectedId
+							});
+							if (this.seenRevision === void 0 || ledger.revision >= this.seenRevision) break;
+						}
 					} catch (error) {
 						this.setState({ error: error instanceof Error ? error.message : String(error) });
 					} finally {
@@ -473,6 +493,22 @@ window.__ModuleLoader__.load({
 			installSessionJumper(jumper) {
 				this.sessionJumper = jumper;
 			}
+			/** T13: formal installers for the composer catalog faces (was a monkeypatch from the client entry). */
+			installModelCatalog(fn) {
+				this.catalogFaces.models = fn;
+			}
+			/** T13: formal installer for the preset roster face. */
+			installPresetRoster(fn) {
+				this.catalogFaces.presets = fn;
+			}
+			/** The installed model catalog face, when the runtime provides one. */
+			get modelCatalog() {
+				return this.catalogFaces.models;
+			}
+			/** The installed preset roster face, when the runtime provides one. */
+			get presetCatalog() {
+				return this.catalogFaces.presets;
+			}
 			/**
 			* Jump to an execution's session (open it in the GUI). On success the board
 			* closes so the conversation shows; a deleted-or-archived session reports
@@ -606,13 +642,18 @@ window.__ModuleLoader__.load({
 					return;
 				}
 			}
-			/** Append a user comment. */
+			/**
+			* Append a user comment. Returns whether it landed — the composer keeps its
+			* text on failure (T13: it used to clear unconditionally and lose the draft).
+			*/
 			async comment(id, body) {
 				try {
 					await this.client.comment(id, body);
 					await this.refresh();
+					return true;
 				} catch (error) {
 					this.setState({ error: error instanceof Error ? error.message : String(error) });
+					return false;
 				}
 			}
 			/** Trigger a manual run (fresh in-project session, pinned model); `reuse` = 续跑. */
@@ -730,7 +771,7 @@ window.__ModuleLoader__.load({
 			async duplicate(task) {
 				try {
 					await this.client.create({
-						title: `${task.title}（副本）`,
+						title: `${task.title.slice(0, 196)}（副本）`,
 						workspaceId: task.workspaceId,
 						urgency: task.urgency,
 						description: task.description.length > 0 ? task.description : void 0,
@@ -855,7 +896,8 @@ window.__ModuleLoader__.load({
 			/** Download the task list as a CSV (BOM-prefixed for Excel + Chinese text). */
 			exportCsv() {
 				const esc = (v) => {
-					const s = String(v ?? "");
+					let s = String(v ?? "");
+					if (/^[=+\-@\t\r]/.test(s)) s = `'${s}`;
 					return /[",\n\r]/.test(s) ? `"${s.replace(/"/g, "\"\"")}"` : s;
 				};
 				const header = [
@@ -985,10 +1027,12 @@ window.__ModuleLoader__.load({
 		.dsh-atb-search { width: 130px; }
 		.dsh-atb-badge[data-kind="stale"] { background: rgba(217,130,43,.15); color: #d9822b; }
 
-		/* 0.4.2: dual column matching — dev shell's data-pane pane OR the Desktop
-		 * shell's CSS-Module hashed centerCol (see board-mount.tsx). */
+		/* Triple-generation column matching — dev shell's data-pane pane, the
+		 * official layout shell's CSS-Module hashed centerCol (0.4.2), or DSH
+		 * Desktop's non-compat extended frame surface (0.5.2, see board-mount.tsx). */
 		html[data-dsh-atb-active] [data-pane="conversation"] > *:not([data-dsh-atb-view]),
-		html[data-dsh-atb-active] [class*="centerCol"] > *:not([data-dsh-atb-view]) { display: none !important; }
+		html[data-dsh-atb-active] [class*="centerCol"] > *:not([data-dsh-atb-view]),
+		html[data-dsh-atb-active] .dshDesktopConversationSurface > *:not([data-dsh-atb-view]) { display: none !important; }
 		.dsh-atb-view { display: none; }
 		html[data-dsh-atb-active] .dsh-atb-view { display: flex; flex-direction: column; height: 100%; overflow: hidden; }
 
@@ -1656,14 +1700,19 @@ window.__ModuleLoader__.load({
 		//#region src/client/sidebar-entry.ts
 		/** Stable data attribute identifying this entry row. */
 		const ENTRY_SELECTOR = "[data-dsh-atb-entry]";
-		/** Inline icon (16px nav-icon look). */
-		const ICON = "<svg viewBox=\"0 0 16 16\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"2\" y=\"2.5\" width=\"12\" height=\"11\" rx=\"1.5\"/><path d=\"M2 6.5h12M6.5 6.5v7\"/></svg>";
+		/** Inline icon: a three-lane kanban board (16px nav-icon look). */
+		const ICON = "<svg viewBox=\"0 0 16 16\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"2\" y=\"2\" width=\"12\" height=\"12\" rx=\"2\"/><path d=\"M6 2v12M10 2v12\"/></svg>";
 		/**
 		* Find the sidebar shell root element, or undefined while not yet mounted.
-		* (Same as the working family plugins: sidebarCol pane → logoRow owner.)
+		* Triple-generation matching (0.5.2): the dev shell's data-pane pane, the
+		* official layout's CSS-Module sidebarCol, and DSH Desktop's non-compat
+		* (extended) frame — which disables the official ui-layout row and owns
+		* the columns itself (aside.dshDesktopSidebarSurface >
+		* div.dshDesktopUpstreamSidebar wrapping the unchanged official sidebar).
+		* logoRow-owner resolution is identical on all three generations.
 		*/
 		function sidebarRoot() {
-			const column = document.querySelector("[data-pane=\"sidebar\"], [class*=\"sidebarCol\"]");
+			const column = document.querySelector("[data-pane=\"sidebar\"], [class*=\"sidebarCol\"], .dshDesktopUpstreamSidebar, .dshDesktopSidebarSurface");
 			if (column === null) return void 0;
 			return column.querySelector("[class*=\"logoRow\"]")?.parentElement ?? column.firstElementChild;
 		}
@@ -1818,7 +1867,8 @@ window.__ModuleLoader__.load({
 				found: false,
 				placed: false
 			};
-			window.__atbDebug = debug;
+			const host = globalThis.location?.hostname;
+			if (host === "localhost" || host === "127.0.0.1") window.__atbDebug = debug;
 			let root;
 			let placed = false;
 			const tryPlace = () => {
@@ -1889,7 +1939,70 @@ window.__ModuleLoader__.load({
 		* @module dsh-taskboard/shared/version
 		*/
 		/** The package version (must equal package.json "version"). */
-		const PLUGIN_VERSION = "0.5.0";
+		const PLUGIN_VERSION = "0.5.2";
+
+		//#endregion
+		//#region src/client/board/labels.ts
+		/** Column headers on the five-column main board (+ secondary tab). */
+		const COLUMN_LABELS = {
+			backlog: "待规划",
+			todo: "待办",
+			in_progress: "进行中",
+			in_review: "待验收",
+			done: "已完成",
+			canceled: "已取消",
+			archived: "已归档"
+		};
+		/** Status pill text (detail pane) — historical wording kept verbatim:
+		*  terminal states read short here, the column headers carry the full forms. */
+		const STATUS_LABEL = {
+			backlog: "待规划",
+			todo: "待办",
+			in_progress: "进行中",
+			in_review: "待验收",
+			done: "完成",
+			canceled: "取消",
+			archived: "归档"
+		};
+		/** Move-button verbs (shorter than the pill text). */
+		const MOVE_LABEL = {
+			backlog: "待规划",
+			todo: "待办",
+			in_progress: "进行中",
+			in_review: "待验收",
+			done: "完成",
+			canceled: "取消",
+			archived: "归档"
+		};
+		/** Urgency chip labels. */
+		const URGENCY_LABEL = {
+			urgent: "紧急",
+			normal: "一般",
+			relaxed: "不急"
+		};
+		/** Execution outcome labels. */
+		const OUTCOME_LABEL = {
+			running: "执行中",
+			succeeded: "成功",
+			failed: "失败",
+			cancelled: "已取消"
+		};
+
+		//#endregion
+		//#region src/client/board/format.ts
+		/** Format an epoch ms as a short local stamp. */
+		function fmtTime(ms) {
+			if (ms === void 0) return "";
+			const d = new Date(ms);
+			const pad = (n) => String(n).padStart(2, "0");
+			return `${pad(d.getMonth() + 1)}-${pad(d.getDate())} ${pad(d.getHours())}:${pad(d.getMinutes())}`;
+		}
+		/** A claim idle for longer than this is highlighted as stale (ms). */
+		const STALE_CLAIM_MS = 30 * 6e4;
+		/** Whether the task's claim is stale (in_progress, held, idle too long). */
+		function isStaleClaim(task, now) {
+			return task.status === "in_progress" && task.claimedAt !== void 0 && now - task.claimedAt > 18e5;
+		}
 
 		//#endregion
 		//#region src/client/board/TaskCard.tsx
@@ -1906,17 +2019,6 @@ window.__ModuleLoader__.load({
 		*
 		* @module dsh-taskboard/client/board/TaskCard
 		*/
-		const URGENCY_LABEL$1 = {
-			urgent: "紧急",
-			normal: "一般",
-			relaxed: "不急"
-		};
-		const OUTCOME_LABEL$1 = {
-			running: "执行中",
-			succeeded: "成功",
-			failed: "失败",
-			cancelled: "已取消"
-		};
 		/** dataTransfer type carrying the dragged task id. */
 		const DRAG_TYPE = "application/x-dsh-atb-task";
 		/**
@@ -1952,7 +2054,7 @@ window.__ModuleLoader__.load({
 				onDragStart: (e) => {
 					if (running !== void 0) {
 						e.preventDefault();
-						const msg = `该任务正在由【${task.title}】会话执行，不能拖动`;
+						const msg = `该任务正由会话执行中（${task.title}），不能拖动`;
 						if (onAlert !== void 0) onAlert(msg);
 						else alert(msg);
 						return;
@@ -1982,7 +2084,7 @@ window.__ModuleLoader__.load({
 						children: [
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 								className: "dsh-atb-badge",
-								children: URGENCY_LABEL$1[task.urgency]
+								children: URGENCY_LABEL[task.urgency]
 							}),
 							task.blocked && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 								className: "dsh-atb-badge",
@@ -2022,7 +2124,7 @@ window.__ModuleLoader__.load({
 							last !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 								className: "dsh-atb-badge",
 								"data-kind": last.outcome === "running" ? "running" : last.outcome,
-								children: OUTCOME_LABEL$1[last.outcome] ?? last.outcome
+								children: OUTCOME_LABEL[last.outcome] ?? last.outcome
 							}),
 							task.comments.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: ["💬 ", task.comments.length] }),
 							task.trashedAt !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -2175,27 +2277,6 @@ window.__ModuleLoader__.load({
 				"archived"
 			].filter((to) => canTransition(task.status, to));
 		}
-		const MOVE_LABEL = {
-			backlog: "待规划",
-			todo: "待办",
-			in_progress: "进行中",
-			in_review: "待验收",
-			done: "完成",
-			canceled: "取消",
-			archived: "归档"
-		};
-		const STATUS_LABEL = { ...MOVE_LABEL };
-		const URGENCY_LABEL = {
-			urgent: "紧急",
-			normal: "一般",
-			relaxed: "不急"
-		};
-		const OUTCOME_LABEL = {
-			running: "执行中",
-			succeeded: "成功",
-			failed: "失败",
-			cancelled: "已取消"
-		};
 		/** Compact session-id display (execution sessions carry the taskboard infix). */
 		function shortId(id) {
 			if (id === void 0) return "";
@@ -2664,6 +2745,7 @@ window.__ModuleLoader__.load({
 			const [confirmDone, setConfirmDone] = (0, react.useState)(false);
 			const [confirmPurge, setConfirmPurge] = (0, react.useState)(false);
 			const [confirmCancel, setConfirmCancel] = (0, react.useState)(false);
+			const [actionBusy, setActionBusy] = (0, react.useState)(false);
 			const { alert: showAlert, el: alertEl } = useAlert();
 			const ws = controller.getSnapshot().workspaces.find((w) => w.id === task.workspaceId);
 			const canRun = task.status !== "in_progress" && task.status !== "done" && task.status !== "archived";
@@ -2671,6 +2753,12 @@ window.__ModuleLoader__.load({
 			const holder = task.status === "in_progress" ? task.claimedBy : void 0;
 			const stale = now !== void 0 && isStaleClaim(task, now);
 			const unchecked = (task.checklist ?? []).filter((i) => !i.checked).length;
+			/** Fire one top action under the shared busy guard; re-enable on settle. */
+			const runAction = (action) => {
+				if (actionBusy) return;
+				setActionBusy(true);
+				action().catch(() => void 0).finally(() => setActionBusy(false));
+			};
 			/** Jump to an execution's session; prompt precisely when it cannot open. */
 			const jumpToSession = (sessionId) => {
 				controller.openSession(sessionId).then((result) => {
@@ -2770,7 +2858,7 @@ window.__ModuleLoader__.load({
 										"更新 ",
 										fmtTime(task.updatedAt),
 										" · 最近操作 ",
-										task.updatedBy.kind === "agent" ? `🤖 ${shortId(task.updatedBy.sessionId)}` : "👤 用户"
+										task.updatedBy.kind === "agent" ? `🤖 ${shortId(task.updatedBy.sessionId)}` : task.updatedBy.kind === "system" ? "⚙️ 系统" : "👤 用户"
 									]
 								})
 							]
@@ -2787,32 +2875,34 @@ window.__ModuleLoader__.load({
 									type: "button",
 									className: "dsh-atb-detail-edit",
 									title: "复制此任务的全部配置为一张新卡（待办列）",
-									onClick: () => void controller.duplicate(task),
+									disabled: actionBusy,
+									onClick: () => runAction(() => controller.duplicate(task)),
 									children: "⧉ 复制"
 								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 									type: "button",
 									className: "dsh-atb-detail-edit",
 									title: "把此任务的配置（含清单）保存为模板，新建任务时可用",
-									onClick: () => {
-										controller.saveAsTemplate(task).then((ok) => {
-											if (ok) showAlert("已存为模板（新建任务 ▼ 下拉可用，可在模板管理中改名）");
-										});
-									},
+									disabled: actionBusy,
+									onClick: () => runAction(async () => {
+										if (await controller.saveAsTemplate(task)) showAlert("已存为模板（新建任务 ▼ 下拉可用，可在模板管理中改名）");
+									}),
 									children: "⌗ 存为模板"
 								}),
 								canRun && task.branch !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 									type: "button",
 									className: "dsh-atb-detail-run",
 									title: "续跑：保留现有 worktree 与分支（上次的改动和提交都在原处），在其上继续执行；默认「立即执行」会重置为全新基线",
-									onClick: () => void controller.run(task.id, true),
+									disabled: actionBusy,
+									onClick: () => runAction(() => controller.run(task.id, true)),
 									children: "↻ 续跑"
 								}),
 								canRun && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 									type: "button",
 									className: "dsh-atb-detail-run",
 									title: task.model !== void 0 ? `新会话执行（${task.model.model}）` : "新会话执行（默认模型）",
-									onClick: () => void controller.run(task.id),
+									disabled: actionBusy,
+									onClick: () => runAction(() => controller.run(task.id)),
 									children: "▶ 立即执行"
 								}),
 								runningExecution !== void 0 && (confirmCancel ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
@@ -2986,18 +3076,18 @@ window.__ModuleLoader__.load({
 									placeholder: "以用户身份留言（agent 开工前会读）…",
 									onChange: (e) => setComment(e.target.value),
 									onKeyDown: (e) => {
-										if ((e.ctrlKey || e.metaKey) && e.key === "Enter" && comment.trim().length > 0) {
-											controller.comment(task.id, comment);
-											setComment("");
-										}
+										if ((e.ctrlKey || e.metaKey) && e.key === "Enter" && comment.trim().length > 0) controller.comment(task.id, comment).then((ok) => {
+											if (ok) setComment("");
+										});
 									}
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 									type: "button",
 									className: "dsh-atb-composer-send",
 									disabled: comment.trim().length === 0,
 									onClick: () => {
-										controller.comment(task.id, comment);
-										setComment("");
+										controller.comment(task.id, comment).then((ok) => {
+											if (ok) setComment("");
+										});
 									},
 									children: "发表"
 								})]
@@ -3261,6 +3351,7 @@ window.__ModuleLoader__.load({
 				checked: false
 			})));
 			const titleRef = (0, react.useRef)(null);
+			const [busy, setBusy] = (0, react.useState)(false);
 			(0, react.useEffect)(() => {
 				titleRef.current?.focus();
 				const onKey = (e) => {
@@ -3280,10 +3371,11 @@ window.__ModuleLoader__.load({
 				face().then((roster) => {
 					setPresets(roster.presets);
 					setPresetDefault(roster.defaultId);
-					if (task?.presetId === void 0 && initialPreset === "" && roster.defaultId !== void 0) setPresetId(roster.defaultId);
+					if (!editing && initialPreset === "" && roster.defaultId !== void 0) setPresetId(roster.defaultId);
 				}).catch(() => setPresets([]));
 			}, [
 				controller,
+				editing,
 				task?.presetId,
 				initialPreset
 			]);
@@ -3311,12 +3403,13 @@ window.__ModuleLoader__.load({
 				text: r.text.trim()
 			})).filter((r) => r.text.length > 0);
 			const submit = () => {
-				if (!valid) return;
+				if (!valid || busy) return;
 				const picked = model !== "" ? JSON.parse(model) : void 0;
 				const isolationOut = isolationPayload();
 				const presetOut = presetPayload();
 				const rows = filledRows();
-				if (editing) controller.update(task.id, task.version, {
+				setBusy(true);
+				(editing ? controller.update(task.id, task.version, {
 					title,
 					description,
 					prompt,
@@ -3330,8 +3423,7 @@ window.__ModuleLoader__.load({
 					...isolationOut !== void 0 && !isolationLocked ? { isolation: isolationOut } : {},
 					presetId: presetOut ?? null,
 					checklist: rows.length > 0 ? rows : null
-				});
-				else controller.create({
+				}) : controller.create({
 					title,
 					workspaceId,
 					urgency,
@@ -3345,50 +3437,52 @@ window.__ModuleLoader__.load({
 					...isolationOut !== void 0 ? { isolation: isolationOut } : {},
 					...presetOut !== void 0 ? { presetId: presetOut } : {},
 					...rows.length > 0 ? { checklist: rows.map((r) => r.text) } : {}
-				});
+				})).catch(() => void 0).finally(() => setBusy(false));
 			};
 			/** Save the form, then immediately trigger a manual run of the task. */
 			const submitAndRun = () => {
-				if (!valid || runBlocked) return;
+				if (!valid || runBlocked || busy) return;
 				const picked = model !== "" ? JSON.parse(model) : void 0;
 				const isolationOut = isolationPayload();
 				const presetOut = presetPayload();
 				const rows = filledRows();
-				if (editing) (async () => {
-					if (await controller.update(task.id, task.version, {
-						title,
-						description,
-						prompt,
-						urgency,
-						workspaceId,
-						execution: mode === "scheduled" ? {
-							mode,
-							cron: cron.trim()
-						} : { mode },
-						model: picked ?? null,
-						...isolationOut !== void 0 && !isolationLocked ? { isolation: isolationOut } : {},
-						presetId: presetOut ?? null,
-						checklist: rows.length > 0 ? rows : null
-					})) await controller.run(task.id);
-				})();
-				else (async () => {
-					const id = await controller.create({
-						title,
-						workspaceId,
-						urgency,
-						description: description.length > 0 ? description : void 0,
-						prompt: prompt.length > 0 ? prompt : void 0,
-						execution: mode === "scheduled" ? {
-							mode,
-							cron: cron.trim()
-						} : { mode },
-						model: picked,
-						...isolationOut !== void 0 ? { isolation: isolationOut } : {},
-						...presetOut !== void 0 ? { presetId: presetOut } : {},
-						...rows.length > 0 ? { checklist: rows.map((r) => r.text) } : {}
-					});
-					if (id !== void 0) await controller.run(id);
-				})();
+				setBusy(true);
+				(async () => {
+					if (editing) {
+						if (await controller.update(task.id, task.version, {
+							title,
+							description,
+							prompt,
+							urgency,
+							workspaceId,
+							execution: mode === "scheduled" ? {
+								mode,
+								cron: cron.trim()
+							} : { mode },
+							model: picked ?? null,
+							...isolationOut !== void 0 && !isolationLocked ? { isolation: isolationOut } : {},
+							presetId: presetOut ?? null,
+							checklist: rows.length > 0 ? rows : null
+						})) await controller.run(task.id);
+					} else {
+						const id = await controller.create({
+							title,
+							workspaceId,
+							urgency,
+							description: description.length > 0 ? description : void 0,
+							prompt: prompt.length > 0 ? prompt : void 0,
+							execution: mode === "scheduled" ? {
+								mode,
+								cron: cron.trim()
+							} : { mode },
+							model: picked,
+							...isolationOut !== void 0 ? { isolation: isolationOut } : {},
+							...presetOut !== void 0 ? { presetId: presetOut } : {},
+							...rows.length > 0 ? { checklist: rows.map((r) => r.text) } : {}
+						});
+						if (id !== void 0) await controller.run(id);
+					}
+				})().catch(() => void 0).finally(() => setBusy(false));
 			};
 			const hint = !valid ? title.trim().length === 0 ? "请填写标题" : workspaceId === "" ? "请选择项目" : "Cron 表达式无效（分 时 日 月 周）" : mode === "scheduled" && nextRun !== null ? `下次运行 ${fmtTime(nextRun)}` : editing ? `保存后版本 v${task.version} → v${task.version + 1}` : "创建后项目内会话可认领执行";
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -3654,8 +3748,8 @@ window.__ModuleLoader__.load({
 									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 										type: "button",
 										className: "dsh-atb-btn",
-										disabled: !valid || runBlocked,
-										title: runBlocked ? "任务正在执行中，不能重复发起" : "保存后立即发起执行（新会话）",
+										disabled: !valid || runBlocked || busy,
+										title: runBlocked ? "任务正在执行中，不能重复发起" : busy ? "正在提交…" : "保存后立即发起执行（新会话）",
 										onClick: submitAndRun,
 										children: "⚡ 立即执行"
 									}),
@@ -3663,7 +3757,7 @@ window.__ModuleLoader__.load({
 										type: "button",
 										className: "dsh-atb-btn",
 										"data-primary": "true",
-										disabled: !valid,
+										disabled: !valid || busy,
 										onClick: submit,
 										children: editing ? "保存修改" : "创建任务"
 									})
@@ -4045,7 +4139,7 @@ window.__ModuleLoader__.load({
 									className: "dsh-atb-btn",
 									"data-primary": "true",
 									"data-danger": mode === "replace" && confirmReplace ? "true" : void 0,
-									disabled: plan === void 0 || busy || result !== void 0 && false,
+									disabled: plan === void 0 || busy,
 									onClick: commit,
 									children: mode === "replace" && confirmReplace ? "确认整册替换" : "执行导入"
 								})]
@@ -4235,35 +4329,6 @@ window.__ModuleLoader__.load({
 		*
 		* @module dsh-taskboard/client/board/TaskBoard
 		*/
-		/** Column labels. */
-		const COLUMN_LABELS = {
-			backlog: "待规划",
-			todo: "待办",
-			in_progress: "进行中",
-			in_review: "待验收",
-			done: "已完成",
-			canceled: "已取消",
-			archived: "已归档"
-		};
-		/** Urgency chip labels. */
-		const URGENCY_LABELS = {
-			urgent: "紧急",
-			normal: "一般",
-			relaxed: "不急"
-		};
-		/** Format an epoch ms as a short local stamp. */
-		function fmtTime(ms) {
-			if (ms === void 0) return "";
-			const d = new Date(ms);
-			const pad = (n) => String(n).padStart(2, "0");
-			return `${pad(d.getMonth() + 1)}-${pad(d.getDate())} ${pad(d.getHours())}:${pad(d.getMinutes())}`;
-		}
-		/** A claim idle for longer than this is highlighted as stale (ms). */
-		const STALE_CLAIM_MS = 30 * 6e4;
-		/** Whether the task's claim is stale (in_progress, held, idle too long). */
-		function isStaleClaim(task, now) {
-			return task.status === "in_progress" && task.claimedAt !== void 0 && now - task.claimedAt > 18e5;
-		}
 		/** Urgency sort rank (urgent first). */
 		const URGENCY_RANK = {
 			urgent: 0,
@@ -4344,7 +4409,7 @@ window.__ModuleLoader__.load({
 											},
 											children: "空白任务"
 										}),
-										state.templates.map((t) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+										state.templates.map((t) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 											type: "button",
 											className: "dsh-atb-newmenu-opt",
 											title: t.task.description !== void 0 && t.task.description.length > 0 ? t.task.description.slice(0, 120) : t.name,
@@ -4352,7 +4417,7 @@ window.__ModuleLoader__.load({
 												closeMenu();
 												controller.newFromTemplate(t.task);
 											},
-											children: [t.name, t.builtin === true ? "" : ""]
+											children: t.name
 										}, t.id)),
 										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "dsh-atb-newmenu-sep" }),
 										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
@@ -4424,7 +4489,7 @@ window.__ModuleLoader__.load({
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 									className: "dsh-atb-dot",
 									"data-urgency": u
-								}), URGENCY_LABELS[u]]
+								}), URGENCY_LABEL[u]]
 							}, u)),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 								type: "button",
@@ -4567,7 +4632,7 @@ window.__ModuleLoader__.load({
 							task: selected,
 							controller,
 							now
-						})
+						}, selected.id)
 					}),
 					state.composerOpen && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaskFormModal, {
 						controller,
@@ -4776,15 +4841,18 @@ window.__ModuleLoader__.load({
 		* conversation content while the board is active. Toggling rides a data
 		* attribute on <html> — no React involvement in the shell.
 		*
-		* Column matching is DUAL (0.4.2): the dev shell marks the column with
-		* `data-pane="conversation"`; the DSH Desktop shell (dsh-client-ui-layout)
-		* dropped data-pane entirely and uses CSS-Module hashed class names
-		* (`pI_x6G_centerCol`) — the class-substring fallback keeps both mounting,
-		* exactly like sidebar-entry's `[class*="sidebarCol"]` fallback.
+		* Column matching is TRIPLE-generation: the dev shell marks the column
+		* with `data-pane="conversation"`; the official layout shell
+		* (dsh-client-ui-layout) dropped data-pane and uses CSS-Module hashed
+		* class names (`pI_x6G_centerCol`) — and DSH Desktop's non-compat
+		* (extended) mode disables the official layout row entirely, owning the
+		* columns itself (`main.dshDesktopConversationSurface`, 0.5.2) — the
+		* fallbacks keep all three mounting, exactly like sidebar-entry's column
+		* selector.
 		*
 		* @module dsh-taskboard/client/board-mount
 		*/
-		const CONVERSATION_COLUMN_SELECTOR = "[data-pane=\"conversation\"], [class*=\"centerCol\"]";
+		const CONVERSATION_COLUMN_SELECTOR = "[data-pane=\"conversation\"], [class*=\"centerCol\"], .dshDesktopConversationSurface";
 		const ACTIVE_ATTR = "data-dsh-atb-active";
 		/** Sibling panels' activation attributes, evicted when this board opens. */
 		const OTHER_ACTIVE_ATTRS = ["data-dsh-taskboard-active", "data-dsh-ssh-active"];
@@ -4917,7 +4985,7 @@ window.__ModuleLoader__.load({
 				const controller = new BoardController(createClient());
 				const connection = ctx.get?.("connection");
 				if (connection !== void 0) {
-					controller.modelCatalog = async () => {
+					controller.installModelCatalog(async () => {
 						const response = await connection.api.llm.models({});
 						if (!response.result.ok) return [];
 						const out = [];
@@ -4927,8 +4995,8 @@ window.__ModuleLoader__.load({
 							name: model.name
 						});
 						return out;
-					};
-					controller.presetCatalog = async () => {
+					});
+					controller.installPresetRoster(async () => {
 						const list = connection.api.agentPresets;
 						if (list === void 0) return { presets: [] };
 						const response = await list.list({});
@@ -4942,7 +5010,7 @@ window.__ModuleLoader__.load({
 							presets,
 							...def !== void 0 ? { defaultId: def.id } : {}
 						};
-					};
+					});
 				}
 				controller.installSessionJumper(createSessionJumper({
 					getSessions: () => ctx.get?.("sessions"),