@linxin666/dsh-client-ui-task-board 0.4.1 → 0.4.3

package/lib/client.js

@@ -6,7 +6,6 @@ window.__ModuleLoader__.load({
 		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 		let react = require("react");
 		let react_jsx_runtime = require("react/jsx-runtime");
-		let react_dom_client = require("react-dom/client");
 		/**
 		* Repair a persisted tag list: keep the well-formed entries, trim, drop
 		* blanks and repeats, cap the count, and collapse a blank prompt line to
@@ -149,6 +148,7 @@ window.__ModuleLoader__.load({
 				title: input.title.trim(),
 				description: input.description.trim(),
 				prompt: input.prompt.trim(),
+				parentId: normalizeTargetId(input.parentId),
 				status: "todo",
 				createdAt: now,
 				updatedAt: now,
@@ -158,6 +158,7 @@ window.__ModuleLoader__.load({
 				permission: isTaskPermission(input.permission) ? input.permission : void 0,
 				model: normalizeTargetId(input.model),
 				reuseSession: input.reuseSession === true ? true : void 0,
+				teamRun: input.teamRun === true ? true : void 0,
 				...input.freeze === void 0 ? {} : { freeze: freezeOf(input.freeze, now) },
 				...input.handover === void 0 ? {} : { handover: {
 					...input.handover,
@@ -205,20 +206,173 @@ window.__ModuleLoader__.load({
 			if (execution.result === "cancelled") return "cancelled";
 			return "running";
 		}
+		/**
+		* Clamp a configured depth into the supported range. Anything unusable
+		* (absent, non-numeric, not finite) falls back to the default, so a bad
+		* configuration narrows the tree instead of lifting the guard.
+		*/
+		function normalizeSubtaskDepth(value) {
+			if (typeof value !== "number" || !Number.isFinite(value)) return 1;
+			const depth = Math.trunc(value);
+			if (depth < 1) return 1;
+			if (depth > 3) return 3;
+			return depth;
+		}
+		/** Whether an unknown value is a settled execution outcome. */
+		function isExecutionOutcome(value) {
+			return value === "succeeded" || value === "failed" || value === "cancelled";
+		}
+		function indexOf(tasks) {
+			return new Map(tasks.map((task) => [task.id, task]));
+		}
+		/**
+		* Nearest-first ancestor chain of a task. The walk is cycle-safe and bounded
+		* by the ledger size rather than by the deployment maximum: a chain stored
+		* under a larger limit survives that limit being lowered, and restore and
+		* inheritance must still see all of it.
+		*/
+		function ancestorChain(tasks, task) {
+			const index = indexOf(tasks);
+			const chain = [];
+			const seen = /* @__PURE__ */ new Set([task.id]);
+			let current = task.parentId === void 0 ? void 0 : index.get(task.parentId);
+			while (current !== void 0 && chain.length < tasks.length) {
+				if (seen.has(current.id)) break;
+				seen.add(current.id);
+				chain.push(current);
+				current = current.parentId === void 0 ? void 0 : index.get(current.parentId);
+			}
+			return chain;
+		}
+		/** Root-to-task depth: a root task is 0, its subtask 1, and so on. */
+		function taskDepth(tasks, id) {
+			const task = indexOf(tasks).get(id);
+			return task === void 0 ? 0 : ancestorChain(tasks, task).length;
+		}
+		/** Direct subtasks of a task, in ledger order. */
+		function directSubtasks(tasks, id) {
+			return tasks.filter((task) => task.parentId === id);
+		}
+		/**
+		* Descendants of a task in breadth-first order, bounded by maxSubtaskDepth
+		* total depth. The visited set keeps a malformed ledger from looping.
+		*/
+		function descendantTasks(tasks, id, maxSubtaskDepth) {
+			const visited = /* @__PURE__ */ new Set([id]);
+			const found = [];
+			let frontier = [id];
+			for (let depth = 1; depth <= maxSubtaskDepth && frontier.length > 0; depth += 1) {
+				const next = [];
+				for (const parentId of frontier) for (const task of tasks) {
+					if (task.parentId !== parentId || visited.has(task.id)) continue;
+					visited.add(task.id);
+					found.push(task);
+					next.push(task.id);
+				}
+				frontier = next;
+			}
+			return found;
+		}
+		/**
+		* Height of a task's own subtree (0 for a leaf), bounded by the hard maximum.
+		* The visited set makes the walk terminate on a cyclic hand-edited ledger
+		* instead of recursing until the stack overflows.
+		*/
+		function subtreeHeight(tasks, id, visited = /* @__PURE__ */ new Set()) {
+			if (visited.has(id)) return 0;
+			const seen = /* @__PURE__ */ new Set([...visited, id]);
+			const children = directSubtasks(tasks, id);
+			if (children.length === 0) return 0;
+			let height = 0;
+			for (const child of children) height = Math.max(height, 1 + subtreeHeight(tasks, child.id, seen));
+			return Math.min(height, 3);
+		}
+		/**
+		* Whether childId may be attached under parentId. A null parent detaches and
+		* is always allowed for a known task. Otherwise the link must name an
+		* on-board task that is neither the child itself nor one of its descendants,
+		* and the resulting depth (parent depth + 1 + the child own subtree height)
+		* must stay within maxSubtaskDepth.
+		*/
+		function checkParentLink(tasks, childId, parentId, maxSubtaskDepth) {
+			if (tasks.find((task) => task.id === childId) === void 0) return {
+				ok: false,
+				reason: "unknown-task"
+			};
+			if (parentId === null || parentId === "") return { ok: true };
+			if (parentId === childId) return {
+				ok: false,
+				reason: "self-parent"
+			};
+			const parent = tasks.find((task) => task.id === parentId);
+			if (parent === void 0) return {
+				ok: false,
+				reason: "unknown-parent"
+			};
+			if (parent.archivedAt !== void 0) return {
+				ok: false,
+				reason: "archived-parent"
+			};
+			if (descendantTasks(tasks, childId, 3).some((task) => task.id === parentId)) return {
+				ok: false,
+				reason: "cycle"
+			};
+			if (taskDepth(tasks, parentId) + 1 + subtreeHeight(tasks, childId) > maxSubtaskDepth) return {
+				ok: false,
+				reason: "depth-exceeded"
+			};
+			return { ok: true };
+		}
+		/**
+		* The permission a task would actually run under: its handover bundle's pin
+		* wins over the plain pin field, exactly as the runner resolves it.
+		*/
+		function effectiveTaskPermission(task) {
+			return task.handover?.permission ?? task.permission;
+		}
 		//#endregion
 		//#region src/core/use-cases/task-archive.ts
 		/**
-		* Archive one task: only a `running` task stays on the board (its runner
-		* still owns its lifecycle until the execution settles); every other status
-		* can be archived. Archiving disarms a schedule; already-archived tasks are
-		* a no-op.
+		* Archive/restore task use case: move a task off the main board and back,
+		* whatever its status but running. The task keeps its status, execution
+		* history, and transcript references, while archiving disarms any schedule so
+		* it cannot create more execution records until the user restores and
+		* re-enables it.
+		*
+		* Subtask trees move as a unit: archiving takes the whole subtree (an on-board
+		* subtask under an archived parent would be unreachable from its parent) and
+		* refuses the whole group while any member is running. Restoring brings the
+		* task, its ancestors and its subtree back together.
+		*/
+		/** The archive/restore id set: the task, its subtree, and (for restore) its ancestors. */
+		function groupIds(tasks, id, maxSubtaskDepth, withAncestors) {
+			const target = tasks.find((task) => task.id === id);
+			const ids = /* @__PURE__ */ new Set([id]);
+			for (const task of descendantTasks(tasks, id, normalizeSubtaskDepth(maxSubtaskDepth))) ids.add(task.id);
+			if (withAncestors && target !== void 0) for (const ancestor of ancestorChain(tasks, target)) ids.add(ancestor.id);
+			return ids;
+		}
+		/**
+		* Archive one task and its subtasks: only a running member keeps the group on
+		* the board (its runner still owns its lifecycle until the execution settles);
+		* any other status can be archived. Archiving disarms schedules; an
+		* already-archived task is a no-op.
 		*/
-		function applyArchiveTask(tasks, id, now) {
+		function applyArchiveTask(tasks, id, now, maxSubtaskDepth = 1) {
+			const target = tasks.find((task) => task.id === id);
+			if (target === void 0 || target.archivedAt !== void 0) return {
+				tasks,
+				archived: false
+			};
+			const ids = groupIds(tasks, id, maxSubtaskDepth, false);
+			if (tasks.some((task) => ids.has(task.id) && !ARCHIVABLE_STATUSES.includes(task.status))) return {
+				tasks,
+				archived: false
+			};
 			let applied = false;
 			return {
 				tasks: tasks.map((task) => {
-					if (task.id !== id || task.archivedAt !== void 0) return task;
-					if (!ARCHIVABLE_STATUSES.includes(task.status)) return task;
+					if (!ids.has(task.id) || task.archivedAt !== void 0) return task;
 					applied = true;
 					const schedule = task.schedule === void 0 ? void 0 : {
 						...task.schedule,
@@ -235,12 +389,21 @@ window.__ModuleLoader__.load({
 				archived: applied
 			};
 		}
-		/** Restore one task back onto the main board (clears the archive marker). */
-		function applyRestoreTask(tasks, id, now) {
+		/**
+		* Restore one task back onto the main board, together with its ancestors (an
+		* on-board subtask must not point at an archived parent) and its subtasks.
+		*/
+		function applyRestoreTask(tasks, id, now, maxSubtaskDepth = 1) {
+			const target = tasks.find((task) => task.id === id);
+			if (target === void 0 || target.archivedAt === void 0) return {
+				tasks,
+				archived: false
+			};
+			const ids = groupIds(tasks, id, maxSubtaskDepth, true);
 			let applied = false;
 			return {
 				tasks: tasks.map((task) => {
-					if (task.id !== id || task.archivedAt === void 0) return task;
+					if (!ids.has(task.id) || task.archivedAt === void 0) return task;
 					applied = true;
 					const { archivedAt: _archived, ...rest } = task;
 					return {
@@ -424,23 +587,57 @@ window.__ModuleLoader__.load({
 		//#region src/core/use-cases/task-create.ts
 		/**
 		* Create-task use case: mint a new task from user input, rejecting a blank
-		* title. Pure ledger transition (no persistence or notify — the controller
-		* orchestrates those), so it is unit-testable without any runtime face.
+		* title and any parent link the lineage gate refuses. Pure ledger transition
+		* (no persistence or notify - the controller orchestrates those), so it is
+		* unit-testable without any runtime face.
 		*/
 		/**
 		* Apply a create against the current ledger. Returns the new task and the
-		* appended ledger, or the unchanged ledger when the title is blank.
+		* appended ledger, or the unchanged ledger when the title is blank or the
+		* requested parent link is refused.
+		*
+		* A subtask inherits the execution targets its parent already pins (workspace,
+		* agent preset, permission, model) unless the form supplied its own; the
+		* parent human permission confirmation travels with an inherited permission,
+		* so a subtask of an already-confirmed elevated card is runnable at once.
 		* @param tasks - current ledger.
-		* @param input - raw user input (title/description/prompt + optional schedule).
+		* @param input - raw user input (title/description/prompt + optional schedule/parent).
 		* @param now - clock instant (ms epoch).
 		* @param id - minted task id.
+		* @param maxSubtaskDepth - deployment subtask depth limit.
 		*/
-		function applyCreateTask(tasks, input, now, id) {
+		function applyCreateTask(tasks, input, now, id, maxSubtaskDepth = 1) {
 			if (input.title.trim() === "") return {
 				task: void 0,
-				tasks
+				tasks,
+				error: "title is required"
 			};
-			let task = createTask(input, now, id);
+			const limit = normalizeSubtaskDepth(maxSubtaskDepth);
+			let parent;
+			if (input.parentId !== void 0) {
+				parent = tasks.find((task) => task.id === input.parentId);
+				if (parent === void 0) return {
+					task: void 0,
+					tasks,
+					error: "parent task not found"
+				};
+				if (parent.archivedAt !== void 0) return {
+					task: void 0,
+					tasks,
+					error: "parent task is archived"
+				};
+				if (taskDepth(tasks, parent.id) + 1 > limit) return {
+					task: void 0,
+					tasks,
+					error: `subtask depth limit (${limit}) exceeded`
+				};
+			}
+			let task = createTask(parent === void 0 ? input : {
+				...input,
+				workspaceId: input.workspaceId ?? parent.workspaceId,
+				mode: input.mode ?? parent.mode,
+				model: input.model ?? parent.model
+			}, now, id);
 			const requested = input.schedule;
 			if (requested?.enabled === true && requested.cron.trim() !== "" && isValidCron(requested.cron)) {
 				const cron = requested.cron.trim();
@@ -465,9 +662,15 @@ window.__ModuleLoader__.load({
 		* @param id - the task to remove.
 		*/
 		function applyDeleteTask(tasks, selectedTaskId, id) {
+			if (tasks.some((task) => task.parentId === id)) return {
+				tasks,
+				selectionCleared: false,
+				blocked: true
+			};
 			return {
 				tasks: tasks.filter((task) => task.id !== id),
-				selectionCleared: selectedTaskId === id
+				selectionCleared: selectedTaskId === id,
+				blocked: false
 			};
 		}
 		//#endregion
@@ -531,6 +734,70 @@ window.__ModuleLoader__.load({
 			}, now) : task);
 		}
 		//#endregion
+		//#region src/core/use-cases/task-parent.ts
+		/**
+		* Parent-link use case: attach an existing on-board task under another as a
+		* subtask, or detach it back to the root. The lineage gate is the same one
+		* creation uses (unknown or archived parent, self, cycle, depth), so the two
+		* ways into the tree cannot disagree. Pure ledger transition.
+		*/
+		/** Host error text per refusal reason (the wire carries the same strings). */
+		const REJECTION_TEXT = {
+			"unknown-task": "task not found",
+			"unknown-parent": "parent task not found",
+			"archived-parent": "parent task is archived",
+			"self-parent": "a task cannot be its own parent",
+			"cycle": "a task cannot be attached under its own subtask",
+			"depth-exceeded": "subtask depth limit exceeded"
+		};
+		/**
+		* Attach or detach one task. A null (or blank) parent detaches, which is always
+		* allowed for a known on-board task; attaching validates the whole chain so a
+		* cyclic or too-deep ledger can never be stored.
+		* @param tasks - current ledger.
+		* @param id - the task being moved.
+		* @param parentId - the new parent, or null to detach.
+		* @param now - clock instant (ms epoch).
+		* @param maxSubtaskDepth - deployment subtask depth limit.
+		*/
+		function applySetParent(tasks, id, parentId, now, maxSubtaskDepth = 1) {
+			const task = tasks.find((candidate) => candidate.id === id);
+			if (task === void 0) return {
+				tasks,
+				applied: false,
+				error: REJECTION_TEXT["unknown-task"]
+			};
+			if (task.archivedAt !== void 0) return {
+				tasks,
+				applied: false,
+				error: "archived task is read-only"
+			};
+			if (task.status === "running" || task.executions.some((execution) => execution.endedAt === void 0)) return {
+				tasks,
+				applied: false,
+				error: "running task cannot be re-parented"
+			};
+			const check = checkParentLink(tasks, id, parentId, normalizeSubtaskDepth(maxSubtaskDepth));
+			if (!check.ok) return {
+				tasks,
+				applied: false,
+				error: REJECTION_TEXT[check.reason ?? "unknown-task"]
+			};
+			const nextParentId = parentId === null || parentId === "" ? void 0 : parentId;
+			if (nextParentId === task.parentId) return {
+				tasks: [...tasks],
+				applied: true
+			};
+			return {
+				tasks: tasks.map((candidate) => candidate.id === id ? {
+					...candidate,
+					parentId: nextParentId,
+					updatedAt: now
+				} : candidate),
+				applied: true
+			};
+		}
+		//#endregion
 		//#region src/core/use-cases/task-update.ts
 		/**
 		* Update-task use case: apply an editable-field patch (title/description/
@@ -599,6 +866,7 @@ window.__ModuleLoader__.load({
 				if ("tags" in patch) next.tags = tagsPatch == null ? void 0 : normalizeTags(tagsPatch);
 				if ("permission" in patch && patch.permission !== void 0 && patch.permission !== task.permission || "handover" in patch) next.permissionConfirmedAt = void 0;
 				if ("reuseSession" in patch) next.reuseSession = patch.reuseSession === true ? true : void 0;
+				if ("teamRun" in patch) next.teamRun = patch.teamRun === true ? true : void 0;
 				if (workspaceId !== void 0 || "workspaceId" in patch) next.workspaceId = workspaceId;
 				if (mode !== void 0 || "mode" in patch) next.mode = mode;
 				if (permission !== void 0 || "permission" in patch) next.permission = permission;
@@ -611,6 +879,8 @@ window.__ModuleLoader__.load({
 		function currentOf(sessions) {
 			return sessions?.current();
 		}
+		/** Stable id shared by the board's sidebar panel row and its main-slot page. */
+		const TASK_BOARD_PANEL_ID = "task-board";
 		/** The selected task (resolved from the ledger), or undefined. */
 		function selectedTaskOf(snapshot) {
 			if (snapshot.selectedTaskId === void 0) return void 0;
@@ -708,20 +978,55 @@ window.__ModuleLoader__.load({
 			async retryHostSync() {
 				return await this.initializeRemote();
 			}
+			/**
+			* Show the board. The layout owns which panel the center column renders, so
+			* the state flip and the panel selection travel together here; a composition
+			* with no layout face (tests, a shell-less host) still flips the state.
+			*
+			* The selection is requested AFTER the snapshot flips so a subscriber
+			* rendering against `boardOpen` never observes "open" while the shell still
+			* shows the conversation.
+			*/
 			openBoard() {
 				if (this.boardOpen) return;
 				this.boardOpen = true;
 				this.notify();
+				this.selectPanel(TASK_BOARD_PANEL_ID);
 			}
+			/**
+			* Return the center column to the conversation. The layout's own selection is
+			* the source of truth for what the column renders, so this asks for the
+			* conversation explicitly rather than only clearing local state.
+			*/
 			closeBoard() {
 				this.boardOpen = false;
 				this.notify();
+				this.selectPanel(null);
 			}
 			toggleBoard() {
 				if (this.boardOpen) this.closeBoard();
 				else this.openBoard();
 			}
 			/**
+			* Reflect a panel selection that came from OUTSIDE this controller (the user
+			* clicked another sidebar row, or the layout dropped the panel id). Keeps
+			* `boardOpen` aligned with what the column actually shows without asking the
+			* layout to select anything back.
+			* @param panelId - the layout's current panel id, or null for the conversation.
+			*/
+			syncPanelSelection(panelId) {
+				const open = panelId === TASK_BOARD_PANEL_ID;
+				if (open === this.boardOpen) return;
+				this.boardOpen = open;
+				this.notify();
+			}
+			/** Ask the layout to select a panel; a shell that serves no layout face is a no-op. */
+			selectPanel(panelId) {
+				try {
+					this.deps.panel?.select(panelId);
+				} catch {}
+			}
+			/**
 			* Switch between the kanban columns and the archive view. Leaving the
 			* archive view with an archived task still selected closes the selection —
 			* the detail overlay must not linger over a task that is off-board.
@@ -746,7 +1051,7 @@ window.__ModuleLoader__.load({
 			}
 			createTask(input) {
 				const id = this.uuid();
-				const { task, tasks } = applyCreateTask(this.tasks, input, this.now(), id);
+				const { task, tasks } = applyCreateTask(this.tasks, input, this.now(), id, this.mirrorDepth());
 				if (task === void 0) return void 0;
 				this.tasks = [...tasks];
 				this.persistAndNotify();
@@ -756,7 +1061,7 @@ window.__ModuleLoader__.load({
 			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;
+				if (applyCreateTask(this.tasks, input, this.now(), id, this.mirrorDepth()).task === void 0) return void 0;
 				return await this.commitRemote({
 					kind: "create",
 					id,
@@ -850,7 +1155,7 @@ window.__ModuleLoader__.load({
 			* @returns true when applied.
 			*/
 			archiveTask(id) {
-				const { tasks, archived } = applyArchiveTask(this.tasks, id, this.now());
+				const { tasks, archived } = applyArchiveTask(this.tasks, id, this.now(), this.mirrorDepth());
 				if (!archived) return false;
 				if (this.deps.transport !== void 0) {
 					this.commitRemote({
@@ -863,9 +1168,30 @@ window.__ModuleLoader__.load({
 				this.persistAndNotify();
 				return true;
 			}
+			/**
+			* Attach an existing task under a parent (or detach it with a null parent)
+			* through the Host. The lineage gate — parent exists and is on-board, no
+			* cycle, depth within the deployment limit — belongs to the Host; a refusal
+			* surfaces through the transport error like every other rejected action.
+			* @returns true when the link was accepted by the authority.
+			*/
+			async setParent(id, parentId) {
+				if (this.deps.transport === void 0) {
+					const result = applySetParent(this.tasks, id, parentId, this.now(), this.mirrorDepth());
+					if (!result.applied) return false;
+					this.tasks = [...result.tasks];
+					this.persistAndNotify();
+					return true;
+				}
+				return await this.commitRemote({
+					kind: "set-parent",
+					taskId: id,
+					parentId
+				}, id);
+			}
 			/** Restore an archived task back onto the board (same status column). */
 			restoreTask(id) {
-				const { tasks, archived } = applyRestoreTask(this.tasks, id, this.now());
+				const { tasks, archived } = applyRestoreTask(this.tasks, id, this.now(), this.mirrorDepth());
 				if (!archived) return false;
 				if (this.deps.transport !== void 0) {
 					this.commitRemote({
@@ -980,8 +1306,8 @@ window.__ModuleLoader__.load({
 			* (background navigation, the Host runner creating and selecting a fresh
 			* execution session, settlement, other plugins), so closing on `current`
 			* changes would evict the board without the user asking. The board closes
-			* only on explicit user navigation: a sidebar session/workspace row click
-			* (board-mount onClickSidebarRow) or the board's own actions
+			* only on explicit user navigation: selecting another panel (the layout owns
+			* selection, and `syncPanelSelection` follows it) or the board's own actions
 			* (openSession / close). Keeping the hook preserves the subscription
 			* contract for future listeners.
 			*/
@@ -1057,6 +1383,7 @@ window.__ModuleLoader__.load({
 			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 = {
+						...this.hostState,
 						revision: event.revision,
 						scheduler: event.scheduler,
 						power: event.power
@@ -1066,6 +1393,35 @@ window.__ModuleLoader__.load({
 				}
 				this.refreshRemote();
 			}
+			/**
+			* Deployment subtask depth limit the browser mirrors from the last Host
+			* snapshot; the fallback is the deployment default for the legacy path (no
+			* transport) and for the window before the first snapshot arrives.
+			*/
+			mirrorDepth() {
+				return this.hostState?.maxSubtaskDepth ?? 1;
+			}
+			/**
+			* Project a Host snapshot onto the browser's mirror. SSE frames and partial
+			* snapshots carry only the volatile subset (revision/scheduler/power), so the
+			* deployment constants the UI reads — the session-default permission the
+			* confirmation banner compares against and the subtask depth limit — are
+			* carried over from the last full snapshot instead of being dropped by a
+			* heartbeat frame.
+			*/
+			mirrorOf(snapshot) {
+				const sessionDefaultPermission = snapshot.sessionDefaultPermission ?? this.hostState?.sessionDefaultPermission;
+				const maxSubtaskDepth = snapshot.maxSubtaskDepth ?? this.hostState?.maxSubtaskDepth;
+				const teamRunAvailable = snapshot.teamRunAvailable ?? this.hostState?.teamRunAvailable;
+				return {
+					revision: snapshot.revision,
+					scheduler: snapshot.scheduler,
+					power: snapshot.power,
+					...sessionDefaultPermission === void 0 ? {} : { sessionDefaultPermission },
+					...maxSubtaskDepth === void 0 ? {} : { maxSubtaskDepth },
+					...teamRunAvailable === void 0 ? {} : { teamRunAvailable }
+				};
+			}
 			async refreshRemote(preserveError) {
 				const transport = this.deps.transport;
 				if (transport === void 0) return true;
@@ -1085,11 +1441,7 @@ window.__ModuleLoader__.load({
 			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
-				};
+				this.hostState = this.mirrorOf(snapshot);
 				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;
@@ -1387,6 +1739,7 @@ window.__ModuleLoader__.load({
 			if (typeof record.prompt !== "string") return false;
 			if (typeof record.createdAt !== "number") return false;
 			if (typeof record.updatedAt !== "number") return false;
+			if (record.parentId !== void 0 && typeof record.parentId !== "string") return false;
 			if (record.workspaceId !== void 0 && typeof record.workspaceId !== "string") return false;
 			if (record.mode !== void 0 && typeof record.mode !== "string") return false;
 			if (record.permission !== void 0 && typeof record.permission !== "string") return false;
@@ -1496,6 +1849,13 @@ window.__ModuleLoader__.load({
 					status: normalizeStatus(row.status)
 				};
 				task.schedule = normalizeSchedule(row.schedule);
+				task.parentId = normalizeTargetId(row.parentId);
+				task.executions = task.executions.map((execution) => ({
+					...execution,
+					runGroupId: normalizeTargetId(execution.runGroupId),
+					ownResult: isExecutionOutcome(execution.ownResult) ? execution.ownResult : void 0,
+					ownError: typeof execution.ownError === "string" ? execution.ownError : void 0
+				}));
 				task.workspaceId = normalizeTargetId(row.workspaceId);
 				task.mode = normalizeTargetId(row.mode);
 				task.archivedAt = typeof row.archivedAt === "number" && Number.isFinite(row.archivedAt) ? row.archivedAt : void 0;
@@ -1746,19 +2106,23 @@ window.__ModuleLoader__.load({
 			"exec.mode.brokenSuffix": "（不可用）",
 			"exec.mode.removed": "（已移除）",
 			"exec.permission.default": "会话默认",
+			"exec.permission.inheritParent": "继承父任务（{permission}）",
 			"exec.permission.read-only": "只读",
 			"exec.permission.workspace-write": "工作区可写",
 			"exec.permission.danger-full-access": "完全访问",
 			"exec.model.default": "宿主默认（agent-default-model）",
 			"exec.model.unknown": "（未知模型/回退默认）",
 			"exec.reuseSession": "在同一对话继续",
+			"exec.teamRun": "用 Agent Team 执行（Leader/teammate）",
+			"exec.teamRunHint": "开启后：执行本任务只启动一个 Leader 会话，每个子任务由它派生为 teammate 并在该会话内并行工作（子任务自身的权限钉住不适用）。关闭则每个成员各开独立会话。",
+			"exec.teamRunUnavailable": "当前部署未提供 Agent Teams 服务，无法启用。",
 			"exec.reuseSessionHint": "开启后，本任务的后续执行在上一次会话里继续（该会话空闲且仍存在时），不再每次新建对话；每次复用时都会重新应用上面钉住的权限与模型。",
 			"detail.executionSettings": "执行设置",
 			"exec.hint": "执行时生效：工作区决定执行会话落在哪个工作区；模式决定会话的 agent 预设；权限经 /permission 命令应用到会话。留空则使用运行时默认。",
 			"settings.title": "任务看板",
 			"settings.description": "控制 Host 任务看板、agent 播报与运行期间的系统空闲睡眠保护。",
 			"settings.enabled": "启用任务看板",
-			"settings.enabledHint": "关闭后隐藏侧边栏入口与看板视图。",
+			"settings.enabledHint": "关闭后隐藏侧边栏入口与看板视图，并注销 task_board_* agent 工具；开启时任何会话都可以通过这些工具读写看板、子任务与定时计划。",
 			"settings.announceToAgent": "向 agent 播报任务看板",
 			"settings.announceToAgentHint": "开启：每条 agent 系统提示都会包含本看板的说明；关闭：不播报，agent 仅在用户主动提及时了解看板。",
 			"settings.preventIdleSleep": "阻止系统空闲睡眠",
@@ -1781,7 +2145,36 @@ window.__ModuleLoader__.load({
 			"settings.discard": "放弃",
 			"settings.unsaved": "未保存",
 			"settings.saveFailed": "部署未接受这些值，已保留供你修改。",
-			"settings.invalidNumber": "请输入数字，留空则使用默认值。"
+			"settings.invalidNumber": "请输入数字，留空则使用默认值。",
+			"settings.maxSubtaskDepth": "子任务深度上限",
+			"settings.maxSubtaskDepthHint": "默认 1：一个任务只允许一层子任务，子任务不能再创建或关联子任务。最大 3。执行父任务会并发执行它的整棵子任务树，层级越深，一次执行开启的会话越多。",
+			"settings.maxSubtaskDepthOption": "{depth} 层",
+			"detail.parent": "父任务",
+			"detail.parent.open": "打开父任务",
+			"detail.subtasks": "子任务",
+			"detail.subtasks.empty": "还没有子任务",
+			"detail.subtasks.add": "添加子任务",
+			"detail.subtasks.link": "关联现有任务",
+			"detail.subtasks.detach": "解除关联",
+			"detail.subtasks.runningLock": "子任务正在执行，结算后才能解除关联或改挂父任务",
+			"detail.subtasks.runHint": "执行本任务会同时并发执行它的 {count} 个子任务；子任务失败不影响其它子任务继续执行。",
+			"detail.subtasks.waiting": "等待子任务结算",
+			"detail.subtasks.depthLimit": "当前子任务深度上限为 {depth} 层，子任务不能再创建或关联子任务。",
+			"detail.subtasks.hostOnly": "连接 Host 后才能创建或关联子任务。",
+			"new.subtaskTitle": "新建子任务",
+			"new.subtaskInherit": "未单独选择的执行设置继承父任务（工作区、模式、权限、模型），可在此覆盖。",
+			"link.subtask.title": "关联现有任务",
+			"link.subtask.hint": "只能关联没有父任务的在看板任务；关联后它成为本任务的子任务。",
+			"link.subtask.empty": "没有可关联的任务",
+			"link.subtask.confirm": "关联",
+			"card.subtask": "子任务",
+			"card.subtasks": "{count} 子任务",
+			"card.subtasksFailed": "{count} 失败",
+			"card.subtasksRunning": "{count} 运行中",
+			"card.subtasksBreakdown": "子任务 {total}：已完成 {done}，运行中 {running}，失败 {failed}",
+			"board.hideSubtasks": "隐藏子任务",
+			"board.showSubtasks": "显示子任务",
+			"board.subtaskFilterHint": "看板默认只显示父任务；搜索或按标签筛选时会自动展开子任务。"
 		};
 		/** en dictionary, complete against the zh key set. */
 		const en = {
@@ -1935,19 +2328,23 @@ window.__ModuleLoader__.load({
 			"exec.mode.brokenSuffix": " (unavailable)",
 			"exec.mode.removed": " (removed)",
 			"exec.permission.default": "Session default",
+			"exec.permission.inheritParent": "Inherit parent ({permission})",
 			"exec.permission.read-only": "Read-only",
 			"exec.permission.workspace-write": "Workspace Write",
 			"exec.permission.danger-full-access": "Full Access",
 			"exec.model.default": "Host default (agent-default-model)",
 			"exec.model.unknown": " (unknown / fallback to default)",
 			"exec.reuseSession": "Continue in the same conversation",
+			"exec.teamRun": "Run with an Agent Team (Lead + teammates)",
+			"exec.teamRunHint": "On: running this task starts one Lead session and spawns a teammate per subtask inside it, working in parallel (a subtask permission pin does not apply). Off: every member gets its own independent session.",
+			"exec.teamRunUnavailable": "This deployment serves no Agent Teams service, so team runs cannot be enabled.",
 			"exec.reuseSessionHint": "When on, later runs continue in the previous session (when that session is idle and still exists) instead of starting a new conversation each time; the pinned permission and model above are re-applied on every reuse.",
 			"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": "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.enabledHint": "When off, the sidebar entry and board view are hidden and the task_board_* agent tools are unregistered; while on, any session can read and drive the board, its subtasks and its schedules through those tools.",
 			"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",
@@ -1970,7 +2367,36 @@ window.__ModuleLoader__.load({
 			"settings.discard": "Discard",
 			"settings.unsaved": "Unsaved",
 			"settings.saveFailed": "The deployment did not accept these values; they were left for you to correct.",
-			"settings.invalidNumber": "Enter a number, or leave blank to use the default."
+			"settings.invalidNumber": "Enter a number, or leave blank to use the default.",
+			"settings.maxSubtaskDepth": "Subtask depth limit",
+			"settings.maxSubtaskDepthHint": "Default 1: a task may carry one level of subtasks, and a subtask cannot create or link further subtasks. Maximum 3. Running a task also runs its whole subtask tree concurrently, and every extra level opens more sessions per run.",
+			"settings.maxSubtaskDepthOption": "{depth} levels",
+			"detail.parent": "Parent task",
+			"detail.parent.open": "Open parent task",
+			"detail.subtasks": "Subtasks",
+			"detail.subtasks.empty": "No subtasks yet",
+			"detail.subtasks.add": "Add subtask",
+			"detail.subtasks.link": "Link existing task",
+			"detail.subtasks.detach": "Detach",
+			"detail.subtasks.runningLock": "This subtask is running; it can be detached or re-linked once it settles",
+			"detail.subtasks.runHint": "Running this task also runs its {count} subtasks concurrently; one subtask failing does not stop the others.",
+			"detail.subtasks.waiting": "Waiting for subtasks",
+			"detail.subtasks.depthLimit": "The subtask depth limit is {depth}; a subtask cannot create or link further subtasks.",
+			"detail.subtasks.hostOnly": "Connect to the Host to create or link subtasks.",
+			"new.subtaskTitle": "New Subtask",
+			"new.subtaskInherit": "Execution settings left unset inherit the parent (workspace, mode, permission, model); override any of them here.",
+			"link.subtask.title": "Link an existing task",
+			"link.subtask.hint": "Only an on-board task without a parent can be linked; it then becomes a subtask of this task.",
+			"link.subtask.empty": "No task can be linked",
+			"link.subtask.confirm": "Link",
+			"card.subtask": "subtask",
+			"card.subtasks": "{count} subtasks",
+			"card.subtasksFailed": "{count} failed",
+			"card.subtasksRunning": "{count} running",
+			"card.subtasksBreakdown": "Subtasks {total}: {done} done, {running} running, {failed} failed",
+			"board.hideSubtasks": "Hide subtasks",
+			"board.showSubtasks": "Show subtasks",
+			"board.subtaskFilterHint": "The board shows parent tasks only; a text or label filter reveals the subtasks automatically."
 		};
 		/** Active dictionary, picked by the document language at call time. */
 		function dictionary() {
@@ -1997,7 +2423,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-css:packages/dsh-task-board/src/client/board.module.css.mjs
-		const css$1 = "[data-pane=conversation],[class*=centerCol]{position:relative}[data-dsh-taskboard-view]{z-index:60;background:var(--dsw-alias-bg-base);display:none;position:absolute;inset:0;container:_7D6uKa_task-board-view/inline-size}html[data-dsh-taskboard-active]:not([data-dsh-ssh-active]) [data-dsh-taskboard-view]{display:block}html[data-dsh-taskboard-active]:not([data-dsh-ssh-active]) [data-pane=conversation]>:not([data-dsh-taskboard-view]),html[data-dsh-taskboard-active]:not([data-dsh-ssh-active]) [class*=centerCol]>:not([data-dsh-taskboard-view]){display:none!important}._7D6uKa_entry{box-sizing:border-box;min-height:36px;color:var(--dsw-alias-label-primary);cursor:pointer;font:inherit;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:12px;align-items:center;gap:8px;margin:0 2px;padding:7px 8px;font-size:14px;line-height:22px;display:flex}._7D6uKa_entry:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}._7D6uKa_entry[data-active]{background:var(--dsw-alias-interactive-bg-active);color:var(--dsw-alias-label-primary);font-weight:600}._7D6uKa_entryIcon{flex:none;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}._7D6uKa_entryIcon svg{width:16px;height:16px;display:block}._7D6uKa_entryLabel{text-overflow:ellipsis;overflow:hidden}[data-dsh-frame][data-sidebar-collapsed] ._7D6uKa_entry,[data-sidebar-collapsed] ._7D6uKa_entry{border-radius:12px;justify-content:center;width:36px;height:36px;margin:0 auto 12px;padding:0}[data-dsh-frame][data-sidebar-collapsed] ._7D6uKa_entryIcon,[data-sidebar-collapsed] ._7D6uKa_entryIcon,[data-dsh-frame][data-sidebar-collapsed] ._7D6uKa_entryIcon svg,[data-sidebar-collapsed] ._7D6uKa_entryIcon svg{width:18px;height:18px}[data-dsh-frame][data-sidebar-collapsed] ._7D6uKa_entryLabel,[data-sidebar-collapsed] ._7D6uKa_entryLabel{display:none}._7D6uKa_board{box-sizing:border-box;background:var(--dsw-alias-bg-base);min-width:0;height:100%;min-height:0;color:var(--dsw-alias-label-primary);font-family:var(--dsw-font-family);flex-direction:column;gap:12px;padding:14px 16px 16px;display:flex}._7D6uKa_boardHeader{flex:none;align-items:center;gap:10px;display:flex}._7D6uKa_boardTitle{color:var(--dsw-alias-label-primary);white-space:nowrap;margin:0;font-size:16px;font-weight:700}._7D6uKa_backButton{align-items:center;gap:4px;display:inline-flex}._7D6uKa_search{min-width:120px;color:var(--dsw-alias-label-primary);background:var(--dsw-specific-input-major);border:1px solid var(--dsw-alias-border-l2);border-radius:8px;outline:none;flex:0 260px;padding:6px 10px;font-size:13px}._7D6uKa_search::placeholder{color:var(--dsw-alias-label-tertiary)}._7D6uKa_columns{overscroll-behavior-inline:contain;scrollbar-color:var(--dsw-alias-border-l3) var(--dsw-alias-interactive-bg-hover);scrollbar-width:thin;flex:1;grid-auto-columns:minmax(220px,1fr);grid-auto-flow:column;gap:12px;min-height:0;padding-bottom:6px;display:grid;overflow:auto hidden}._7D6uKa_columns::-webkit-scrollbar{height:10px}._7D6uKa_columns::-webkit-scrollbar-track{background:var(--dsw-alias-interactive-bg-hover);border-radius:999px}._7D6uKa_columns::-webkit-scrollbar-thumb{background:var(--dsw-alias-border-l3);background-clip:content-box;border:2px solid #0000;border-radius:999px}._7D6uKa_columns::-webkit-scrollbar-thumb:hover{background:var(--dsw-alias-border-l4);background-clip:content-box}._7D6uKa_column{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);border-radius:12px;flex-direction:column;min-height:0;display:flex;overflow:hidden}._7D6uKa_columnHeader{flex:none;align-items:center;gap:6px;padding:10px 12px;display:flex}._7D6uKa_columnTitle{color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:13px;font-weight:700;overflow:hidden}._7D6uKa_columnCount{min-width:0;color:var(--dsw-alias-label-tertiary);background:var(--dsw-alias-interactive-bg-hover);border-radius:999px;flex:none;padding:1px 8px;font-size:12px}._7D6uKa_statusDot{border-radius:50%;flex:none;width:8px;height:8px}._7D6uKa_statusDot[data-status=backlog]{background:var(--dsw-alias-label-tertiary)}._7D6uKa_statusDot[data-status=todo]{background:var(--dsw-alias-state-business-primary)}._7D6uKa_statusDot[data-status=running]{background:var(--dsw-alias-state-warn-primary)}._7D6uKa_statusDot[data-status=done]{background:var(--dsw-alias-state-success-primary)}._7D6uKa_statusDot[data-status=failed]{background:var(--dsw-alias-state-error-primary)}._7D6uKa_cards{flex-direction:column;flex:1;gap:8px;min-height:0;padding:2px 8px 10px;display:flex;overflow-y:auto}._7D6uKa_columnEmpty{text-align:center;color:var(--dsw-alias-label-tertiary);padding:24px 8px;font-size:12px}._7D6uKa_card{text-align:left;background:var(--dsw-alias-bg-base);border:1px solid var(--dsw-alias-border-l2);cursor:pointer;color:var(--dsw-alias-label-primary);border-radius:10px;flex-direction:column;gap:6px;padding:10px 12px;font-family:inherit;transition:box-shadow .12s,border-color .12s,transform .12s;display:flex}._7D6uKa_card:hover{box-shadow:var(--dsw-shadow-lv2);border-color:var(--dsw-alias-border-l3);transform:translateY(-1px)}._7D6uKa_card[data-status=running]{border-color:var(--dsw-alias-state-warn-primary)}._7D6uKa_cardTitle{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}._7D6uKa_cardExcerpt{color:var(--dsw-alias-label-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}._7D6uKa_cardMeta{color:var(--dsw-alias-label-tertiary);align-items:center;gap:8px;font-size:11px;display:flex}._7D6uKa_cardTime{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}._7D6uKa_cardSchedule{white-space:nowrap;min-width:0;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-interactive-bg-hover);border-radius:999px;flex:none;padding:2px 6px;font-size:12px;line-height:1}._7D6uKa_cardRun{flex:none}._7D6uKa_cardRun[data-result=failed]{color:var(--dsw-alias-state-error-primary)}._7D6uKa_cardRun[data-result=succeeded]{color:var(--dsw-alias-state-success-primary)}._7D6uKa_cardSession{color:var(--dsw-alias-state-business-primary);flex:none}._7D6uKa_cardRunningLabel{color:var(--dsw-alias-state-warn-primary);font-size:11px}._7D6uKa_cardSpinner{border:2px solid var(--dsw-alias-state-warn-primary);border-top-color:#0000;border-radius:50%;flex:none;width:10px;height:10px;animation:.8s linear infinite _7D6uKa_dshTbSpin}@keyframes _7D6uKa_dshTbSpin{to{transform:rotate(360deg)}}._7D6uKa_primaryButton{color:var(--dsw-alias-label-primary-foreground);background:var(--dsw-alias-button-info-fill);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:600}._7D6uKa_primaryButton:hover:not(:disabled){background:var(--dsw-alias-button-info-hover)}._7D6uKa_primaryButton:disabled{opacity:.5;cursor:default}._7D6uKa_ghostButton{color:var(--dsw-alias-label-primary);border:1px solid var(--dsw-alias-border-l2);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;padding:5px 12px;font-size:12px}._7D6uKa_ghostButton:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}._7D6uKa_ghostButton:disabled{opacity:.45;cursor:default}._7D6uKa_dangerButton{color:#fff;background:var(--dsw-alias-state-error-primary);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:600}._7D6uKa_dangerButton:hover:not(:disabled){filter:brightness(1.08)}._7D6uKa_dangerButton:active:not(:disabled){filter:brightness(.94)}._7D6uKa_dangerButton:disabled{opacity:.5;cursor:default}._7D6uKa_iconButton{width:26px;height:26px;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;font-size:13px;display:inline-flex}._7D6uKa_iconButton:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}._7D6uKa_linkButton{color:var(--dsw-alias-state-business-primary);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0;font-size:12px}._7D6uKa_linkButton:hover{text-decoration:underline}._7D6uKa_modalBackdrop{z-index:1300;background:var(--dsw-alias-bg-mask-1);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}._7D6uKa_modal{background:var(--dsw-alias-bg-base);border:1px solid var(--dsw-alias-border-l2);width:min(520px,100vw - 48px);max-height:calc(100vh - 96px);box-shadow:var(--dsw-shadow-lv3);color:var(--dsw-alias-label-primary);border-radius:14px;flex-direction:column;gap:12px;padding:18px;display:flex;overflow-y:auto}._7D6uKa_modalTitle{margin:0;font-size:15px;font-weight:700}._7D6uKa_confirmMessage{color:var(--dsw-alias-label-secondary);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.5}._7D6uKa_modalFooter{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}._7D6uKa_field{flex-direction:column;gap:5px;display:flex}._7D6uKa_fieldLabel{color:var(--dsw-alias-label-secondary);font-size:12px;font-weight:600}._7D6uKa_input{color:var(--dsw-alias-label-primary);background:var(--dsw-specific-input-major);border:1px solid var(--dsw-alias-border-l2);resize:vertical;border-radius:8px;outline:none;padding:7px 10px;font-family:inherit;font-size:13px}._7D6uKa_input:focus{border-color:var(--dsw-alias-state-business-primary)}._7D6uKa_select{color:var(--dsw-alias-label-primary);background:var(--dsw-specific-input-major);border:1px solid var(--dsw-alias-border-l2);border-radius:8px;outline:none;max-width:100%;padding:7px 10px;font-family:inherit;font-size:13px}._7D6uKa_input::placeholder{color:var(--dsw-alias-label-tertiary)}._7D6uKa_formError{color:var(--dsw-alias-state-error-primary);margin:0;font-size:12px}._7D6uKa_detail{background:var(--dsw-alias-bg-base);border:1px solid var(--dsw-alias-border-l2);width:min(640px,100vw - 48px);max-height:calc(100vh - 80px);box-shadow:var(--dsw-shadow-lv3);color:var(--dsw-alias-label-primary);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}._7D6uKa_detailHeader{border-bottom:1px solid var(--dsw-alias-separator-primary);flex:none;align-items:center;gap:10px;padding:14px 18px;display:flex}._7D6uKa_detailTitle{overflow-wrap:anywhere;flex:1;margin:0;font-size:15px;font-weight:700}._7D6uKa_statusBadge{border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);border-radius:999px;flex:none;padding:2px 10px;font-size:12px}._7D6uKa_statusBadge[data-status=running]{color:var(--dsw-alias-state-warn-primary);border-color:var(--dsw-alias-state-warn-primary)}._7D6uKa_statusBadge[data-status=done]{color:var(--dsw-alias-state-success-primary);border-color:var(--dsw-alias-state-success-primary)}._7D6uKa_statusBadge[data-status=failed]{color:var(--dsw-alias-state-error-primary);border-color:var(--dsw-alias-state-error-primary)}._7D6uKa_detailBody{flex-direction:column;flex:1;gap:16px;padding:14px 18px;display:flex;overflow-y:auto}._7D6uKa_detailSection{flex-direction:column;gap:6px;display:flex}._7D6uKa_detailSection h4{color:var(--dsw-alias-label-tertiary);text-transform:none;margin:0;font-size:12px;font-weight:700}._7D6uKa_detailText{color:var(--dsw-alias-label-primary);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.55}._7D6uKa_scheduleToggle{color:var(--dsw-alias-label-primary);cursor:pointer;user-select:none;align-items:center;gap:8px;font-size:13px;display:flex}._7D6uKa_scheduleToggle input{accent-color:var(--dsw-alias-state-business-primary)}._7D6uKa_scheduleRow{align-items:center;gap:8px;display:flex}._7D6uKa_scheduleInput{min-width:0;font-family:var(--dsw-font-markdown-code-block-small);flex:1;font-size:12.5px}._7D6uKa_scheduleInputInvalid,._7D6uKa_scheduleInputInvalid:focus{border-color:var(--dsw-alias-state-error-primary)}._7D6uKa_schedulePreset{color:var(--dsw-alias-label-primary);background:var(--dsw-specific-input-major);border:1px solid var(--dsw-alias-border-l2);border-radius:8px;outline:none;flex:none;padding:7px 8px;font-size:12.5px}._7D6uKa_scheduleMeta{color:var(--dsw-alias-label-secondary);overflow-wrap:anywhere;margin:0;font-size:12px}._7D6uKa_promptBlock{font-size:12.5px;line-height:1.5;font-family:var(--dsw-font-markdown-code-block-small);color:var(--dsw-alias-label-primary);background:var(--dsw-alias-markdown-code-block);border:1px solid var(--dsw-alias-border-l1);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px;max-height:240px;margin:0;padding:10px 12px;overflow-y:auto}._7D6uKa_executionList{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}._7D6uKa_executionRow{border:1px solid var(--dsw-alias-border-l1);border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 10px;display:flex}._7D6uKa_executionBadge{color:var(--dsw-alias-state-warn-primary);background:var(--dsw-alias-state-warn-secondary);border-radius:999px;flex:none;padding:1px 8px;font-size:11px;font-weight:600}._7D6uKa_executionBadge[data-result=succeeded]{color:var(--dsw-alias-state-success-primary);background:0 0}._7D6uKa_executionBadge[data-result=failed]{color:var(--dsw-alias-state-error-primary);background:0 0}._7D6uKa_executionBadge[data-result=cancelled]{color:var(--dsw-alias-label-tertiary);background:0 0}._7D6uKa_executionTimes{color:var(--dsw-alias-label-secondary);font-size:12px}._7D6uKa_executionError{width:100%;color:var(--dsw-alias-state-error-primary);overflow-wrap:anywhere;font-size:12px}._7D6uKa_moveRow{flex-wrap:wrap;gap:8px;display:flex}._7D6uKa_detailFooter{border-top:1px solid var(--dsw-alias-separator-primary);flex:none;align-items:center;gap:10px;padding:12px 18px;display:flex}._7D6uKa_detailMeta{color:var(--dsw-alias-label-tertiary);margin-left:auto;font-size:11px}@container _7D6uKa_task-board-view (width<=768px){._7D6uKa_board{gap:10px;padding:10px}._7D6uKa_boardHeader{flex-wrap:wrap;align-items:center;gap:8px}._7D6uKa_backButton{flex:none;order:1}._7D6uKa_boardTitle{flex:auto;order:2}._7D6uKa_boardHeader>._7D6uKa_detailMeta{flex:1 0 100%;order:3;margin-left:0}._7D6uKa_search{flex:1 0 100%;order:4;min-width:0}._7D6uKa_boardHeader>button:not(._7D6uKa_backButton){flex:1 1 0;order:5;min-width:0}._7D6uKa_columns{scroll-snap-type:inline mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;grid-auto-columns:86cqw;gap:10px;padding-inline:2px 14cqw;scroll-padding-inline:2px}._7D6uKa_columns::-webkit-scrollbar{display:none}._7D6uKa_column{scroll-snap-align:start;scroll-snap-stop:always}}@container _7D6uKa_task-board-view (width<=720px){._7D6uKa_boardHeader>._7D6uKa_detailMeta{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}@container _7D6uKa_task-board-view (width<=600px){._7D6uKa_board{padding-inline:8px}}@media (width<=768px){[data-dsh-taskboard-view]{height:100dvh}._7D6uKa_entry,._7D6uKa_card,._7D6uKa_primaryButton,._7D6uKa_ghostButton,._7D6uKa_dangerButton,._7D6uKa_iconButton,._7D6uKa_linkButton,._7D6uKa_search,._7D6uKa_input,._7D6uKa_select,._7D6uKa_schedulePreset,._7D6uKa_scheduleToggle{min-height:44px}._7D6uKa_search,._7D6uKa_input,._7D6uKa_select,._7D6uKa_schedulePreset{box-sizing:border-box;font-size:16px}._7D6uKa_modalBackdrop{justify-content:stretch;align-items:stretch;width:100vw;height:100dvh}._7D6uKa_modal,._7D6uKa_detail{box-sizing:border-box;border:0;border-radius:0;width:100vw;height:100dvh;max-height:none}._7D6uKa_modal{padding-top:max(16px, env(safe-area-inset-top));padding-right:max(16px, env(safe-area-inset-right));padding-bottom:max(16px, env(safe-area-inset-bottom));padding-left:max(16px, env(safe-area-inset-left))}._7D6uKa_modalFooter{z-index:1;background:var(--dsw-alias-bg-base);flex-wrap:wrap;padding-top:8px;position:sticky;bottom:0}._7D6uKa_modalFooter>button{flex:120px}._7D6uKa_detailHeader{padding-top:max(12px, env(safe-area-inset-top));padding-right:max(14px, env(safe-area-inset-right));padding-left:max(14px, env(safe-area-inset-left));flex-wrap:wrap}._7D6uKa_detailTitle{min-width:0}._7D6uKa_detailBody{overscroll-behavior-y:contain;padding-right:max(14px, env(safe-area-inset-right));padding-left:max(14px, env(safe-area-inset-left))}._7D6uKa_detailFooter{padding-right:max(14px, env(safe-area-inset-right));padding-bottom:max(12px, env(safe-area-inset-bottom));padding-left:max(14px, env(safe-area-inset-left));flex-wrap:wrap}._7D6uKa_detailFooter>button{flex:96px}._7D6uKa_detailFooter>._7D6uKa_detailMeta{text-align:end;flex:1 0 100%;margin-left:0}._7D6uKa_scheduleRow{flex-direction:column;align-items:stretch}._7D6uKa_schedulePreset{width:100%}}._7D6uKa_entry:focus-visible,._7D6uKa_card:focus-visible,._7D6uKa_primaryButton:focus-visible,._7D6uKa_ghostButton:focus-visible,._7D6uKa_dangerButton:focus-visible,._7D6uKa_iconButton:focus-visible,._7D6uKa_linkButton:focus-visible,._7D6uKa_search:focus-visible,._7D6uKa_input:focus-visible,._7D6uKa_select:focus-visible,._7D6uKa_schedulePreset:focus-visible,._7D6uKa_scheduleToggle input:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:2px}._7D6uKa_entry,._7D6uKa_primaryButton,._7D6uKa_ghostButton,._7D6uKa_dangerButton,._7D6uKa_iconButton,._7D6uKa_linkButton,._7D6uKa_search,._7D6uKa_input,._7D6uKa_select,._7D6uKa_schedulePreset,._7D6uKa_scheduleToggle input{transition:background-color .12s,color .12s,border-color .12s,outline-color .12s,box-shadow .12s,transform .12s}._7D6uKa_card:active{box-shadow:var(--dsw-shadow-lv1);transform:translateY(0)}._7D6uKa_entry:active,._7D6uKa_primaryButton:active:not(:disabled),._7D6uKa_ghostButton:active:not(:disabled),._7D6uKa_dangerButton:active:not(:disabled),._7D6uKa_iconButton:active:not(:disabled),._7D6uKa_linkButton:active:not(:disabled){transform:translateY(1px)}._7D6uKa_entry[data-active]:hover{background:var(--dsw-specific-sidebar-nav-item-active)}._7D6uKa_iconButton:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}._7D6uKa_linkButton:hover:not(:disabled){text-decoration:underline}._7D6uKa_iconButton:disabled,._7D6uKa_linkButton:disabled{opacity:.45;cursor:default}._7D6uKa_search:focus,._7D6uKa_select:focus,._7D6uKa_schedulePreset:focus{border-color:var(--dsw-alias-state-business-primary)}._7D6uKa_scheduleToggle input{margin:0}@media (prefers-reduced-motion:reduce){._7D6uKa_entry,._7D6uKa_card,._7D6uKa_primaryButton,._7D6uKa_ghostButton,._7D6uKa_dangerButton,._7D6uKa_iconButton,._7D6uKa_linkButton,._7D6uKa_search,._7D6uKa_input,._7D6uKa_select,._7D6uKa_schedulePreset,._7D6uKa_scheduleToggle input{transition:none}._7D6uKa_cardSpinner{animation:none}}._7D6uKa_cardTags{flex-wrap:wrap;gap:4px;display:flex}._7D6uKa_cardTag{border:1px solid var(--dsh-task-tag-border);background:var(--dsh-task-tag-fill);max-width:100%;color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;padding:0 7px;font-size:10px;line-height:16px;overflow:hidden}._7D6uKa_tagFilter{flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 10px;display:flex}._7D6uKa_tagFilterLabel{color:var(--dsw-alias-label-tertiary);font-size:11px}._7D6uKa_tagChip{border:1px solid var(--dsh-task-tag-border);color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border-radius:999px;padding:1px 9px;font-family:inherit;font-size:11px;line-height:18px}._7D6uKa_tagChip[data-active=true]{background:var(--dsh-task-tag-fill);color:var(--dsw-alias-label-primary)}._7D6uKa_cardTag[data-tag-tone=\"0\"],._7D6uKa_tagChip[data-tag-tone=\"0\"]{--dsh-task-tag-fill:#4e93e82e;--dsh-task-tag-border:#4e93e866}._7D6uKa_cardTag[data-tag-tone=\"1\"],._7D6uKa_tagChip[data-tag-tone=\"1\"]{--dsh-task-tag-fill:#2ea36a2e;--dsh-task-tag-border:#2ea36a66}._7D6uKa_cardTag[data-tag-tone=\"2\"],._7D6uKa_tagChip[data-tag-tone=\"2\"]{--dsh-task-tag-fill:#d08a2a2e;--dsh-task-tag-border:#d08a2a66}._7D6uKa_cardTag[data-tag-tone=\"3\"],._7D6uKa_tagChip[data-tag-tone=\"3\"]{--dsh-task-tag-fill:#b456c82e;--dsh-task-tag-border:#b456c866}._7D6uKa_cardTag[data-tag-tone=\"4\"],._7D6uKa_tagChip[data-tag-tone=\"4\"]{--dsh-task-tag-fill:#cf5f7a2e;--dsh-task-tag-border:#cf5f7a66}._7D6uKa_cardTag[data-tag-tone=\"5\"],._7D6uKa_tagChip[data-tag-tone=\"5\"]{--dsh-task-tag-fill:#4a9fb52e;--dsh-task-tag-border:#4a9fb566}._7D6uKa_fieldHint{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:1.4}._7D6uKa_tagRow{align-items:center;gap:6px;display:flex}._7D6uKa_tagRow ._7D6uKa_input{flex:1 1 0;min-width:0}._7D6uKa_tagRow ._7D6uKa_ghostButton{flex:none}._7D6uKa_tagAddButton{align-self:flex-start}._7D6uKa_projectFilter{flex:none;align-items:center;gap:6px;display:flex}._7D6uKa_projectFilterLabel{color:var(--dsw-alias-label-secondary);white-space:nowrap;font-size:12px}._7D6uKa_projectDialog{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);border-radius:10px;flex-direction:column;flex:none;gap:8px;margin-bottom:8px;padding:10px 12px;display:flex}._7D6uKa_projectDialogActions{justify-content:flex-end;gap:8px;display:flex}._7D6uKa_aiParse{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);border-radius:10px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}._7D6uKa_aiParseRow{align-items:center;gap:8px;display:flex}._7D6uKa_aiParseRow ._7D6uKa_select{flex:1 1 0;min-width:0}._7D6uKa_aiParseRow ._7D6uKa_ghostButton,._7D6uKa_aiParseRow ._7D6uKa_primaryButton{flex:none}";
+		const css$1 = "[data-dsh-taskboard-view]{box-sizing:border-box;background:var(--dsw-alias-bg-base);flex-direction:column;width:100%;min-width:0;height:100%;min-height:0;display:flex;container:_7D6uKa_task-board-view/inline-size}._7D6uKa_board{box-sizing:border-box;background:var(--dsw-alias-bg-base);min-width:0;height:100%;min-height:0;color:var(--dsw-alias-label-primary);font-family:var(--dsw-font-family);flex-direction:column;gap:12px;padding:14px 16px 16px;display:flex}._7D6uKa_boardHeader{flex:none;align-items:center;gap:10px;display:flex}._7D6uKa_boardTitle{color:var(--dsw-alias-label-primary);white-space:nowrap;margin:0;font-size:16px;font-weight:700}._7D6uKa_backButton{align-items:center;gap:4px;display:inline-flex}._7D6uKa_search{min-width:120px;color:var(--dsw-alias-label-primary);background:var(--dsw-specific-input-major);border:1px solid var(--dsw-alias-border-l2);border-radius:8px;outline:none;flex:0 260px;padding:6px 10px;font-size:13px}._7D6uKa_search::placeholder{color:var(--dsw-alias-label-tertiary)}._7D6uKa_columns{overscroll-behavior-inline:contain;scrollbar-color:var(--dsw-alias-border-l3) var(--dsw-alias-interactive-bg-hover);scrollbar-width:thin;flex:1;grid-auto-columns:minmax(220px,1fr);grid-auto-flow:column;gap:12px;min-height:0;padding-bottom:6px;display:grid;overflow:auto hidden}._7D6uKa_columns::-webkit-scrollbar{height:10px}._7D6uKa_columns::-webkit-scrollbar-track{background:var(--dsw-alias-interactive-bg-hover);border-radius:999px}._7D6uKa_columns::-webkit-scrollbar-thumb{background:var(--dsw-alias-border-l3);background-clip:content-box;border:2px solid #0000;border-radius:999px}._7D6uKa_columns::-webkit-scrollbar-thumb:hover{background:var(--dsw-alias-border-l4);background-clip:content-box}._7D6uKa_column{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);border-radius:12px;flex-direction:column;min-height:0;display:flex;overflow:hidden}._7D6uKa_columnHeader{flex:none;align-items:center;gap:6px;padding:10px 12px;display:flex}._7D6uKa_columnTitle{color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:13px;font-weight:700;overflow:hidden}._7D6uKa_columnCount{min-width:0;color:var(--dsw-alias-label-tertiary);background:var(--dsw-alias-interactive-bg-hover);border-radius:999px;flex:none;padding:1px 8px;font-size:12px}._7D6uKa_statusDot{border-radius:50%;flex:none;width:8px;height:8px}._7D6uKa_statusDot[data-status=backlog]{background:var(--dsw-alias-label-tertiary)}._7D6uKa_statusDot[data-status=todo]{background:var(--dsw-alias-state-business-primary)}._7D6uKa_statusDot[data-status=running]{background:var(--dsw-alias-state-warn-primary)}._7D6uKa_statusDot[data-status=done]{background:var(--dsw-alias-state-success-primary)}._7D6uKa_statusDot[data-status=failed]{background:var(--dsw-alias-state-error-primary)}._7D6uKa_cards{flex-direction:column;flex:1;gap:8px;min-height:0;padding:2px 8px 10px;display:flex;overflow-y:auto}._7D6uKa_columnEmpty{text-align:center;color:var(--dsw-alias-label-tertiary);padding:24px 8px;font-size:12px}._7D6uKa_card{text-align:left;background:var(--dsw-alias-bg-base);border:1px solid var(--dsw-alias-border-l2);cursor:pointer;color:var(--dsw-alias-label-primary);border-radius:10px;flex-direction:column;gap:6px;padding:10px 12px;font-family:inherit;transition:box-shadow .12s,border-color .12s,transform .12s;display:flex}._7D6uKa_card:hover{box-shadow:var(--dsw-shadow-lv2);border-color:var(--dsw-alias-border-l3);transform:translateY(-1px)}._7D6uKa_card[data-status=running]{border-color:var(--dsw-alias-state-warn-primary)}._7D6uKa_cardTitle{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}._7D6uKa_cardExcerpt{color:var(--dsw-alias-label-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}._7D6uKa_cardMeta{color:var(--dsw-alias-label-tertiary);align-items:center;gap:8px;font-size:11px;display:flex}._7D6uKa_cardTime{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}._7D6uKa_cardSchedule{white-space:nowrap;min-width:0;color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-interactive-bg-hover);border-radius:999px;flex:none;padding:2px 6px;font-size:12px;line-height:1}._7D6uKa_cardRun{flex:none}._7D6uKa_cardRun[data-result=failed]{color:var(--dsw-alias-state-error-primary)}._7D6uKa_cardRun[data-result=succeeded]{color:var(--dsw-alias-state-success-primary)}._7D6uKa_cardSession{color:var(--dsw-alias-state-business-primary);flex:none}._7D6uKa_cardRunningLabel{color:var(--dsw-alias-state-warn-primary);font-size:11px}._7D6uKa_cardSpinner{border:2px solid var(--dsw-alias-state-warn-primary);border-top-color:#0000;border-radius:50%;flex:none;width:10px;height:10px;animation:.8s linear infinite _7D6uKa_dshTbSpin}@keyframes _7D6uKa_dshTbSpin{to{transform:rotate(360deg)}}._7D6uKa_primaryButton{color:var(--dsw-alias-label-primary-foreground);background:var(--dsw-alias-button-info-fill);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:600}._7D6uKa_primaryButton:hover:not(:disabled){background:var(--dsw-alias-button-info-hover)}._7D6uKa_primaryButton:disabled{opacity:.5;cursor:default}._7D6uKa_ghostButton{color:var(--dsw-alias-label-primary);border:1px solid var(--dsw-alias-border-l2);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;padding:5px 12px;font-size:12px}._7D6uKa_ghostButton:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}._7D6uKa_ghostButton:disabled{opacity:.45;cursor:default}._7D6uKa_dangerButton{color:#fff;background:var(--dsw-alias-state-error-primary);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:600}._7D6uKa_dangerButton:hover:not(:disabled){filter:brightness(1.08)}._7D6uKa_dangerButton:active:not(:disabled){filter:brightness(.94)}._7D6uKa_dangerButton:disabled{opacity:.5;cursor:default}._7D6uKa_iconButton{width:26px;height:26px;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;font-size:13px;display:inline-flex}._7D6uKa_iconButton:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}._7D6uKa_linkButton{color:var(--dsw-alias-state-business-primary);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0;font-size:12px}._7D6uKa_linkButton:hover{text-decoration:underline}._7D6uKa_modalBackdrop{z-index:1300;background:var(--dsw-alias-bg-mask-1);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}._7D6uKa_modal{background:var(--dsw-alias-bg-base);border:1px solid var(--dsw-alias-border-l2);width:min(520px,100vw - 48px);max-height:calc(100vh - 96px);box-shadow:var(--dsw-shadow-lv3);color:var(--dsw-alias-label-primary);border-radius:14px;flex-direction:column;gap:12px;padding:18px;display:flex;overflow-y:auto}._7D6uKa_modalTitle{margin:0;font-size:15px;font-weight:700}._7D6uKa_confirmMessage{color:var(--dsw-alias-label-secondary);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.5}._7D6uKa_modalFooter{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}._7D6uKa_field{flex-direction:column;gap:5px;display:flex}._7D6uKa_fieldLabel{color:var(--dsw-alias-label-secondary);font-size:12px;font-weight:600}._7D6uKa_input{color:var(--dsw-alias-label-primary);background:var(--dsw-specific-input-major);border:1px solid var(--dsw-alias-border-l2);resize:vertical;border-radius:8px;outline:none;padding:7px 10px;font-family:inherit;font-size:13px}._7D6uKa_input:focus{border-color:var(--dsw-alias-state-business-primary)}._7D6uKa_select{color:var(--dsw-alias-label-primary);background:var(--dsw-specific-input-major);border:1px solid var(--dsw-alias-border-l2);border-radius:8px;outline:none;max-width:100%;padding:7px 10px;font-family:inherit;font-size:13px}._7D6uKa_input::placeholder{color:var(--dsw-alias-label-tertiary)}._7D6uKa_formError{color:var(--dsw-alias-state-error-primary);margin:0;font-size:12px}._7D6uKa_detail{background:var(--dsw-alias-bg-base);border:1px solid var(--dsw-alias-border-l2);width:min(640px,100vw - 48px);max-height:calc(100vh - 80px);box-shadow:var(--dsw-shadow-lv3);color:var(--dsw-alias-label-primary);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}._7D6uKa_detailHeader{border-bottom:1px solid var(--dsw-alias-separator-primary);flex:none;align-items:center;gap:10px;padding:14px 18px;display:flex}._7D6uKa_detailTitle{overflow-wrap:anywhere;flex:1;margin:0;font-size:15px;font-weight:700}._7D6uKa_statusBadge{border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);border-radius:999px;flex:none;padding:2px 10px;font-size:12px}._7D6uKa_statusBadge[data-status=running]{color:var(--dsw-alias-state-warn-primary);border-color:var(--dsw-alias-state-warn-primary)}._7D6uKa_statusBadge[data-status=done]{color:var(--dsw-alias-state-success-primary);border-color:var(--dsw-alias-state-success-primary)}._7D6uKa_statusBadge[data-status=failed]{color:var(--dsw-alias-state-error-primary);border-color:var(--dsw-alias-state-error-primary)}._7D6uKa_detailBody{flex-direction:column;flex:1;gap:16px;padding:14px 18px;display:flex;overflow-y:auto}._7D6uKa_detailSection{flex-direction:column;gap:6px;display:flex}._7D6uKa_detailSection h4{color:var(--dsw-alias-label-tertiary);text-transform:none;margin:0;font-size:12px;font-weight:700}._7D6uKa_detailText{color:var(--dsw-alias-label-primary);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.55}._7D6uKa_scheduleToggle{color:var(--dsw-alias-label-primary);cursor:pointer;user-select:none;align-items:center;gap:8px;font-size:13px;display:flex}._7D6uKa_scheduleToggle input{accent-color:var(--dsw-alias-state-business-primary)}._7D6uKa_scheduleRow{align-items:center;gap:8px;display:flex}._7D6uKa_scheduleInput{min-width:0;font-family:var(--dsw-font-markdown-code-block-small);flex:1;font-size:12.5px}._7D6uKa_scheduleInputInvalid,._7D6uKa_scheduleInputInvalid:focus{border-color:var(--dsw-alias-state-error-primary)}._7D6uKa_schedulePreset{color:var(--dsw-alias-label-primary);background:var(--dsw-specific-input-major);border:1px solid var(--dsw-alias-border-l2);border-radius:8px;outline:none;flex:none;padding:7px 8px;font-size:12.5px}._7D6uKa_scheduleMeta{color:var(--dsw-alias-label-secondary);overflow-wrap:anywhere;margin:0;font-size:12px}._7D6uKa_promptBlock{font-size:12.5px;line-height:1.5;font-family:var(--dsw-font-markdown-code-block-small);color:var(--dsw-alias-label-primary);background:var(--dsw-alias-markdown-code-block);border:1px solid var(--dsw-alias-border-l1);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px;max-height:240px;margin:0;padding:10px 12px;overflow-y:auto}._7D6uKa_executionList{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}._7D6uKa_executionRow{border:1px solid var(--dsw-alias-border-l1);border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 10px;display:flex}._7D6uKa_executionBadge{color:var(--dsw-alias-state-warn-primary);background:var(--dsw-alias-state-warn-secondary);border-radius:999px;flex:none;padding:1px 8px;font-size:11px;font-weight:600}._7D6uKa_executionBadge[data-result=succeeded]{color:var(--dsw-alias-state-success-primary);background:0 0}._7D6uKa_executionBadge[data-result=failed]{color:var(--dsw-alias-state-error-primary);background:0 0}._7D6uKa_executionBadge[data-result=cancelled]{color:var(--dsw-alias-label-tertiary);background:0 0}._7D6uKa_executionTimes{color:var(--dsw-alias-label-secondary);font-size:12px}._7D6uKa_executionError{width:100%;color:var(--dsw-alias-state-error-primary);overflow-wrap:anywhere;font-size:12px}._7D6uKa_moveRow{flex-wrap:wrap;gap:8px;display:flex}._7D6uKa_detailFooter{border-top:1px solid var(--dsw-alias-separator-primary);flex:none;align-items:center;gap:10px;padding:12px 18px;display:flex}._7D6uKa_detailMeta{color:var(--dsw-alias-label-tertiary);margin-left:auto;font-size:11px}@container _7D6uKa_task-board-view (width<=768px){._7D6uKa_board{gap:10px;padding:10px}._7D6uKa_boardHeader{flex-wrap:wrap;align-items:center;gap:8px}._7D6uKa_backButton{flex:none;order:1}._7D6uKa_boardTitle{flex:auto;order:2}._7D6uKa_boardHeader>._7D6uKa_detailMeta{flex:1 0 100%;order:3;margin-left:0}._7D6uKa_search{flex:1 0 100%;order:4;min-width:0}._7D6uKa_boardHeader>button:not(._7D6uKa_backButton){flex:1 1 0;order:5;min-width:0}._7D6uKa_columns{scroll-snap-type:inline mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;grid-auto-columns:86cqw;gap:10px;padding-inline:2px 14cqw;scroll-padding-inline:2px}._7D6uKa_columns::-webkit-scrollbar{display:none}._7D6uKa_column{scroll-snap-align:start;scroll-snap-stop:always}}@container _7D6uKa_task-board-view (width<=720px){._7D6uKa_boardHeader>._7D6uKa_detailMeta{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}@container _7D6uKa_task-board-view (width<=600px){._7D6uKa_board{padding-inline:8px}}@media (width<=768px){[data-dsh-taskboard-view]{height:100dvh}._7D6uKa_card,._7D6uKa_primaryButton,._7D6uKa_ghostButton,._7D6uKa_dangerButton,._7D6uKa_iconButton,._7D6uKa_linkButton,._7D6uKa_search,._7D6uKa_input,._7D6uKa_select,._7D6uKa_schedulePreset,._7D6uKa_scheduleToggle{min-height:44px}._7D6uKa_search,._7D6uKa_input,._7D6uKa_select,._7D6uKa_schedulePreset{box-sizing:border-box;font-size:16px}._7D6uKa_modalBackdrop{justify-content:stretch;align-items:stretch;width:100vw;height:100dvh}._7D6uKa_modal,._7D6uKa_detail{box-sizing:border-box;border:0;border-radius:0;width:100vw;height:100dvh;max-height:none}._7D6uKa_modal{padding-top:max(16px, env(safe-area-inset-top));padding-right:max(16px, env(safe-area-inset-right));padding-bottom:max(16px, env(safe-area-inset-bottom));padding-left:max(16px, env(safe-area-inset-left))}._7D6uKa_modalFooter{z-index:1;background:var(--dsw-alias-bg-base);flex-wrap:wrap;padding-top:8px;position:sticky;bottom:0}._7D6uKa_modalFooter>button{flex:120px}._7D6uKa_detailHeader{padding-top:max(12px, env(safe-area-inset-top));padding-right:max(14px, env(safe-area-inset-right));padding-left:max(14px, env(safe-area-inset-left));flex-wrap:wrap}._7D6uKa_detailTitle{min-width:0}._7D6uKa_detailBody{overscroll-behavior-y:contain;padding-right:max(14px, env(safe-area-inset-right));padding-left:max(14px, env(safe-area-inset-left))}._7D6uKa_detailFooter{padding-right:max(14px, env(safe-area-inset-right));padding-bottom:max(12px, env(safe-area-inset-bottom));padding-left:max(14px, env(safe-area-inset-left));flex-wrap:wrap}._7D6uKa_detailFooter>button{flex:96px}._7D6uKa_detailFooter>._7D6uKa_detailMeta{text-align:end;flex:1 0 100%;margin-left:0}._7D6uKa_scheduleRow{flex-direction:column;align-items:stretch}._7D6uKa_schedulePreset{width:100%}}._7D6uKa_card:focus-visible,._7D6uKa_primaryButton:focus-visible,._7D6uKa_ghostButton:focus-visible,._7D6uKa_dangerButton:focus-visible,._7D6uKa_iconButton:focus-visible,._7D6uKa_linkButton:focus-visible,._7D6uKa_search:focus-visible,._7D6uKa_input:focus-visible,._7D6uKa_select:focus-visible,._7D6uKa_schedulePreset:focus-visible,._7D6uKa_scheduleToggle input:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:2px}._7D6uKa_primaryButton,._7D6uKa_ghostButton,._7D6uKa_dangerButton,._7D6uKa_iconButton,._7D6uKa_linkButton,._7D6uKa_search,._7D6uKa_input,._7D6uKa_select,._7D6uKa_schedulePreset,._7D6uKa_scheduleToggle input{transition:background-color .12s,color .12s,border-color .12s,outline-color .12s,box-shadow .12s,transform .12s}._7D6uKa_card:active{box-shadow:var(--dsw-shadow-lv1);transform:translateY(0)}._7D6uKa_primaryButton:active:not(:disabled),._7D6uKa_ghostButton:active:not(:disabled),._7D6uKa_dangerButton:active:not(:disabled),._7D6uKa_iconButton:active:not(:disabled),._7D6uKa_linkButton:active:not(:disabled){transform:translateY(1px)}._7D6uKa_iconButton:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}._7D6uKa_linkButton:hover:not(:disabled){text-decoration:underline}._7D6uKa_iconButton:disabled,._7D6uKa_linkButton:disabled{opacity:.45;cursor:default}._7D6uKa_search:focus,._7D6uKa_select:focus,._7D6uKa_schedulePreset:focus{border-color:var(--dsw-alias-state-business-primary)}._7D6uKa_scheduleToggle input{margin:0}@media (prefers-reduced-motion:reduce){._7D6uKa_card,._7D6uKa_primaryButton,._7D6uKa_ghostButton,._7D6uKa_dangerButton,._7D6uKa_iconButton,._7D6uKa_linkButton,._7D6uKa_search,._7D6uKa_input,._7D6uKa_select,._7D6uKa_schedulePreset,._7D6uKa_scheduleToggle input{transition:none}._7D6uKa_cardSpinner{animation:none}}._7D6uKa_cardTags{flex-wrap:wrap;gap:4px;display:flex}._7D6uKa_cardTag{border:1px solid var(--dsh-task-tag-border);background:var(--dsh-task-tag-fill);max-width:100%;color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;padding:0 7px;font-size:10px;line-height:16px;overflow:hidden}._7D6uKa_tagFilter{flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 10px;display:flex}._7D6uKa_tagFilterLabel{color:var(--dsw-alias-label-tertiary);font-size:11px}._7D6uKa_tagChip{border:1px solid var(--dsh-task-tag-border);color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border-radius:999px;padding:1px 9px;font-family:inherit;font-size:11px;line-height:18px}._7D6uKa_tagChip[data-active=true]{background:var(--dsh-task-tag-fill);color:var(--dsw-alias-label-primary)}._7D6uKa_cardTag[data-tag-tone=\"0\"],._7D6uKa_tagChip[data-tag-tone=\"0\"]{--dsh-task-tag-fill:#4e93e82e;--dsh-task-tag-border:#4e93e866}._7D6uKa_cardTag[data-tag-tone=\"1\"],._7D6uKa_tagChip[data-tag-tone=\"1\"]{--dsh-task-tag-fill:#2ea36a2e;--dsh-task-tag-border:#2ea36a66}._7D6uKa_cardTag[data-tag-tone=\"2\"],._7D6uKa_tagChip[data-tag-tone=\"2\"]{--dsh-task-tag-fill:#d08a2a2e;--dsh-task-tag-border:#d08a2a66}._7D6uKa_cardTag[data-tag-tone=\"3\"],._7D6uKa_tagChip[data-tag-tone=\"3\"]{--dsh-task-tag-fill:#b456c82e;--dsh-task-tag-border:#b456c866}._7D6uKa_cardTag[data-tag-tone=\"4\"],._7D6uKa_tagChip[data-tag-tone=\"4\"]{--dsh-task-tag-fill:#cf5f7a2e;--dsh-task-tag-border:#cf5f7a66}._7D6uKa_cardTag[data-tag-tone=\"5\"],._7D6uKa_tagChip[data-tag-tone=\"5\"]{--dsh-task-tag-fill:#4a9fb52e;--dsh-task-tag-border:#4a9fb566}._7D6uKa_fieldHint{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:1.4}._7D6uKa_tagRow{align-items:center;gap:6px;display:flex}._7D6uKa_tagRow ._7D6uKa_input{flex:1 1 0;min-width:0}._7D6uKa_tagRow ._7D6uKa_ghostButton{flex:none}._7D6uKa_tagAddButton{align-self:flex-start}._7D6uKa_projectFilter{flex:none;align-items:center;gap:6px;display:flex}._7D6uKa_projectFilterLabel{color:var(--dsw-alias-label-secondary);white-space:nowrap;font-size:12px}._7D6uKa_projectDialog{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);border-radius:10px;flex-direction:column;flex:none;gap:8px;margin-bottom:8px;padding:10px 12px;display:flex}._7D6uKa_projectDialogActions{justify-content:flex-end;gap:8px;display:flex}._7D6uKa_aiParse{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);border-radius:10px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}._7D6uKa_aiParseRow{align-items:center;gap:8px;display:flex}._7D6uKa_aiParseRow ._7D6uKa_select{flex:1 1 0;min-width:0}._7D6uKa_aiParseRow ._7D6uKa_ghostButton,._7D6uKa_aiParseRow ._7D6uKa_primaryButton{flex:none}._7D6uKa_cardSubtask{border:1px solid var(--dsw-alias-border-l2);max-width:100%;color:var(--dsw-alias-label-secondary);text-overflow:ellipsis;white-space:nowrap;background:0 0;border-radius:999px;padding:0 7px;font-size:10px;line-height:16px;overflow:hidden}._7D6uKa_cardSubtask[data-tone=failed]{color:var(--dsw-alias-state-error-primary);border-color:var(--dsw-alias-state-error-primary)}._7D6uKa_cardSubtask[data-tone=running]{color:var(--dsw-alias-state-warn-primary);border-color:var(--dsw-alias-state-warn-primary)}._7D6uKa_cardSubtask[data-tone=done]{color:var(--dsw-alias-state-success-primary);border-color:var(--dsw-alias-state-success-primary)}._7D6uKa_subtaskList{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}._7D6uKa_subtaskRow{border:1px solid var(--dsw-alias-border-l1);border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;padding:6px 10px;display:flex}._7D6uKa_subtaskRow ._7D6uKa_linkButton:first-child{text-align:left;overflow-wrap:anywhere;flex:auto;min-width:0}._7D6uKa_subtaskAddRow{flex-wrap:wrap;gap:8px;display:flex}._7D6uKa_pickList{flex-direction:column;gap:6px;max-height:320px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}._7D6uKa_pickRow{border:1px solid var(--dsw-alias-border-l1);border-radius:8px;align-items:center;gap:10px;padding:6px 10px;display:flex}._7D6uKa_pickTitle{min-width:0;color:var(--dsw-alias-label-primary);overflow-wrap:anywhere;flex:auto;font-size:13px}";
 		const tagId$1 = "@linxin666/dsh-client-ui-task-board/packages/dsh-task-board/src/client/board.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$1) + "]") === null) {
 			const tag = document.createElement("style");
@@ -2021,6 +2447,7 @@ window.__ModuleLoader__.load({
 			"cardSchedule": "_7D6uKa_cardSchedule",
 			"cardSession": "_7D6uKa_cardSession",
 			"cardSpinner": "_7D6uKa_cardSpinner",
+			"cardSubtask": "_7D6uKa_cardSubtask",
 			"cardTag": "_7D6uKa_cardTag",
 			"cardTags": "_7D6uKa_cardTags",
 			"cardTime": "_7D6uKa_cardTime",
@@ -2043,9 +2470,6 @@ window.__ModuleLoader__.load({
 			"detailText": "_7D6uKa_detailText",
 			"detailTitle": "_7D6uKa_detailTitle",
 			"dshTbSpin": "_7D6uKa_dshTbSpin",
-			"entry": "_7D6uKa_entry",
-			"entryIcon": "_7D6uKa_entryIcon",
-			"entryLabel": "_7D6uKa_entryLabel",
 			"executionBadge": "_7D6uKa_executionBadge",
 			"executionError": "_7D6uKa_executionError",
 			"executionList": "_7D6uKa_executionList",
@@ -2064,6 +2488,9 @@ window.__ModuleLoader__.load({
 			"modalFooter": "_7D6uKa_modalFooter",
 			"modalTitle": "_7D6uKa_modalTitle",
 			"moveRow": "_7D6uKa_moveRow",
+			"pickList": "_7D6uKa_pickList",
+			"pickRow": "_7D6uKa_pickRow",
+			"pickTitle": "_7D6uKa_pickTitle",
 			"primaryButton": "_7D6uKa_primaryButton",
 			"projectDialog": "_7D6uKa_projectDialog",
 			"projectDialogActions": "_7D6uKa_projectDialogActions",
@@ -2080,6 +2507,9 @@ window.__ModuleLoader__.load({
 			"select": "_7D6uKa_select",
 			"statusBadge": "_7D6uKa_statusBadge",
 			"statusDot": "_7D6uKa_statusDot",
+			"subtaskAddRow": "_7D6uKa_subtaskAddRow",
+			"subtaskList": "_7D6uKa_subtaskList",
+			"subtaskRow": "_7D6uKa_subtaskRow",
 			"tagAddButton": "_7D6uKa_tagAddButton",
 			"tagChip": "_7D6uKa_tagChip",
 			"tagFilter": "_7D6uKa_tagFilter",
@@ -2335,15 +2765,16 @@ window.__ModuleLoader__.load({
 		* Creates through the Host and closes only after the Host confirms it.
 		*/
 		/** New-task form overlay. */
-		function NewTaskModal({ controller, onClose, initialTask, defaultWorkspaceId, onDuplicateSuccess }) {
+		function NewTaskModal({ controller, onClose, initialTask, defaultWorkspaceId, onDuplicateSuccess, parentTask }) {
 			const isDuplicate = initialTask !== void 0;
 			const [title, setTitle] = (0, react.useState)(initialTask?.title ?? "");
 			const [description, setDescription] = (0, react.useState)(initialTask?.description ?? "");
 			const [prompt, setPrompt] = (0, react.useState)(initialTask?.prompt ?? "");
-			const [workspaceId, setWorkspaceId] = (0, react.useState)(initialTask?.workspaceId ?? defaultWorkspaceId ?? "");
-			const [mode, setMode] = (0, react.useState)(initialTask?.mode ?? "");
+			const [workspaceId, setWorkspaceId] = (0, react.useState)(initialTask?.workspaceId ?? parentTask?.workspaceId ?? defaultWorkspaceId ?? "");
+			const [mode, setMode] = (0, react.useState)(initialTask?.mode ?? parentTask?.mode ?? "");
 			const [permission, setPermission] = (0, react.useState)(initialTask?.permission ?? "");
-			const [model, setModel] = (0, react.useState)(initialTask?.model ?? "");
+			const [model, setModel] = (0, react.useState)(initialTask?.model ?? parentTask?.model ?? "");
+			const inheritedPermission = parentTask === void 0 ? void 0 : effectiveTaskPermission(parentTask);
 			const [reuseSession, setReuseSession] = (0, react.useState)(initialTask?.reuseSession ?? false);
 			const [scheduleEnabled, setScheduleEnabled] = (0, react.useState)(initialTask?.schedule?.enabled ?? false);
 			const [scheduleCron, setScheduleCron] = (0, react.useState)(initialTask?.schedule?.cron ?? "");
@@ -2363,6 +2794,9 @@ window.__ModuleLoader__.load({
 			const [parseError, setParseError] = (0, react.useState)(void 0);
 			const parseAbort = (0, react.useRef)(void 0);
 			const parseModels = options.models ?? [];
+			const workspaceKnown = workspaceId === "" || options.workspaces.some((item) => item.workspaceId === workspaceId);
+			const modeKnown = mode === "" || options.presets.some((item) => item.id === mode);
+			const modelKnown = model === "" || parseModels.some((item) => item.id === model);
 			(0, react.useEffect)(() => controller.subscribe(() => setOptions(controller.getSnapshot().executionOptions)), [controller]);
 			(0, react.useEffect)(() => {
 				if (parseModel === "" || parseModels.length === 0) return;
@@ -2434,6 +2868,7 @@ window.__ModuleLoader__.load({
 					title,
 					description,
 					prompt,
+					...parentTask === void 0 ? {} : { parentId: parentTask.id },
 					freeze,
 					handover,
 					workspaceId: workspaceId === "" ? void 0 : workspaceId,
@@ -2461,7 +2896,7 @@ window.__ModuleLoader__.load({
 			};
 			/** Next-run preview for a valid armed cron (creation-time only). */
 			const scheduleNextRun = scheduleEnabled && scheduleCron.trim() !== "" && isValidCron(scheduleCron) ? nextRunAtMs(scheduleCron, Date.now()) : void 0;
-			const modalTitle = isDuplicate ? t("new.duplicateTitle") : t("board.new");
+			const modalTitle = parentTask !== void 0 ? t("new.subtaskTitle") : isDuplicate ? t("new.duplicateTitle") : t("board.new");
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ModalShell, {
 				ariaLabel: modalTitle,
 				title: modalTitle,
@@ -2542,6 +2977,17 @@ window.__ModuleLoader__.load({
 							})
 						]
 					}),
+					parentTask !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+						className: board_module_css_default.detailText,
+						"data-dsh-part": "subtask-inherit",
+						children: [
+							t("detail.parent"),
+							": ",
+							parentTask.title,
+							" · ",
+							t("new.subtaskInherit")
+						]
+					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaskContentFields, {
 						title,
 						description,
@@ -2606,13 +3052,20 @@ window.__ModuleLoader__.load({
 							onChange: (event) => {
 								setWorkspaceId(event.target.value);
 							},
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-								value: "",
-								children: t("exec.workspace.recent")
-							}), options.workspaces.map((workspace) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-								value: workspace.workspaceId,
-								children: workspace.title
-							}, workspace.workspaceId))]
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: "",
+									children: t("exec.workspace.recent")
+								}),
+								!workspaceKnown && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("option", {
+									value: workspaceId,
+									children: [workspaceId, t("exec.mode.removed")]
+								}),
+								options.workspaces.map((workspace) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: workspace.workspaceId,
+									children: workspace.title
+								}, workspace.workspaceId))
+							]
 						})]
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
@@ -2626,18 +3079,25 @@ window.__ModuleLoader__.load({
 							onChange: (event) => {
 								setMode(event.target.value);
 							},
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-								value: "",
-								children: t("exec.mode.default")
-							}), options.presets.map((preset) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("option", {
-								value: preset.id,
-								disabled: preset.broken !== void 0,
-								children: [
-									preset.name ?? preset.id,
-									preset.isDefault ? t("exec.mode.defaultSuffix") : "",
-									preset.broken !== void 0 ? t("exec.mode.brokenSuffix") : ""
-								]
-							}, preset.id))]
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: "",
+									children: t("exec.mode.default")
+								}),
+								!modeKnown && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("option", {
+									value: mode,
+									children: [mode, t("exec.mode.removed")]
+								}),
+								options.presets.map((preset) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("option", {
+									value: preset.id,
+									disabled: preset.broken !== void 0,
+									children: [
+										preset.name ?? preset.id,
+										preset.isDefault ? t("exec.mode.defaultSuffix") : "",
+										preset.broken !== void 0 ? t("exec.mode.brokenSuffix") : ""
+									]
+								}, preset.id))
+							]
 						})]
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
@@ -2653,7 +3113,7 @@ window.__ModuleLoader__.load({
 							},
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
 								value: "",
-								children: t("exec.permission.default")
+								children: inheritedPermission === void 0 ? t("exec.permission.default") : t("exec.permission.inheritParent", { permission: t(`exec.permission.${inheritedPermission}`) })
 							}), TASK_PERMISSIONS.map((id) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
 								value: id,
 								children: t(`exec.permission.${id}`)
@@ -2671,13 +3131,20 @@ window.__ModuleLoader__.load({
 							onChange: (event) => {
 								setModel(event.target.value);
 							},
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-								value: "",
-								children: t("exec.model.default")
-							}), options.models?.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-								value: item.id,
-								children: item.name ?? item.id
-							}, item.id))]
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: "",
+									children: t("exec.model.default")
+								}),
+								!modelKnown && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("option", {
+									value: model,
+									children: [model, t("exec.model.unknown")]
+								}),
+								options.models?.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: item.id,
+									children: item.name ?? item.id
+								}, item.id))
+							]
 						})]
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
@@ -2811,7 +3278,7 @@ window.__ModuleLoader__.load({
 			if (timeZone !== void 0) return formatHostTimestamp(ms, timeZone);
 			return `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, "0")}-${String(date.getDate()).padStart(2, "0")}`;
 		}
-		function TaskCardInner({ task, pending, timeZone, onClick }) {
+		function TaskCardInner({ task, pending, timeZone, onClick, subtaskCount = 0, isSubtask = false, subtasksDone = 0, subtasksRunning = 0, subtasksFailed = 0 }) {
 			const latest = task.executions[task.executions.length - 1];
 			const runs = task.executions.length;
 			const archived = task.archivedAt !== void 0;
@@ -2852,6 +3319,27 @@ window.__ModuleLoader__.load({
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 						className: board_module_css_default.cardMeta,
 						children: [
+							isSubtask && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: board_module_css_default.cardSubtask,
+								"data-dsh-part": "subtask-badge",
+								children: t("card.subtask")
+							}),
+							subtaskCount > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: board_module_css_default.cardSubtask,
+								"data-dsh-part": "subtask-count",
+								"data-tone": subtasksFailed > 0 ? "failed" : subtasksRunning > 0 ? "running" : subtasksDone === subtaskCount ? "done" : void 0,
+								title: t("card.subtasksBreakdown", {
+									total: String(subtaskCount),
+									done: String(subtasksDone),
+									running: String(subtasksRunning),
+									failed: String(subtasksFailed)
+								}),
+								children: [
+									t("card.subtasks", { count: String(subtaskCount) }),
+									subtasksFailed > 0 ? " · " + t("card.subtasksFailed", { count: String(subtasksFailed) }) : "",
+									subtasksFailed === 0 && subtasksRunning > 0 ? " · " + t("card.subtasksRunning", { count: String(subtasksRunning) }) : ""
+								]
+							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 								className: board_module_css_default.cardTime,
 								children: [
@@ -2896,7 +3384,7 @@ window.__ModuleLoader__.load({
 					}),
 					!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"), "…"]
+						children: [latest.ownResult === void 0 ? t("detail.result.running") : t("detail.subtasks.waiting"), "…"]
 					})
 				]
 			});
@@ -3044,6 +3532,95 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
+		//#region src/client/board/LinkSubtaskModal.tsx
+		/**
+		* Link-subtask modal: attach an existing on-board root task under the open
+		* task. The candidate list mirrors the Host lineage gate (checkParentLink), so
+		* a link the Host would refuse is not offered in the first place; the Host
+		* still re-checks the action at submit time.
+		*/
+		/** Link-subtask overlay. */
+		function LinkSubtaskModal({ controller, parent, onClose }) {
+			const [pending, setPending] = (0, react.useState)(false);
+			const [error, setError] = (0, react.useState)(void 0);
+			const snapshot = controller.getSnapshot();
+			const limit = snapshot.host?.maxSubtaskDepth ?? 1;
+			const candidates = snapshot.tasks.filter((task) => task.archivedAt === void 0 && task.status !== "running" && task.parentId === void 0 && task.id !== parent.id && checkParentLink(snapshot.tasks, task.id, parent.id, limit).ok);
+			const link = async (taskId) => {
+				setPending(true);
+				setError(void 0);
+				if (await controller.setParent(taskId, parent.id)) {
+					onClose();
+					return;
+				}
+				setPending(false);
+				setError(controller.getSnapshot().transportError ?? t("new.required"));
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: board_module_css_default.modalBackdrop,
+				onMouseDown: (event) => {
+					if (event.target === event.currentTarget) onClose();
+				},
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: board_module_css_default.modal,
+					role: "dialog",
+					"aria-label": t("link.subtask.title"),
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+							className: board_module_css_default.modalTitle,
+							children: t("link.subtask.title")
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: board_module_css_default.fieldHint,
+							children: t("link.subtask.hint")
+						}),
+						candidates.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: board_module_css_default.detailText,
+							children: t("link.subtask.empty")
+						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+							className: board_module_css_default.pickList,
+							children: candidates.map((task) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+								className: board_module_css_default.pickRow,
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: board_module_css_default.pickTitle,
+										children: task.title
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: board_module_css_default.statusBadge,
+										"data-status": task.status,
+										children: t(STATUS_KEY[task.status])
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: board_module_css_default.primaryButton,
+										disabled: pending,
+										onClick: () => {
+											link(task.id);
+										},
+										children: t("link.subtask.confirm")
+									})
+								]
+							}, task.id))
+						}),
+						error !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: board_module_css_default.formError,
+							children: error
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("footer", {
+							className: board_module_css_default.modalFooter,
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: board_module_css_default.ghostButton,
+								onClick: onClose,
+								children: t("new.cancel")
+							})
+						})
+					]
+				})
+			});
+		}
+		//#endregion
 		//#region src/client/board/TaskDetail.tsx
 		/**
 		* Task detail: the full view of one task — content, prompt, execution
@@ -3102,7 +3679,13 @@ window.__ModuleLoader__.load({
 		/** The execution-target editor: workspace / mode / permission pickers. */
 		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 teamRunOffered = () => controller.getSnapshot().host?.teamRunAvailable === true;
+			const [teamRunAvailable, setTeamRunAvailable] = (0, react.useState)(teamRunOffered());
+			(0, react.useEffect)(() => controller.subscribe(() => {
+				const snapshot = controller.getSnapshot();
+				setOptions(snapshot.executionOptions);
+				setTeamRunAvailable(snapshot.host?.teamRunAvailable === true);
+			}), [controller]);
 			const workspaceId = task.workspaceId ?? "";
 			const mode = task.mode ?? "";
 			const permission = task.permission ?? "";
@@ -3242,6 +3825,21 @@ window.__ModuleLoader__.load({
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 						className: board_module_css_default.detailText,
 						children: t("exec.reuseSessionHint")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+						className: board_module_css_default.scheduleToggle,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							type: "checkbox",
+							checked: task.teamRun === true,
+							disabled: pending || !teamRunAvailable,
+							onChange: (event) => {
+								controller.updateTask(task.id, { teamRun: event.target.checked });
+							}
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("exec.teamRun") })]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: board_module_css_default.detailText,
+						children: teamRunAvailable ? t("exec.teamRunHint") : t("exec.teamRunUnavailable")
 					})
 				]
 			});
@@ -3370,6 +3968,125 @@ window.__ModuleLoader__.load({
 				]
 			});
 		}
+		/**
+		* The subtask block: the parent link, the direct subtasks with their status,
+		* and the actions that grow or prune the tree. Every gate here mirrors the
+		* Host lineage gate for affordance only; the Host re-checks the action.
+		*/
+		function SubtaskSection({ controller, task, pending, archived }) {
+			const [snapshot, setSnapshot] = (0, react.useState)(controller.getSnapshot());
+			(0, react.useEffect)(() => controller.subscribe(() => setSnapshot(controller.getSnapshot())), [controller]);
+			const [showAdd, setShowAdd] = (0, react.useState)(false);
+			const [showLink, setShowLink] = (0, react.useState)(false);
+			const tasks = snapshot.tasks;
+			const parent = task.parentId === void 0 ? void 0 : tasks.find((candidate) => candidate.id === task.parentId);
+			const children = directSubtasks(tasks, task.id);
+			const limit = snapshot.host?.maxSubtaskDepth ?? 1;
+			const canAddChild = taskDepth(tasks, task.id) + 1 <= limit;
+			const editable = !archived && !pending;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				className: board_module_css_default.detailSection,
+				"data-dsh-part": "subtasks",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h4", { children: t("detail.subtasks") }),
+					parent !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+						className: board_module_css_default.detailText,
+						children: [
+							t("detail.parent"),
+							":",
+							" ",
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: board_module_css_default.linkButton,
+								title: t("detail.parent.open"),
+								onClick: () => {
+									controller.openTask(parent.id);
+								},
+								children: parent.title
+							})
+						]
+					}),
+					children.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: board_module_css_default.detailText,
+						children: t("detail.subtasks.empty")
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+						className: board_module_css_default.subtaskList,
+						children: children.map((child) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+							className: board_module_css_default.subtaskRow,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: board_module_css_default.linkButton,
+									onClick: () => {
+										controller.openTask(child.id);
+									},
+									children: child.title
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: board_module_css_default.statusBadge,
+									"data-status": child.status,
+									children: t(STATUS_KEY[child.status])
+								}),
+								!archived && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: board_module_css_default.linkButton,
+									disabled: pending || child.status === "running",
+									title: child.status === "running" ? t("detail.subtasks.runningLock") : void 0,
+									onClick: () => {
+										controller.setParent(child.id, null);
+									},
+									children: t("detail.subtasks.detach")
+								})
+							]
+						}, child.id))
+					}),
+					children.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: board_module_css_default.detailText,
+						children: t("detail.subtasks.runHint", { count: String(children.length) })
+					}),
+					!archived && (canAddChild ? controller.isHostBacked() ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: board_module_css_default.subtaskAddRow,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+							type: "button",
+							className: board_module_css_default.ghostButton,
+							disabled: !editable,
+							onClick: () => {
+								setShowAdd(true);
+							},
+							children: ["+ ", t("detail.subtasks.add")]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: board_module_css_default.ghostButton,
+							disabled: !editable,
+							onClick: () => {
+								setShowLink(true);
+							},
+							children: t("detail.subtasks.link")
+						})]
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: board_module_css_default.detailMeta,
+						children: t("detail.subtasks.hostOnly")
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: board_module_css_default.detailMeta,
+						children: t("detail.subtasks.depthLimit", { depth: String(limit) })
+					})),
+					showAdd && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NewTaskModal, {
+						controller,
+						parentTask: task,
+						onClose: () => {
+							setShowAdd(false);
+						}
+					}),
+					showLink && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LinkSubtaskModal, {
+						controller,
+						parent: task,
+						onClose: () => {
+							setShowLink(false);
+						}
+					})
+				]
+			});
+		}
 		/** Task detail overlay. */
 		function TaskDetail({ controller, task }) {
 			const [confirmDelete, setConfirmDelete] = (0, react.useState)(false);
@@ -3393,6 +4110,7 @@ window.__ModuleLoader__.load({
 			const transportError = snapshot.transportError;
 			const timeZone = snapshot.host?.scheduler.timeZone;
 			const permissionPending = requiresPermissionConfirmation(current, snapshot.host?.sessionDefaultPermission);
+			const subtaskChildren = directSubtasks(snapshot.tasks, current.id);
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: board_module_css_default.modalBackdrop,
 				onMouseDown: (event) => {
@@ -3452,6 +4170,12 @@ window.__ModuleLoader__.load({
 											children: current.description !== "" ? current.description : "—"
 										})]
 									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SubtaskSection, {
+										controller,
+										task: current,
+										pending,
+										archived
+									}),
 									current.tags !== void 0 && current.tags.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 										className: board_module_css_default.detailSection,
 										"data-dsh-part": "tags",
@@ -3656,6 +4380,7 @@ window.__ModuleLoader__.load({
 										type: "button",
 										className: board_module_css_default.primaryButton,
 										disabled: running || pending,
+										title: subtaskChildren.length > 0 ? t("detail.subtasks.runHint", { count: String(subtaskChildren.length) }) : void 0,
 										onClick: () => {
 											controller.rerunTask(current.id).then(() => {
 												if (controller.getSnapshot().transportError === void 0) controller.closeTask();
@@ -3772,14 +4497,19 @@ 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, pending, timeZone, onOpen }) {
+		const MemoTaskCard = (0, react.memo)(function MemoTaskCard({ task, pending, timeZone, onOpen, subtaskCount, isSubtask, subtasksDone, subtasksRunning, subtasksFailed }) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaskCard, {
 				task,
 				pending,
 				timeZone,
 				onClick: (0, react.useCallback)(() => {
 					onOpen(task.id);
-				}, [task.id, onOpen])
+				}, [task.id, onOpen]),
+				subtaskCount,
+				isSubtask,
+				subtasksDone,
+				subtasksRunning,
+				subtasksFailed
 			});
 		});
 		/** Board component; subscribes to the controller snapshot. */
@@ -3788,6 +4518,7 @@ window.__ModuleLoader__.load({
 			(0, react.useEffect)(() => controller.subscribe(() => setSnapshot(controller.getSnapshot())), [controller]);
 			const [filter, setFilter] = (0, react.useState)("");
 			const [tagFilter, setTagFilter] = (0, react.useState)([]);
+			const [hideSubtasks, setHideSubtasks] = (0, react.useState)(true);
 			const [showNew, setShowNew] = (0, react.useState)(false);
 			const [projectId, setProjectId] = (0, react.useState)("");
 			const [showNewProject, setShowNewProject] = (0, react.useState)(false);
@@ -3797,7 +4528,26 @@ window.__ModuleLoader__.load({
 			const selected = selectedTaskOf(snapshot);
 			const archiveView = snapshot.archiveView;
 			const knownTags = collectKnownTags(snapshot.tasks);
-			const visible = snapshot.tasks.filter((task) => (archiveView ? task.archivedAt !== void 0 : task.archivedAt === void 0) && (projectId === "" || task.workspaceId === projectId) && matchesFilter(task, filter) && matchesTagFilter(task, tagFilter));
+			const onBoard = snapshot.tasks.filter((task) => archiveView ? task.archivedAt !== void 0 : task.archivedAt === void 0);
+			const subtaskCounts = /* @__PURE__ */ new Map();
+			const subtaskRollup = /* @__PURE__ */ new Map();
+			for (const task of onBoard) {
+				if (task.parentId === void 0) continue;
+				subtaskCounts.set(task.parentId, (subtaskCounts.get(task.parentId) ?? 0) + 1);
+				const rollup = subtaskRollup.get(task.parentId) ?? {
+					done: 0,
+					running: 0,
+					failed: 0
+				};
+				if (task.status === "done") rollup.done += 1;
+				else if (task.status === "running") rollup.running += 1;
+				else if (task.status === "failed") rollup.failed += 1;
+				subtaskRollup.set(task.parentId, rollup);
+			}
+			const hasSubtasks = subtaskCounts.size > 0;
+			const searchActive = filter.trim() !== "" || tagFilter.length > 0;
+			const hidingSubtasks = hideSubtasks && !searchActive;
+			const visible = onBoard.filter((task) => (projectId === "" || task.workspaceId === projectId) && (!hidingSubtasks || task.parentId === void 0) && matchesFilter(task, filter) && matchesTagFilter(task, tagFilter));
 			const projects = snapshot.executionOptions.workspaces;
 			const canCreateProject = snapshot.canCreateWorkspace === true;
 			const submitNewProject = async () => {
@@ -3899,6 +4649,17 @@ window.__ModuleLoader__.load({
 								},
 								"aria-label": t("board.search")
 							}),
+							hasSubtasks && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: hidingSubtasks ? board_module_css_default.primaryButton : board_module_css_default.ghostButton,
+								"data-dsh-part": "subtask-filter",
+								"aria-pressed": hidingSubtasks,
+								title: t("board.subtaskFilterHint"),
+								onClick: () => {
+									setHideSubtasks((value) => !value);
+								},
+								children: hidingSubtasks ? t("board.showSubtasks") : t("board.hideSubtasks")
+							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 								type: "button",
 								className: archiveView ? board_module_css_default.primaryButton : board_module_css_default.ghostButton,
@@ -4033,7 +4794,12 @@ window.__ModuleLoader__.load({
 									task,
 									pending: snapshot.pendingTaskIds.includes(task.id),
 									timeZone: snapshot.host?.scheduler.timeZone,
-									onOpen: openTask
+									onOpen: openTask,
+									subtaskCount: subtaskCounts.get(task.id) ?? 0,
+									isSubtask: task.parentId !== void 0,
+									subtasksDone: subtaskRollup.get(task.id)?.done ?? 0,
+									subtasksRunning: subtaskRollup.get(task.id)?.running ?? 0,
+									subtasksFailed: subtaskRollup.get(task.id)?.failed ?? 0
 								}, task.id)), visible.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 									className: board_module_css_default.columnEmpty,
 									children: tagFilter.length > 0 ? t("board.tagEmpty") : t("archive.empty")
@@ -4080,7 +4846,12 @@ window.__ModuleLoader__.load({
 										task,
 										pending: snapshot.pendingTaskIds.includes(task.id),
 										timeZone: snapshot.host?.scheduler.timeZone,
-										onOpen: openTask
+										onOpen: openTask,
+										subtaskCount: subtaskCounts.get(task.id) ?? 0,
+										isSubtask: task.parentId !== void 0,
+										subtasksDone: subtaskRollup.get(task.id)?.done ?? 0,
+										subtasksRunning: subtaskRollup.get(task.id)?.running ?? 0,
+										subtasksFailed: subtaskRollup.get(task.id)?.failed ?? 0
 									}, task.id)), tasks.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 										className: board_module_css_default.columnEmpty,
 										children: tagFilter.length > 0 ? t("board.tagEmpty") : t("board.empty")
@@ -4104,390 +4875,89 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
-		//#region src/client/body-mutations.ts
-		/** Cross-bundle registry key; `Symbol.for` so every module copy agrees. */
-		const HUB_KEY = Symbol.for("dsh-web.body-mutation-hub");
-		const INVALIDATION_ONLY = Symbol.for("dsh-web.body-mutation-invalidation");
-		function needsRecords(subscribers) {
-			for (const listener of subscribers) if (!listener[INVALIDATION_ONLY]) return true;
-			return false;
-		}
-		/**
-		* Subscribe to a coalesced DOM re-check without retaining mutation records.
-		* The marked wrapper also works with an older hub, which delivers records
-		* that it simply ignores until a page reload picks up the updated hub.
-		*/
-		function subscribeBodyInvalidations(subscriber) {
-			const listener = () => {
-				subscriber();
-			};
-			listener[INVALIDATION_ONLY] = true;
-			return subscribeBodyMutations(listener);
-		}
-		/**
-		* Subscribe to body-level childList mutations.
-		* @param subscriber - called at most once per animation frame with the records
-		*   collected since the previous flush; must be safe to run repeatedly.
-		* @returns the disposer removing this subscriber (and the observer when it was
-		*   the last one).
-		*/
-		function subscribeBodyMutations(subscriber) {
-			if (typeof globalThis === "undefined" || typeof document === "undefined") return () => {};
-			if (typeof MutationObserver !== "function") return () => {};
-			const registry = globalThis;
-			let hub = registry[HUB_KEY];
-			if (hub === void 0) {
-				const subscribers = /* @__PURE__ */ new Set();
-				const created = {
-					observer: void 0,
-					subscribers,
-					pending: [],
-					scheduled: false
-				};
-				const flush = () => {
-					created.frame = void 0;
-					created.scheduled = false;
-					const batch = created.pending;
-					created.pending = [];
-					for (const listener of [...subscribers]) {
-						if (!subscribers.has(listener)) continue;
-						try {
-							listener(batch);
-						} catch {}
-					}
-				};
-				const schedule = () => {
-					if (created.scheduled) return;
-					created.scheduled = true;
-					if (typeof requestAnimationFrame === "function") created.frame = requestAnimationFrame(flush);
-					else flush();
-				};
-				created.observer = new MutationObserver((records) => {
-					if (needsRecords(subscribers)) for (const record of records) created.pending.push(record);
-					schedule();
-				});
-				created.observer.observe(document.body ?? document.documentElement, {
-					childList: true,
-					subtree: true
-				});
-				registry[HUB_KEY] = created;
-				hub = created;
-			}
-			const active = hub;
-			active.subscribers.add(subscriber);
-			let subscribed = true;
-			return () => {
-				if (!subscribed) return;
-				subscribed = false;
-				active.subscribers.delete(subscriber);
-				if (!needsRecords(active.subscribers)) active.pending = [];
-				if (active.subscribers.size === 0 && registry[HUB_KEY] === active) {
-					active.observer.disconnect();
-					if (active.frame !== void 0 && typeof cancelAnimationFrame === "function") cancelAnimationFrame(active.frame);
-					active.frame = void 0;
-					active.pending = [];
-					active.scheduled = false;
-					delete registry[HUB_KEY];
-				}
-			};
-		}
-		//#endregion
-		//#region src/client/panel-mount-core.ts
+		//#region src/client/native-panel.tsx
+		/** Row order among the shell's global panel rows (Plugins is 0, Schedule 10). */
+		const PANEL_ORDER = 20;
 		/**
-		* Center-column panel takeover lifecycle.
+		* The sidebar row glyph the shell asks for at its own size and active state.
+		* The shell owns the button, label, tooltip and rail geometry; this component
+		* draws only the glyph, like every other panel row.
 		*
-		* The `conversation` slot is single-occupant (ui-conversation) and external
-		* plugins cannot declare slots, so a family panel takes over the center
-		* column at the DOM level: a container is appended inside the center column
-		* (`[class*="centerCol"]`, the 0.1.0-rc.6+ AppFrame layout; previously
-		* `[data-pane="conversation"]` on older shells — the mount selector keeps
-		* both, ssh #243 / task-board #107) as an extra trailing child React never
-		* manages, and a stylesheet rule hides the conversation content while the
-		* panel is active. Toggling is a data attribute on <html> — no React
-		* involvement, so the conversation subtree underneath stays mounted and
-		* stateful.
-		*
-		* Consuming plugins keep a thin wrapper that supplies the panel tree,
-		* container attribute names, and stylesheet class; those names are pinned by
-		* each package's CSS, skins, and the semantic-attributes contract. The
-		* sidebar row toggling the panel shares its core the same way
-		* (shared/client/sidebar-entry-core.ts, synced copy).
-		*/
-		const CONVERSATION_COLUMN_SELECTOR = "[data-pane=\"conversation\"], [class*=\"centerCol\"]";
-		/** Cross-plugin activation event; detail is the activating panel name. */
-		const ACTIVATE_EVENT = "dsh-panel-activate";
-		const SIDEBAR_ROW_SELECTOR = "[class*=\"sessionRow\"], [class*=\"projectRow\"], [class*=\"searchResultRow\"], [class*=\"searchResultWorkspace\"], [class*=\"newSession\"]";
-		/** Find the center column, or undefined while the frame is not mounted. */
-		function conversationColumn() {
-			return document.querySelector(CONVERSATION_COLUMN_SELECTOR) ?? void 0;
-		}
-		/**
-		* Mount a family panel into the center column and bind its visibility to the
-		* owning controller's open state.
-		* @returns disposer unmounting the tree and restoring the column.
+		* The glyph carries `data-dsh-panel-entry` because it is the only DOM the
+		* panel's own code owns inside that shell-owned row: the L2 contract (skins)
+		* resolves which row belongs to which plugin through it, since the shell
+		* stamps no per-entry hook of its own (see contracts/semantic-attrs-v1.md).
+		* @param props - the shell's icon share: square edge and selection state.
+		* @returns the decorative board glyph.
 		*/
-		function mountCenterPanel(options) {
-			let root;
-			let container;
-			let unsubscribeLocale;
-			try {
-				unsubscribeLocale = options.locale?.subscribe(() => {
-					if (root !== void 0) options.render(root);
-				});
-			} catch {}
-			const ensure = () => {
-				if (container !== void 0 && !container.isConnected) {
-					root?.unmount();
-					root = void 0;
-					container.remove();
-					container = void 0;
-				}
-				if (container === void 0) {
-					const column = conversationColumn();
-					if (column === void 0) return;
-					container = document.createElement("div");
-					container.dataset[options.viewDatasetKey] = "";
-					container.dataset.dshPlugin = options.pluginName;
-					container.className = options.viewClassName;
-					column.appendChild(container);
-				}
-				if (root !== void 0 || !options.isOpen()) return;
-				root = (0, react_dom_client.createRoot)(container);
-				options.render(root);
-			};
-			const unsubscribeBody = subscribeBodyInvalidations(() => {
-				ensure();
+		function TaskBoardPanelIcon({ size }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+				"data-dsh-panel-entry": TASK_BOARD_PANEL_ID,
+				viewBox: "0 0 16 16",
+				width: size,
+				height: size,
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "1.3",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				"aria-hidden": "true",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
+					x: "2",
+					y: "2.5",
+					width: "12",
+					height: "11",
+					rx: "1.5"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M2 6.5h12M6.5 6.5v7" })]
 			});
-			const applyActive = () => {
-				if (options.isOpen()) {
-					ensure();
-					document.documentElement.removeAttribute(options.siblingActiveAttribute);
-					document.documentElement.setAttribute(options.activeAttribute, "");
-					document.dispatchEvent(new CustomEvent(ACTIVATE_EVENT, { detail: options.panelName }));
-				} else document.documentElement.removeAttribute(options.activeAttribute);
-			};
-			const onOtherActivate = (event) => {
-				if (event.detail === options.siblingPanelName && options.isOpen()) options.close();
-			};
-			const onClickSidebarRow = (event) => {
-				if (!options.isOpen()) return;
-				const target = event.target;
-				if (target === null) return;
-				if (target.closest(SIDEBAR_ROW_SELECTOR) !== null) options.close();
-			};
-			document.addEventListener("click", onClickSidebarRow, true);
-			document.addEventListener(ACTIVATE_EVENT, onOtherActivate);
-			const unsubscribe = options.subscribe(applyActive);
-			applyActive();
-			ensure();
-			return () => {
-				document.removeEventListener("click", onClickSidebarRow, true);
-				document.removeEventListener(ACTIVATE_EVENT, onOtherActivate);
-				unsubscribeBody();
-				unsubscribe();
-				unsubscribeLocale?.();
-				document.documentElement.removeAttribute(options.activeAttribute);
-				root?.unmount();
-				root = void 0;
-				container?.remove();
-				container = void 0;
-			};
 		}
-		//#endregion
-		//#region src/client/board-mount.tsx
 		/**
-		* Mount the board React tree into the center column and bind its visibility
-		* to the controller's boardOpen state.
-		* @param controller - the board controller driving the view.
-		* @param locale - locale-change source; when given, re-renders a mounted board
-		*   on a Language switch.
-		* @returns disposer unmounting the tree and restoring the column.
+		* The main-slot page. The layout mounts it only while the board is the selected
+		* panel, so the conversation keeps the center column untouched the rest of the
+		* time; the wrapper carries the pinned `data-dsh-taskboard-view` semantic
+		* anchor (L2 contract, skins) and the container query context the board's
+		* responsive rules read.
+		* @param props - the framework main-slot share plus this entry's injected face.
+		* @returns the board page.
 		*/
-		function mountBoard(controller, locale) {
-			return mountCenterPanel({
-				render: (root) => root.render(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaskBoard, { controller })),
-				viewDatasetKey: "dshTaskboardView",
-				pluginName: "task-board",
-				viewClassName: board_module_css_default.boardView,
-				activeAttribute: "data-dsh-taskboard-active",
-				siblingActiveAttribute: "data-dsh-ssh-active",
-				panelName: "taskboard",
-				siblingPanelName: "ssh",
-				isOpen: () => controller.getSnapshot().boardOpen,
-				close: () => controller.closeBoard(),
-				subscribe: (listener) => controller.subscribe(listener),
-				locale
+		function TaskBoardPanel({ controller }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: board_module_css_default.panel,
+				"data-dsh-taskboard-view": "",
+				"data-dsh-plugin": "task-board",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaskBoard, { controller })
 			});
 		}
-		//#endregion
-		//#region src/client/sidebar-entry-core.ts
 		/**
-		* Shared sidebar entry injection core.
-		*
-		* dsh's sidebar shell exposes no slot an external plugin can register into,
-		* so the entry row is injected between the shell's New Session button and the
-		* workspace browser. The injection self-heals: a MutationObserver watches the
-		* sidebar root and re-inserts the row whenever a React re-render displaces it
-		* (re-insertion happens in the same frame, before paint, so no flicker).
-		*
-		* The row is plain DOM (no React tree) so it can never disturb the shell's
-		* reconciliation; the view it toggles is a separate root owned by the caller.
+		* Register the board's sidebar row and center-column page.
 		*
-		* Packages receive this file as a generated copy via scripts/sync-shared.mjs;
-		* edit the shared source and re-run the sync instead of editing a copy.
+		* Both seats are declared by shell plugins this package does not depend on at
+		* runtime, so each registration is wrapped in `ctx.slots.inject`: the callback
+		* runs only after the owning entry declares the seat, and a shell that never
+		* declares it leaves the board simply absent instead of failing boot.
+		* @param ctx - client root context (services: slots).
+		* @param controller - the board controller the page and the row drive.
+		* @returns disposer releasing both registrations.
 		*/
-		/** Find the sidebar shell root element, or undefined while not yet mounted. */
-		function sidebarRoot() {
-			const column = document.querySelector("[data-pane=\"sidebar\"], [class*=\"sidebarCol\"]");
-			if (column === null) return void 0;
-			return column.querySelector("[class*=\"logoRow\"]")?.parentElement ?? column.firstElementChild;
-		}
-		/** The New Session button: nested in the logo row on current shells, a direct child on legacy shells. */
-		function newSessionButton(root) {
-			const nested = root.querySelector("button[class*=\"newSession\"]");
-			if (nested !== null) return nested;
-			for (const child of root.children) if (child.tagName === "BUTTON") return child;
-		}
-		/** Build the entry row (detached; inserted once the shell is up). */
-		function createEntry(options) {
-			const entry = document.createElement("button");
-			entry.type = "button";
-			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"] ?? "";
-			const labelSpan = document.createElement("span");
-			labelSpan.className = options.css["entryLabel"] ?? "";
-			const iconSpan = document.createElement("span");
-			iconSpan.className = options.css["entryIcon"] ?? "";
-			iconSpan.innerHTML = options.icon;
-			entry.append(iconSpan, labelSpan);
-			const applyLabel = () => {
-				entry.setAttribute("aria-label", options.label());
-				if (options.tooltip !== void 0) entry.setAttribute("title", options.tooltip());
-				labelSpan.textContent = options.label();
-			};
-			applyLabel();
-			entry.addEventListener("click", options.onToggle);
-			return {
-				entry,
-				applyLabel
-			};
-		}
-		/** Re-insert the entry after the New Session row (before the browser region). */
-		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(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;
-		}
-		/**
-		* Mount the sidebar entry, waiting for the shell to render and self-healing
-		* on later React re-renders.
-		* @param options - the row's attribute/icon/copy/action/ordering configuration.
-		* @returns disposer removing the entry and its observers.
-		*/
-		function mountSidebarEntry$1(options) {
-			if (typeof document !== "undefined" && document.querySelector(options.rowSelector) !== null) return () => {};
-			const { entry, applyLabel } = createEntry(options);
-			let root;
-			let placed = false;
-			let unsubscribeRefresh;
-			if (options.refresh !== void 0) try {
-				unsubscribeRefresh = options.refresh.subscribe(applyLabel);
-			} catch {}
-			const tryPlace = () => {
-				if (root !== void 0 && !root.isConnected) {
-					rootObserver.disconnect();
-					root = void 0;
-					placed = false;
-				}
-				if (placed) {
-					if (document.body.contains(entry)) return;
-					rootObserver.disconnect();
-					root = void 0;
-					placed = false;
-				}
-				root ??= sidebarRoot();
-				if (root === void 0) return;
-				placed = placeEntry(root, entry, options);
-				if (placed) rootObserver.observe(root, {
-					childList: true,
-					subtree: true
-				});
-			};
-			const unsubscribeBody = subscribeBodyInvalidations(() => {
-				tryPlace();
-			});
-			const rootObserver = new MutationObserver(() => {
-				if (root === void 0 || !root.isConnected) {
-					placed = false;
-					tryPlace();
-					return;
-				}
-				if (!root.contains(entry)) placed = placeEntry(root, entry, options);
-			});
-			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();
+		function registerTaskBoardPanel(ctx, controller) {
+			const slots = ctx.slots;
+			const disposers = [];
+			disposers.push(slots.inject("sidebar.panellist", () => slots.register({
+				name: "sidebar.panellist",
+				id: TASK_BOARD_PANEL_ID,
+				order: PANEL_ORDER,
+				label: () => t("entry.label")
+			}, TaskBoardPanelIcon)));
+			disposers.push(slots.inject("main", () => slots.register({
+				name: "main",
+				key: TASK_BOARD_PANEL_ID,
+				inject: () => ({ controller })
+			}, TaskBoardPanel)));
 			return () => {
-				unsubscribeBody();
-				rootObserver.disconnect();
-				unsubscribeRefresh?.();
-				unsubscribeActive?.();
-				entry.remove();
+				for (const dispose of disposers.splice(0)) dispose();
 			};
 		}
 		//#endregion
-		//#region src/client/sidebar-entry.ts
-		/** Stable data attribute identifying the injected entry row. */
-		const ENTRY_SELECTOR = "[data-dsh-taskboard-entry]";
-		/** Inline icon normalized to the shell's 16px navigation glyph size. */
-		const ICON = "<svg viewBox=\"0 0 16 16\" width=\"16\" height=\"16\" 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.
-		* @param locale - locale-change source; when given, re-applies the label on
-		*   a Language switch (the plain-DOM row otherwise keeps the mount-time copy).
-		* @returns disposer removing the entry and its observers.
-		*/
-		function mountSidebarEntry(controller, locale) {
-			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"),
-				refresh: locale === void 0 ? void 0 : { subscribe: (listener) => locale.subscribe(listener) },
-				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;box-sizing:border-box;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}.Jh0q7G_header:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}.Jh0q7G_headerStatic{box-sizing:border-box;border-radius:12px;align-items:center;gap:12px;width:100%;padding:14px 16px;display:flex}.Jh0q7G_headText{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.Jh0q7G_name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}.Jh0q7G_description{color:var(--dsw-alias-label-secondary);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-secondary);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-state-error-primary,#b42318);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-state-error-primary,#b42318);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-state-error-primary,#b42318);outline-offset:1px;border-color:var(--dsw-alias-state-error-primary,#b42318)}.Jh0q7G_selectWrap{position:relative}.Jh0q7G_selectButton{appearance:none;text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.Jh0q7G_selectLabel{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.Jh0q7G_selectChevron{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}.Jh0q7G_selectChevronOpen{transform:rotate(180deg)}.Jh0q7G_selectPopup{z-index:40;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);max-height:240px;box-shadow:0 8px 24px var(--dsw-alias-bg-mask-2);opacity:0;border-radius:8px;flex-direction:column;padding:4px;transition:opacity .1s,transform .1s;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;transform:translateY(-4px)}.Jh0q7G_selectPopupOpen{opacity:1;transform:none}.Jh0q7G_selectPopupClose{opacity:0;pointer-events:none;transform:translateY(-4px)}.Jh0q7G_selectOption{color:var(--dsw-alias-label-primary);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:6px;flex-shrink:0;padding:6px 10px;font-size:13px;line-height:1.5;overflow:hidden}.Jh0q7G_selectOption:hover,.Jh0q7G_selectOptionActive{background:var(--dsw-alias-interactive-bg-hover)}.Jh0q7G_selectOptionSelected{color:var(--dsw-alias-brand-primary);background:color-mix(in srgb, var(--dsw-alias-brand-primary-new-colorprimary-new-color) 10%, transparent);font-weight:500}.Jh0q7G_invalid{color:var(--dsw-alias-state-error-primary,#b42318);margin:0;font-size:12px;line-height:1.5}.Jh0q7G_hint{color:var(--dsw-alias-label-secondary);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/packages/dsh-task-board/src/client/settings-card.module.css";
@@ -4896,6 +5366,49 @@ window.__ModuleLoader__.load({
 				]
 			});
 		}
+		/** A staged enumerated field rendered as a select. */
+		function ChoiceField(props) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: settings_card_module_css_default.field,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: settings_card_module_css_default.head,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+							className: settings_card_module_css_default.label,
+							htmlFor: props.id,
+							children: props.label
+						}), props.overridden ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: settings_card_module_css_default.badges,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: settings_card_module_css_default.badge,
+								children: props.overriddenLabel
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: settings_card_module_css_default.reset,
+								disabled: props.disabled,
+								onClick: props.onReset,
+								children: props.resetLabel
+							})]
+						}) : null]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectField, {
+						id: props.id,
+						options: [{
+							value: "",
+							label: props.inheritLabel
+						}, ...props.choices],
+						value: props.text,
+						disabled: props.disabled,
+						invalid: props.invalid,
+						onEdit: props.onEdit
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: props.invalid ? settings_card_module_css_default.invalid : settings_card_module_css_default.hint,
+						children: props.invalid ? props.invalidLabel : props.hint
+					})
+				]
+			});
+		}
 		//#endregion
 		//#region \0dsh-store-engine
 		const platform = ["@deepseek-ai/dsh-client", "-store"].join("");
