@linxin666/dsh-client-ui-task-board 0.3.3 → 0.3.5

package/lib/client.js

@@ -58,6 +58,10 @@ window.__ModuleLoader__.load({
 		function isTaskStatus(value) {
 			return typeof value === "string" && ALL_STATUSES.includes(value);
 		}
+		/** Whether a manual move target is allowed from the given status. */
+		function canMoveManually(from, to) {
+			return from !== "running" && MANUAL_STATUSES.includes(to);
+		}
 		/** Normalize one optional execution-target string: trim; blank collapses to undefined. */
 		function normalizeTargetId(value) {
 			const trimmed = value?.trim();
@@ -451,10 +455,30 @@ window.__ModuleLoader__.load({
 		* fresh updatedAt. Pure ledger transition (no persistence or notify — the
 		* controller orchestrates those).
 		*
-		* An explicit `undefined` in the patch clears the field (the task falls
-		* back to the runtime default); an unknown permission string is ignored so
-		* stale UI can never persist a value the execution service rejects.
+		* An explicit `undefined` in the patch clears an execution-target field
+		* (the task falls back to the runtime default); content fields are trimmed
+		* and never cleared. An unknown permission string is ignored so stale UI
+		* can never persist a value the execution service rejects.
+		*/
+		/**
+		* The fields that edit the task's content (what the user reads and what the
+		* next execution sends). Unlike the execution targets they stay editable only
+		* while the task has never started executing — after the first run the
+		* recorded prompt is the record of what actually ran, so it becomes read-only.
 		*/
+		const TASK_CONTENT_FIELDS = [
+			"title",
+			"description",
+			"prompt"
+		];
+		/**
+		* Whether a task's content may still be edited: the task must be on-board
+		* (not archived) and must never have started executing. Fail-closed: a
+		* running, settled, or cancelled-before-launch task keeps its content fixed.
+		*/
+		function canEditTaskContent(task) {
+			return task.archivedAt === void 0 && task.status !== "running" && task.executions.length === 0;
+		}
 		/** Keep an unknown permission string from entering the ledger. */
 		function normalizePermission(current, value) {
 			if (value === void 0) return void 0;
@@ -479,6 +503,11 @@ window.__ModuleLoader__.load({
 					...patch,
 					updatedAt: now
 				};
+				for (const field of TASK_CONTENT_FIELDS) {
+					if (!(field in patch)) continue;
+					const value = patch[field];
+					next[field] = value === void 0 ? task[field] : value.trim();
+				}
 				if (workspaceId !== void 0 || "workspaceId" in patch) next.workspaceId = workspaceId;
 				if (mode !== void 0 || "mode" in patch) next.mode = mode;
 				if (permission !== void 0 || "permission" in patch) next.permission = permission;
@@ -502,10 +531,6 @@ window.__ModuleLoader__.load({
 			const hex = Array.from(bytes, (byte) => byte.toString(16).padStart(2, "0")).join("");
 			return `${hex.slice(0, 8)}-${hex.slice(8, 12)}-${hex.slice(12, 16)}-${hex.slice(16, 20)}-${hex.slice(20)}`;
 		}
-		/** Read the current selection off a session-list snapshot (structural). */
-		function currentOf(sessions) {
-			return sessions.list.getSnapshot().current;
-		}
 		function messageOf(error) {
 			return error instanceof Error ? error.message : String(error);
 		}
@@ -586,7 +611,6 @@ window.__ModuleLoader__.load({
 			}
 			openBoard() {
 				if (this.boardOpen) return;
-				this.lastCurrent = currentOf(this.deps.sessions);
 				this.boardOpen = true;
 				this.notify();
 			}
@@ -641,17 +665,23 @@ window.__ModuleLoader__.load({
 					input
 				}, id) ? this.tasks.find((task) => task.id === id) : void 0;
 			}
-			updateTask(id, patch) {
-				if (this.deps.transport !== void 0) {
-					this.commitRemote({
-						kind: "update",
-						taskId: id,
-						patch
-					}, id);
-					return;
-				}
+			/**
+			* Apply an editable-field patch (task content + execution targets).
+			* Host-backed: the Host ledger owns the fail-closed checks (the content of
+			* an executed task is read-only) and confirms the mutation, so the resolved
+			* value reflects whether the Host accepted it; the legacy in-memory path
+			* applies and persists synchronously.
+			* @returns true when the patch was accepted by the authority.
+			*/
+			async updateTask(id, patch) {
+				if (this.deps.transport !== void 0) return await this.commitRemote({
+					kind: "update",
+					taskId: id,
+					patch
+				}, id);
 				this.tasks = [...applyUpdateTask(this.tasks, id, patch, this.now())];
 				this.persistAndNotify();
+				return true;
 			}
 			/**
 			* Replace (a part of) the picker option sets the UI feeds (workspace list
@@ -800,14 +830,17 @@ window.__ModuleLoader__.load({
 					taskId: id
 				}, id);
 			}
-			/** Close the board when the user navigates to another session. */
-			onSessionsChanged() {
-				if (!this.boardOpen) return;
-				const current = currentOf(this.deps.sessions);
-				if (current !== this.lastCurrent) this.closeBoard();
-				this.lastCurrent = current;
-			}
-			lastCurrent = void 0;
+			/**
+			* Session-list notifications fire for all kinds of incidental churn
+			* (background navigation, the Host runner creating and selecting a fresh
+			* execution session, settlement, other plugins), so closing on `current`
+			* changes would evict the board without the user asking. The board closes
+			* only on explicit user navigation: a sidebar session/workspace row click
+			* (board-mount onClickSidebarRow) or the board's own actions
+			* (openSession / close). Keeping the hook preserves the subscription
+			* contract for future listeners.
+			*/
+			onSessionsChanged() {}
 			persistAndNotify() {
 				if (this.deps.transport === void 0) this.deps.store.save(this.tasks);
 				this.notify();
@@ -1143,7 +1176,10 @@ window.__ModuleLoader__.load({
 			"new.cancel": "取消",
 			"new.required": "标题不能为空",
 			"detail.title": "任务详情",
+			"detail.edit": "编辑",
 			"detail.close": "关闭",
+			"edit.title": "编辑任务",
+			"edit.save": "保存",
 			"detail.prompt": "执行 Prompt",
 			"detail.description": "描述",
 			"detail.execution": "执行记录",
@@ -1264,7 +1300,10 @@ window.__ModuleLoader__.load({
 			"new.cancel": "Cancel",
 			"new.required": "Title is required",
 			"detail.title": "Task Detail",
+			"detail.edit": "Edit",
 			"detail.close": "Close",
+			"edit.title": "Edit Task",
+			"edit.save": "Save",
 			"detail.prompt": "Run Prompt",
 			"detail.description": "Description",
 			"detail.execution": "Execution History",
@@ -1762,17 +1801,22 @@ window.__ModuleLoader__.load({
 			if (timeZone !== void 0) return formatHostTimestamp(ms, timeZone);
 			return `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, "0")}-${String(date.getDate()).padStart(2, "0")}`;
 		}
-		/** One card in a column. */
 		function TaskCardInner({ task, pending, timeZone, onClick }) {
 			const latest = task.executions[task.executions.length - 1];
 			const runs = task.executions.length;
 			const archived = task.archivedAt !== void 0;
+			const isDraggable = !archived && task.status !== "running" && !pending;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 				type: "button",
 				className: board_module_css_default.card,
 				"data-status": archived ? "archived" : task.status,
 				"data-dsh-part": "card",
 				"data-pending": pending || void 0,
+				draggable: isDraggable,
+				onDragStart: isDraggable ? (event) => {
+					event.dataTransfer.setData("text/plain", task.id);
+					event.dataTransfer.effectAllowed = "move";
+				} : void 0,
 				onClick,
 				title: task.description !== "" ? task.description : task.title,
 				children: [
@@ -1877,6 +1921,125 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
+		//#region src/client/board/EditTaskModal.tsx
+		/**
+		* Edit-task modal: title + description + the prompt the next execution will
+		* send, pre-filled from the task. Shown only for tasks that have never
+		* started executing (the detail view gates on canEditTaskContent); the Host
+		* still re-checks at submit, so a task that started running while the modal
+		* was open fails closed and the error surfaces here.
+		*/
+		/** Edit-task form overlay. */
+		function EditTaskModal({ controller, task, onClose }) {
+			const [title, setTitle] = (0, react.useState)(task.title);
+			const [description, setDescription] = (0, react.useState)(task.description);
+			const [prompt, setPrompt] = (0, react.useState)(task.prompt);
+			const [error, setError] = (0, react.useState)(void 0);
+			const [pending, setPending] = (0, react.useState)(false);
+			const submit = async () => {
+				if (title.trim() === "") {
+					setError(t("new.required"));
+					return;
+				}
+				setPending(true);
+				if (await controller.updateTask(task.id, {
+					title,
+					description,
+					prompt
+				})) {
+					onClose();
+					return;
+				}
+				setPending(false);
+				setError(controller.getSnapshot().transportError ?? t("new.required"));
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: board_module_css_default.modalBackdrop,
+				onMouseDown: (event) => {
+					if (event.target === event.currentTarget) onClose();
+				},
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
+					className: board_module_css_default.modal,
+					role: "dialog",
+					"aria-label": t("edit.title"),
+					onSubmit: (event) => {
+						event.preventDefault();
+						submit();
+					},
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+							className: board_module_css_default.modalTitle,
+							children: t("edit.title")
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+							className: board_module_css_default.field,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: board_module_css_default.fieldLabel,
+								children: t("new.title")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								className: board_module_css_default.input,
+								value: title,
+								autoFocus: true,
+								placeholder: t("new.titlePlaceholder"),
+								onChange: (event) => {
+									setTitle(event.target.value);
+									setError(void 0);
+								}
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+							className: board_module_css_default.field,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: board_module_css_default.fieldLabel,
+								children: t("new.description")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+								className: board_module_css_default.input,
+								rows: 3,
+								value: description,
+								placeholder: t("new.descriptionPlaceholder"),
+								onChange: (event) => {
+									setDescription(event.target.value);
+								}
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+							className: board_module_css_default.field,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: board_module_css_default.fieldLabel,
+								children: t("new.prompt")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+								className: board_module_css_default.input,
+								rows: 4,
+								value: prompt,
+								placeholder: t("new.promptPlaceholder"),
+								onChange: (event) => {
+									setPrompt(event.target.value);
+								}
+							})]
+						}),
+						error !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: board_module_css_default.formError,
+							children: error
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("footer", {
+							className: board_module_css_default.modalFooter,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: board_module_css_default.ghostButton,
+								onClick: onClose,
+								children: t("new.cancel")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "submit",
+								className: board_module_css_default.primaryButton,
+								disabled: pending,
+								children: t("edit.save")
+							})]
+						})
+					]
+				})
+			});
+		}
+		//#endregion
 		//#region src/client/board/TaskDetail.tsx
 		/**
 		* Task detail: the full view of one task — content, prompt, execution
@@ -2156,10 +2319,14 @@ window.__ModuleLoader__.load({
 		/** Task detail overlay. */
 		function TaskDetail({ controller, task }) {
 			const [confirmDelete, setConfirmDelete] = (0, react.useState)(false);
+			const [showEdit, setShowEdit] = (0, react.useState)(false);
 			const [latest, setLatest] = (0, react.useState)(task);
 			(0, react.useEffect)(() => {
 				setLatest(task);
 			}, [task]);
+			(0, react.useEffect)(() => {
+				setShowEdit(false);
+			}, [task.id]);
 			const current = latest;
 			const snapshot = controller.getSnapshot();
 			const running = current.status === "running";
@@ -2172,177 +2339,196 @@ window.__ModuleLoader__.load({
 				onMouseDown: (event) => {
 					if (event.target === event.currentTarget) controller.closeTask();
 				},
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: board_module_css_default.detail,
-					role: "dialog",
-					"aria-label": t("detail.title"),
-					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
-							className: board_module_css_default.detailHeader,
-							children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
-									className: board_module_css_default.detailTitle,
-									children: current.title
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: board_module_css_default.statusBadge,
-									"data-status": archived ? "archived" : current.status,
-									children: archived ? t("board.archive") : t(STATUS_KEY[current.status])
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-									type: "button",
-									className: board_module_css_default.iconButton,
-									"aria-label": t("detail.close"),
-									onClick: () => {
-										controller.closeTask();
-									},
-									children: "×"
-								})
-							]
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: board_module_css_default.detailBody,
-							children: [
-								transportError !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: board_module_css_default.formError,
-									children: [
-										t("board.hostError", { error: transportError }),
-										" ",
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-											type: "button",
-											className: board_module_css_default.linkButton,
-											onClick: () => {
-												controller.retryHostSync();
-											},
-											children: t("board.retryHost")
-										})
-									]
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-									className: board_module_css_default.detailSection,
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h4", { children: t("detail.description") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-										className: board_module_css_default.detailText,
-										children: current.description !== "" ? current.description : "—"
-									})]
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-									className: board_module_css_default.detailSection,
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h4", { children: t("detail.prompt") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", {
-										className: board_module_css_default.promptBlock,
-										children: current.prompt !== "" ? current.prompt : current.title
-									})]
-								}),
-								!archived && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ExecutionSettingsSection, {
-									controller,
-									task: current,
-									pending
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScheduleSection, {
-									controller,
-									task: current,
-									pending
-								})] }),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-									className: board_module_css_default.detailSection,
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h4", { children: t("detail.execution") }), current.executions.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-										className: board_module_css_default.detailText,
-										children: t("detail.noExecution")
-									}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
-										className: board_module_css_default.executionList,
-										children: [...current.executions].reverse().map((execution) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ExecutionRow, {
-											execution,
-											timeZone,
-											onOpen: (sessionId) => {
-												controller.openSession(sessionId);
-											}
-										}, execution.id))
-									})]
-								}),
-								!archived && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-									className: board_module_css_default.detailSection,
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h4", { children: t("board.status") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-										className: board_module_css_default.moveRow,
-										children: MANUAL_STATUSES.map((status) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-											type: "button",
-											className: board_module_css_default.ghostButton,
-											disabled: current.status === status || running || pending,
-											onClick: () => {
-												controller.moveTask(current.id, status);
-											},
-											children: t(`status.move.${status}`)
-										}, status))
-									})]
-								})
-							]
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("footer", {
-							className: board_module_css_default.detailFooter,
-							children: [
-								!archived && pending && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-									className: board_module_css_default.detailMeta,
-									children: [t("board.pending"), "…"]
-								}),
-								!archived && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-									type: "button",
-									className: board_module_css_default.primaryButton,
-									disabled: running || pending,
-									onClick: () => {
-										controller.rerunTask(current.id).then(() => {
-											if (controller.getSnapshot().transportError === void 0) controller.closeTask();
-										});
-									},
-									children: current.executions.length === 0 ? t("detail.run") : t("detail.rerun")
-								}),
-								archived ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-									type: "button",
-									className: board_module_css_default.primaryButton,
-									disabled: pending,
-									onClick: () => {
-										controller.restoreTask(current.id);
-									},
-									children: t("detail.restore")
-								}) : (current.status === "done" || current.status === "failed") && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-									type: "button",
-									className: board_module_css_default.ghostButton,
-									disabled: pending,
-									onClick: () => {
-										controller.archiveTask(current.id);
-									},
-									children: t("detail.archive")
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-									type: "button",
-									className: board_module_css_default.dangerButton,
-									disabled: pending,
-									onClick: () => {
-										setConfirmDelete(true);
-									},
-									children: t("detail.delete")
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-									className: board_module_css_default.detailMeta,
-									children: [
-										t("board.created"),
-										" ",
-										formatTime(current.createdAt, timeZone),
-										archived && ` · ${t("detail.archivedAt", { time: formatTime(current.archivedAt, timeZone) })}`
-									]
-								})
-							]
-						})
-					]
-				}), confirmDelete && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConfirmDialog, {
-					title: t("delete.title"),
-					message: t("delete.confirm", { name: current.title }),
-					confirmLabel: t("delete.ok"),
-					danger: true,
-					onCancel: () => {
-						setConfirmDelete(false);
-					},
-					onConfirm: () => {
-						setConfirmDelete(false);
-						controller.deleteTask(current.id);
-					}
-				})]
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: board_module_css_default.detail,
+						role: "dialog",
+						"aria-label": t("detail.title"),
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
+								className: board_module_css_default.detailHeader,
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+										className: board_module_css_default.detailTitle,
+										children: current.title
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: board_module_css_default.statusBadge,
+										"data-status": archived ? "archived" : current.status,
+										children: archived ? t("board.archive") : t(STATUS_KEY[current.status])
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: board_module_css_default.iconButton,
+										"aria-label": t("detail.close"),
+										onClick: () => {
+											controller.closeTask();
+										},
+										children: "×"
+									})
+								]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: board_module_css_default.detailBody,
+								children: [
+									transportError !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: board_module_css_default.formError,
+										children: [
+											t("board.hostError", { error: transportError }),
+											" ",
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												type: "button",
+												className: board_module_css_default.linkButton,
+												onClick: () => {
+													controller.retryHostSync();
+												},
+												children: t("board.retryHost")
+											})
+										]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+										className: board_module_css_default.detailSection,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h4", { children: t("detail.description") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+											className: board_module_css_default.detailText,
+											children: current.description !== "" ? current.description : "—"
+										})]
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+										className: board_module_css_default.detailSection,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h4", { children: t("detail.prompt") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", {
+											className: board_module_css_default.promptBlock,
+											children: current.prompt !== "" ? current.prompt : current.title
+										})]
+									}),
+									!archived && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ExecutionSettingsSection, {
+										controller,
+										task: current,
+										pending
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScheduleSection, {
+										controller,
+										task: current,
+										pending
+									})] }),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+										className: board_module_css_default.detailSection,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h4", { children: t("detail.execution") }), current.executions.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+											className: board_module_css_default.detailText,
+											children: t("detail.noExecution")
+										}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+											className: board_module_css_default.executionList,
+											children: [...current.executions].reverse().map((execution) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ExecutionRow, {
+												execution,
+												timeZone,
+												onOpen: (sessionId) => {
+													controller.openSession(sessionId);
+												}
+											}, execution.id))
+										})]
+									}),
+									!archived && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+										className: board_module_css_default.detailSection,
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h4", { children: t("board.status") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+											className: board_module_css_default.moveRow,
+											children: MANUAL_STATUSES.map((status) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												type: "button",
+												className: board_module_css_default.ghostButton,
+												disabled: current.status === status || running || pending,
+												onClick: () => {
+													controller.moveTask(current.id, status);
+												},
+												children: t(`status.move.${status}`)
+											}, status))
+										})]
+									})
+								]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("footer", {
+								className: board_module_css_default.detailFooter,
+								children: [
+									!archived && pending && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										className: board_module_css_default.detailMeta,
+										children: [t("board.pending"), "…"]
+									}),
+									!archived && canEditTaskContent(current) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: board_module_css_default.ghostButton,
+										disabled: pending,
+										onClick: () => {
+											setShowEdit(true);
+										},
+										children: t("detail.edit")
+									}),
+									!archived && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: board_module_css_default.primaryButton,
+										disabled: running || pending,
+										onClick: () => {
+											controller.rerunTask(current.id).then(() => {
+												if (controller.getSnapshot().transportError === void 0) controller.closeTask();
+											});
+										},
+										children: current.executions.length === 0 ? t("detail.run") : t("detail.rerun")
+									}),
+									archived ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: board_module_css_default.primaryButton,
+										disabled: pending,
+										onClick: () => {
+											controller.restoreTask(current.id);
+										},
+										children: t("detail.restore")
+									}) : (current.status === "done" || current.status === "failed") && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: board_module_css_default.ghostButton,
+										disabled: pending,
+										onClick: () => {
+											controller.archiveTask(current.id);
+										},
+										children: t("detail.archive")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: board_module_css_default.dangerButton,
+										disabled: pending,
+										onClick: () => {
+											setConfirmDelete(true);
+										},
+										children: t("detail.delete")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+										className: board_module_css_default.detailMeta,
+										children: [
+											t("board.created"),
+											" ",
+											formatTime(current.createdAt, timeZone),
+											archived && ` · ${t("detail.archivedAt", { time: formatTime(current.archivedAt, timeZone) })}`
+										]
+									})
+								]
+							})
+						]
+					}),
+					confirmDelete && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConfirmDialog, {
+						title: t("delete.title"),
+						message: t("delete.confirm", { name: current.title }),
+						confirmLabel: t("delete.ok"),
+						danger: true,
+						onCancel: () => {
+							setConfirmDelete(false);
+						},
+						onConfirm: () => {
+							setConfirmDelete(false);
+							controller.deleteTask(current.id);
+						}
+					}),
+					showEdit && !archived && canEditTaskContent(current) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EditTaskModal, {
+						controller,
+						task: current,
+						onClose: () => {
+							setShowEdit(false);
+						}
+					})
+				]
 			});
 		}
 		//#endregion
