@linxin666/dsh-client-ui-task-board 0.1.20 → 0.2.1

package/lib/client.js

@@ -172,7 +172,8 @@ window.__ModuleLoader__.load({
 		/**
 		* 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.
+		* owns its lifecycle). Archiving disarms a schedule; already-archived tasks
+		* are a no-op.
 		*/
 		function applyArchiveTask(tasks, id, now) {
 			let applied = false;
@@ -181,8 +182,14 @@ window.__ModuleLoader__.load({
 					if (task.id !== id || task.archivedAt !== void 0) return task;
 					if (!ARCHIVABLE_STATUSES.includes(task.status)) return task;
 					applied = true;
+					const schedule = task.schedule === void 0 ? void 0 : {
+						...task.schedule,
+						enabled: false,
+						nextRunAt: void 0
+					};
 					return {
 						...task,
+						...schedule === void 0 ? {} : { schedule },
 						archivedAt: now,
 						updatedAt: now
 					};
@@ -249,19 +256,91 @@ window.__ModuleLoader__.load({
 		/**
 		* Compute the next matching instant after `fromMs` (ms epoch), in local time,
 		* at minute granularity, strictly greater than `fromMs`. Returns the ms epoch
-		* of the matching minute's start, or undefined when nothing matches within
-		* 366 days (e.g. `0 0 30 2 *`).
+		* of the matching minute's start, or undefined when the calendar constraint
+		* can never match (for example `0 0 30 2 *`). The five-year horizon includes
+		* a full leap cycle, so a valid February 29 schedule remains reachable from
+		* every non-leap year.
+		*
+		* Walks candidate year/month/day/hour/minute values straight from the parsed
+		* field sets instead of scanning every minute: a sparse expression such as
+		* `0 0 29 2 *` used to iterate ~1.5M wall-clock minutes before reaching the
+		* next leap day. Wall-clock field construction + the final `matches` re-check
+		* preserve the old minute scan's DST semantics exactly (nonexistent spring
+		* minutes normalize forward and the repeated fall-back hour is never visited).
 		*/
 		function nextRunAtMs(expr, fromMs) {
 			const schedule = parseCron(expr);
 			if (schedule === null) return void 0;
+			if (!hasPossibleCalendarDay(schedule)) return void 0;
 			const from = new Date(fromMs);
-			const scan = new Date(from.getFullYear(), from.getMonth(), from.getDate(), from.getHours(), from.getMinutes() + 1, 0, 0);
-			const limitMs = fromMs + 366 * 24 * 60 * 60 * 1e3;
-			while (scan.getTime() <= limitMs) {
-				if (matches(schedule, scan)) return scan.getTime();
-				scan.setMinutes(scan.getMinutes() + 1);
+			const limitMs = fromMs + 5 * 366 * 24 * 60 * 60 * 1e3;
+			const sortedMinutes = [...schedule.minutes].sort((a, b) => a - b);
+			const sortedHours = [...schedule.hours].sort((a, b) => a - b);
+			const sortedMonths = [...schedule.months].sort((a, b) => a - b);
+			let year = from.getFullYear();
+			let month = from.getMonth() + 1;
+			let day = from.getDate();
+			let hour = from.getHours();
+			let minute = from.getMinutes() + 1;
+			while (new Date(year, month - 1, 1, 0, 0, 0, 0).getTime() <= limitMs) {
+				for (const candidateMonth of sortedMonths) {
+					if (candidateMonth < month) continue;
+					const daysInMonth = new Date(year, candidateMonth, 0).getDate();
+					const dayStart = candidateMonth === month ? day : 1;
+					for (let candidateDay = dayStart; candidateDay <= daysInMonth; candidateDay += 1) {
+						if (!dayCandidate(schedule, new Date(year, candidateMonth - 1, candidateDay, 0, 0, 0, 0))) continue;
+						const hourStart = candidateMonth === month && candidateDay === day ? hour : 0;
+						for (const candidateHour of sortedHours) {
+							if (candidateHour < hourStart) continue;
+							const minuteStart = candidateMonth === month && candidateDay === day && candidateHour === hour ? minute : 0;
+							for (const candidateMinute of sortedMinutes) {
+								if (candidateMinute < minuteStart) continue;
+								const candidate = new Date(year, candidateMonth - 1, candidateDay, candidateHour, candidateMinute, 0, 0);
+								const time = candidate.getTime();
+								if (time <= fromMs) continue;
+								if (time > limitMs) return void 0;
+								if (matches(schedule, candidate)) return time;
+							}
+						}
+					}
+				}
+				year += 1;
+				month = 1;
+				day = 1;
+				hour = 0;
+				minute = 0;
+			}
+		}
+		/** Day/weekday OR gate shared by {@link matches} and the candidate scan. */
+		function dayCandidate(schedule, date) {
+			const dayMatches = schedule.days.has(date.getDate());
+			const weekdayMatches = schedule.weekdays.has(date.getDay());
+			if (schedule.dayWildcard) return weekdayMatches;
+			if (schedule.weekdayWildcard) return dayMatches;
+			return dayMatches || weekdayMatches;
+		}
+		/** Reject impossible month/day pairs without spending the multi-year scan. */
+		function hasPossibleCalendarDay(schedule) {
+			if (schedule.dayWildcard || !schedule.weekdayWildcard) return true;
+			const maximumDay = /* @__PURE__ */ new Map([
+				[1, 31],
+				[2, 29],
+				[3, 31],
+				[4, 30],
+				[5, 31],
+				[6, 30],
+				[7, 31],
+				[8, 31],
+				[9, 30],
+				[10, 31],
+				[11, 30],
+				[12, 31]
+			]);
+			for (const month of schedule.months) {
+				const maximum = maximumDay.get(month) ?? 0;
+				if ([...schedule.days].some((day) => day <= maximum)) return true;
 			}
+			return false;
 		}
 		/** Parse one comma-list field into the match set. */
 		function parseField(field, min, max, out) {
@@ -298,11 +377,7 @@ window.__ModuleLoader__.load({
 			if (!schedule.minutes.has(date.getMinutes())) return false;
 			if (!schedule.hours.has(date.getHours())) return false;
 			if (!schedule.months.has(date.getMonth() + 1)) return false;
-			const dayMatches = schedule.days.has(date.getDate());
-			const weekdayMatches = schedule.weekdays.has(date.getDay());
-			if (schedule.dayWildcard) return weekdayMatches;
-			if (schedule.weekdayWildcard) return dayMatches;
-			return dayMatches || weekdayMatches;
+			return dayCandidate(schedule, date);
 		}
 		function isDigits(value) {
 			return /^\d+$/.test(value);
@@ -366,9 +441,9 @@ window.__ModuleLoader__.load({
 		* the core cron parser (schedule.ts) and the withSchedule transition.
 		*/
 		/**
-		* Set a task's schedule rule. A blank or invalid cron is rejected (state
-		* untouched); an enabled rule computes the next run instant immediately, a
-		* disabled or invalid one carries no next-run instant.
+		* Set an on-board task's schedule rule. A blank or invalid cron, or an
+		* archived task, is rejected (state untouched); an enabled rule computes the
+		* next run instant immediately, a disabled one carries no next-run instant.
 		* @param tasks - current ledger.
 		* @param id - the task to schedule.
 		* @param patch - rule fields to change (absent fields keep their current value).
@@ -376,7 +451,7 @@ window.__ModuleLoader__.load({
 		*/
 		function applySetSchedule(tasks, id, patch, now) {
 			const task = tasks.find((candidate) => candidate.id === id);
-			if (task === void 0) return {
+			if (task === void 0 || task.archivedAt !== void 0) return {
 				tasks,
 				applied: false
 			};
@@ -388,6 +463,10 @@ window.__ModuleLoader__.load({
 			};
 			const enabled = patch.enabled ?? current?.enabled ?? false;
 			const nextRunAt = enabled ? nextRunAtMs(cron, now) : void 0;
+			if (enabled && nextRunAt === void 0) return {
+				tasks,
+				applied: false
+			};
 			return {
 				tasks: tasks.map((candidate) => candidate.id === id ? withSchedule(candidate, {
 					enabled,
@@ -408,7 +487,7 @@ window.__ModuleLoader__.load({
 		* @param now - clock instant (ms epoch).
 		*/
 		function applyScheduleNextRun(tasks, id, nextRunAt, lastTriggeredAt, now) {
-			return tasks.map((task) => task.id === id && task.schedule !== void 0 ? withSchedule(task, {
+			return tasks.map((task) => task.id === id && task.archivedAt === void 0 && task.schedule !== void 0 ? withSchedule(task, {
 				nextRunAt,
 				lastTriggeredAt
 			}, now) : task);
@@ -476,6 +555,9 @@ window.__ModuleLoader__.load({
 		function currentOf(sessions) {
 			return sessions.list.getSnapshot().current;
 		}
+		function messageOf(error) {
+			return error instanceof Error ? error.message : String(error);
+		}
 		/**
 		* Board controller (see module doc). All mutations bump the snapshot and
 		* persist through the store; UI and DOM mounts subscribe and re-render.
@@ -494,6 +576,12 @@ window.__ModuleLoader__.load({
 			disposers = [];
 			now;
 			uuid;
+			pendingTaskIds = /* @__PURE__ */ new Set();
+			taskQueues = /* @__PURE__ */ new Map();
+			transportError;
+			hostState;
+			remoteSubscribed = false;
+			remoteInitialization;
 			/** @param deps - store, execution service, and the sessions navigation face. */
 			constructor(deps) {
 				this.deps = deps;
@@ -503,11 +591,12 @@ window.__ModuleLoader__.load({
 			/** Load the persisted ledger and start the navigation/status subscriptions. */
 			start() {
 				this.tasks = this.deps.store.load();
-				this.reconcileRunningTasks();
-				const unsubscribeExternal = this.deps.store.subscribeExternal?.(() => {
+				if (this.deps.transport !== void 0) this.initializeRemote();
+				else this.reconcileRunningTasks();
+				const unsubscribeExternal = this.deps.transport === void 0 ? this.deps.store.subscribeExternal?.(() => {
 					this.tasks = this.deps.store.load();
 					this.notify();
-				});
+				}) : void 0;
 				if (unsubscribeExternal !== void 0) this.disposers.push(unsubscribeExternal);
 				this.disposers.push(this.deps.sessions.list.subscribe(() => {
 					this.onSessionsChanged();
@@ -527,7 +616,10 @@ window.__ModuleLoader__.load({
 					boardOpen: this.boardOpen,
 					archiveView: this.archiveView,
 					selectedTaskId: this.selectedTaskId,
-					executionOptions: this.executionOptions
+					executionOptions: this.executionOptions,
+					pendingTaskIds: [...this.pendingTaskIds],
+					...this.transportError === void 0 ? {} : { transportError: this.transportError },
+					...this.hostState === void 0 ? {} : { host: this.hostState }
 				};
 			}
 			subscribe(fn) {
@@ -536,6 +628,14 @@ window.__ModuleLoader__.load({
 					this.listeners.delete(fn);
 				};
 			}
+			/** Whether production mutations are confirmed by the Host transport. */
+			isHostBacked() {
+				return this.deps.transport !== void 0;
+			}
+			/** Retry initial migration/state synchronization after an explicit Host error. */
+			async retryHostSync() {
+				return await this.initializeRemote();
+			}
 			openBoard() {
 				if (this.boardOpen) return;
 				this.lastCurrent = currentOf(this.deps.sessions);
@@ -575,13 +675,33 @@ window.__ModuleLoader__.load({
 				this.notify();
 			}
 			createTask(input) {
-				const { task, tasks } = applyCreateTask(this.tasks, input, this.now(), this.uuid());
+				const id = this.uuid();
+				const { task, tasks } = applyCreateTask(this.tasks, input, this.now(), id);
 				if (task === void 0) return void 0;
 				this.tasks = [...tasks];
 				this.persistAndNotify();
 				return task;
 			}
+			/** Create through the Host and expose the task only after confirmation. */
+			async createTaskConfirmed(input) {
+				if (this.deps.transport === void 0) return this.createTask(input);
+				const id = this.uuid();
+				if (applyCreateTask(this.tasks, input, this.now(), id).task === void 0) return void 0;
+				return await this.commitRemote({
+					kind: "create",
+					id,
+					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;
+				}
 				this.tasks = [...applyUpdateTask(this.tasks, id, patch, this.now())];
 				this.persistAndNotify();
 			}
@@ -597,10 +717,25 @@ window.__ModuleLoader__.load({
 				this.notify();
 			}
 			moveTask(id, status) {
+				if (this.deps.transport !== void 0) {
+					this.commitRemote({
+						kind: "move",
+						taskId: id,
+						status
+					}, id);
+					return;
+				}
 				this.tasks = this.tasks.map((task) => task.id === id ? withStatus(task, status, this.now()) : task);
 				this.persistAndNotify();
 			}
 			deleteTask(id) {
+				if (this.deps.transport !== void 0) {
+					this.commitRemote({
+						kind: "delete",
+						taskId: id
+					}, id);
+					return;
+				}
 				const { tasks, selectionCleared } = applyDeleteTask(this.tasks, this.selectedTaskId, id);
 				this.tasks = [...tasks];
 				if (selectionCleared) this.selectedTaskId = void 0;
@@ -615,6 +750,13 @@ window.__ModuleLoader__.load({
 			archiveTask(id) {
 				const { tasks, archived } = applyArchiveTask(this.tasks, id, this.now());
 				if (!archived) return false;
+				if (this.deps.transport !== void 0) {
+					this.commitRemote({
+						kind: "archive",
+						taskId: id
+					}, id);
+					return true;
+				}
 				this.tasks = [...tasks];
 				this.persistAndNotify();
 				return true;
@@ -623,7 +765,17 @@ window.__ModuleLoader__.load({
 			restoreTask(id) {
 				const { tasks, archived } = applyRestoreTask(this.tasks, id, this.now());
 				if (!archived) return false;
+				if (this.deps.transport !== void 0) {
+					this.commitRemote({
+						kind: "restore",
+						taskId: id
+					}, id).then((restored) => {
+						if (restored && this.selectedTaskId === id) this.closeTask();
+					});
+					return true;
+				}
 				this.tasks = [...tasks];
+				if (this.selectedTaskId === id) this.selectedTaskId = void 0;
 				this.persistAndNotify();
 				return true;
 			}
@@ -639,14 +791,21 @@ window.__ModuleLoader__.load({
 			setSchedule(id, patch) {
 				const { tasks, applied } = applySetSchedule(this.tasks, id, patch, this.now());
 				if (!applied) return false;
+				if (this.deps.transport !== void 0) {
+					this.commitRemote({
+						kind: "set-schedule",
+						taskId: id,
+						patch
+					}, id);
+					return true;
+				}
 				this.tasks = [...tasks];
 				this.persistAndNotify();
 				return true;
 			}
 			/**
-			* Roll a task's schedule forward (scheduler callback): persist the next due
-			* instant and the trigger instant of this run. No-op when the task has no
-			* schedule rule (it was deleted mid-tick, for example).
+			* Legacy pure-controller seam retained for migration-focused tests. The
+			* production browser never rolls schedules; the Host ledger owns them.
 			*/
 			applyScheduleNextRun(id, nextRunAt, lastTriggeredAt) {
 				const next = applyScheduleNextRun(this.tasks, id, nextRunAt, lastTriggeredAt, this.now());
@@ -654,12 +813,8 @@ 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.
+			* Reload the legacy v1 store without notifying subscribers. Production v2
+			* reads Host snapshots instead; this remains only for isolated legacy tests.
 			*/
 			reloadFromStore() {
 				this.tasks = this.deps.store.load();
@@ -679,11 +834,16 @@ window.__ModuleLoader__.load({
 			*/
 			async runTask(id) {
 				const task = this.tasks.find((candidate) => candidate.id === id);
-				if (task === void 0 || task.status === "running") return false;
+				if (task === void 0 || task.archivedAt !== void 0 || task.status === "running") return false;
+				if (this.deps.transport !== void 0) return await this.commitRemote({
+					kind: "run",
+					taskId: id
+				}, id);
 				const { task: next, execution } = startExecution(task, this.now(), this.uuid());
 				this.tasks = this.tasks.map((candidate) => candidate.id === id ? next : candidate);
 				this.persistAndNotify();
 				this.activeExecutionIds.add(execution.id);
+				if (this.deps.exec === void 0) throw new Error("legacy execution service is unavailable");
 				await this.deps.exec.run(next, execution, (event) => {
 					this.handleExecutionEvent(event);
 				});
@@ -692,7 +852,14 @@ window.__ModuleLoader__.load({
 			/** Re-run a settled task: move it back to 'todo' first, then execute. */
 			async rerunTask(id) {
 				const task = this.tasks.find((candidate) => candidate.id === id);
-				if (task === void 0) return;
+				if (task === void 0 || task.archivedAt !== void 0) return;
+				if (this.deps.transport !== void 0) {
+					await this.commitRemote({
+						kind: "rerun",
+						taskId: id
+					}, id);
+					return;
+				}
 				if (task.status !== "running") {
 					this.tasks = this.tasks.map((candidate) => candidate.id === id ? withStatus(candidate, "todo", this.now()) : candidate);
 					this.persistAndNotify();
@@ -711,7 +878,7 @@ window.__ModuleLoader__.load({
 			}
 			/** Reconcile running tasks and close the board when the user navigates. */
 			onSessionsChanged() {
-				this.scheduleReconcile();
+				if (this.deps.transport === void 0) this.scheduleReconcile();
 				if (!this.boardOpen) return;
 				const current = currentOf(this.deps.sessions);
 				if (current !== this.lastCurrent) this.closeBoard();
@@ -739,6 +906,7 @@ window.__ModuleLoader__.load({
 			}
 			/** Settle tasks left 'running' whose sessions already finished. */
 			async reconcileRunningTasks() {
+				if (this.deps.exec === void 0) return;
 				if (this.reconcileInFlight) return;
 				this.reconcileInFlight = true;
 				try {
@@ -769,442 +937,138 @@ window.__ModuleLoader__.load({
 				}
 			}
 			persistAndNotify() {
-				this.deps.store.save(this.tasks);
+				if (this.deps.transport === void 0) this.deps.store.save(this.tasks);
 				this.notify();
 			}
-			notify() {
-				for (const fn of [...this.listeners]) fn();
-			}
-		};
-		/** Record which session ran an execution (once the execution service reports it). */
-		function attachSessionId(task, executionId, sessionId, now) {
-			return {
-				...task,
-				updatedAt: now,
-				executions: task.executions.map((execution) => execution.id === executionId ? {
-					...execution,
-					sessionId
-				} : execution)
-			};
-		}
-		//#endregion
-		//#region src/core/execution.ts
-		/** Human copy for a run failure. */
-		function messageOf(error) {
-			if (error instanceof Error) return error.message;
-			return String(error);
-		}
-		/**
-		* Whether a rejected preset switch actually means "the session already runs
-		* this preset" (the host's agent-preset-conflict with a matching
-		* existingPreset). A blank-session reuse race can produce this even though
-		* the requested composition is in place.
-		*/
-		function presetAlreadyRuns(error, mode) {
-			if (typeof error !== "object" || error === null) return false;
-			const details = error.details;
-			if (typeof details !== "object" || details === null) return false;
-			return details.existingPreset === mode;
-		}
-		/** Whether a `turn/end` payload closed the turn with an error reason. */
-		function isErrorTurnEnd(data) {
-			if (typeof data !== "object" || data === null) return false;
-			const reason = data.reason;
-			return typeof reason === "object" && reason !== null && reason.kind === "error";
-		}
-		/**
-		* Run one task to completion (or to a settled failure).
-		*
-		* @param task - the task being executed.
-		* @param execution - the freshly opened execution record (id + start time).
-		* @param onEvent - callback for started/settled events.
-		* @returns resolves when the run settles (or fails to start); never rejects —
-		*   every failure path is reported as a settled event.
-		*/
-		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;
-			}
-			async run(task, execution, onEvent) {
-				const settleFailed = (error) => {
-					onEvent({
-						kind: "settled",
-						taskId: task.id,
-						executionId: execution.id,
-						outcome: "failed",
-						error
-					});
-				};
+			async commitRemote(action, taskId) {
+				if (this.deps.transport === void 0) return true;
+				if (taskId === void 0) return await this.performRemote(action);
+				const operation = (this.taskQueues.get(taskId) ?? Promise.resolve()).catch(() => {}).then(async () => await this.performRemote(action));
+				const tail = operation.then(() => {}, () => {});
+				this.taskQueues.set(taskId, tail);
+				this.pendingTaskIds.add(taskId);
+				this.notify();
 				try {
-					const sessionId = await this.connectSession(task.workspaceId);
-					onEvent({
-						kind: "started",
-						taskId: task.id,
-						executionId: execution.id,
-						sessionId
-					});
-					const driver = this.driverOf(sessionId);
-					if (driver === void 0) {
-						settleFailed("execution session is not ready");
-						return;
-					}
-					if (!await this.applyMode(driver, task, sessionId, settleFailed)) return;
-					if (!await this.applyPermission(driver, task, settleFailed)) return;
-					await driver.rename(task.title).catch(() => {});
-					const baseline = driver.getSnapshot().turnEnds.size;
-					const accepted = await this.sendPrompt(driver, task);
-					if (!accepted.ok) {
-						settleFailed(messageOf(accepted.error));
-						return;
+					return await operation;
+				} finally {
+					if (this.taskQueues.get(taskId) === tail) {
+						this.taskQueues.delete(taskId);
+						this.pendingTaskIds.delete(taskId);
+						this.notify();
 					}
-					this.watchForSettlement(driver, task.id, execution.id, onEvent, baseline);
-				} catch (error) {
-					settleFailed(messageOf(error));
 				}
 			}
-			/**
-			* Recompose the execution session's agent from the task-pinned preset.
-			* No-op when the task pins none or the session already runs it; fails the
-			* run when the session is no longer blank, the preset face is missing, or
-			* the wire refuses.
-			*/
-			async applyMode(driver, task, sessionId, settleFailed) {
-				const mode = task.mode;
-				if (mode === void 0 || mode === "") return true;
-				const summary = this.env.sessions.list.getSnapshot().byId[sessionId];
-				if (summary?.blank === false) {
-					settleFailed(`cannot switch agent preset to ${mode}: the execution session is not blank`);
-					return false;
-				}
-				if (summary?.agentPreset === mode) return true;
-				const presets = this.env.presets;
-				if (presets === void 0) {
-					settleFailed(`this deployment does not support agent presets (task asks for ${mode})`);
-					return false;
-				}
+			async performRemote(action) {
+				const transport = this.deps.transport;
+				if (transport === void 0) return true;
+				this.transportError = void 0;
+				this.notify();
 				try {
-					const result = await this.switchPreset(presets, sessionId, mode);
-					if (!result.ok) {
-						if (presetAlreadyRuns(result.error, mode)) {
-							this.env.sessions.noteAgentPreset?.(sessionId, mode);
-							return true;
-						}
-						settleFailed(`agent preset switch to ${mode} rejected: ${messageOf(result.error)}`);
-						return false;
-					}
+					return this.acceptRemote(await transport.action(action)) || await this.refreshRemote();
 				} catch (error) {
-					settleFailed(`agent preset switch to ${mode} failed: ${messageOf(error)}`);
+					await this.refreshRemote(messageOf(error));
 					return false;
 				}
-				this.env.sessions.noteAgentPreset?.(sessionId, mode);
-				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;
+			async initializeRemote() {
+				if (this.remoteInitialization !== void 0) return await this.remoteInitialization;
+				const initialization = this.doInitializeRemote();
+				this.remoteInitialization = initialization;
+				try {
+					return await initialization;
+				} finally {
+					if (this.remoteInitialization === initialization) this.remoteInitialization = void 0;
+				}
 			}
-			/**
-			* 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.
-			*/
-			async applyPermission(driver, task, settleFailed) {
-				const permission = task.permission;
-				if (permission === void 0) return true;
-				const line = `/permission ${permission}`;
+			async doInitializeRemote() {
+				const transport = this.deps.transport;
+				if (transport === void 0) return true;
 				try {
-					const result = await driver.command(line);
-					if (!result.ok) {
-						settleFailed(`permission command rejected: ${messageOf(result.error)}`);
-						return false;
-					}
-					if (!result.matched) {
-						settleFailed(`permission command not recognized: ${line}`);
-						return false;
+					this.acceptRemote(await transport.bootstrap(this.tasks));
+					if (!this.remoteSubscribed) {
+						this.remoteSubscribed = true;
+						this.disposers.push(transport.subscribe((event) => {
+							this.onRemoteEvent(event);
+						}));
 					}
+					return true;
 				} catch (error) {
-					settleFailed(`permission command failed: ${messageOf(error)}`);
+					this.transportError = messageOf(error);
+					this.notify();
 					return false;
 				}
-				return true;
 			}
 			/**
-			* Inspect a reloaded/background task that was left 'running' and emit a
-			* settled event when its session already finished.
-			*
-			* A session that was never opened keeps a cold conversation snapshot (the
-			* runtime only maintains the window for the staged/current session), so the
-			* settled outcome is decided by the strongest available signal, in order:
-			* 1. the list summary — missing session → cancelled; still running → pending;
-			* 2. a warm conversation snapshot → `lastAgentError` decides failed/succeeded;
-			* 3. the raw history tail (when a history face is wired) — a `turn/end`
-			*    error reason proves failure;
-			* 4. otherwise a finished session counts as succeeded.
-			*
-			* @param task - a task whose latest execution has no endedAt.
-			* @returns a settled event when the session state proves completion, else undefined.
+			* SSE frames carry revision/scheduler/power. When the revision matches the
+			* one already applied, apply the frame's scheduler/power in place and skip
+			* the full /state fetch; otherwise the 5 s heartbeat would re-clone and
+			* re-serialize the whole ledger per tab even while nothing changes.
 			*/
-			async reconcile(task) {
-				const execution = task.executions[task.executions.length - 1];
-				if (execution === void 0 || execution.sessionId === void 0 || execution.endedAt !== void 0) return void 0;
-				const list = this.env.sessions.list.getSnapshot();
-				if (list.phase !== "ready") return void 0;
-				const summary = list.byId[execution.sessionId];
-				if (summary === void 0) return {
-					kind: "settled",
-					taskId: task.id,
-					executionId: execution.id,
-					outcome: "cancelled",
-					error: "execution session no longer exists"
-				};
-				if (summary.running) return void 0;
-				const driver = this.driverOf(execution.sessionId);
-				if (driver !== void 0) {
-					const snapshot = driver.getSnapshot();
-					if (snapshot.turnEnds.size > 0) {
-						const outcome = snapshot.lastAgentError !== null ? "failed" : "succeeded";
-						return {
-							kind: "settled",
-							taskId: task.id,
-							executionId: execution.id,
-							outcome,
-							error: snapshot.lastAgentError ?? void 0
-						};
-					}
+			onRemoteEvent(event) {
+				if (event !== void 0 && this.hostState !== void 0 && event.revision === this.hostState.revision && typeof event.scheduler === "object" && event.scheduler !== null && typeof event.power === "object" && event.power !== null) {
+					this.hostState = {
+						revision: event.revision,
+						scheduler: event.scheduler,
+						power: event.power
+					};
+					this.notify();
+					return;
 				}
-				if (await this.historyShowsFailure(execution.sessionId)) return {
-					kind: "settled",
-					taskId: task.id,
-					executionId: execution.id,
-					outcome: "failed",
-					error: "agent turn failed"
-				};
-				return {
-					kind: "settled",
-					taskId: task.id,
-					executionId: execution.id,
-					outcome: "succeeded"
-				};
+				this.refreshRemote();
 			}
-			/** Best-effort failure probe over the raw history tail (false when unavailable). */
-			async historyShowsFailure(sessionId) {
-				const history = this.env.history;
-				if (history === void 0) return false;
+			async refreshRemote(preserveError) {
+				const transport = this.deps.transport;
+				if (transport === void 0) return true;
 				try {
-					const tail = await history.loadTail(sessionId);
-					if (tail === void 0) return false;
-					return tail.events.some((event) => event.type === "turn/end" && isErrorTurnEnd(event.data));
+					this.acceptRemote(await transport.state());
+					if (preserveError !== void 0) {
+						this.transportError = preserveError;
+						this.notify();
+					}
+					return true;
 				} catch (error) {
-					console.error("[dsh-task-board] history failure probe failed", error);
+					this.transportError = preserveError ?? messageOf(error);
+					this.notify();
 					return false;
 				}
 			}
-			async connectSession(taskWorkspaceId) {
-				const workspace = this.env.workspaces.list.getSnapshot();
-				if (taskWorkspaceId !== void 0 && taskWorkspaceId !== "") {
-					if (!workspace.items.some((item) => item.workspaceId === taskWorkspaceId)) throw new Error(`task workspace is not available: ${taskWorkspaceId}`);
-					return this.env.workspaces.connectWorkspace(taskWorkspaceId);
-				}
-				const workspaceId = workspace.recentWorkspaceId ?? workspace.items[0]?.workspaceId;
-				if (workspaceId === void 0) throw new Error("no workspace available to run the task in");
-				return this.env.workspaces.connectWorkspace(workspaceId);
-			}
-			driverOf(sessionId) {
-				return this.env.sessions.binding(sessionId)?.session;
-			}
-			async sendPrompt(driver, task) {
-				const text = task.prompt.trim() !== "" ? task.prompt : task.title;
-				try {
-					return await driver.prompt([{
-						type: "text",
-						text
-					}], "queue");
-				} catch (error) {
-					return {
-						ok: false,
-						error
-					};
-				}
-			}
-			/**
-			* Subscribe to the execution session and settle the run once the accepted
-			* turn completes (turn counter advanced past the acceptance baseline and
-			* the session is no longer running). Never settles while the session is
-			* still running; unsubscribes on settle.
-			*/
-			watchForSettlement(driver, taskId, executionId, onEvent, baseline) {
-				let settled = false;
-				let unsubscribe = () => {};
-				const check = () => {
-					if (settled) return;
-					const snapshot = driver.getSnapshot();
-					if (snapshot.running || snapshot.turnEnds.size <= baseline) return;
-					settled = true;
-					unsubscribe();
-					onEvent({
-						kind: "settled",
-						taskId,
-						executionId,
-						outcome: snapshot.lastAgentError !== null ? "failed" : "succeeded",
-						error: snapshot.lastAgentError ?? void 0
-					});
+			acceptRemote(snapshot) {
+				if (this.hostState?.scheduler.ledgerId === snapshot.scheduler.ledgerId && this.hostState !== void 0 && snapshot.revision < this.hostState.revision) return false;
+				this.tasks = [...snapshot.tasks];
+				this.hostState = {
+					revision: snapshot.revision,
+					scheduler: snapshot.scheduler,
+					power: snapshot.power
 				};
-				unsubscribe = driver.subscribe(check);
-				check();
-			}
-		};
-		//#endregion
-		//#region src/core/scheduler.ts
-		/**
-		* Browser-side scheduler: the heartbeat behind scheduled task runs.
-		*
-		* The board is a pure client plugin with no server channel, so "定时任务"
-		* lives in the tab: a timer ticks every minute (plus immediately on tab
-		* visibility recovery) and triggers any task whose `schedule.nextRunAt` is
-		* due, rolling the schedule forward to the next cron match before triggering
-		* so the same tick never double-fires. Missed runs are skipped, never queued:
-		* 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
-		* drop the environment listeners. The board unmount path calls stop/dispose,
-		* so no interval or listener outlives the board.
-		*
-		* Framework-free: all runtime access flows through the injected deps
-		* (structural faces), so tests drive ticks directly without timers.
-		*/
-		/**
-		* The schedule heartbeat (see module doc). `tick` is public so tests and
-		* callers can drive a check without waiting for the interval.
-		*/
-		var SchedulerService = class {
-			deps;
-			timer;
-			environmentListener;
-			disposed = false;
-			started = false;
-			/** Cron expressions that matched no instant in the scan window, per task —
-			*  remembered so a never-matching rule is not re-scanned on every tick. */
-			unmatchableRepair = /* @__PURE__ */ new Map();
-			/** @param deps - tasks/clock/trigger/apply faces (see {@link SchedulerDeps}). */
-			constructor(deps) {
-				this.deps = deps;
-			}
-			/**
-			* Start ticking: one immediate check (catch-up after reload) + the interval.
-			* Single-instance: a second start while already armed is a no-op, so a
-			* re-entrant mount can never stack a duplicate timer.
-			*/
-			start() {
-				if (this.disposed) return;
-				if (this.started) return;
-				this.started = true;
-				this.tick();
-				this.timer = setInterval(() => {
-					this.tick();
-				}, this.deps.tickMs ?? 6e4);
-				if (this.deps.environment !== void 0) {
-					this.environmentListener = () => {
-						this.tick();
-					};
-					this.deps.environment.addEventListener("visibilitychange", this.environmentListener);
-				}
-			}
-			/**
-			* Stop ticking and drop listeners (idempotent). Preferred shutdown verb for
-			* callers that treat the scheduler as a controlled ticker; `dispose` is an
-			* alias.
-			*/
-			stop() {
-				this.dispose();
-			}
-			/** Stop ticking and drop listeners (idempotent). */
-			dispose() {
-				if (this.disposed && this.timer === void 0 && this.environmentListener === void 0) return;
-				this.disposed = true;
-				this.started = false;
-				if (this.timer !== void 0) {
-					clearInterval(this.timer);
-					this.timer = void 0;
-				}
-				if (this.environmentListener !== void 0 && this.deps.environment !== void 0) {
-					this.deps.environment.removeEventListener("visibilitychange", this.environmentListener);
-					this.environmentListener = void 0;
-				}
+				this.transportError = void 0;
+				if (this.selectedTaskId !== void 0 && !this.tasks.some((task) => task.id === this.selectedTaskId)) this.selectedTaskId = void 0;
+				if (!this.archiveView && this.selectedTaskId !== void 0 && this.tasks.find((task) => task.id === this.selectedTaskId)?.archivedAt !== void 0) this.selectedTaskId = void 0;
+				this.notify();
+				return true;
 			}
-			/**
-			* Check every enabled schedule and trigger the due ones. Idempotent per
-			* task per tick: the schedule is rolled forward only after runTask accepts
-			* the run, so a rejected run keeps its due slot and is retried on the next
-			* tick instead of being silently dropped.
-			*/
-			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;
-					if (schedule === void 0 || !schedule.enabled) continue;
-					if (schedule.nextRunAt === void 0) {
-						if (this.unmatchableRepair.get(task.id) === schedule.cron) continue;
-						const repaired = nextRunAtMs(schedule.cron, now);
-						if (repaired === void 0) {
-							this.unmatchableRepair.set(task.id, schedule.cron);
-							continue;
-						}
-						this.unmatchableRepair.delete(task.id);
-						this.deps.applySchedule(task.id, repaired, void 0);
-						continue;
-					}
-					if (schedule.nextRunAt > now) continue;
-					const next = nextRunAtMs(schedule.cron, schedule.nextRunAt);
-					if (await this.deps.runTask(task.id)) this.deps.applySchedule(task.id, next, now);
-				}
+			notify() {
+				for (const fn of [...this.listeners]) fn();
 			}
 		};
+		/** Record which session ran an execution (once the execution service reports it). */
+		function attachSessionId(task, executionId, sessionId, now) {
+			return {
+				...task,
+				updatedAt: now,
+				executions: task.executions.map((execution) => execution.id === executionId ? {
+					...execution,
+					sessionId
+				} : execution)
+			};
+		}
 		//#endregion
 		//#region src/core/store.ts
 		/**
-		* Task persistence: a small storage seam with a localStorage backend.
+		* Legacy v1 browser persistence and the store seam used by pure client tests.
 		*
-		* The task-board client plugin runs in the browser, and dsh exposes no
-		* browser-writable file channel (same conclusion the skin-center research
-		* reached for cordis.patch.yml), so tasks persist in the browser's
-		* localStorage under a versioned key — the same persistence mechanism dsh's
-		* own client snapshot stores use (`createSnapshotStore` persist). Data
-		* survives page refreshes and dsh restarts (same origin), and survives
-		* plugin uninstall (the key is simply left in place).
+		* Production v2 state is Host-authoritative. This backend is retained only to
+		* read `dsh.taskBoard.v1` for one-time import; the old value is never removed,
+		* so it remains a read-only rollback copy after migration.
 		*
 		* The seam keeps the backend swappable (e.g. an IndexedDB or a host-file
 		* channel later); tests run against the in-memory backend and a jsdom
@@ -1402,8 +1266,12 @@ window.__ModuleLoader__.load({
 			"board.status.done": "已完成",
 			"board.status.failed": "已失败",
 			"board.runs": "次执行",
+			"board.pending": "正在提交",
 			"board.updated": "更新于",
 			"board.created": "创建于",
+			"board.hostError": "Host 操作失败：{error}",
+			"board.retryHost": "重试连接 Host",
+			"board.hostMeta": "Host 时区 {timeZone} · revision {revision}",
 			"new.title": "标题",
 			"new.titlePlaceholder": "一句话描述要做什么",
 			"new.description": "描述",
@@ -1472,11 +1340,17 @@ window.__ModuleLoader__.load({
 			"detail.executionSettings": "执行设置",
 			"exec.hint": "执行时生效：工作区决定执行会话落在哪个工作区；模式决定会话的 agent 预设；权限经 /permission 命令应用到会话。留空则使用运行时默认。",
 			"settings.title": "任务看板",
-			"settings.description": "控制看板在 agent 系统提示中的播报行为。",
+			"settings.description": "控制 Host 任务看板、agent 播报与运行期间的系统空闲睡眠保护。",
 			"settings.enabled": "启用任务看板",
 			"settings.enabledHint": "关闭后隐藏侧边栏入口与看板视图。",
 			"settings.announceToAgent": "向 agent 播报任务看板",
 			"settings.announceToAgentHint": "开启：每条 agent 系统提示都会包含本看板的说明；关闭：不播报，agent 仅在用户主动提及时了解看板。",
+			"settings.preventIdleSleep": "阻止系统空闲睡眠",
+			"settings.preventIdleSleepHint": "默认关闭。开启后，只要存在运行中的 DSH 会话、已启用的定时任务或会话状态尚未确认，Host 就阻止整机因空闲睡眠；屏幕仍可自动关闭。",
+			"settings.powerStatus": "平台：{platform}；保护状态：{phase}；运行会话：{running}；已启用计划：{schedules}",
+			"settings.powerBoundary": "这可能增加电池消耗。合盖、手动睡眠、休眠、关机、低电量或企业策略不在保证范围内，也不会唤醒已经睡眠的机器。",
+			"settings.powerUnknown": "未知",
+			"settings.powerError": "最近一次电源保护错误：{error}",
 			"settings.inherit": "继承",
 			"settings.on": "开",
 			"settings.off": "关",
@@ -1513,8 +1387,12 @@ window.__ModuleLoader__.load({
 			"board.status.done": "Done",
 			"board.status.failed": "Failed",
 			"board.runs": "runs",
+			"board.pending": "Submitting",
 			"board.updated": "Updated",
 			"board.created": "Created",
+			"board.hostError": "Host action failed: {error}",
+			"board.retryHost": "Retry Host connection",
+			"board.hostMeta": "Host time zone {timeZone} · revision {revision}",
 			"new.title": "Title",
 			"new.titlePlaceholder": "What should be done, in one line",
 			"new.description": "Description",
@@ -1583,11 +1461,17 @@ window.__ModuleLoader__.load({
 			"detail.executionSettings": "Execution Settings",
 			"exec.hint": "Applied when the task runs: the workspace decides where the execution session lands; the mode composes the session's agent preset; the permission is applied through the /permission command. Blank = runtime default.",
 			"settings.title": "Task Board",
-			"settings.description": "How the board announces itself in each agent system prompt.",
+			"settings.description": "Configure the Host task board, agent announcement, and idle-system-sleep protection while work is pending.",
 			"settings.enabled": "Enable the task board",
 			"settings.enabledHint": "When off, the sidebar entry and board view are hidden.",
 			"settings.announceToAgent": "Announce the task board to agents",
 			"settings.announceToAgentHint": "On: every agent system prompt includes a note about this board. Off: no announcement; agents learn about the board only when you mention it.",
+			"settings.preventIdleSleep": "Prevent idle system sleep",
+			"settings.preventIdleSleepHint": "Off by default. When enabled, the Host prevents idle system sleep while any DSH session runs, any schedule is enabled, or session state is not yet known. The display may still turn off.",
+			"settings.powerStatus": "Platform: {platform}; protection: {phase}; running sessions: {running}; enabled schedules: {schedules}",
+			"settings.powerBoundary": "This may use more battery. Lid close, manual sleep, hibernation, shutdown, low-battery actions, and enterprise policy are outside the guarantee; an already sleeping computer is not woken.",
+			"settings.powerUnknown": "unknown",
+			"settings.powerError": "Latest power-protection error: {error}",
 			"settings.inherit": "Inherit",
 			"settings.on": "On",
 			"settings.off": "Off",
@@ -1717,7 +1601,7 @@ window.__ModuleLoader__.load({
 		//#region src/client/board/NewTaskModal.tsx
 		/**
 		* New-task modal: title + description + the prompt that execution will send.
-		* Creates through the controller (which persists immediately).
+		* Creates through the Host and closes only after the Host confirms it.
 		*/
 		/** New-task form overlay. */
 		function NewTaskModal({ controller, onClose }) {
@@ -1731,9 +1615,10 @@ window.__ModuleLoader__.load({
 			const [scheduleCron, setScheduleCron] = (0, react.useState)("");
 			const [scheduleError, setScheduleError] = (0, react.useState)(void 0);
 			const [error, setError] = (0, react.useState)(void 0);
+			const [pending, setPending] = (0, react.useState)(false);
 			const [options, setOptions] = (0, react.useState)(controller.getSnapshot().executionOptions);
 			(0, react.useEffect)(() => controller.subscribe(() => setOptions(controller.getSnapshot().executionOptions)), [controller]);
-			const submit = () => {
+			const submit = async () => {
 				if (scheduleEnabled) {
 					const cron = scheduleCron.trim();
 					if (cron === "" || !isValidCron(cron)) {
@@ -1741,7 +1626,8 @@ window.__ModuleLoader__.load({
 						return;
 					}
 				}
-				if (controller.createTask({
+				setPending(true);
+				if (await controller.createTaskConfirmed({
 					title,
 					description,
 					prompt,
@@ -1753,7 +1639,8 @@ window.__ModuleLoader__.load({
 						cron: scheduleCron.trim()
 					} : void 0
 				}) === void 0) {
-					setError(t("new.required"));
+					setPending(false);
+					setError(controller.getSnapshot().transportError ?? t("new.required"));
 					return;
 				}
 				onClose();
@@ -1964,6 +1851,7 @@ window.__ModuleLoader__.load({
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 								type: "submit",
 								className: board_module_css_default.primaryButton,
+								disabled: pending,
 								children: t("new.submit")
 							})]
 						})
@@ -1993,22 +1881,37 @@ window.__ModuleLoader__.load({
 		* by the board, so the memo boundary is effective.
 		*/
 		/** Compact relative/absolute time label. */
-		function formatTime(ms) {
+		function formatHostTimestamp(ms, timeZone) {
+			try {
+				return new Intl.DateTimeFormat(void 0, {
+					dateStyle: "medium",
+					timeStyle: "medium",
+					...timeZone === void 0 ? {} : { timeZone }
+				}).format(new Date(ms));
+			} catch {
+				return new Date(ms).toISOString();
+			}
+		}
+		function formatTime(ms, timeZone) {
 			const date = new Date(ms);
 			const minutes = Math.floor((Date.now() - ms) / 6e4);
 			if (minutes < 1) return t("time.justNow");
 			if (minutes < 60) return `${minutes}m`;
 			if (minutes < 1440) return `${Math.floor(minutes / 60)}h`;
+			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, onClick }) {
+		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;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 				type: "button",
 				className: board_module_css_default.card,
-				"data-status": task.status,
+				"data-status": archived ? "archived" : task.status,
+				"data-dsh-part": "card",
+				"data-pending": pending || void 0,
 				onClick,
 				title: task.description !== "" ? task.description : task.title,
 				children: [
@@ -2031,14 +1934,14 @@ window.__ModuleLoader__.load({
 									formatTime(task.updatedAt)
 								]
 							}),
-							task.schedule?.enabled === true && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							!archived && task.schedule?.enabled === true && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 								className: board_module_css_default.cardSchedule,
-								title: task.schedule.nextRunAt !== void 0 ? `${t("card.scheduled")} · ${new Date(task.schedule.nextRunAt).toLocaleString()}` : t("card.scheduled"),
+								title: task.schedule.nextRunAt !== void 0 ? `${t("card.scheduled")} · ${formatHostTimestamp(task.schedule.nextRunAt, timeZone)}` : t("card.scheduled"),
 								children: t("card.scheduled")
 							}),
 							latest !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 								className: board_module_css_default.cardRun,
-								"data-result": latest.result,
+								"data-result": archived ? void 0 : latest.result,
 								children: [
 									runs,
 									" ",
@@ -2050,13 +1953,17 @@ window.__ModuleLoader__.load({
 								title: latest.sessionId,
 								children: "⌁"
 							}),
-							task.status === "running" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							!archived && (task.status === "running" || pending) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 								className: board_module_css_default.cardSpinner,
 								"aria-hidden": "true"
 							})
 						]
 					}),
-					latest !== void 0 && executionLabel(latest) === "running" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					!archived && pending && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						className: board_module_css_default.cardRunningLabel,
+						children: [t("board.pending"), "…"]
+					}),
+					!archived && latest !== void 0 && executionLabel(latest) === "running" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 						className: board_module_css_default.cardRunningLabel,
 						children: [t("detail.result.running"), "…"]
 					})
@@ -2123,7 +2030,7 @@ window.__ModuleLoader__.load({
 			cancelled: "detail.result.cancelled"
 		};
 		/** One execution-history row. */
-		function ExecutionRow({ execution, onOpen }) {
+		function ExecutionRow({ execution, timeZone, onOpen }) {
 			const result = execution.result;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
 				className: board_module_css_default.executionRow,
@@ -2139,8 +2046,8 @@ window.__ModuleLoader__.load({
 						children: [
 							t("detail.executionStarted"),
 							" ",
-							formatTime(execution.startedAt),
-							execution.endedAt !== void 0 && ` · ${t("detail.executionEnded")} ${formatTime(execution.endedAt)}`
+							formatTime(execution.startedAt, timeZone),
+							execution.endedAt !== void 0 && ` · ${t("detail.executionEnded")} ${formatTime(execution.endedAt, timeZone)}`
 						]
 					}),
 					execution.sessionId !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
@@ -2160,7 +2067,7 @@ window.__ModuleLoader__.load({
 			});
 		}
 		/** The execution-target editor: workspace / mode / permission pickers. */
-		function ExecutionSettingsSection({ controller, task }) {
+		function ExecutionSettingsSection({ controller, task, pending }) {
 			const [options, setOptions] = (0, react.useState)(controller.getSnapshot().executionOptions);
 			(0, react.useEffect)(() => controller.subscribe(() => setOptions(controller.getSnapshot().executionOptions)), [controller]);
 			const workspaceId = task.workspaceId ?? "";
@@ -2184,6 +2091,7 @@ window.__ModuleLoader__.load({
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
 							className: board_module_css_default.select,
 							value: workspaceId,
+							disabled: pending,
 							onChange: (event) => {
 								controller.updateTask(task.id, { workspaceId: event.target.value });
 							},
@@ -2211,6 +2119,7 @@ window.__ModuleLoader__.load({
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
 							className: board_module_css_default.select,
 							value: mode,
+							disabled: pending,
 							onChange: (event) => {
 								controller.updateTask(task.id, { mode: event.target.value });
 							},
@@ -2243,6 +2152,7 @@ window.__ModuleLoader__.load({
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
 							className: board_module_css_default.select,
 							value: permission,
+							disabled: pending,
 							onChange: (event) => {
 								controller.updateTask(task.id, { permission: event.target.value === "" ? void 0 : event.target.value });
 							},
@@ -2259,13 +2169,14 @@ window.__ModuleLoader__.load({
 			});
 		}
 		/** The scheduled-runs editor: enable toggle, cron input + presets, next-run info. */
-		function ScheduleSection({ controller, task }) {
+		function ScheduleSection({ controller, task, pending }) {
 			const schedule = task.schedule;
 			const [cron, setCron] = (0, react.useState)(schedule?.cron ?? "0 9 * * *");
 			const [enabled, setEnabled] = (0, react.useState)(schedule?.enabled ?? false);
 			const [nextRunAt, setNextRunAt] = (0, react.useState)(schedule?.nextRunAt);
 			const [lastTriggeredAt, setLastTriggeredAt] = (0, react.useState)(schedule?.lastTriggeredAt);
 			const [error, setError] = (0, react.useState)(void 0);
+			const timeZone = controller.getSnapshot().host?.scheduler.timeZone;
 			(0, react.useEffect)(() => {
 				setCron(schedule?.cron ?? "0 9 * * *");
 				setEnabled(schedule?.enabled ?? false);
@@ -2298,8 +2209,10 @@ window.__ModuleLoader__.load({
 					return;
 				}
 				setError(void 0);
-				if (next && trimmed !== schedule?.cron) controller.setSchedule(task.id, { cron: trimmed });
-				if (controller.setSchedule(task.id, { enabled: next })) setEnabled(next);
+				if (controller.setSchedule(task.id, {
+					enabled: next,
+					...next && trimmed !== schedule?.cron ? { cron: trimmed } : {}
+				}) && !controller.isHostBacked()) setEnabled(next);
 			};
 			const applyPreset = (preset) => {
 				if (preset === "") return;
@@ -2307,8 +2220,8 @@ window.__ModuleLoader__.load({
 				setError(void 0);
 				controller.setSchedule(task.id, { cron: preset });
 			};
-			const nextLabel = !enabled || nextRunAt === void 0 ? t("detail.schedule.notScheduled") : nextRunAt <= Date.now() ? t("detail.schedule.dueSoon") : new Date(nextRunAt).toLocaleString();
-			const lastLabel = lastTriggeredAt === void 0 ? "—" : new Date(lastTriggeredAt).toLocaleString();
+			const nextLabel = !enabled || nextRunAt === void 0 ? t("detail.schedule.notScheduled") : nextRunAt <= Date.now() ? t("detail.schedule.dueSoon") : formatHostTimestamp(nextRunAt, timeZone);
+			const lastLabel = lastTriggeredAt === void 0 ? "—" : formatHostTimestamp(lastTriggeredAt, timeZone);
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 				className: board_module_css_default.detailSection,
 				children: [
@@ -2318,6 +2231,7 @@ window.__ModuleLoader__.load({
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 							type: "checkbox",
 							checked: enabled,
+							disabled: pending,
 							onChange: (event) => {
 								toggleEnabled(event.target.checked);
 							}
@@ -2328,6 +2242,7 @@ window.__ModuleLoader__.load({
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 							className: `${board_module_css_default.input} ${board_module_css_default.scheduleInput}${error !== void 0 ? ` ${board_module_css_default.scheduleInputInvalid}` : ""}`,
 							value: cron,
+							disabled: pending,
 							placeholder: "0 9 * * *",
 							spellCheck: false,
 							"aria-label": t("detail.schedule.cron"),
@@ -2344,6 +2259,7 @@ window.__ModuleLoader__.load({
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
 							className: board_module_css_default.schedulePreset,
 							value: "",
+							disabled: pending,
 							"aria-label": t("detail.schedule.presets"),
 							onChange: (event) => {
 								applyPreset(event.target.value);
@@ -2379,12 +2295,17 @@ window.__ModuleLoader__.load({
 		/** Task detail overlay. */
 		function TaskDetail({ controller, task }) {
 			const [confirmDelete, setConfirmDelete] = (0, react.useState)(false);
-			const running = task.status === "running";
 			const [latest, setLatest] = (0, react.useState)(task);
 			(0, react.useEffect)(() => {
 				setLatest(task);
 			}, [task]);
 			const current = latest;
+			const snapshot = controller.getSnapshot();
+			const running = current.status === "running";
+			const archived = current.archivedAt !== void 0;
+			const pending = snapshot.pendingTaskIds.includes(current.id);
+			const transportError = snapshot.transportError;
+			const timeZone = snapshot.host?.scheduler.timeZone;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: board_module_css_default.modalBackdrop,
 				onMouseDown: (event) => {
@@ -2404,8 +2325,8 @@ window.__ModuleLoader__.load({
 								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 									className: board_module_css_default.statusBadge,
-									"data-status": current.status,
-									children: t(STATUS_KEY[current.status])
+									"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",
@@ -2421,6 +2342,21 @@ window.__ModuleLoader__.load({
 						/* @__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", {
@@ -2435,14 +2371,15 @@ window.__ModuleLoader__.load({
 										children: current.prompt !== "" ? current.prompt : current.title
 									})]
 								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ExecutionSettingsSection, {
+								!archived && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ExecutionSettingsSection, {
 									controller,
-									task: current
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScheduleSection, {
+									task: current,
+									pending
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScheduleSection, {
 									controller,
-									task: current
-								}),
+									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", {
@@ -2452,20 +2389,21 @@ window.__ModuleLoader__.load({
 										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))
 									})]
 								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+								!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,
+											disabled: current.status === status || running || pending,
 											onClick: () => {
 												controller.moveTask(current.id, status);
 											},
@@ -2478,36 +2416,42 @@ window.__ModuleLoader__.load({
 						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("footer", {
 							className: board_module_css_default.detailFooter,
 							children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								!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,
+									disabled: running || pending,
 									onClick: () => {
-										controller.closeTask();
-										controller.rerunTask(current.id);
+										controller.rerunTask(current.id).then(() => {
+											if (controller.getSnapshot().transportError === void 0) controller.closeTask();
+										});
 									},
 									children: current.executions.length === 0 ? t("detail.run") : t("detail.rerun")
 								}),
-								current.archivedAt !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								archived ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 									type: "button",
 									className: board_module_css_default.primaryButton,
+									disabled: pending,
 									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,
+									disabled: pending,
 									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,
+									disabled: pending,
 									onClick: () => {
 										setConfirmDelete(true);
 									},
@@ -2518,8 +2462,8 @@ window.__ModuleLoader__.load({
 									children: [
 										t("board.created"),
 										" ",
-										formatTime(current.createdAt),
-										current.archivedAt !== void 0 && ` · ${t("detail.archivedAt", { time: formatTime(current.archivedAt) })}`
+										formatTime(current.createdAt, timeZone),
+										archived && ` · ${t("detail.archivedAt", { time: formatTime(current.archivedAt, timeZone) })}`
 									]
 								})
 							]
@@ -2536,7 +2480,6 @@ window.__ModuleLoader__.load({
 					onConfirm: () => {
 						setConfirmDelete(false);
 						controller.deleteTask(current.id);
-						controller.closeTask();
 					}
 				})]
 			});
@@ -2560,9 +2503,11 @@ window.__ModuleLoader__.load({
 		* re-renders only when its own task changes — not when a sibling card status,
 		* the filter, or the selection moves.
 		*/
-		const MemoTaskCard = (0, react.memo)(function MemoTaskCard({ task, onOpen }) {
+		const MemoTaskCard = (0, react.memo)(function MemoTaskCard({ task, pending, timeZone, onOpen }) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaskCard, {
 				task,
+				pending,
+				timeZone,
 				onClick: (0, react.useCallback)(() => {
 					onOpen(task.id);
 				}, [task.id, onOpen])
@@ -2583,6 +2528,7 @@ window.__ModuleLoader__.load({
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: board_module_css_default.board,
 				"data-dsh-taskboard-board": "",
+				"data-dsh-plugin": "task-board",
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
 						className: board_module_css_default.boardHeader,
@@ -2603,6 +2549,13 @@ window.__ModuleLoader__.load({
 								className: board_module_css_default.boardTitle,
 								children: t("board.title")
 							}),
+							snapshot.host !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: board_module_css_default.detailMeta,
+								children: t("board.hostMeta", {
+									revision: String(snapshot.host.revision),
+									timeZone: snapshot.host.scheduler.timeZone
+								})
+							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 								className: board_module_css_default.search,
 								type: "search",
@@ -2631,11 +2584,27 @@ window.__ModuleLoader__.load({
 							})
 						]
 					}),
+					snapshot.transportError !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: board_module_css_default.formError,
+						children: [
+							t("board.hostError", { error: snapshot.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.jsx)("div", {
 						className: board_module_css_default.columns,
 						children: archiveView ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 							className: board_module_css_default.column,
 							"data-status": "archived",
+							"data-dsh-part": "column",
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
 								className: board_module_css_default.columnHeader,
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
@@ -2649,6 +2618,8 @@ window.__ModuleLoader__.load({
 								className: board_module_css_default.cards,
 								children: [visible.map((task) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MemoTaskCard, {
 									task,
+									pending: snapshot.pendingTaskIds.includes(task.id),
+									timeZone: snapshot.host?.scheduler.timeZone,
 									onOpen: openTask
 								}, task.id)), visible.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 									className: board_module_css_default.columnEmpty,
@@ -2660,6 +2631,7 @@ window.__ModuleLoader__.load({
 							return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 								className: board_module_css_default.column,
 								"data-status": column.status,
+								"data-dsh-part": "column",
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
 									className: board_module_css_default.columnHeader,
 									children: [
@@ -2681,6 +2653,8 @@ window.__ModuleLoader__.load({
 									className: board_module_css_default.cards,
 									children: [tasks.map((task) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MemoTaskCard, {
 										task,
+										pending: snapshot.pendingTaskIds.includes(task.id),
+										timeZone: snapshot.host?.scheduler.timeZone,
 										onOpen: openTask
 									}, task.id)), tasks.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 										className: board_module_css_default.columnEmpty,
@@ -2745,6 +2719,7 @@ window.__ModuleLoader__.load({
 				if (column === void 0) return;
 				container = document.createElement("div");
 				container.dataset.dshTaskboardView = "";
+				container.dataset.dshPlugin = "task-board";
 				container.className = board_module_css_default.boardView;
 				column.appendChild(container);
 				root = (0, react_dom_client.createRoot)(container);
@@ -2792,9 +2767,7 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#endregion
-		//#region src/client/sidebar-entry.ts
-		/** Inline icon (matches the shell's 16px nav-icon look). */
-		const ICON = `<svg viewBox="0 0 16 16" width="14" height="14" fill="none" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="2" y="2.5" width="12" height="11" rx="1.5"/><path d="M2 6.5h12M6.5 6.5v7"/></svg>`;
+		//#region src/client/sidebar-entry-core.ts
 		/** Find the sidebar shell root element, or undefined while not yet mounted. */
 		function sidebarRoot() {
 			const column = document.querySelector("[data-pane=\"sidebar\"], [class*=\"sidebarCol\"]");
@@ -2808,27 +2781,30 @@ window.__ModuleLoader__.load({
 			for (const child of root.children) if (child.tagName === "BUTTON") return child;
 		}
 		/** Build the entry row (a detached button; insert once the shell is up). */
-		function createEntry(controller) {
+		function createEntry(options) {
 			const entry = document.createElement("button");
 			entry.type = "button";
-			entry.dataset.dshTaskboardEntry = "";
-			entry.className = board_module_css_default.entry;
-			entry.setAttribute("aria-label", t("entry.label"));
-			entry.innerHTML = `<span class="${board_module_css_default.entryIcon}">${ICON}</span><span class="${board_module_css_default.entryLabel}">${t("entry.label")}</span>`;
-			entry.addEventListener("click", () => {
-				controller.toggleBoard();
-			});
+			entry.setAttribute(options.rowAttribute, "");
+			if (options.plugin !== void 0) {
+				entry.setAttribute("data-dsh-plugin", options.plugin);
+				entry.setAttribute("data-dsh-part", "sidebar-entry");
+			}
+			entry.className = options.css["entry"] ?? "";
+			entry.setAttribute("aria-label", options.label());
+			if (options.tooltip !== void 0) entry.setAttribute("title", options.tooltip());
+			entry.innerHTML = "<span class=\"" + (options.css["entryIcon"] ?? "") + "\">" + options.icon + "</span><span class=\"" + (options.css["entryLabel"] ?? "") + "\">" + options.label() + "</span>";
+			entry.addEventListener("click", options.onToggle);
 			return entry;
 		}
 		/** Re-insert the entry after the New Session row (before the browser region). */
-		function placeEntry(root, entry) {
+		function placeEntry(root, entry, options) {
 			const button = newSessionButton(root);
 			if (button === void 0) return false;
 			if (entry.parentElement !== root) {
 				const row = button.closest("[class*=\"logoRow\"]");
 				const base = row !== null && row.parentElement === root ? row : button;
-				const family = Array.from(root.children).filter((el) => el instanceof HTMLElement && el.matches("[data-dsh-taskboard-entry], [data-dsh-ssh-entry]"));
-				const anchor = family.length > 0 ? family[0] : base.nextElementSibling;
+				const family = Array.from(root.children).filter((el) => el instanceof HTMLElement && el.matches(options.familySelectors.join(", ")));
+				const anchor = options.position === "before" ? family.length > 0 ? family[0] : base.nextElementSibling : family.length > 0 ? family[family.length - 1].nextElementSibling : base.nextElementSibling;
 				root.insertBefore(entry, anchor);
 			}
 			return true;
@@ -2836,12 +2812,12 @@ window.__ModuleLoader__.load({
 		/**
 		* Mount the sidebar entry, waiting for the shell to render and self-healing
 		* on later React re-renders.
-		* @param controller - the board controller the entry toggles.
+		* @param options - the row's attribute/icon/copy/action/ordering configuration.
 		* @returns disposer removing the entry and its observers.
 		*/
-		function mountSidebarEntry(controller) {
-			if (typeof document !== "undefined" && document.querySelector("[data-dsh-taskboard-entry]") !== null) return () => {};
-			const entry = createEntry(controller);
+		function mountSidebarEntry$1(options) {
+			if (typeof document !== "undefined" && document.querySelector(options.rowSelector) !== null) return () => {};
+			const entry = createEntry(options);
 			let root;
 			let placed = false;
 			const tryPlace = () => {
@@ -2858,7 +2834,7 @@ window.__ModuleLoader__.load({
 				}
 				root ??= sidebarRoot();
 				if (root === void 0) return;
-				placed = placeEntry(root, entry);
+				placed = placeEntry(root, entry, options);
 				if (placed) rootObserver.observe(root, {
 					childList: true,
 					subtree: true
@@ -2877,25 +2853,59 @@ window.__ModuleLoader__.load({
 					tryPlace();
 					return;
 				}
-				if (!root.contains(entry)) placed = placeEntry(root, entry);
+				if (!root.contains(entry)) placed = placeEntry(root, entry, options);
 			});
-			const syncActive = () => {
-				if (controller.getSnapshot().boardOpen) entry.dataset.active = "true";
-				else delete entry.dataset.active;
-			};
-			const unsubscribe = controller.subscribe(syncActive);
-			syncActive();
+			const unsubscribeActive = options.active === void 0 ? void 0 : (() => {
+				const syncActive = () => {
+					if (options.active.isOpen()) entry.dataset.active = "true";
+					else delete entry.dataset.active;
+				};
+				const unsubscribe = options.active.subscribe(syncActive);
+				syncActive();
+				return unsubscribe;
+			})();
 			tryPlace();
 			return () => {
 				waitObserver.disconnect();
 				rootObserver.disconnect();
-				unsubscribe();
+				unsubscribeActive?.();
 				entry.remove();
 			};
 		}
 		//#endregion
+		//#region src/client/sidebar-entry.ts
+		/** Stable data attribute identifying the injected entry row. */
+		const ENTRY_SELECTOR = "[data-dsh-taskboard-entry]";
+		/** Inline icon (matches the shell's 16px nav-icon look). */
+		const ICON = "<svg viewBox=\"0 0 16 16\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"2\" y=\"2.5\" width=\"12\" height=\"11\" rx=\"1.5\"/><path d=\"M2 6.5h12M6.5 6.5v7\"/></svg>";
+		/**
+		* Mount the sidebar entry, waiting for the shell to render and self-healing
+		* on later React re-renders.
+		* @param controller - the board controller the entry toggles.
+		* @returns disposer removing the entry and its observers.
+		*/
+		function mountSidebarEntry(controller) {
+			return mountSidebarEntry$1({
+				rowAttribute: "data-dsh-taskboard-entry",
+				rowSelector: ENTRY_SELECTOR,
+				plugin: "task-board",
+				icon: ICON,
+				css: board_module_css_default,
+				label: () => t("entry.label"),
+				onToggle: () => {
+					controller.toggleBoard();
+				},
+				position: "before",
+				familySelectors: ["[data-dsh-taskboard-entry]", "[data-dsh-ssh-entry]"],
+				active: {
+					subscribe: (listener) => controller.subscribe(listener),
+					isOpen: () => controller.getSnapshot().boardOpen
+				}
+			});
+		}
+		//#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_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_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;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");
@@ -2932,7 +2942,18 @@ window.__ModuleLoader__.load({
 			"readOnly": "Jh0q7G_readOnly",
 			"reset": "Jh0q7G_reset",
 			"save": "Jh0q7G_save",
-			"select": "Jh0q7G_select"
+			"select": "Jh0q7G_select",
+			"selectButton": "Jh0q7G_selectButton",
+			"selectChevron": "Jh0q7G_selectChevron",
+			"selectChevronOpen": "Jh0q7G_selectChevronOpen",
+			"selectLabel": "Jh0q7G_selectLabel",
+			"selectOption": "Jh0q7G_selectOption",
+			"selectOptionActive": "Jh0q7G_selectOptionActive",
+			"selectOptionSelected": "Jh0q7G_selectOptionSelected",
+			"selectPopup": "Jh0q7G_selectPopup",
+			"selectPopupClose": "Jh0q7G_selectPopupClose",
+			"selectPopupOpen": "Jh0q7G_selectPopupOpen",
+			"selectWrap": "Jh0q7G_selectWrap"
 		};
 		//#endregion
 		//#region src/client/PluginSettingsCard.tsx
@@ -3038,7 +3059,7 @@ window.__ModuleLoader__.load({
 							children: props.t("settings.readOnly")
 						}) : null,
 						props.children,
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						props.hideFooter === true ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: settings_card_module_css_default.footer,
 							children: [
 								state.failed ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
@@ -3066,6 +3087,175 @@ window.__ModuleLoader__.load({
 				}) : null]
 			});
 		}
+		const NON_SKIN_BODY_MARKERS = /* @__PURE__ */ new Set(["dshSkinCenter", "dshSidebarCollapsed"]);
+		function isSkinActive() {
+			return Object.keys(document.body.dataset).some((key) => key.startsWith("dsh") && !NON_SKIN_BODY_MARKERS.has(key));
+		}
+		const SELECT_CLOSE_MS = 100;
+		/**
+		* The shared dual-mode select control. While an appearance skin is active it
+		* renders the legacy native `<select>` untouched, so element-level skin
+		* selectors keep working; under the default appearance it renders a
+		* self-drawn `role="listbox"` popup whose open/close is transition-animated.
+		* Staged cards reach it through BooleanField/ChoiceField; immediate-apply
+		* editors (the side-card prefs) bind it directly through onEdit.
+		* 双模式下拉框：皮肤激活时用原生 select，默认外观用自绘动画弹层。
+		*/
+		function SelectField(props) {
+			const { id, options, value } = props;
+			const [open, setOpen] = (0, react.useState)(false);
+			const [closing, setClosing] = (0, react.useState)(false);
+			const [phase, setPhase] = (0, react.useState)("initial");
+			const [activeIndex, setActiveIndex] = (0, react.useState)(0);
+			const closeTimer = (0, react.useRef)(void 0);
+			const wrapRef = (0, react.useRef)(null);
+			const popupRef = (0, react.useRef)(null);
+			const currentIndex = () => {
+				const index = options.findIndex((option) => option.value === value);
+				return index >= 0 ? index : 0;
+			};
+			const close = (0, react.useCallback)(() => {
+				if (closeTimer.current !== void 0) clearTimeout(closeTimer.current);
+				setClosing(true);
+				closeTimer.current = setTimeout(() => {
+					setClosing(false);
+					setOpen(false);
+				}, SELECT_CLOSE_MS);
+			}, []);
+			const openPopup = () => {
+				if (closeTimer.current !== void 0) clearTimeout(closeTimer.current);
+				setActiveIndex(currentIndex());
+				setPhase("initial");
+				setClosing(false);
+				setOpen(true);
+			};
+			const commit = (index) => {
+				const option = options[index];
+				if (option) props.onEdit(option.value);
+				close();
+			};
+			const onTriggerClick = () => {
+				if (props.disabled) return;
+				if (open && !closing) close();
+				else openPopup();
+			};
+			const onKeyDown = (event) => {
+				if (props.disabled) return;
+				const count = options.length;
+				switch (event.key) {
+					case "ArrowDown":
+					case "ArrowUp":
+					case "Enter":
+					case " ":
+						event.preventDefault();
+						if (!open) openPopup();
+						else if (!closing) if (event.key === "ArrowDown") setActiveIndex((index) => (index + 1) % count);
+						else if (event.key === "ArrowUp") setActiveIndex((index) => (index - 1 + count) % count);
+						else commit(activeIndex);
+						break;
+					case "Escape":
+						if (open) {
+							event.preventDefault();
+							event.stopPropagation();
+							close();
+						}
+						break;
+					case "Tab":
+						if (open) close();
+						break;
+				}
+			};
+			(0, react.useEffect)(() => () => {
+				if (closeTimer.current !== void 0) clearTimeout(closeTimer.current);
+			}, []);
+			(0, react.useLayoutEffect)(() => {
+				if (open && !closing && phase === "initial") {
+					popupRef.current?.offsetHeight;
+					setPhase("open");
+				}
+			}, [
+				open,
+				closing,
+				phase
+			]);
+			(0, react.useEffect)(() => {
+				if (!open) return;
+				const onPointerDown = (event) => {
+					const target = event.target;
+					if (target instanceof Node && !wrapRef.current?.contains(target)) close();
+				};
+				document.addEventListener("pointerdown", onPointerDown);
+				return () => document.removeEventListener("pointerdown", onPointerDown);
+			}, [open, close]);
+			(0, react.useEffect)(() => {
+				if (props.disabled && open) close();
+			}, [
+				props.disabled,
+				open,
+				close
+			]);
+			if (isSkinActive()) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
+				id,
+				className: settings_card_module_css_default.select,
+				value,
+				disabled: props.disabled,
+				onChange: (event) => {
+					props.onEdit(event.target.value);
+				},
+				children: options.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+					value: option.value,
+					children: option.label
+				}, option.value))
+			});
+			const label = options.find((option) => option.value === value)?.label ?? "";
+			const popupClass = closing ? `${settings_card_module_css_default.selectPopup} ${settings_card_module_css_default.selectPopupClose}` : phase === "open" ? `${settings_card_module_css_default.selectPopup} ${settings_card_module_css_default.selectPopupOpen}` : settings_card_module_css_default.selectPopup;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: settings_card_module_css_default.selectWrap,
+				ref: wrapRef,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					type: "button",
+					id,
+					className: `${settings_card_module_css_default.select} ${settings_card_module_css_default.selectButton}`,
+					disabled: props.disabled,
+					"aria-haspopup": "listbox",
+					"aria-expanded": open,
+					"aria-activedescendant": open ? `${id}-o${activeIndex}` : void 0,
+					"aria-invalid": props.invalid || void 0,
+					onClick: onTriggerClick,
+					onKeyDown,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: settings_card_module_css_default.selectLabel,
+						children: label
+					}), /* @__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.selectChevron} ${settings_card_module_css_default.selectChevronOpen}` : settings_card_module_css_default.selectChevron,
+						"aria-hidden": "true",
+						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.jsx)("div", {
+					className: popupClass,
+					role: "listbox",
+					ref: popupRef,
+					children: options.map((option, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						id: `${id}-o${index}`,
+						role: "option",
+						"aria-selected": option.value === value,
+						className: `${settings_card_module_css_default.selectOption}${option.value === value ? ` ${settings_card_module_css_default.selectOptionSelected}` : ""}${index === activeIndex && !closing ? ` ${settings_card_module_css_default.selectOptionActive}` : ""}`,
+						onClick: () => {
+							commit(index);
+						},
+						children: option.label
+					}, option.value))
+				}) : null]
+			});
+		}
 		/** A staged boolean field: 继承 / 开 / 关. */
 		function BooleanField(props) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -3091,28 +3281,26 @@ window.__ModuleLoader__.load({
 							})]
 						}) : null]
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectField, {
 						id: props.id,
-						className: settings_card_module_css_default.select,
-						value: props.text,
-						disabled: props.disabled,
-						onChange: (event) => {
-							props.onEdit(event.target.value);
-						},
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+						options: [
+							{
 								value: "",
-								children: props.inheritLabel
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+								label: props.inheritLabel
+							},
+							{
 								value: "true",
-								children: props.onLabel
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+								label: props.onLabel
+							},
+							{
 								value: "false",
-								children: props.offLabel
-							})
-						]
+								label: props.offLabel
+							}
+						],
+						value: props.text,
+						disabled: props.disabled,
+						invalid: props.invalid,
+						onEdit: props.onEdit
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 						className: settings_card_module_css_default.hint,
@@ -3384,14 +3572,19 @@ window.__ModuleLoader__.load({
 			store;
 			/** @param scope - the bound settings scope for the `task-board` namespace. */
 			constructor(scope) {
-				this.form = new CardForm(scope, [booleanField("enabled"), booleanField("announceToAgent")]);
+				this.form = new CardForm(scope, [
+					booleanField("enabled"),
+					booleanField("announceToAgent"),
+					booleanField("preventIdleSleep")
+				]);
 				this.store = this.form.bind(() => this.projection());
 			}
 			projection() {
 				return {
 					...this.form.shell(),
 					enabled: this.form.field("enabled"),
-					announceToAgent: this.form.field("announceToAgent")
+					announceToAgent: this.form.field("announceToAgent"),
+					preventIdleSleep: this.form.field("preventIdleSleep")
 				};
 			}
 			/**
@@ -3421,6 +3614,21 @@ window.__ModuleLoader__.load({
 			const { t } = props;
 			const state = props.useTaskBoardSettingsCard((snapshot) => snapshot);
 			const disabled = !state.writable;
+			const [power, setPower] = (0, react.useState)();
+			(0, react.useEffect)(() => {
+				let live = true;
+				const events = new EventSource("/api/task-board/events");
+				events.onmessage = (message) => {
+					try {
+						const frame = JSON.parse(message.data);
+						if (frame.power !== void 0 && live) setPower(frame.power);
+					} catch {}
+				};
+				return () => {
+					live = false;
+					events.close();
+				};
+			}, []);
 			const fieldProps = {
 				overriddenLabel: t("settings.overridden"),
 				resetLabel: t("settings.reset"),
@@ -3431,43 +3639,172 @@ window.__ModuleLoader__.load({
 				t,
 				titleKey: "settings.title",
 				descriptionKey: "settings.description",
+				defaultOpen: false,
 				state,
 				onSave: props.save,
 				onDiscard: props.discard,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(BooleanField, {
-					id: "settings-task-board-enabled",
-					label: t("settings.enabled"),
-					hint: t("settings.enabledHint"),
-					inheritLabel: t("settings.inherit"),
-					onLabel: t("settings.on"),
-					offLabel: t("settings.off"),
-					...fieldProps,
-					...state.enabled,
-					onEdit: (text) => {
-						props.edit("enabled", text);
-					},
-					onReset: () => {
-						props.resetField("enabled");
-					}
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BooleanField, {
-					id: "settings-task-board-announce",
-					label: t("settings.announceToAgent"),
-					hint: t("settings.announceToAgentHint"),
-					inheritLabel: t("settings.inherit"),
-					onLabel: t("settings.on"),
-					offLabel: t("settings.off"),
-					...fieldProps,
-					...state.announceToAgent,
-					onEdit: (text) => {
-						props.edit("announceToAgent", text);
-					},
-					onReset: () => {
-						props.resetField("announceToAgent");
-					}
-				})]
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(BooleanField, {
+						id: "settings-task-board-enabled",
+						label: t("settings.enabled"),
+						hint: t("settings.enabledHint"),
+						inheritLabel: t("settings.inherit"),
+						onLabel: t("settings.on"),
+						offLabel: t("settings.off"),
+						...fieldProps,
+						...state.enabled,
+						onEdit: (text) => {
+							props.edit("enabled", text);
+						},
+						onReset: () => {
+							props.resetField("enabled");
+						}
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(BooleanField, {
+						id: "settings-task-board-announce",
+						label: t("settings.announceToAgent"),
+						hint: t("settings.announceToAgentHint"),
+						inheritLabel: t("settings.inherit"),
+						onLabel: t("settings.on"),
+						offLabel: t("settings.off"),
+						...fieldProps,
+						...state.announceToAgent,
+						onEdit: (text) => {
+							props.edit("announceToAgent", text);
+						},
+						onReset: () => {
+							props.resetField("announceToAgent");
+						}
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(BooleanField, {
+						id: "settings-task-board-prevent-idle-sleep",
+						label: t("settings.preventIdleSleep"),
+						hint: t("settings.preventIdleSleepHint"),
+						inheritLabel: t("settings.inherit"),
+						onLabel: t("settings.on"),
+						offLabel: t("settings.off"),
+						...fieldProps,
+						...state.preventIdleSleep,
+						onEdit: (text) => {
+							props.edit("preventIdleSleep", text);
+						},
+						onReset: () => {
+							props.resetField("preventIdleSleep");
+						}
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: t("settings.powerStatus", {
+						platform: power?.platform ?? t("settings.powerUnknown"),
+						phase: power?.phase ?? t("settings.powerUnknown"),
+						running: String(power?.runningSessions ?? 0),
+						schedules: String(power?.armedSchedules ?? 0)
+					}) }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: t("settings.powerBoundary") }),
+					power?.lastError !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: t("settings.powerError", { error: power.lastError }) })
+				]
 			});
 		}
 		//#endregion
+		//#region src/protocol.ts
+		const TASK_BOARD_API_PREFIX = "/api/task-board";
+		//#endregion
+		//#region src/client/host-api.ts
+		const IMPORT_MARKER = "dsh.taskBoard.v2.hostImported";
+		const SOURCE_KEY = "dsh.taskBoard.v2.sourceId";
+		const IMPORT_REQUEST_KEY = "dsh.taskBoard.v2.importRequestId";
+		const REQUEST_TIMEOUT_MS = 15e3;
+		function uuid() {
+			return globalThis.crypto?.randomUUID?.() ?? `browser-${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`;
+		}
+		async function readJson(response) {
+			const body = await response.json();
+			if (!response.ok) throw new Error(body.error ?? `task-board request failed: ${response.status}`);
+			return body;
+		}
+		var HttpTaskBoardHostTransport = class {
+			storage;
+			constructor(storage = globalThis.localStorage) {
+				this.storage = storage;
+			}
+			async bootstrap(legacy) {
+				const initial = await this.state();
+				const ledgerId = initial.scheduler.ledgerId;
+				if (legacy.length > 0 && ledgerId !== void 0 && this.storage?.getItem(IMPORT_MARKER) !== ledgerId) {
+					let sourceId = this.storage?.getItem(SOURCE_KEY);
+					if (sourceId === null || sourceId === void 0 || sourceId === "") {
+						sourceId = uuid();
+						this.storage?.setItem(SOURCE_KEY, sourceId);
+					}
+					let requestId = this.storage?.getItem(IMPORT_REQUEST_KEY);
+					if (requestId === null || requestId === void 0 || requestId === "") {
+						requestId = uuid();
+						this.storage?.setItem(IMPORT_REQUEST_KEY, requestId);
+					}
+					const snapshot = await this.post(requestId, {
+						kind: "import",
+						sourceId,
+						tasks: [...legacy]
+					});
+					this.storage?.setItem(IMPORT_MARKER, snapshot.scheduler.ledgerId ?? ledgerId);
+					return snapshot;
+				}
+				return initial;
+			}
+			async state() {
+				return await this.request(`${TASK_BOARD_API_PREFIX}/state`, { cache: "no-store" });
+			}
+			async action(action) {
+				return await this.post(uuid(), action);
+			}
+			async post(requestId, action) {
+				const envelope = {
+					requestId,
+					action
+				};
+				return await this.request(`${TASK_BOARD_API_PREFIX}/action`, {
+					method: "POST",
+					headers: { "content-type": "application/json" },
+					body: JSON.stringify(envelope)
+				});
+			}
+			async request(url, init) {
+				const controller = new AbortController();
+				const timeout = globalThis.setTimeout(() => {
+					controller.abort();
+				}, REQUEST_TIMEOUT_MS);
+				try {
+					return await readJson(await fetch(url, {
+						...init,
+						signal: controller.signal
+					}));
+				} catch (error) {
+					if (controller.signal.aborted) throw new Error(`task-board Host request timed out after ${REQUEST_TIMEOUT_MS / 1e3}s`);
+					throw error;
+				} finally {
+					globalThis.clearTimeout(timeout);
+				}
+			}
+			subscribe(listener) {
+				const events = new EventSource(`${TASK_BOARD_API_PREFIX}/events`);
+				events.onmessage = (message) => {
+					try {
+						const parsed = JSON.parse(message.data);
+						if (parsed === null || typeof parsed !== "object" || typeof parsed.revision !== "number") throw new Error("invalid event frame");
+						listener(parsed);
+					} catch {
+						listener();
+					}
+				};
+				const onVisible = () => {
+					if (document.visibilityState === "visible") listener();
+				};
+				document.addEventListener("visibilitychange", onVisible);
+				return () => {
+					document.removeEventListener("visibilitychange", onVisible);
+					events.close();
+				};
+			}
+		};
+		//#endregion
 		//#region src/client/index.ts
 		/** Locale namespace this plugin owns. */
 		const NS = "task-board";
@@ -3512,85 +3849,18 @@ window.__ModuleLoader__.load({
 			let uiDisposer;
 			const mountUi = () => {
 				if (uiDisposer !== void 0) return;
-				const sessions = ctx.sessions;
-				const workspaces = ctx.workspaces;
+				const sessions = ctx.get("sessions");
+				const workspaces = ctx.get("workspaces");
 				const connection = ctx.get("connection");
 				const controller = new BoardController({
 					store: new LocalStorageTaskStore(),
-					exec: new ExecutionService({
-						sessions: {
-							list: sessions.list,
-							binding: (id) => {
-								const binding = sessions.binding(id);
-								if (binding === void 0) return void 0;
-								const { session } = binding;
-								return { session: {
-									rename: (title) => session.rename(title),
-									prompt: (content, mode) => session.prompt(content, mode).then((result) => result.ok ? { ok: true } : {
-										ok: false,
-										error: result.error
-									}),
-									command: (line) => session.command(line).then((result) => result.ok ? {
-										ok: true,
-										matched: result.value.matched
-									} : {
-										ok: false,
-										error: result.error
-									}),
-									getSnapshot: () => session.getSnapshot(),
-									subscribe: (fn) => session.subscribe(fn)
-								} };
-							},
-							noteAgentPreset: (sessionId, agentPreset) => sessions.noteAgentPreset(sessionId, agentPreset)
-						},
-						workspaces: {
-							list: workspaces.list,
-							connectWorkspace: (id) => workspaces.connectWorkspace(id)
-						},
-						presets: { select: async (sessionId, agentPreset) => {
-							try {
-								const response = await connection.api.agentPresets.select({
-									sessionId,
-									agentPreset
-								});
-								return response.result.ok ? { ok: true } : {
-									ok: false,
-									error: response.result.error
-								};
-							} catch (error) {
-								return {
-									ok: false,
-									error
-								};
-							}
-						} },
-						history: { loadTail: async (sessionId) => {
-							const response = await connection.api.sessions.history({
-								sessionId,
-								maxMessages: 20
-							});
-							return response.result.ok ? { events: response.result.value.events.map((entry) => entry.event) } : void 0;
-						} }
-					}),
+					transport: new HttpTaskBoardHostTransport(),
 					sessions: {
 						list: sessions.list,
 						open: (id) => sessions.open(id)
 					}
 				});
 				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),
-					ready: () => sessions.list.getSnapshot().phase === "ready",
-					environment: {
-						addEventListener: (type, listener) => document.addEventListener(type, listener),
-						removeEventListener: (type, listener) => document.removeEventListener(type, listener)
-					}
-				});
-				scheduler.start();
 				const disposers = [];
 				const pushWorkspaceOptions = () => {
 					const snapshot = workspaces.list.getSnapshot();
@@ -3628,7 +3898,6 @@ window.__ModuleLoader__.load({
 				}
 				uiDisposer = () => {
 					for (const dispose of disposers.splice(0)) dispose();
-					scheduler.dispose();
 					controller.dispose();
 					uiDisposer = void 0;
 				};