@@ -5181,6 +5694,28 @@ window.__ModuleLoader__.load({
 		};
 		//#endregion
 		//#region src/client/TaskBoardSettingsCard.tsx
+		/** The depth choices the card offers, derived from the supported range. */
+		const SUBTASK_DEPTH_CHOICES = Array.from({ length: 3 }, (_, index) => String(1 + index));
+		/**
+		* The depth field: a choice among the supported levels whose draft text is a
+		* number, because the Host schema (`maxSubtaskDepth`) is numeric. A draft
+		* outside the range blocks the save instead of staging a value the Host
+		* refuses.
+		*/
+		function subtaskDepthField() {
+			return {
+				field: "maxSubtaskDepth",
+				format: (value) => typeof value === "number" && Number.isInteger(value) ? String(value) : "",
+				parse: (text) => {
+					const trimmed = text.trim();
+					if (trimmed === "") return { kind: "clear" };
+					return SUBTASK_DEPTH_CHOICES.includes(trimmed) ? {
+						kind: "set",
+						value: Number(trimmed)
+					} : void 0;
+				}
+			};
+		}
 		/** Bridges the `task-board` settings form onto the card's staged form. */
 		var TaskBoardSettingsCardController = class {
 			form;
@@ -5190,7 +5725,8 @@ window.__ModuleLoader__.load({
 				this.form = new CardForm(scope, [
 					booleanField("enabled"),
 					booleanField("announceToAgent"),
-					booleanField("preventIdleSleep")
+					booleanField("preventIdleSleep"),
+					subtaskDepthField()
 				]);
 				this.store = this.form.bind(() => this.projection());
 			}
@@ -5199,7 +5735,8 @@ window.__ModuleLoader__.load({
 					...this.form.shell(),
 					enabled: this.form.field("enabled"),
 					announceToAgent: this.form.field("announceToAgent"),
-					preventIdleSleep: this.form.field("preventIdleSleep")
+					preventIdleSleep: this.form.field("preventIdleSleep"),
+					maxSubtaskDepth: this.form.field("maxSubtaskDepth")
 				};
 			}
 			/**
@@ -5232,7 +5769,7 @@ window.__ModuleLoader__.load({
 			const [power, setPower] = (0, react.useState)();
 			(0, react.useEffect)(() => {
 				let live = true;
-				const events = new EventSource("/api/task-board/events");
+				const events = new EventSource("api/task-board/events");
 				events.onmessage = (message) => {
 					try {
 						const frame = JSON.parse(message.data);
@@ -5309,6 +5846,24 @@ window.__ModuleLoader__.load({
 							props.resetField("preventIdleSleep");
 						}
 					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChoiceField, {
+						id: "settings-task-board-subtask-depth",
+						label: t("settings.maxSubtaskDepth"),
+						hint: t("settings.maxSubtaskDepthHint"),
+						inheritLabel: t("settings.inherit"),
+						choices: SUBTASK_DEPTH_CHOICES.map((value) => ({
+							value,
+							label: t("settings.maxSubtaskDepthOption", { depth: value })
+						})),
+						...fieldProps,
+						...state.maxSubtaskDepth,
+						onEdit: (text) => {
+							props.edit("maxSubtaskDepth", text);
+						},
+						onReset: () => {
+							props.resetField("maxSubtaskDepth");
+						}
+					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: t("settings.powerStatus", {
 						platform: power?.platform ?? t("settings.powerUnknown"),
 						phase: power?.phase ?? t("settings.powerUnknown"),
@@ -5331,6 +5886,15 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region src/client/host-api.ts
+		/**
+		* Client-side base for the board's routes: DOCUMENT-RELATIVE (issue #1707).
+		*
+		* The host registers `TASK_BOARD_API_PREFIX` root-absolute; the page is served
+		* with `<base href="./">`, so the browser half must drop the leading slash or
+		* a sub-path deployment escapes its entry directory. Derived from the shared
+		* constant so host and client cannot drift.
+		*/
+		const CLIENT_API_PREFIX = TASK_BOARD_API_PREFIX.slice(1);
 		const IMPORT_MARKER = "dsh.taskBoard.v2.hostImported";
 		const SOURCE_KEY = "dsh.taskBoard.v2.sourceId";
 		const IMPORT_REQUEST_KEY = "dsh.taskBoard.v2.importRequestId";
@@ -5412,7 +5976,7 @@ window.__ModuleLoader__.load({
 				return initial;
 			}
 			async state() {
-				return await this.request(`${TASK_BOARD_API_PREFIX}/state`, { cache: "no-store" });
+				return await this.request(`${CLIENT_API_PREFIX}/state`, { cache: "no-store" });
 			}
 			async action(action, initiator) {
 				return await this.post(uuid(), action, initiator);
@@ -5423,7 +5987,7 @@ window.__ModuleLoader__.load({
 					action,
 					...initiator === void 0 || initiator === "" ? {} : { initiator }
 				};
-				return await this.request(`${TASK_BOARD_API_PREFIX}/action`, {
+				return await this.request(`${CLIENT_API_PREFIX}/action`, {
 					method: "POST",
 					headers: { "content-type": "application/json" },
 					body: JSON.stringify(envelope)
@@ -5455,7 +6019,7 @@ window.__ModuleLoader__.load({
 			async parseDraft(request, signal) {
 				let response;
 				try {
-					response = await fetch(`${TASK_BOARD_API_PREFIX}/parse`, {
+					response = await fetch(`${CLIENT_API_PREFIX}/parse`, {
 						method: "POST",
 						headers: { "content-type": "application/json" },
 						body: JSON.stringify(request),
@@ -5486,7 +6050,7 @@ window.__ModuleLoader__.load({
 				throw new HostApiError("rejected", t("new.aiParseFailed", { error: typeof record?.error === "string" && record.error !== "" ? record.error : String(response.status) }), response.status);
 			}
 			subscribe(listener) {
-				const events = new EventSource(`${TASK_BOARD_API_PREFIX}/events`);
+				const events = new EventSource(`${CLIENT_API_PREFIX}/events`);
 				let lastStreamErrorNotify = 0;
 				events.onmessage = (message) => {
 					try {
@@ -5521,7 +6085,7 @@ window.__ModuleLoader__.load({
 		/** The building package's version, when the bundle carries it. */
 		function bakedVersion() {
 			try {
-				return "0.4.1";
+				return "0.4.3";
 			} catch {
 				return;
 			}
@@ -5709,6 +6273,96 @@ window.__ModuleLoader__.load({
 			reconcile();
 		}
 		//#endregion
+		//#region src/client/settings-entry-form.ts
+		/** The snapshot a form reports before the Host has answered with this entry. */
+		function pendingSnapshot() {
+			return {
+				status: "loading",
+				value: void 0,
+				base: void 0,
+				user: void 0,
+				revision: void 0,
+				writable: false,
+				mode: "host"
+			};
+		}
+		/**
+		* Create a settings form bound to the profile entry id this Host serves, and
+		* rebound whenever the shared describe mirror names a different one of this
+		* package's rows.
+		* @param options - the shared forms service and this package's candidate row ids.
+		* @returns a form delegating to the currently resolved entry's own form.
+		*/
+		function createServedEntryForm(options) {
+			const { forms, entryIds } = options;
+			const fallbackId = entryIds[0];
+			const namespaceId = entryIds[entryIds.length - 1];
+			const listeners = /* @__PURE__ */ new Set();
+			let boundId;
+			let bound;
+			let offBound;
+			let snapshot = pendingSnapshot();
+			/** Republish: the delegated snapshot when one is bound, the pending one otherwise. */
+			const publish = () => {
+				if (bound !== void 0) snapshot = bound.getSnapshot();
+				for (const listener of [...listeners]) listener();
+			};
+			/**
+			* The entry id the mirror currently justifies. An unanswered or empty mirror
+			* is not evidence of absence, so it keeps the first candidate; a mirror that
+			* answers without any of this package's rows leaves the namespace itself.
+			* @returns the entry id to bind.
+			*/
+			const resolve = () => {
+				let served;
+				try {
+					served = forms.describe().getSnapshot().view?.namespaces.map((row) => row.ns);
+				} catch {
+					served = void 0;
+				}
+				if (served === void 0 || served.length === 0) return fallbackId;
+				return entryIds.find((id) => served.includes(id)) ?? namespaceId;
+			};
+			/** Bind (or rebind) the resolved entry's form; a no-op while it is unchanged. */
+			const bind = () => {
+				const target = resolve();
+				if (target === boundId) return;
+				offBound?.();
+				offBound = void 0;
+				let form;
+				try {
+					form = forms.get(target);
+				} catch {
+					boundId = void 0;
+					return;
+				}
+				boundId = target;
+				bound = form;
+				offBound = form.subscribe(() => {
+					publish();
+				});
+				publish();
+			};
+			try {
+				forms.describe().subscribe(() => {
+					bind();
+				});
+			} catch {}
+			bind();
+			return {
+				getSnapshot: () => snapshot,
+				subscribe: (listener) => {
+					listeners.add(listener);
+					return () => {
+						listeners.delete(listener);
+					};
+				},
+				set: (field, value) => bound?.set(field, value) ?? Promise.resolve(false),
+				unset: (field) => bound?.unset(field) ?? Promise.resolve(false),
+				mutate: (ops, expectedRevision) => bound?.mutate(ops, expectedRevision) ?? Promise.resolve(false)
+			};
+		}
+		//#endregion
 		//#region src/client/index.ts
 		/** Locale namespace this plugin owns. */
 		const NS = "task-board";
@@ -5749,7 +6403,8 @@ window.__ModuleLoader__.load({
 			"locale",
 			"remote",
 			"remote.session",
-			"uiWorkspace"
+			"uiWorkspace",
+			"layout"
 		];
 		/**
 		* Mount the task board.
@@ -5794,6 +6449,9 @@ window.__ModuleLoader__.load({
 				const controller = new BoardController({
 					store: new LocalStorageTaskStore(),
 					transport: new HttpTaskBoardHostTransport(),
+					panel: { select: (panelId) => {
+						ctx.get("layout")?.selectPanel?.(panelId);
+					} },
 					sessions: {
 						current: () => mainViewSessionId(sessions.list.getSnapshot().byId),
 						open: (id) => ctx.uiWorkspace.openSession(id),
@@ -5874,10 +6532,18 @@ window.__ModuleLoader__.load({
 					pushModelOptions();
 				}));
 				try {
-					disposers.push(mountSidebarEntry(controller, ctx.locale));
-					disposers.push(mountBoard(controller, ctx.locale));
+					disposers.push(registerTaskBoardPanel(ctx, controller));
+					const layoutFace = ctx.get("layout");
+					if (layoutFace?.panelInfo !== void 0) {
+						const sync = () => {
+							const active = layoutFace.panelInfo.getSnapshot().activePanelId;
+							controller.syncPanelSelection(active === "task-board" ? TASK_BOARD_PANEL_ID : null);
+						};
+						sync();
+						disposers.push(layoutFace.panelInfo.subscribe(sync));
+					}
 				} catch (error) {
-					console.error("[dsh-task-board] mount failed:", error);
+					console.error("[dsh-task-board] panel registration failed:", error);
 				}
 				uiDisposer = () => {
 					for (const dispose of disposers.splice(0)) dispose();
@@ -5890,7 +6556,11 @@ window.__ModuleLoader__.load({
 				if (snapshot.status === "ready" ? snapshot.value?.enabled ?? true : snapshot.status === "unavailable") mountUi();
 				else uiDisposer?.();
 			};
-			settingsForm.subscribe(syncEnabled);
+			const unsubscribeSettings = settingsForm.subscribe(syncEnabled);
+			ctx.effect(() => () => {
+				unsubscribeSettings();
+				uiDisposer?.();
+			}, "task-board: DOM surfaces");
 			syncEnabled();
 		}
 		/**
@@ -5908,19 +6578,23 @@ window.__ModuleLoader__.load({
 		function bindSettingsForm(ctx) {
 			const binder = ctx.get("webUiSettings");
 			if (binder !== void 0 && typeof binder.bind === "function") return binder.bind({ namespace: TASK_BOARD_NS });
-			return ctx.configForms.get(servedEntryId(ctx.configForms));
+			return createServedEntryForm({
+				forms: ctx.configForms,
+				entryIds: TASK_BOARD_ENTRY_IDS
+			});
 		}
 		/**
-		* The profile entry id this package's own row carries.
+		* The profile entry id this package's own row carries, for a page that serves
+		* no family binder.
 		*
 		* The shared describe mirror is the only local evidence of which row id this
-		* profile actually serves, but it answers asynchronously: at plugin
-		* activation it usually holds nothing yet. An unanswered mirror therefore
-		* binds the aggregate row id rather than guessing among the candidates —
-		* the form is bound once for the session, so a wrong guess would leave the
-		* card reporting an unserved namespace even after the mirror settles.
+		* profile actually serves, but it answers asynchronously: at plugin activation
+		* it usually holds nothing yet. An unanswered mirror therefore binds the
+		* aggregate row id rather than guessing among the candidates, and the binding
+		* is re-resolved once the mirror answers — see
+		* {@link createServedEntryForm}, which owns that rebinding.
 		* @param forms - the shared configuration forms service.
-		* @returns the entry id to bind.
+		* @returns the entry id to bind before the mirror answers.
 		*/
 		function servedEntryId(forms) {
 			let served;
@@ -5936,6 +6610,7 @@ window.__ModuleLoader__.load({
 		exports.apply = apply;
 		exports.bindSettingsForm = bindSettingsForm;
 		exports.inject = inject;
+		exports.servedEntryId = servedEntryId;
 		return module.exports;
 	}
 });