@linxin666/dsh-client-ui-task-board 0.3.4 → 0.3.6

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();
@@ -527,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);
 		}
@@ -611,12 +611,10 @@ window.__ModuleLoader__.load({
 			}
 			openBoard() {
 				if (this.boardOpen) return;
-				this.lastCurrent = currentOf(this.deps.sessions);
 				this.boardOpen = true;
 				this.notify();
 			}
 			closeBoard() {
-				if (!this.boardOpen) return;
 				this.boardOpen = false;
 				this.notify();
 			}
@@ -804,6 +802,7 @@ window.__ModuleLoader__.load({
 			* @param sessionId - the execution session to open.
 			*/
 			openSession(sessionId) {
+				this.closeBoard();
 				this.deps.sessions.open(sessionId);
 			}
 			/**
@@ -831,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();
@@ -1496,6 +1498,95 @@ window.__ModuleLoader__.load({
 			}
 		];
 		//#endregion
+		//#region src/client/board/TaskForm.tsx
+		/** Modal overlay: closes on backdrop press, submits through the form. */
+		function ModalShell({ ariaLabel, title, error, pending, submitLabel, onSubmit, onClose, children }) {
+			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": ariaLabel,
+					onSubmit: (event) => {
+						event.preventDefault();
+						onSubmit();
+					},
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+							className: board_module_css_default.modalTitle,
+							children: title
+						}),
+						children,
+						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: submitLabel
+							})]
+						})
+					]
+				})
+			});
+		}
+		/** Title + description + prompt fields shared by the new and edit task forms. */
+		function TaskContentFields({ title, description, prompt, onTitleChange, onDescriptionChange, onPromptChange }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+				/* @__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) => onTitleChange(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.description")
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+						className: board_module_css_default.input,
+						rows: 3,
+						value: description,
+						placeholder: t("new.descriptionPlaceholder"),
+						onChange: (event) => onDescriptionChange(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) => onPromptChange(event.target.value)
+					})]
+				})
+			] });
+		}
+		//#endregion
 		//#region src/client/board/NewTaskModal.tsx
 		/**
 		* New-task modal: title + description + the prompt that execution will send.
@@ -1545,216 +1636,155 @@ window.__ModuleLoader__.load({
 			};
 			/** Next-run preview for a valid armed cron (creation-time only). */
 			const scheduleNextRun = scheduleEnabled && scheduleCron.trim() !== "" && isValidCron(scheduleCron) ? nextRunAtMs(scheduleCron, Date.now()) : void 0;
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: board_module_css_default.modalBackdrop,
-				onMouseDown: (event) => {
-					if (event.target === event.currentTarget) onClose();
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ModalShell, {
+				ariaLabel: t("board.new"),
+				title: t("board.new"),
+				error,
+				pending,
+				submitLabel: t("new.submit"),
+				onSubmit: () => {
+					submit();
 				},
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
-					className: board_module_css_default.modal,
-					role: "dialog",
-					"aria-label": t("board.new"),
-					onSubmit: (event) => {
-						event.preventDefault();
-						submit();
-					},
-					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
-							className: board_module_css_default.modalTitle,
-							children: t("board.new")
-						}),
-						/* @__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);
-								}
-							})]
-						}),
-						/* @__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.workspace")
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
-								className: board_module_css_default.select,
-								value: workspaceId,
-								onChange: (event) => {
-									setWorkspaceId(event.target.value);
-								},
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-									value: "",
-									children: t("exec.workspace.recent")
-								}), options.workspaces.map((workspace) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-									value: workspace.workspaceId,
-									children: workspace.title
-								}, workspace.workspaceId))]
-							})]
-						}),
-						/* @__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.mode")
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
-								className: board_module_css_default.select,
-								value: mode,
-								onChange: (event) => {
-									setMode(event.target.value);
-								},
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-									value: "",
-									children: t("exec.mode.default")
-								}), options.presets.map((preset) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("option", {
-									value: preset.id,
-									disabled: preset.broken !== void 0,
-									children: [
-										preset.name ?? preset.id,
-										preset.isDefault ? t("exec.mode.defaultSuffix") : "",
-										preset.broken !== void 0 ? t("exec.mode.brokenSuffix") : ""
-									]
-								}, preset.id))]
-							})]
-						}),
-						/* @__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.permission")
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
-								className: board_module_css_default.select,
-								value: permission,
-								onChange: (event) => {
-									setPermission(event.target.value);
-								},
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-									value: "",
-									children: t("exec.permission.default")
-								}), TASK_PERMISSIONS.map((id) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-									value: id,
-									children: t(`exec.permission.${id}`)
-								}, id))]
-							})]
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-							className: board_module_css_default.detailSection,
-							children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h4", { children: t("detail.schedule") }),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-									className: board_module_css_default.scheduleToggle,
+				onClose,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaskContentFields, {
+						title,
+						description,
+						prompt,
+						onTitleChange: (value) => {
+							setTitle(value);
+							setError(void 0);
+						},
+						onDescriptionChange: setDescription,
+						onPromptChange: setPrompt
+					}),
+					/* @__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.workspace")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+							className: board_module_css_default.select,
+							value: workspaceId,
+							onChange: (event) => {
+								setWorkspaceId(event.target.value);
+							},
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+								value: "",
+								children: t("exec.workspace.recent")
+							}), options.workspaces.map((workspace) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+								value: workspace.workspaceId,
+								children: workspace.title
+							}, workspace.workspaceId))]
+						})]
+					}),
+					/* @__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.mode")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+							className: board_module_css_default.select,
+							value: mode,
+							onChange: (event) => {
+								setMode(event.target.value);
+							},
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+								value: "",
+								children: t("exec.mode.default")
+							}), options.presets.map((preset) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("option", {
+								value: preset.id,
+								disabled: preset.broken !== void 0,
+								children: [
+									preset.name ?? preset.id,
+									preset.isDefault ? t("exec.mode.defaultSuffix") : "",
+									preset.broken !== void 0 ? t("exec.mode.brokenSuffix") : ""
+								]
+							}, preset.id))]
+						})]
+					}),
+					/* @__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.permission")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+							className: board_module_css_default.select,
+							value: permission,
+							onChange: (event) => {
+								setPermission(event.target.value);
+							},
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+								value: "",
+								children: t("exec.permission.default")
+							}), TASK_PERMISSIONS.map((id) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+								value: id,
+								children: t(`exec.permission.${id}`)
+							}, id))]
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+						className: board_module_css_default.detailSection,
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h4", { children: t("detail.schedule") }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+								className: board_module_css_default.scheduleToggle,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									type: "checkbox",
+									checked: scheduleEnabled,
+									onChange: (event) => {
+										setScheduleEnabled(event.target.checked);
+										if (!event.target.checked) setScheduleError(void 0);
+									}
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("detail.schedule.enable") })]
+							}),
+							scheduleEnabled && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: board_module_css_default.scheduleRow,
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-										type: "checkbox",
-										checked: scheduleEnabled,
+										className: `${board_module_css_default.input} ${board_module_css_default.scheduleInput}${scheduleError !== void 0 ? ` ${board_module_css_default.scheduleInputInvalid}` : ""}`,
+										value: scheduleCron,
+										placeholder: "0 9 * * *",
+										spellCheck: false,
+										"aria-label": t("detail.schedule.cron"),
 										onChange: (event) => {
-											setScheduleEnabled(event.target.checked);
-											if (!event.target.checked) setScheduleError(void 0);
+											setScheduleCron(event.target.value);
+											setScheduleError(void 0);
 										}
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("detail.schedule.enable") })]
-								}),
-								scheduleEnabled && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: board_module_css_default.scheduleRow,
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-											className: `${board_module_css_default.input} ${board_module_css_default.scheduleInput}${scheduleError !== void 0 ? ` ${board_module_css_default.scheduleInputInvalid}` : ""}`,
-											value: scheduleCron,
-											placeholder: "0 9 * * *",
-											spellCheck: false,
-											"aria-label": t("detail.schedule.cron"),
-											onChange: (event) => {
-												setScheduleCron(event.target.value);
-												setScheduleError(void 0);
-											}
-										}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
-											className: board_module_css_default.schedulePreset,
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+										className: board_module_css_default.schedulePreset,
+										value: "",
+										"aria-label": t("detail.schedule.presets"),
+										onChange: (event) => {
+											if (event.target.value === "") return;
+											setScheduleCron(event.target.value);
+											setScheduleError(void 0);
+										},
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("option", {
 											value: "",
-											"aria-label": t("detail.schedule.presets"),
-											onChange: (event) => {
-												if (event.target.value === "") return;
-												setScheduleCron(event.target.value);
-												setScheduleError(void 0);
-											},
-											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("option", {
-												value: "",
-												children: [t("detail.schedule.presets"), "…"]
-											}), SCHEDULE_PRESETS.map((preset) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-												value: preset.cron,
-												children: t(preset.label)
-											}, preset.cron))]
-										})]
-									}),
-									scheduleError !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-										className: board_module_css_default.formError,
-										children: scheduleError
-									}),
-									scheduleError === void 0 && scheduleNextRun !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
-										className: board_module_css_default.scheduleMeta,
-										children: [
-											t("detail.schedule.nextRun"),
-											" ",
-											new Date(scheduleNextRun).toLocaleString()
-										]
-									})
-								] })
-							]
-						}),
-						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("new.submit")
-							})]
-						})
-					]
-				})
+											children: [t("detail.schedule.presets"), "…"]
+										}), SCHEDULE_PRESETS.map((preset) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+											value: preset.cron,
+											children: t(preset.label)
+										}, preset.cron))]
+									})]
+								}),
+								scheduleError !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: board_module_css_default.formError,
+									children: scheduleError
+								}),
+								scheduleError === void 0 && scheduleNextRun !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+									className: board_module_css_default.scheduleMeta,
+									children: [
+										t("detail.schedule.nextRun"),
+										" ",
+										new Date(scheduleNextRun).toLocaleString()
+									]
+								})
+							] })
+						]
+					})
+				]
 			});
 		}
 		//#endregion
@@ -1799,17 +1829,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: [
@@ -1946,89 +1981,26 @@ window.__ModuleLoader__.load({
 				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();
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModalShell, {
+				ariaLabel: t("edit.title"),
+				title: t("edit.title"),
+				error,
+				pending,
+				submitLabel: t("edit.save"),
+				onSubmit: () => {
+					submit();
 				},
-				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();
+				onClose,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaskContentFields, {
+					title,
+					description,
+					prompt,
+					onTitleChange: (value) => {
+						setTitle(value);
+						setError(void 0);
 					},
-					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")
-							})]
-						})
-					]
+					onDescriptionChange: setDescription,
+					onPromptChange: setPrompt
 				})
 			});
 		}
@@ -2669,10 +2641,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: [
@@ -2755,7 +2739,13 @@ window.__ModuleLoader__.load({
 			let root;
 			let container;
 			const ensure = () => {
-				if (container !== void 0) return;
+				if (container !== void 0) {
+					if (container.isConnected) return;
+					root?.unmount();
+					root = void 0;
+					container.remove();
+					container = void 0;
+				}
 				const column = conversationColumn();
 				if (column === void 0) return;
 				container = document.createElement("div");
@@ -3854,7 +3844,7 @@ window.__ModuleLoader__.load({
 		/** The building package's version, when the bundle carries it. */
 		function bakedVersion() {
 			try {
-				return "0.3.4";
+				return "0.3.6";
 			} catch {
 				return;
 			}