@@ -2490,10 +2676,22 @@ window.__ModuleLoader__.load({
 							})]
 						}) : COLUMNS.map((column) => {
 							const tasks = visible.filter((task) => task.status === column.status);
+							const isManualDropTarget = column.status === "backlog" || column.status === "todo";
 							return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 								className: board_module_css_default.column,
 								"data-status": column.status,
 								"data-dsh-part": "column",
+								onDragOver: isManualDropTarget ? (event) => {
+									event.preventDefault();
+									event.dataTransfer.dropEffect = "move";
+								} : void 0,
+								onDrop: isManualDropTarget ? (event) => {
+									event.preventDefault();
+									const taskId = event.dataTransfer.getData("text/plain");
+									if (!taskId) return;
+									const dropped = snapshot.tasks.find((t) => t.id === taskId);
+									if (dropped && canMoveManually(dropped.status, column.status) && dropped.status !== column.status) controller.moveTask(taskId, column.status);
+								} : void 0,
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
 									className: board_module_css_default.columnHeader,
 									children: [
@@ -2767,7 +2965,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-css:packages/dsh-task-board/src/client/settings-card.module.css.mjs
-		const css = ".Jh0q7G_card{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:12px;list-style:none;transition:border-color .16s,background .16s}.Jh0q7G_card:hover{border-color:var(--dsw-alias-label-dimmed)}.Jh0q7G_cardOpen{background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-label-dimmed)}.Jh0q7G_header{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}.Jh0q7G_header:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}.Jh0q7G_headerStatic{border-radius:12px;align-items:center;gap:12px;width:100%;padding:14px 16px;display:flex}.Jh0q7G_headText{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.Jh0q7G_name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}.Jh0q7G_description{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}.Jh0q7G_pending{white-space:nowrap;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);border-radius:999px;flex:none;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px}.Jh0q7G_chevron{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}.Jh0q7G_chevronOpen{transform:rotate(180deg)}.Jh0q7G_body{border-top:1px solid var(--dsw-alias-border-l2);margin:0 16px;padding-bottom:8px}.Jh0q7G_readOnly{color:var(--dsw-alias-label-tertiary);margin:12px 0 0;font-size:12px;line-height:1.5}.Jh0q7G_notExposed{color:var(--dsw-alias-state-warn-primary);margin:12px 0 0;font-size:12px;line-height:1.5}.Jh0q7G_footer{border-top:1px solid var(--dsw-alias-border-l2);justify-content:flex-end;align-items:center;gap:8px;padding:12px 0 4px;display:flex}.Jh0q7G_failed{min-width:0;color:var(--dsw-alias-label-error);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:12px;line-height:1.5;overflow:hidden}.Jh0q7G_discard,.Jh0q7G_save{appearance:none;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:5px 14px;font-size:13px;line-height:1.5}.Jh0q7G_discard{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:0 0}.Jh0q7G_discard:hover:not(:disabled){color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed)}.Jh0q7G_save{background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3)}.Jh0q7G_discard:disabled,.Jh0q7G_save:disabled{opacity:.4;cursor:default}.Jh0q7G_discard:focus-visible,.Jh0q7G_save:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}.Jh0q7G_field{flex-direction:column;gap:6px;padding:12px 0;display:flex}.Jh0q7G_field+.Jh0q7G_field{border-top:1px solid var(--dsw-alias-border-l2)}.Jh0q7G_head{align-items:center;gap:8px;display:flex}.Jh0q7G_label{min-width:0;color:var(--dsw-alias-label-primary);flex:1;font-size:13px;font-weight:500;line-height:1.5}.Jh0q7G_badges{align-items:center;gap:8px;display:inline-flex}.Jh0q7G_badge{white-space:nowrap;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px}.Jh0q7G_reset{font:inherit;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;line-height:1.5}.Jh0q7G_reset:hover:not(:disabled){color:var(--dsw-alias-label-primary)}.Jh0q7G_reset:disabled{cursor:default}.Jh0q7G_reset:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px;outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px}.Jh0q7G_input,.Jh0q7G_select{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);height:34px;font:inherit;color:var(--dsw-alias-label-primary);border-radius:8px;padding:0 12px;font-size:13px;line-height:1.5}.Jh0q7G_input:focus-visible,.Jh0q7G_select:focus-visible{border-color:var(--dsw-alias-brand-primary);outline:none}.Jh0q7G_input:disabled,.Jh0q7G_select:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}.Jh0q7G_inputInvalid{border:1px solid var(--dsw-alias-label-error);background:var(--dsw-alias-bg-layer-3);height:34px;font:inherit;color:var(--dsw-alias-label-primary);border-radius:8px;padding:0 12px;font-size:13px;line-height:1.5}.Jh0q7G_inputInvalid:focus-visible{outline:2px solid var(--dsw-alias-label-error);outline-offset:1px;border-color:var(--dsw-alias-label-error)}.Jh0q7G_selectWrap{position:relative}.Jh0q7G_selectButton{appearance:none;text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.Jh0q7G_selectLabel{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.Jh0q7G_selectChevron{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}.Jh0q7G_selectChevronOpen{transform:rotate(180deg)}.Jh0q7G_selectPopup{z-index:40;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);max-height:240px;box-shadow:0 8px 24px var(--dsw-alias-bg-mask-2);opacity:0;border-radius:8px;flex-direction:column;padding:4px;transition:opacity .1s,transform .1s;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;transform:translateY(-4px)}.Jh0q7G_selectPopupOpen{opacity:1;transform:none}.Jh0q7G_selectPopupClose{opacity:0;pointer-events:none;transform:translateY(-4px)}.Jh0q7G_selectOption{color:var(--dsw-alias-label-primary);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:6px;flex-shrink:0;padding:6px 10px;font-size:13px;line-height:1.5;overflow:hidden}.Jh0q7G_selectOption:hover,.Jh0q7G_selectOptionActive{background:var(--dsw-alias-interactive-bg-hover)}.Jh0q7G_selectOptionSelected{color:var(--dsw-alias-brand-primary);background:color-mix(in srgb, var(--dsw-alias-brand-primary-new-colorprimary-new-color) 10%, transparent);font-weight:500}.Jh0q7G_invalid{color:var(--dsw-alias-label-error);margin:0;font-size:12px;line-height:1.5}.Jh0q7G_hint{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:1.5}@media (prefers-reduced-motion:reduce){.Jh0q7G_card,.Jh0q7G_header,.Jh0q7G_chevron,.Jh0q7G_chevronOpen,.Jh0q7G_discard,.Jh0q7G_save,.Jh0q7G_selectChevron,.Jh0q7G_selectChevronOpen,.Jh0q7G_selectPopup{transition:none}}";
+		const css = ".Jh0q7G_card{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:12px;list-style:none;transition:border-color .16s,background .16s}.Jh0q7G_card:hover{border-color:var(--dsw-alias-label-dimmed)}.Jh0q7G_cardOpen{background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-label-dimmed)}.Jh0q7G_header{appearance:none;box-sizing:border-box;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}.Jh0q7G_header:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}.Jh0q7G_headerStatic{box-sizing:border-box;border-radius:12px;align-items:center;gap:12px;width:100%;padding:14px 16px;display:flex}.Jh0q7G_headText{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.Jh0q7G_name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}.Jh0q7G_description{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}.Jh0q7G_pending{white-space:nowrap;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);border-radius:999px;flex:none;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px}.Jh0q7G_chevron{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}.Jh0q7G_chevronOpen{transform:rotate(180deg)}.Jh0q7G_body{border-top:1px solid var(--dsw-alias-border-l2);margin:0 16px;padding-bottom:8px}.Jh0q7G_readOnly{color:var(--dsw-alias-label-tertiary);margin:12px 0 0;font-size:12px;line-height:1.5}.Jh0q7G_notExposed{color:var(--dsw-alias-state-warn-primary);margin:12px 0 0;font-size:12px;line-height:1.5}.Jh0q7G_footer{border-top:1px solid var(--dsw-alias-border-l2);justify-content:flex-end;align-items:center;gap:8px;padding:12px 0 4px;display:flex}.Jh0q7G_failed{min-width:0;color:var(--dsw-alias-label-error);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:12px;line-height:1.5;overflow:hidden}.Jh0q7G_discard,.Jh0q7G_save{appearance:none;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:5px 14px;font-size:13px;line-height:1.5}.Jh0q7G_discard{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:0 0}.Jh0q7G_discard:hover:not(:disabled){color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed)}.Jh0q7G_save{background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3)}.Jh0q7G_discard:disabled,.Jh0q7G_save:disabled{opacity:.4;cursor:default}.Jh0q7G_discard:focus-visible,.Jh0q7G_save:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}.Jh0q7G_field{flex-direction:column;gap:6px;padding:12px 0;display:flex}.Jh0q7G_field+.Jh0q7G_field{border-top:1px solid var(--dsw-alias-border-l2)}.Jh0q7G_head{align-items:center;gap:8px;display:flex}.Jh0q7G_label{min-width:0;color:var(--dsw-alias-label-primary);flex:1;font-size:13px;font-weight:500;line-height:1.5}.Jh0q7G_badges{align-items:center;gap:8px;display:inline-flex}.Jh0q7G_badge{white-space:nowrap;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px}.Jh0q7G_reset{font:inherit;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;line-height:1.5}.Jh0q7G_reset:hover:not(:disabled){color:var(--dsw-alias-label-primary)}.Jh0q7G_reset:disabled{cursor:default}.Jh0q7G_reset:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px;outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px}.Jh0q7G_input,.Jh0q7G_select{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);height:34px;font:inherit;color:var(--dsw-alias-label-primary);border-radius:8px;padding:0 12px;font-size:13px;line-height:1.5}.Jh0q7G_input:focus-visible,.Jh0q7G_select:focus-visible{border-color:var(--dsw-alias-brand-primary);outline:none}.Jh0q7G_input:disabled,.Jh0q7G_select:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}.Jh0q7G_inputInvalid{border:1px solid var(--dsw-alias-label-error);background:var(--dsw-alias-bg-layer-3);height:34px;font:inherit;color:var(--dsw-alias-label-primary);border-radius:8px;padding:0 12px;font-size:13px;line-height:1.5}.Jh0q7G_inputInvalid:focus-visible{outline:2px solid var(--dsw-alias-label-error);outline-offset:1px;border-color:var(--dsw-alias-label-error)}.Jh0q7G_selectWrap{position:relative}.Jh0q7G_selectButton{appearance:none;text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.Jh0q7G_selectLabel{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.Jh0q7G_selectChevron{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}.Jh0q7G_selectChevronOpen{transform:rotate(180deg)}.Jh0q7G_selectPopup{z-index:40;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);max-height:240px;box-shadow:0 8px 24px var(--dsw-alias-bg-mask-2);opacity:0;border-radius:8px;flex-direction:column;padding:4px;transition:opacity .1s,transform .1s;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;transform:translateY(-4px)}.Jh0q7G_selectPopupOpen{opacity:1;transform:none}.Jh0q7G_selectPopupClose{opacity:0;pointer-events:none;transform:translateY(-4px)}.Jh0q7G_selectOption{color:var(--dsw-alias-label-primary);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:6px;flex-shrink:0;padding:6px 10px;font-size:13px;line-height:1.5;overflow:hidden}.Jh0q7G_selectOption:hover,.Jh0q7G_selectOptionActive{background:var(--dsw-alias-interactive-bg-hover)}.Jh0q7G_selectOptionSelected{color:var(--dsw-alias-brand-primary);background:color-mix(in srgb, var(--dsw-alias-brand-primary-new-colorprimary-new-color) 10%, transparent);font-weight:500}.Jh0q7G_invalid{color:var(--dsw-alias-label-error);margin:0;font-size:12px;line-height:1.5}.Jh0q7G_hint{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:1.5}@media (prefers-reduced-motion:reduce){.Jh0q7G_card,.Jh0q7G_header,.Jh0q7G_chevron,.Jh0q7G_chevronOpen,.Jh0q7G_discard,.Jh0q7G_save,.Jh0q7G_selectChevron,.Jh0q7G_selectChevronOpen,.Jh0q7G_selectPopup{transition:none}}";
 		const tagId = "@linxin666/dsh-client-ui-task-board/settings-card.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
 			const tag = document.createElement("style");
@@ -2852,7 +3050,7 @@ window.__ModuleLoader__.load({
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: settings_card_module_css_default.description,
 						title: description,
-						children: description
+						children: props.descriptionNode ?? description
 					})]
 				}), state.dirty ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					className: settings_card_module_css_default.pending,
@@ -2877,7 +3075,7 @@ window.__ModuleLoader__.load({
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 							className: settings_card_module_css_default.description,
 							title: description,
-							children: description
+							children: props.descriptionNode ?? description
 						})]
 					}),
 					state.dirty ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -3675,7 +3873,7 @@ window.__ModuleLoader__.load({
 		/** The building package's version, when the bundle carries it. */
 		function bakedVersion() {
 			try {
-				return "0.3.3";
+				return "0.3.5";
 			} catch {
 				return;
 			}