@linxin666/dsh-client-ui-task-board 0.1.17 → 0.1.18

package/lib/client.js

@@ -9,6 +9,8 @@ window.__ModuleLoader__.load({
 		let react_jsx_runtime = require("react/jsx-runtime");
 		let _deepseek_ai_dsh_client_runtime_client = require("@deepseek-ai/dsh-client-runtime/client");
 		//#region src/core/tasks.ts
+		/** Statuses a settled task may be archived from. */
+		const ARCHIVABLE_STATUSES = ["done", "failed"];
 		/** Permission presets a task may pin on its execution session (the `/permission <id>` ids). */
 		const TASK_PERMISSIONS = [
 			"read-only",
@@ -166,44 +168,42 @@ window.__ModuleLoader__.load({
 			return "running";
 		}
 		//#endregion
-		//#region src/core/use-cases/task-create.ts
+		//#region src/core/use-cases/task-archive.ts
 		/**
-		* Create-task use case: mint a new task from user input, rejecting a blank
-		* title. Pure ledger transition (no persistence or notify — the controller
-		* orchestrates those), so it is unit-testable without any runtime face.
+		* Archive one task: only settled statuses (done/failed) can be archived;
+		* a running or not-yet-settled task stays on the board (its runner still
+		* owns its lifecycle). Already-archived tasks are a no-op.
 		*/
-		/**
-		* Apply a create against the current ledger. Returns the new task and the
-		* appended ledger, or the unchanged ledger when the title is blank.
-		* @param tasks - current ledger.
-		* @param input - raw user input (title/description/prompt).
-		* @param now - clock instant (ms epoch).
-		* @param id - minted task id.
-		*/
-		function applyCreateTask(tasks, input, now, id) {
-			if (input.title.trim() === "") return {
-				task: void 0,
-				tasks
-			};
-			const task = createTask(input, now, id);
+		function applyArchiveTask(tasks, id, now) {
+			let applied = false;
 			return {
-				task,
-				tasks: [...tasks, task]
+				tasks: tasks.map((task) => {
+					if (task.id !== id || task.archivedAt !== void 0) return task;
+					if (!ARCHIVABLE_STATUSES.includes(task.status)) return task;
+					applied = true;
+					return {
+						...task,
+						archivedAt: now,
+						updatedAt: now
+					};
+				}),
+				archived: applied
 			};
 		}
-		//#endregion
-		//#region src/core/use-cases/task-delete.ts
-		/**
-		* Apply a delete across the ledger. The selection (a task id) is cleared when
-		* it matches the removed task, so the UI never lingers on a vanished detail.
-		* @param tasks - current ledger.
-		* @param selectedTaskId - the currently selected task id (may be undefined).
-		* @param id - the task to remove.
-		*/
-		function applyDeleteTask(tasks, selectedTaskId, id) {
+		/** Restore one task back onto the main board (clears the archive marker). */
+		function applyRestoreTask(tasks, id, now) {
+			let applied = false;
 			return {
-				tasks: tasks.filter((task) => task.id !== id),
-				selectionCleared: selectedTaskId === id
+				tasks: tasks.map((task) => {
+					if (task.id !== id || task.archivedAt === void 0) return task;
+					applied = true;
+					const { archivedAt: _archived, ...rest } = task;
+					return {
+						...rest,
+						updatedAt: now
+					};
+				}),
+				archived: applied
 			};
 		}
 		//#endregion
@@ -308,6 +308,56 @@ window.__ModuleLoader__.load({
 			return /^\d+$/.test(value);
 		}
 		//#endregion
+		//#region src/core/use-cases/task-create.ts
+		/**
+		* Create-task use case: mint a new task from user input, rejecting a blank
+		* title. Pure ledger transition (no persistence or notify — the controller
+		* orchestrates those), so it is unit-testable without any runtime face.
+		*/
+		/**
+		* Apply a create against the current ledger. Returns the new task and the
+		* appended ledger, or the unchanged ledger when the title is blank.
+		* @param tasks - current ledger.
+		* @param input - raw user input (title/description/prompt + optional schedule).
+		* @param now - clock instant (ms epoch).
+		* @param id - minted task id.
+		*/
+		function applyCreateTask(tasks, input, now, id) {
+			if (input.title.trim() === "") return {
+				task: void 0,
+				tasks
+			};
+			let task = createTask(input, now, id);
+			const requested = input.schedule;
+			if (requested?.enabled === true && requested.cron.trim() !== "" && isValidCron(requested.cron)) {
+				const cron = requested.cron.trim();
+				task = withSchedule(task, {
+					enabled: true,
+					cron,
+					nextRunAt: nextRunAtMs(cron, now)
+				}, now);
+			}
+			return {
+				task,
+				tasks: [...tasks, task]
+			};
+		}
+		//#endregion
+		//#region src/core/use-cases/task-delete.ts
+		/**
+		* Apply a delete across the ledger. The selection (a task id) is cleared when
+		* it matches the removed task, so the UI never lingers on a vanished detail.
+		* @param tasks - current ledger.
+		* @param selectedTaskId - the currently selected task id (may be undefined).
+		* @param id - the task to remove.
+		*/
+		function applyDeleteTask(tasks, selectedTaskId, id) {
+			return {
+				tasks: tasks.filter((task) => task.id !== id),
+				selectionCleared: selectedTaskId === id
+			};
+		}
+		//#endregion
 		//#region src/core/use-cases/task-schedule.ts
 		/**
 		* Schedule use case: arm/disarm a task's cron rule and roll a rule forward.
@@ -436,6 +486,7 @@ window.__ModuleLoader__.load({
 			deps;
 			tasks = [];
 			boardOpen = false;
+			archiveView = false;
 			selectedTaskId;
 			executionOptions = {
 				workspaces: [],
@@ -476,6 +527,7 @@ window.__ModuleLoader__.load({
 				return {
 					tasks: this.tasks,
 					boardOpen: this.boardOpen,
+					archiveView: this.archiveView,
 					selectedTaskId: this.selectedTaskId,
 					executionOptions: this.executionOptions
 				};
@@ -501,6 +553,18 @@ window.__ModuleLoader__.load({
 				if (this.boardOpen) this.closeBoard();
 				else this.openBoard();
 			}
+			/**
+			* Switch between the kanban columns and the archive view. Leaving the
+			* archive view with an archived task still selected closes the selection —
+			* the detail overlay must not linger over a task that is off-board.
+			*/
+			toggleArchiveView() {
+				this.archiveView = !this.archiveView;
+				if (!this.archiveView && this.selectedTaskId !== void 0) {
+					if (this.tasks.find((task) => task.id === this.selectedTaskId)?.archivedAt !== void 0) this.selectedTaskId = void 0;
+				}
+				this.notify();
+			}
 			openTask(id) {
 				if (this.tasks.some((task) => task.id === id)) {
 					this.selectedTaskId = id;
@@ -545,6 +609,27 @@ window.__ModuleLoader__.load({
 				this.persistAndNotify();
 			}
 			/**
+			* Archive a settled task (done/failed). Running or on-board-unsettled
+			* tasks are refused so the runner keeps exclusive ownership of their
+			* lifecycle.
+			* @returns true when applied.
+			*/
+			archiveTask(id) {
+				const { tasks, archived } = applyArchiveTask(this.tasks, id, this.now());
+				if (!archived) return false;
+				this.tasks = [...tasks];
+				this.persistAndNotify();
+				return true;
+			}
+			/** Restore an archived task back onto the board (same status column). */
+			restoreTask(id) {
+				const { tasks, archived } = applyRestoreTask(this.tasks, id, this.now());
+				if (!archived) return false;
+				this.tasks = [...tasks];
+				this.persistAndNotify();
+				return true;
+			}
+			/**
 			* Update a task's schedule rule. A blank or invalid cron expression is
 			* rejected (returns false, state untouched). When the rule ends up enabled
 			* the next run instant is computed immediately; a disabled rule carries no
@@ -571,6 +656,17 @@ window.__ModuleLoader__.load({
 				this.persistAndNotify();
 			}
 			/**
+			* Reload the ledger from the persisted store without notifying subscribers.
+			* The scheduler calls this before every tick so a task deleted in another
+			* tab (or a stale in-memory copy) can never be fired from this tab: the
+			* fire decision and the subsequent roll-forward both run on the freshest
+			* persisted truth. Deliberately silent — same-origin external changes still
+			* reach subscribers through the storage-event subscription.
+			*/
+			reloadFromStore() {
+				this.tasks = this.deps.store.load();
+			}
+			/**
 			* Jump to an execution's session transcript. Selecting the session changes
 			* `current`, which closes the board (the conversation view takes over).
 			* @param sessionId - the execution session to open.
@@ -729,6 +825,15 @@ window.__ModuleLoader__.load({
 		*/
 		var ExecutionService = class {
 			env;
+			/**
+			* In-flight preset switches keyed by `sessionId\u0000mode`. The session
+			* list mirror can lag behind a just-applied switch, so concurrent runs
+			* against one blank session would otherwise each issue the same select
+			* RPC (an amplified storm); sharing one in-flight call keeps the wire to
+			* a single request. The settled entry is forgotten so a later run can
+			* switch again.
+			*/
+			presetSwitches = /* @__PURE__ */ new Map();
 			/** @param env - the runtime faces (real or fake). */
 			constructor(env) {
 				this.env = env;
@@ -785,12 +890,13 @@ window.__ModuleLoader__.load({
 					return false;
 				}
 				if (summary?.agentPreset === mode) return true;
-				if (this.env.presets === void 0) {
+				const presets = this.env.presets;
+				if (presets === void 0) {
 					settleFailed(`this deployment does not support agent presets (task asks for ${mode})`);
 					return false;
 				}
 				try {
-					const result = await this.env.presets.select(sessionId, mode);
+					const result = await this.switchPreset(presets, sessionId, mode);
 					if (!result.ok) {
 						if (presetAlreadyRuns(result.error, mode)) {
 							this.env.sessions.noteAgentPreset?.(sessionId, mode);
@@ -807,6 +913,22 @@ window.__ModuleLoader__.load({
 				return true;
 			}
 			/**
+			* One in-flight `select` per (session, preset): concurrent runs against
+			* the same blank session share the same wire call instead of each issuing
+			* a duplicate RPC. The entry is removed once the call settles, so a later
+			* run (after a shared failure, say) issues a fresh switch.
+			*/
+			switchPreset(presets, sessionId, mode) {
+				const key = `${sessionId}\u0000${mode}`;
+				const inflight = this.presetSwitches.get(key);
+				if (inflight !== void 0) return inflight;
+				const attempt = presets.select(sessionId, mode).finally(() => {
+					if (this.presetSwitches.get(key) === attempt) this.presetSwitches.delete(key);
+				});
+				this.presetSwitches.set(key, attempt);
+				return attempt;
+			}
+			/**
 			* Apply the task-pinned permission preset through the `/permission <id>`
 			* slash command. No-op when the task pins none; fails the run when the
 			* admission is rejected or no command claimed the line.
@@ -969,6 +1091,11 @@ window.__ModuleLoader__.load({
 		* a task still running at its due instant is skipped by the controller's
 		* runTask guard and simply waits for the next cron match.
 		*
+		* A deleted task can never fire again from a stale in-memory copy: every
+		* tick first re-reads the persisted ledger through the optional `refresh`
+		* hook (the controller reloads its store), so the fire decision and the
+		* subsequent roll-forward both run on the freshest persisted truth.
+		*
 		* The ticker is controlled: `start` arms a single interval guarded by an
 		* idempotence check (a second start while running is a no-op, so wiring can
 		* never leak a duplicate timer), and `stop`/`dispose` clear the timer and
@@ -1043,6 +1170,7 @@ window.__ModuleLoader__.load({
 			async tick() {
 				if (this.disposed) return;
 				if (this.deps.ready !== void 0 && !this.deps.ready()) return;
+				this.deps.refresh?.();
 				const now = this.deps.now();
 				for (const task of this.deps.tasks()) {
 					const schedule = task.schedule;
@@ -1161,6 +1289,7 @@ window.__ModuleLoader__.load({
 				task.schedule = normalizeSchedule(row.schedule);
 				task.workspaceId = normalizeTargetId(row.workspaceId);
 				task.mode = normalizeTargetId(row.mode);
+				task.archivedAt = typeof row.archivedAt === "number" && Number.isFinite(row.archivedAt) ? row.archivedAt : void 0;
 				task.permission = isTaskPermission(row.permission) ? row.permission : void 0;
 				tasks.push(task);
 			}
@@ -1260,6 +1389,10 @@ window.__ModuleLoader__.load({
 			"board.search": "筛选任务…",
 			"board.empty": "这个状态还没有任务",
 			"board.filterAll": "全部",
+			"board.archive": "归档",
+			"board.archiveView": "归档 ({count})",
+			"board.backToBoard": "返回看板",
+			"archive.empty": "没有已归档的任务",
 			"board.status": "状态",
 			"board.status.backlog": "待规划",
 			"board.status.todo": "待办",
@@ -1287,6 +1420,9 @@ window.__ModuleLoader__.load({
 			"detail.run": "执行",
 			"detail.rerun": "重新执行",
 			"detail.delete": "删除",
+			"detail.archive": "归档",
+			"detail.restore": "恢复",
+			"detail.archivedAt": "已归档 · {time}",
 			"detail.viewSession": "查看会话",
 			"detail.noSession": "暂无会话",
 			"detail.executionStarted": "已启动",
@@ -1364,6 +1500,10 @@ window.__ModuleLoader__.load({
 			"board.search": "Filter tasks…",
 			"board.empty": "No tasks in this column",
 			"board.filterAll": "All",
+			"board.archive": "Archive",
+			"board.archiveView": "Archived ({count})",
+			"board.backToBoard": "Back to board",
+			"archive.empty": "No archived tasks",
 			"board.status": "Status",
 			"board.status.backlog": "Backlog",
 			"board.status.todo": "To Do",
@@ -1391,6 +1531,9 @@ window.__ModuleLoader__.load({
 			"detail.run": "Run",
 			"detail.rerun": "Run Again",
 			"detail.delete": "Delete",
+			"detail.archive": "Archive",
+			"detail.restore": "Restore",
+			"detail.archivedAt": "Archived · {time}",
 			"detail.viewSession": "View Session",
 			"detail.noSession": "No session",
 			"detail.executionStarted": "Started",
@@ -1546,6 +1689,27 @@ window.__ModuleLoader__.load({
 			"statusDot": "_7D6uKa_statusDot"
 		};
 		//#endregion
+		//#region src/client/schedule-presets.ts
+		/** Common scheduled-run presets (cron → locale label). */
+		const SCHEDULE_PRESETS = [
+			{
+				cron: "0 9 * * *",
+				label: "detail.schedule.preset.daily9"
+			},
+			{
+				cron: "0 * * * *",
+				label: "detail.schedule.preset.hourly"
+			},
+			{
+				cron: "*/10 * * * *",
+				label: "detail.schedule.preset.tenMin"
+			},
+			{
+				cron: "0 9 * * 1",
+				label: "detail.schedule.preset.weeklyMon9"
+			}
+		];
+		//#endregion
 		//#region src/client/board/NewTaskModal.tsx
 		/**
 		* New-task modal: title + description + the prompt that execution will send.
@@ -1559,23 +1723,39 @@ window.__ModuleLoader__.load({
 			const [workspaceId, setWorkspaceId] = (0, react.useState)("");
 			const [mode, setMode] = (0, react.useState)("");
 			const [permission, setPermission] = (0, react.useState)("");
+			const [scheduleEnabled, setScheduleEnabled] = (0, react.useState)(false);
+			const [scheduleCron, setScheduleCron] = (0, react.useState)("");
+			const [scheduleError, setScheduleError] = (0, react.useState)(void 0);
 			const [error, setError] = (0, react.useState)(void 0);
 			const [options, setOptions] = (0, react.useState)(controller.getSnapshot().executionOptions);
 			(0, react.useEffect)(() => controller.subscribe(() => setOptions(controller.getSnapshot().executionOptions)), [controller]);
 			const submit = () => {
+				if (scheduleEnabled) {
+					const cron = scheduleCron.trim();
+					if (cron === "" || !isValidCron(cron)) {
+						setScheduleError(t("detail.schedule.invalid"));
+						return;
+					}
+				}
 				if (controller.createTask({
 					title,
 					description,
 					prompt,
 					workspaceId: workspaceId === "" ? void 0 : workspaceId,
 					mode: mode === "" ? void 0 : mode,
-					permission: permission === "" ? void 0 : permission
+					permission: permission === "" ? void 0 : permission,
+					schedule: scheduleEnabled ? {
+						enabled: true,
+						cron: scheduleCron.trim()
+					} : void 0
 				}) === void 0) {
 					setError(t("new.required"));
 					return;
 				}
 				onClose();
 			};
+			/** 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) => {
@@ -1705,6 +1885,67 @@ window.__ModuleLoader__.load({
 								}, 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", {
+											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,
+											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
@@ -1912,25 +2153,6 @@ window.__ModuleLoader__.load({
 				]
 			});
 		}
-		/** Common scheduled-run presets (cron → locale label). */
-		const SCHEDULE_PRESETS = [
-			{
-				cron: "0 9 * * *",
-				label: "detail.schedule.preset.daily9"
-			},
-			{
-				cron: "0 * * * *",
-				label: "detail.schedule.preset.hourly"
-			},
-			{
-				cron: "*/10 * * * *",
-				label: "detail.schedule.preset.tenMin"
-			},
-			{
-				cron: "0 9 * * 1",
-				label: "detail.schedule.preset.weeklyMon9"
-			}
-		];
 		/** The execution-target editor: workspace / mode / permission pickers. */
 		function ExecutionSettingsSection({ controller, task }) {
 			const [options, setOptions] = (0, react.useState)(controller.getSnapshot().executionOptions);
@@ -2260,6 +2482,23 @@ window.__ModuleLoader__.load({
 									},
 									children: current.executions.length === 0 ? t("detail.run") : t("detail.rerun")
 								}),
+								current.archivedAt !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: board_module_css_default.primaryButton,
+									onClick: () => {
+										controller.restoreTask(current.id);
+										controller.closeTask();
+									},
+									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,
+									onClick: () => {
+										controller.archiveTask(current.id);
+										controller.closeTask();
+									},
+									children: t("detail.archive")
+								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 									type: "button",
 									className: board_module_css_default.dangerButton,
@@ -2273,7 +2512,8 @@ window.__ModuleLoader__.load({
 									children: [
 										t("board.created"),
 										" ",
-										formatTime(current.createdAt)
+										formatTime(current.createdAt),
+										current.archivedAt !== void 0 && ` · ${t("detail.archivedAt", { time: formatTime(current.archivedAt) })}`
 									]
 								})
 							]
@@ -2337,7 +2577,8 @@ window.__ModuleLoader__.load({
 			const [filter, setFilter] = (0, react.useState)("");
 			const [showNew, setShowNew] = (0, react.useState)(false);
 			const selected = selectedTaskOf(snapshot);
-			const visible = snapshot.tasks.filter((task) => matchesFilter(task, filter));
+			const archiveView = snapshot.archiveView;
+			const visible = snapshot.tasks.filter((task) => (archiveView ? task.archivedAt !== void 0 : task.archivedAt === void 0) && matchesFilter(task, filter));
 			const openTask = (0, react.useCallback)((id) => {
 				controller.openTask(id);
 			}, [controller]);
@@ -2362,6 +2603,14 @@ window.__ModuleLoader__.load({
 								},
 								"aria-label": t("board.search")
 							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: archiveView ? board_module_css_default.primaryButton : board_module_css_default.ghostButton,
+								onClick: () => {
+									controller.toggleArchiveView();
+								},
+								children: archiveView ? t("board.backToBoard") : t("board.archiveView", { count: String(snapshot.tasks.filter((task) => task.archivedAt !== void 0).length) })
+							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 								type: "button",
 								className: board_module_css_default.primaryButton,
@@ -2382,7 +2631,29 @@ window.__ModuleLoader__.load({
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: board_module_css_default.columns,
-						children: COLUMNS.map((column) => {
+						children: archiveView ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+							className: board_module_css_default.column,
+							"data-status": "archived",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
+								className: board_module_css_default.columnHeader,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+									className: board_module_css_default.columnTitle,
+									children: t("board.archive")
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: board_module_css_default.columnCount,
+									children: visible.length
+								})]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: board_module_css_default.cards,
+								children: [visible.map((task) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MemoTaskCard, {
+									task,
+									onOpen: openTask
+								}, task.id)), visible.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: board_module_css_default.columnEmpty,
+									children: t("archive.empty")
+								})]
+							})]
+						}) : COLUMNS.map((column) => {
 							const tasks = visible.filter((task) => task.status === column.status);
 							return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 								className: board_module_css_default.column,
@@ -2622,7 +2893,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_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_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{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;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_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{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");
@@ -2647,6 +2918,7 @@ window.__ModuleLoader__.load({
 			"head": "Jh0q7G_head",
 			"headText": "Jh0q7G_headText",
 			"header": "Jh0q7G_header",
+			"headerStatic": "Jh0q7G_headerStatic",
 			"hint": "Jh0q7G_hint",
 			"input": "Jh0q7G_input",
 			"inputInvalid": "Jh0q7G_inputInvalid",
@@ -2676,24 +2948,42 @@ window.__ModuleLoader__.load({
 		* @returns the card, or nothing while the namespace is still loading.
 		*/
 		function PluginSettingsCard(props) {
-			const [open, setOpen] = (0, react.useState)(false);
-			const { state } = props;
+			const [open, setOpen] = (0, react.useState)(props.defaultOpen ?? true);
+			const { state, alwaysOpen } = props;
 			if (!state.available) return null;
 			const title = props.t(props.titleKey);
 			const description = props.t(props.descriptionKey);
 			const blocked = !state.dirty || state.invalid || state.saving;
-			const cardClass = open ? `${settings_card_module_css_default.cardOpen} ${settings_card_module_css_default.card}` : settings_card_module_css_default.card;
-			if (!state.exposed) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
-				className: cardClass,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-					type: "button",
-					className: settings_card_module_css_default.header,
-					"aria-expanded": open,
-					"aria-label": `${props.t(open ? "settings.collapse" : "settings.expand")}: ${title}`,
-					onClick: () => {
-						setOpen(!open);
-					},
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+			const expanded = alwaysOpen === true || open;
+			const cardClass = expanded ? `${settings_card_module_css_default.cardOpen} ${settings_card_module_css_default.card}` : settings_card_module_css_default.card;
+			const header = alwaysOpen === true ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: settings_card_module_css_default.headerStatic,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: settings_card_module_css_default.headText,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: settings_card_module_css_default.name,
+						title,
+						children: title
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: settings_card_module_css_default.description,
+						title: description,
+						children: description
+					})]
+				}), state.dirty ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: settings_card_module_css_default.pending,
+					title: props.t("settings.unsaved"),
+					children: props.t("settings.unsaved")
+				}) : null]
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+				type: "button",
+				className: settings_card_module_css_default.header,
+				"aria-expanded": open,
+				"aria-label": `${props.t(open ? "settings.collapse" : "settings.expand")}: ${title}`,
+				onClick: () => {
+					setOpen(!open);
+				},
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 						className: settings_card_module_css_default.headText,
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 							className: settings_card_module_css_default.name,
@@ -2704,7 +2994,13 @@ window.__ModuleLoader__.load({
 							title: description,
 							children: description
 						})]
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+					}),
+					state.dirty ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: settings_card_module_css_default.pending,
+						title: props.t("settings.unsaved"),
+						children: props.t("settings.unsaved")
+					}) : null,
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 						width: "14",
 						height: "14",
 						viewBox: "0 0 14 14",
@@ -2715,8 +3011,12 @@ window.__ModuleLoader__.load({
 							d: "M11.8486 5.5L11.4238 5.92383L8.69727 8.65137C8.44157 8.90706 8.21562 9.13382 8.01172 9.29785C7.79912 9.46883 7.55595 9.61756 7.25 9.66602C7.08435 9.69222 6.91565 9.69222 6.75 9.66602C6.44405 9.61756 6.20088 9.46883 5.98828 9.29785C5.78438 9.13382 5.55843 8.90706 5.30273 8.65137L2.57617 5.92383L2.15137 5.5L3 4.65137L3.42383 5.07617L6.15137 7.80273C6.42595 8.07732 6.59876 8.24849 6.74023 8.3623C6.87291 8.46904 6.92272 8.47813 6.9375 8.48047C6.97895 8.48703 7.02105 8.48703 7.0625 8.48047C7.07728 8.47813 7.12709 8.46904 7.25977 8.3623C7.40124 8.24849 7.57405 8.07732 7.84863 7.80273L10.5762 5.07617L11 4.65137L11.8486 5.5Z",
 							fill: "currentColor"
 						})
-					})]
-				}), open ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					})
+				]
+			});
+			if (!state.exposed) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+				className: cardClass,
+				children: [header, expanded ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: settings_card_module_css_default.body,
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 						className: settings_card_module_css_default.notExposed,
@@ -2727,46 +3027,7 @@ window.__ModuleLoader__.load({
 			});
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
 				className: cardClass,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-					type: "button",
-					className: settings_card_module_css_default.header,
-					"aria-expanded": open,
-					"aria-label": `${props.t(open ? "settings.collapse" : "settings.expand")}: ${title}`,
-					onClick: () => {
-						setOpen(!open);
-					},
-					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-							className: settings_card_module_css_default.headText,
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: settings_card_module_css_default.name,
-								title,
-								children: title
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: settings_card_module_css_default.description,
-								title: description,
-								children: description
-							})]
-						}),
-						state.dirty ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: settings_card_module_css_default.pending,
-							title: props.t("settings.unsaved"),
-							children: props.t("settings.unsaved")
-						}) : null,
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-							width: "14",
-							height: "14",
-							viewBox: "0 0 14 14",
-							fill: "none",
-							xmlns: "http://www.w3.org/2000/svg",
-							className: open ? `${settings_card_module_css_default.chevron} ${settings_card_module_css_default.chevronOpen}` : settings_card_module_css_default.chevron,
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-								d: "M11.8486 5.5L11.4238 5.92383L8.69727 8.65137C8.44157 8.90706 8.21562 9.13382 8.01172 9.29785C7.79912 9.46883 7.55595 9.61756 7.25 9.66602C7.08435 9.69222 6.91565 9.69222 6.75 9.66602C6.44405 9.61756 6.20088 9.46883 5.98828 9.29785C5.78438 9.13382 5.55843 8.90706 5.30273 8.65137L2.57617 5.92383L2.15137 5.5L3 4.65137L3.42383 5.07617L6.15137 7.80273C6.42595 8.07732 6.59876 8.24849 6.74023 8.3623C6.87291 8.46904 6.92272 8.47813 6.9375 8.48047C6.97895 8.48703 7.02105 8.48703 7.0625 8.48047C7.07728 8.47813 7.12709 8.46904 7.25977 8.3623C7.40124 8.24849 7.57405 8.07732 7.84863 7.80273L10.5762 5.07617L11 4.65137L11.8486 5.5Z",
-								fill: "currentColor"
-							})
-						})
-					]
-				}), open ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				children: [header, expanded ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: settings_card_module_css_default.body,
 					children: [
 						!state.writable ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
@@ -3291,6 +3552,7 @@ window.__ModuleLoader__.load({
 				controller.start();
 				const scheduler = new SchedulerService({
 					tasks: () => controller.getSnapshot().tasks,
+					refresh: () => controller.reloadFromStore(),
 					now: () => Date.now(),
 					runTask: (id) => controller.runTask(id),
 					applySchedule: (id, nextRunAt, lastTriggeredAt) => controller.applyScheduleNextRun(id, nextRunAt, lastTriggeredAt),