dsh-taskboard 0.1.2 → 0.2.0

package/lib/client.js

@@ -37,6 +37,7 @@ window.__ModuleLoader__.load({
 				comment: (id, bodyText) => post(`/dsh-taskboard/tasks/${encodeURIComponent(id)}/comment`, { body: bodyText }),
 				remove: (id, body) => post(`/dsh-taskboard/tasks/${encodeURIComponent(id)}/delete`, body),
 				run: (id) => post(`/dsh-taskboard/tasks/${encodeURIComponent(id)}/run`, {}),
+				cancel: (id) => post(`/dsh-taskboard/tasks/${encodeURIComponent(id)}/cancel`, {}),
 				stream(onChange, onGap) {
 					const es = new EventSource("/dsh-taskboard/events");
 					let revision;
@@ -205,13 +206,43 @@ window.__ModuleLoader__.load({
 
 		//#endregion
 		//#region src/client/controller.ts
-		/** Instantiate the default state. */
+		/** localStorage key for persisted view state (filters + sort). */
+		const VIEW_KEY = "dsh-taskboard-view-v1";
+		/** Load the persisted view state (never throws; fresh on any parse error). */
+		function loadView() {
+			try {
+				const raw = localStorage.getItem(VIEW_KEY);
+				if (raw === null) return {
+					urgencies: [],
+					sortBy: "default"
+				};
+				const parsed = JSON.parse(raw);
+				const sortBy = parsed.sortBy === "updated" || parsed.sortBy === "urgency" || parsed.sortBy === "created" ? parsed.sortBy : "default";
+				return {
+					workspaceId: typeof parsed.workspaceId === "string" ? parsed.workspaceId : void 0,
+					urgencies: Array.isArray(parsed.urgencies) ? parsed.urgencies.filter((u) => u === "urgent" || u === "normal" || u === "relaxed") : [],
+					sortBy
+				};
+			} catch {
+				return {
+					urgencies: [],
+					sortBy: "default"
+				};
+			}
+		}
+		/** Instantiate the default state (view state hydrated from localStorage). */
 		function initialState() {
+			const view = loadView();
 			return {
 				boardOpen: false,
 				ledger: emptyLedger(),
 				workspaces: [],
-				filters: { urgencies: [] },
+				filters: {
+					workspaceId: view.workspaceId,
+					urgencies: view.urgencies
+				},
+				search: "",
+				sortBy: view.sortBy,
 				composerOpen: false,
 				secondaryOpen: false
 			};
@@ -226,6 +257,7 @@ window.__ModuleLoader__.load({
 			disposed = false;
 			disposeStream;
 			refreshInFlight;
+			sessionJumper;
 			/** @param client - the route client. */
 			constructor(client) {
 				this.client = client;
@@ -303,14 +335,15 @@ window.__ModuleLoader__.load({
 			toggleBoard() {
 				this.setState({ boardOpen: !this.state.boardOpen });
 			}
-			/** Set the project filter. */
+			/** Set the project filter (persisted). */
 			setWorkspaceFilter(workspaceId) {
 				this.setState({ filters: {
 					...this.state.filters,
 					workspaceId
 				} });
+				this.persistView();
 			}
-			/** Toggle one urgency chip. */
+			/** Toggle one urgency chip (persisted). */
 			toggleUrgency(urgency) {
 				const set = new Set(this.state.filters.urgencies);
 				if (set.has(urgency)) set.delete(urgency);
@@ -319,6 +352,26 @@ window.__ModuleLoader__.load({
 					...this.state.filters,
 					urgencies: [...set]
 				} });
+				this.persistView();
+			}
+			/** Set the free-text search (transient — not persisted). */
+			setSearch(search) {
+				this.setState({ search });
+			}
+			/** Set the column sort order (persisted). */
+			setSortBy(sortBy) {
+				this.setState({ sortBy });
+				this.persistView();
+			}
+			/** Write the current view state to localStorage (best effort). */
+			persistView() {
+				try {
+					localStorage.setItem(VIEW_KEY, JSON.stringify({
+						workspaceId: this.state.filters.workspaceId,
+						urgencies: this.state.filters.urgencies,
+						sortBy: this.state.sortBy
+					}));
+				} catch {}
 			}
 			/** Select a task (open detail). */
 			select(id) {
@@ -349,6 +402,32 @@ window.__ModuleLoader__.load({
 			toggleSecondary() {
 				this.setState({ secondaryOpen: !this.state.secondaryOpen });
 			}
+			/**
+			* Install the session-jump bridge (built from the runtime sessions service
+			* by the client entry). Without it openSession reports 'unavailable'.
+			* @param jumper - the jump function from createSessionJumper.
+			*/
+			installSessionJumper(jumper) {
+				this.sessionJumper = jumper;
+			}
+			/**
+			* Jump to an execution's session (open it in the GUI). On success the board
+			* closes so the conversation shows; a deleted-or-archived session reports
+			* 'missing' for the caller to prompt about.
+			* @param sessionId - the execution's session id.
+			* @returns the jump outcome.
+			*/
+			async openSession(sessionId) {
+				if (this.sessionJumper === void 0) return "unavailable";
+				let result;
+				try {
+					result = await this.sessionJumper(sessionId);
+				} catch {
+					return "unavailable";
+				}
+				if (result === "opened") this.closeBoard();
+				return result;
+			}
 			/** Create a task (composer submit); returns the new task id, undefined on failure. */
 			async create(body) {
 				try {
@@ -425,6 +504,15 @@ window.__ModuleLoader__.load({
 					this.setState({ error: error instanceof Error ? error.message : String(error) });
 				}
 			}
+			/** Cancel the running execution (stops the agent session; task returns to todo). */
+			async cancel(id) {
+				try {
+					await this.client.cancel(id);
+					await this.refresh();
+				} catch (error) {
+					this.setState({ error: error instanceof Error ? error.message : String(error) });
+				}
+			}
 			/** Soft-delete (agent parity) then optional purge. */
 			async remove(id, ifVersion, purge) {
 				try {
@@ -435,6 +523,93 @@ window.__ModuleLoader__.load({
 					this.setState({ error: error instanceof Error ? error.message : String(error) });
 				}
 			}
+			/** Duplicate a task into a fresh todo card (same project/urgency/prompt/execution/model). */
+			async duplicate(task) {
+				try {
+					await this.client.create({
+						title: `${task.title}（副本）`,
+						workspaceId: task.workspaceId,
+						urgency: task.urgency,
+						description: task.description.length > 0 ? task.description : void 0,
+						prompt: task.prompt.length > 0 ? task.prompt : void 0,
+						execution: task.execution.mode === "scheduled" && task.execution.cron !== void 0 ? {
+							mode: "scheduled",
+							cron: task.execution.cron
+						} : { mode: "claim" },
+						model: task.model
+					});
+					await this.refresh();
+				} catch (error) {
+					this.setState({ error: error instanceof Error ? error.message : String(error) });
+				}
+			}
+			/** Download the whole ledger as a JSON backup file. */
+			exportJson() {
+				const stamp = /* @__PURE__ */ new Date();
+				const pad = (n) => String(n).padStart(2, "0");
+				const name = `dsh-taskboard-${stamp.getFullYear()}${pad(stamp.getMonth() + 1)}${pad(stamp.getDate())}-${pad(stamp.getHours())}${pad(stamp.getMinutes())}.json`;
+				const body = JSON.stringify(this.state.ledger, null, 2);
+				this.download(name, body, "application/json");
+			}
+			/** Download the task list as a CSV (BOM-prefixed for Excel + Chinese text). */
+			exportCsv() {
+				const esc = (v) => {
+					const s = String(v ?? "");
+					return /[",\n\r]/.test(s) ? `"${s.replace(/"/g, "\"\"")}"` : s;
+				};
+				const header = [
+					"id",
+					"title",
+					"status",
+					"urgency",
+					"blocked",
+					"project",
+					"claimedBy",
+					"mode",
+					"cron",
+					"nextRunAt",
+					"model",
+					"createdAt",
+					"updatedAt",
+					"comments",
+					"executions"
+				];
+				const rows = this.state.ledger.tasks.map((t) => [
+					t.id,
+					t.title,
+					t.status,
+					t.urgency,
+					t.blocked ? "yes" : "no",
+					t.workspaceId,
+					t.claimedBy ?? "",
+					t.execution.mode,
+					t.execution.cron ?? "",
+					t.execution.nextRunAt !== void 0 ? new Date(t.execution.nextRunAt).toISOString() : "",
+					t.model !== void 0 ? `${t.model.provider}/${t.model.model}` : "",
+					new Date(t.createdAt).toISOString(),
+					new Date(t.updatedAt).toISOString(),
+					t.comments.length,
+					t.executions.length
+				].map(esc).join(","));
+				const stamp = /* @__PURE__ */ new Date();
+				const pad = (n) => String(n).padStart(2, "0");
+				const name = `dsh-taskboard-${stamp.getFullYear()}${pad(stamp.getMonth() + 1)}${pad(stamp.getDate())}.csv`;
+				this.download(name, `\uFEFF${[header.join(","), ...rows].join("\r\n")}`, "text/csv");
+			}
+			/** Trigger a browser download (no-op when the DOM is unavailable). */
+			download(filename, body, type) {
+				try {
+					const blob = new Blob([body], { type });
+					const url = URL.createObjectURL(blob);
+					const a = document.createElement("a");
+					a.href = url;
+					a.download = filename;
+					a.click();
+					setTimeout(() => URL.revokeObjectURL(url), 5e3);
+				} catch (error) {
+					this.setState({ error: error instanceof Error ? error.message : String(error) });
+				}
+			}
 		};
 
 		//#endregion
@@ -450,7 +625,7 @@ window.__ModuleLoader__.load({
 		/** The stylesheet text. */
 		const STYLES = `
 		.dsh-atb-entry {
-		  display: flex; align-items: center; gap: 8px;
+		  display: flex; align-items: center; gap: 8px; position: relative;
 		  width: calc(100% - 8px); margin: 2px 4px; padding: 6px 10px;
 		  border: none; border-radius: 8px; background: transparent;
 		  color: var(--dsw-text-secondary, inherit); font: inherit; font-size: 13px;
@@ -459,6 +634,35 @@ window.__ModuleLoader__.load({
 		.dsh-atb-entry:hover { background: var(--dsw-hover, rgba(128,128,128,.12)); color: var(--dsw-text-primary, inherit); }
 		.dsh-atb-entry[data-active="true"] { background: var(--dsw-active, rgba(128,128,128,.18)); color: var(--dsw-text-primary, inherit); font-weight: 500; }
 		.dsh-atb-entry svg { flex: none; }
+		/* Status strip on the entry row's right: todo|in_progress|in_review counts. */
+		.dsh-atb-entry-stats {
+		  margin-left: auto; display: inline-flex; align-items: center; gap: 3px;
+		  font-size: 11px; line-height: 1; color: var(--dsw-text-secondary, gray);
+		  font-variant-numeric: tabular-nums; white-space: nowrap; cursor: help;
+		}
+		.dsh-atb-entry-sep { opacity: .5; }
+		/* Each rolling count wears its status color (todo blue | in_progress orange |
+		   in_review purple); the separators stay in the strip's neutral gray. */
+		.dsh-atb-roll[data-stat="todo"] { color: #3e63dd; }
+		.dsh-atb-roll[data-stat="in_progress"] { color: #d9822b; }
+		.dsh-atb-roll[data-stat="in_review"] { color: #8e4ec6; }
+		/* One rolling number: fixed one-line window, overflow hidden. */
+		.dsh-atb-roll {
+		  position: relative; display: inline-block; overflow: hidden;
+		  height: 12px; min-width: 1ch; text-align: center; vertical-align: middle;
+		}
+		.dsh-atb-rn { display: block; height: 12px; line-height: 12px; text-align: center; }
+		/* The incoming value sits just outside the window (below for up-scroll). */
+		.dsh-atb-rn-next { position: absolute; left: 0; right: 0; top: 100%; }
+		.dsh-atb-roll[data-dir="down"] .dsh-atb-rn-next { top: auto; bottom: 100%; }
+		.dsh-atb-roll .dsh-atb-rn { transition: transform .3s cubic-bezier(.25, .1, .25, 1); }
+		.dsh-atb-roll[data-anim="1"][data-dir="up"] .dsh-atb-rn { transform: translateY(-100%); }
+		.dsh-atb-roll[data-anim="1"][data-dir="down"] .dsh-atb-rn { transform: translateY(100%); }
+		@media (prefers-reduced-motion: reduce) {
+		  .dsh-atb-roll .dsh-atb-rn { transition: none; }
+		}
+		.dsh-atb-search { width: 130px; }
+		.dsh-atb-badge[data-kind="stale"] { background: rgba(217,130,43,.15); color: #d9822b; }
 
 		html[data-dsh-atb-active] [data-pane="conversation"] > *:not([data-dsh-atb-view]) { display: none !important; }
 		.dsh-atb-view { display: none; }
@@ -468,6 +672,16 @@ window.__ModuleLoader__.load({
 		.dsh-atb-toolbar { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
 		.dsh-atb-title { font-size: 15px; font-weight: 600; margin: 0; }
 		.dsh-atb-count { font-size: 12px; color: var(--dsw-text-secondary, gray); }
+		.dsh-atb-ver {
+		  font-size: 11px; color: var(--dsw-text-secondary, gray);
+		  font-variant-numeric: tabular-nums; white-space: nowrap; cursor: pointer;
+		  text-decoration: none;
+		  padding: 1px 9px; border-radius: 999px;
+		  background: var(--dsw-bg-inset, rgba(128,128,128,.1));
+		  border: 1px solid var(--dsw-border, rgba(128,128,128,.22));
+		  transition: border-color .12s ease, color .12s ease;
+		}
+		.dsh-atb-ver:hover { border-color: var(--dsw-border-strong, rgba(128,128,128,.6)); color: inherit; }
 		.dsh-atb-spacer { flex: 1; }
 		.dsh-atb-select, .dsh-atb-input {
 		  font: inherit; font-size: 12.5px; padding: 5px 8px; border-radius: 7px;
@@ -488,6 +702,16 @@ window.__ModuleLoader__.load({
 		.dsh-atb-dot[data-urgency="urgent"] { background: #e5484d; }
 		.dsh-atb-dot[data-urgency="normal"] { background: #8e4ec6; }
 		.dsh-atb-dot[data-urgency="relaxed"] { background: #3e63dd; }
+		/* Status dots (column heads): one fixed color per lifecycle status, matching
+		   the detail pane's status pills. Canceled/archived share the resting gray;
+		   trashed (pending purge) keeps the red of the 待清除 badge. */
+		.dsh-atb-dot[data-status="backlog"] { background: #8a8f98; }
+		.dsh-atb-dot[data-status="todo"] { background: #3e63dd; }
+		.dsh-atb-dot[data-status="in_progress"] { background: #d9822b; }
+		.dsh-atb-dot[data-status="in_review"] { background: #8e4ec6; }
+		.dsh-atb-dot[data-status="done"] { background: #2ea043; }
+		.dsh-atb-dot[data-status="canceled"], .dsh-atb-dot[data-status="archived"] { background: #8a8f98; }
+		.dsh-atb-dot[data-status="trashed"] { background: #e5484d; }
 
 		.dsh-atb-btn {
 		  font: inherit; font-size: 12.5px; padding: 5px 11px; border-radius: 7px; cursor: pointer;
@@ -618,6 +842,7 @@ window.__ModuleLoader__.load({
 		  transition: filter .12s ease;
 		}
 		.dsh-atb-detail-run:hover { filter: brightness(1.1); }
+		.dsh-atb-detail-run[data-danger="true"] { background: rgba(229,72,77,.92); }
 		.dsh-atb-movebtns { display: flex; gap: 6px; flex-wrap: wrap; }
 		.dsh-atb-movebtn {
 		  font: inherit; font-size: 12px; padding: 4px 11px; border-radius: 999px; cursor: pointer;
@@ -696,7 +921,11 @@ window.__ModuleLoader__.load({
 		.dsh-atb-exec-outcome[data-outcome="running"] { background: rgba(217,130,43,.15); color: #d9822b; }
 		.dsh-atb-exec-outcome[data-outcome="cancelled"] { background: rgba(128,128,128,.15); color: var(--dsw-text-secondary, gray); }
 		.dsh-atb-exec-time { font-size: 11px; color: var(--dsw-text-secondary, gray); }
-		.dsh-atb-exec-session { font-size: 11px; color: var(--dsw-text-secondary, gray); }
+		.dsh-atb-exec-session {
+		  font: inherit; font-size: 11px; color: var(--dsw-text-secondary, gray);
+		  background: none; border: none; padding: 0; cursor: pointer;
+		}
+		.dsh-atb-exec-session:hover { color: var(--dsw-alias-brand-primary, inherit); text-decoration: underline dotted; }
 		.dsh-atb-exec-error { flex-basis: 100%; font-size: 11px; color: #e5484d; word-break: break-all; }
 
 		.dsh-atb-dangerzone {
@@ -884,12 +1113,108 @@ window.__ModuleLoader__.load({
 			entry.dataset.dshAtbEntry = "";
 			entry.className = "dsh-atb-entry";
 			entry.setAttribute("aria-label", "Agent 任务看板");
-			entry.innerHTML = `<span class="dsh-atb-entry-icon">${ICON}</span><span class="dsh-atb-entry-label">任务看板</span>`;
+			entry.innerHTML = `<span class="dsh-atb-entry-icon">${ICON}</span><span class="dsh-atb-entry-label">任务看板</span><span class="dsh-atb-entry-stats"></span>`;
 			entry.addEventListener("click", () => {
 				controller.toggleBoard();
 			});
 			return entry;
 		}
+		/**
+		* Live status counts shown at the right of the entry row:
+		* `[todo, in_progress, in_review]` (trashed tasks excluded).
+		*/
+		function entryStats(controller) {
+			let todo = 0;
+			let inProgress = 0;
+			let inReview = 0;
+			for (const task of controller.getSnapshot().ledger.tasks) {
+				if (task.trashedAt !== void 0) continue;
+				if (task.status === "todo") todo++;
+				else if (task.status === "in_progress") inProgress++;
+				else if (task.status === "in_review") inReview++;
+			}
+			return [
+				todo,
+				inProgress,
+				inReview
+			];
+		}
+		/**
+		* Set one rolling-number slot. Unchanged values no-op; changes animate the
+		* old value out and the new value in with a vertical scroll (up when the
+		* count grows, down when it shrinks). Plain DOM, no React.
+		*/
+		function setRollValue(slot, value) {
+			const text = String(value);
+			if (slot.dataset.value === text) return;
+			const previous = slot.dataset.value;
+			slot.dataset.value = text;
+			slot.style.minWidth = `${text.length}ch`;
+			if (previous === void 0) {
+				slot.textContent = text;
+				return;
+			}
+			if (slot.dataset.busy === "1") {
+				slot.dataset.busy = "";
+				slot.dataset.anim = "";
+			}
+			const oldEl = document.createElement("span");
+			oldEl.className = "dsh-atb-rn";
+			oldEl.textContent = previous;
+			const newEl = document.createElement("span");
+			newEl.className = "dsh-atb-rn dsh-atb-rn-next";
+			newEl.textContent = text;
+			slot.replaceChildren(oldEl, newEl);
+			slot.dataset.dir = value > Number(previous) ? "up" : "down";
+			slot.dataset.busy = "1";
+			requestAnimationFrame(() => {
+				slot.dataset.anim = "1";
+			});
+			const finish = () => {
+				if (slot.dataset.busy !== "1") return;
+				slot.dataset.busy = "";
+				slot.dataset.anim = "";
+				slot.textContent = slot.dataset.value ?? "";
+			};
+			slot.addEventListener("transitionend", finish, { once: true });
+			setTimeout(finish, 400);
+		}
+		/**
+		* Wire the stats strip into the entry: builds the three slots and keeps them
+		* (plus the tooltip) in sync with every controller emit.
+		* @returns the update function (also called once immediately).
+		*/
+		function wireStats(entry, controller) {
+			const stats = entry.querySelector(".dsh-atb-entry-stats");
+			if (stats === null) return () => {};
+			const statKeys = [
+				"todo",
+				"in_progress",
+				"in_review"
+			];
+			const slots = [];
+			for (let i = 0; i < 3; i++) {
+				if (i > 0) {
+					const sep = document.createElement("span");
+					sep.className = "dsh-atb-entry-sep";
+					sep.textContent = "|";
+					stats.append(sep);
+				}
+				const slot = document.createElement("span");
+				slot.className = "dsh-atb-roll";
+				slot.dataset.stat = statKeys[i];
+				stats.append(slot);
+				slots.push(slot);
+			}
+			const update = () => {
+				const [todo, inProgress, inReview] = entryStats(controller);
+				setRollValue(slots[0], todo);
+				setRollValue(slots[1], inProgress);
+				setRollValue(slots[2], inReview);
+				stats.title = `待办 ${todo} ｜ 进行中 ${inProgress} ｜ 待验收 ${inReview}（待办|进行中|待验收）`;
+			};
+			return update;
+		}
 		/** Re-insert the entry after the New Session row (before the browser region). */
 		function placeEntry(root, entry) {
 			const button = newSessionButton(root);
@@ -960,9 +1285,11 @@ window.__ModuleLoader__.load({
 			const retry = setInterval(() => {
 				tryPlace();
 			}, 2e3);
+			const syncStats = wireStats(entry, controller);
 			const syncActive = () => {
 				if (controller.getSnapshot().boardOpen) entry.dataset.active = "true";
 				else delete entry.dataset.active;
+				syncStats();
 			};
 			const unsubscribe = controller.subscribe(syncActive);
 			syncActive();
@@ -976,6 +1303,17 @@ window.__ModuleLoader__.load({
 			};
 		}
 
+		//#endregion
+		//#region src/shared/version.ts
+		/**
+		* The plugin package version shown in the board UI. Kept in sync with
+		* package.json by a regression test (tests lock drift).
+		*
+		* @module dsh-taskboard/shared/version
+		*/
+		/** The package version (must equal package.json "version"). */
+		const PLUGIN_VERSION = "0.2.0";
+
 		//#endregion
 		//#region src/client/board/TaskCard.tsx
 		const URGENCY_LABEL$1 = {
@@ -996,17 +1334,20 @@ window.__ModuleLoader__.load({
 		* @param task - the task record.
 		* @param controller - the controller.
 		* @param draggable - enable dragging.
+		* @param now - current epoch ms (stale-claim highlight).
 		* @param onAlert - show an alert message (replaces native alert).
 		*/
-		function TaskCard({ task, controller, draggable = false, onAlert }) {
+		function TaskCard({ task, controller, draggable = false, now, onAlert }) {
 			const last = task.executions.length > 0 ? task.executions[task.executions.length - 1] : void 0;
+			const running = task.executions.find((ex) => ex.outcome === "running");
+			const stale = now !== void 0 && isStaleClaim(task, now);
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 				type: "button",
 				className: "dsh-atb-card",
 				"data-urgency": task.urgency,
 				draggable,
 				onDragStart: (e) => {
-					if (task.executions.find((ex) => ex.outcome === "running") !== void 0) {
+					if (running !== void 0) {
 						e.preventDefault();
 						const msg = `该任务正在由【${task.title}】会话执行，不能拖动`;
 						if (onAlert !== void 0) onAlert(msg);
@@ -1036,6 +1377,11 @@ window.__ModuleLoader__.load({
 							"data-kind": "blocked",
 							children: "受阻"
 						}),
+						stale && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "dsh-atb-badge",
+							"data-kind": "stale",
+							children: "⏱ 认领超时"
+						}),
 						task.execution.mode === "scheduled" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 							className: "dsh-atb-badge",
 							"data-kind": "scheduled",
@@ -1070,6 +1416,62 @@ window.__ModuleLoader__.load({
 			});
 		}
 
+		//#endregion
+		//#region src/client/board/AlertModal.tsx
+		/**
+		* A lightweight alert modal — replaces native alert() with a themed overlay
+		* that matches the shell design tokens.
+		*
+		* @module dsh-taskboard/client/board/AlertModal
+		*/
+		/** Show a non-blocking alert modal. Returns true when opened. */
+		function useAlert() {
+			const [msg, setMsg] = (0, react.useState)(null);
+			const show = (m) => setMsg(m);
+			const close = () => setMsg(null);
+			return {
+				alert: show,
+				el: msg !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AlertModal, {
+					message: msg,
+					onClose: close
+				}) : null
+			};
+		}
+		function AlertModal({ message, onClose }) {
+			(0, react.useEffect)(() => {
+				const handler = (e) => {
+					if (e.key === "Escape") onClose();
+				};
+				window.addEventListener("keydown", handler);
+				return () => window.removeEventListener("keydown", handler);
+			}, [onClose]);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "dsh-atb-alert-backdrop",
+				onClick: onClose,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "dsh-atb-alert",
+					onClick: (e) => e.stopPropagation(),
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "dsh-atb-alert-icon",
+							children: "⛔"
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "dsh-atb-alert-msg",
+							children: message
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: "dsh-atb-btn",
+							"data-primary": "true",
+							onClick: onClose,
+							children: "知道了"
+						})
+					]
+				})
+			});
+		}
+
 		//#endregion
 		//#region src/client/board/TaskDetail.tsx
 		/**
@@ -1114,10 +1516,10 @@ window.__ModuleLoader__.load({
 			failed: "失败",
 			cancelled: "已取消"
 		};
-		/** Compact session-id display. */
+		/** Compact session-id display (execution sessions carry the taskboard infix). */
 		function shortId(id) {
 			if (id === void 0) return "";
-			return id.replace(/^session-/, "").slice(0, 8);
+			return id.replace(/^session-(taskboard-)?/, "").slice(0, 8);
 		}
 		/** Execution duration between start and end. */
 		function duration(startedAt, endedAt) {
@@ -1142,13 +1544,27 @@ window.__ModuleLoader__.load({
 		* The detail view.
 		* @param task - the task record.
 		* @param controller - the controller.
+		* @param now - current epoch ms (stale-claim highlight).
 		*/
-		function TaskDetail({ task, controller }) {
+		function TaskDetail({ task, controller, now }) {
 			const [comment, setComment] = (0, react.useState)("");
 			const [confirmDone, setConfirmDone] = (0, react.useState)(false);
 			const [confirmPurge, setConfirmPurge] = (0, react.useState)(false);
+			const [confirmCancel, setConfirmCancel] = (0, react.useState)(false);
+			const { alert: showAlert, el: alertEl } = useAlert();
 			const ws = controller.getSnapshot().workspaces.find((w) => w.id === task.workspaceId);
 			const canRun = task.status !== "in_progress" && task.status !== "done" && task.status !== "archived";
+			const runningExecution = task.executions.find((e) => e.outcome === "running");
+			const holder = task.status === "in_progress" ? task.claimedBy : void 0;
+			const stale = now !== void 0 && isStaleClaim(task, now);
+			/** Jump to an execution's session; prompt precisely when it cannot open. */
+			const jumpToSession = (sessionId) => {
+				controller.openSession(sessionId).then((result) => {
+					if (result === "missing") showAlert(`该会话已被删除（${shortId(sessionId)}），无法打开`);
+					else if (result === "archived") showAlert(`该会话已归档（${shortId(sessionId)}），已从会话列表隐藏`);
+					else if (result === "unavailable") showAlert(`会话导航不可用，会话 ID：${sessionId}`);
+				});
+			};
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "dsh-atb-detail",
 				"data-urgency": task.urgency,
@@ -1194,6 +1610,15 @@ window.__ModuleLoader__.load({
 											tone: "urgent",
 											children: "受阻"
 										}),
+										holder !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Chip, {
+											icon: stale ? "⏱" : "🔑",
+											tone: stale ? "urgent" : void 0,
+											children: [
+												stale ? "认领超时 · " : "由 ",
+												shortId(holder),
+												" 持有"
+											]
+										}),
 										task.trashedAt !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Chip, {
 											icon: "🗑",
 											tone: "urgent",
@@ -1221,6 +1646,13 @@ window.__ModuleLoader__.load({
 									onClick: () => controller.openEditor(task.id),
 									children: "✎ 编辑"
 								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: "dsh-atb-detail-edit",
+									title: "复制此任务的全部配置为一张新卡（待办列）",
+									onClick: () => void controller.duplicate(task),
+									children: "⧉ 复制"
+								}),
 								canRun && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 									type: "button",
 									className: "dsh-atb-detail-run",
@@ -1228,6 +1660,38 @@ window.__ModuleLoader__.load({
 									onClick: () => void controller.run(task.id),
 									children: "▶ 立即执行"
 								}),
+								runningExecution !== void 0 && (confirmCancel ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: "dsh-atb-confirm",
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "dsh-atb-confirm-label",
+											children: "停止该执行会话？"
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: "dsh-atb-btn",
+											"data-danger": "true",
+											onClick: () => {
+												controller.cancel(task.id);
+												setConfirmCancel(false);
+											},
+											children: "停止"
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: "dsh-atb-btn",
+											onClick: () => setConfirmCancel(false),
+											children: "取消"
+										})
+									]
+								}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: "dsh-atb-detail-run",
+									"data-danger": "true",
+									title: `停止执行会话 ${runningExecution.sessionId ?? ""}（任务回到待办）`,
+									onClick: () => setConfirmCancel(true),
+									children: "■ 停止执行"
+								})),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 									type: "button",
 									className: "dsh-atb-detail-close",
@@ -1263,49 +1727,60 @@ window.__ModuleLoader__.load({
 						className: "dsh-atb-detail-actions",
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: "dsh-atb-movebtns",
-							children: [moveTargets(task).map((to) => to === "done" ? confirmDone ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-								className: "dsh-atb-confirm",
-								children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "dsh-atb-confirm-label",
-										children: "确认完成？"
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										type: "button",
-										className: "dsh-atb-btn",
-										"data-primary": "true",
-										onClick: () => {
-											controller.move(task.id, task.version, "done");
-											setConfirmDone(false);
-										},
-										children: "确认"
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										type: "button",
-										className: "dsh-atb-btn",
-										onClick: () => setConfirmDone(false),
-										children: "取消"
-									})
-								]
-							}, to) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-								type: "button",
-								className: "dsh-atb-movebtn",
-								"data-to": to,
-								onClick: () => setConfirmDone(true),
-								children: ["移至→", MOVE_LABEL[to]]
-							}, to) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-								type: "button",
-								className: "dsh-atb-movebtn",
-								"data-to": to,
-								onClick: () => void controller.move(task.id, task.version, to),
-								children: ["移至→", MOVE_LABEL[to]]
-							}, to)), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-								type: "button",
-								className: "dsh-atb-movebtn",
-								"data-to": "blocked",
-								onClick: () => void controller.toggleBlocked(task),
-								children: task.blocked ? "✓ 解除受阻" : "⛔ 标记受阻"
-							})]
+							children: [
+								moveTargets(task).map((to) => to === "done" ? confirmDone ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: "dsh-atb-confirm",
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "dsh-atb-confirm-label",
+											children: "确认完成？"
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: "dsh-atb-btn",
+											"data-primary": "true",
+											onClick: () => {
+												controller.move(task.id, task.version, "done");
+												setConfirmDone(false);
+											},
+											children: "确认"
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: "dsh-atb-btn",
+											onClick: () => setConfirmDone(false),
+											children: "取消"
+										})
+									]
+								}, to) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+									type: "button",
+									className: "dsh-atb-movebtn",
+									"data-to": to,
+									onClick: () => setConfirmDone(true),
+									children: ["移至→", MOVE_LABEL[to]]
+								}, to) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+									type: "button",
+									className: "dsh-atb-movebtn",
+									"data-to": to,
+									onClick: () => void controller.move(task.id, task.version, to),
+									children: ["移至→", MOVE_LABEL[to]]
+								}, to)),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: "dsh-atb-movebtn",
+									"data-to": "blocked",
+									onClick: () => void controller.toggleBlocked(task),
+									children: task.blocked ? "✓ 解除受阻" : "⛔ 标记受阻"
+								}),
+								holder !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: "dsh-atb-movebtn",
+									"data-to": "release",
+									title: `释放 ${holder} 的认领：任务回到待办（持有会话可能仍在工作，确认它已停止后再释放）`,
+									onClick: () => void controller.move(task.id, task.version, "todo"),
+									children: "🔓 释放认领"
+								})
+							]
 						})
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -1366,12 +1841,24 @@ window.__ModuleLoader__.load({
 					}),
 					task.executions.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "dsh-atb-section",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("h4", { children: ["执行记录", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "dsh-atb-count2",
-							children: task.executions.length
-						})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("h4", { children: [
+							"执行记录",
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dsh-atb-count2",
+								children: task.executions.length
+							}),
+							task.executionsPruned !== void 0 && task.executionsPruned > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: "dsh-atb-count2",
+								title: `更早的 ${task.executionsPruned} 条执行记录已按保留上限清理`,
+								children: [
+									"+",
+									task.executionsPruned,
+									" 已清理"
+								]
+							})
+						] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 							className: "dsh-atb-execlist",
-							children: task.executions.map((e) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							children: [...task.executions].reverse().map((e) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 								className: "dsh-atb-exec-row",
 								children: [
 									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -1391,10 +1878,16 @@ window.__ModuleLoader__.load({
 										className: "dsh-atb-exec-time",
 										children: [fmtTime(e.startedAt), e.endedAt !== void 0 && ` · ${duration(e.startedAt, e.endedAt)}`]
 									}),
-									e.sessionId !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									e.sessionId !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+										type: "button",
 										className: "dsh-atb-exec-session",
-										title: e.sessionId,
-										children: ["🤖 ", shortId(e.sessionId)]
+										title: `点击打开该执行会话：${e.sessionId}`,
+										onClick: () => jumpToSession(e.sessionId),
+										children: [
+											"🤖 ",
+											shortId(e.sessionId),
+											" ↗"
+										]
 									}),
 									e.error !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 										className: "dsh-atb-exec-error",
@@ -1444,7 +1937,8 @@ window.__ModuleLoader__.load({
 							onClick: () => setConfirmPurge(true),
 							children: "🔥 物理清除（需确认）"
 						})
-					})
+					}),
+					alertEl
 				]
 			});
 		}
@@ -1733,7 +2227,7 @@ window.__ModuleLoader__.load({
 									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
 										value: prompt,
 										onChange: (e) => setPrompt(e.target.value),
-										placeholder: "发给执行会话的完整指令"
+										placeholder: "发给执行会话的完整指令。支持模板变量：{{lastExecution}}（上次执行结果）、{{lastComments}}（最近 3 条评论）"
 									})
 								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
@@ -1833,62 +2327,6 @@ window.__ModuleLoader__.load({
 			});
 		}
 
-		//#endregion
-		//#region src/client/board/AlertModal.tsx
-		/**
-		* A lightweight alert modal — replaces native alert() with a themed overlay
-		* that matches the shell design tokens.
-		*
-		* @module dsh-taskboard/client/board/AlertModal
-		*/
-		/** Show a non-blocking alert modal. Returns true when opened. */
-		function useAlert() {
-			const [msg, setMsg] = (0, react.useState)(null);
-			const show = (m) => setMsg(m);
-			const close = () => setMsg(null);
-			return {
-				alert: show,
-				el: msg !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AlertModal, {
-					message: msg,
-					onClose: close
-				}) : null
-			};
-		}
-		function AlertModal({ message, onClose }) {
-			(0, react.useEffect)(() => {
-				const handler = (e) => {
-					if (e.key === "Escape") onClose();
-				};
-				window.addEventListener("keydown", handler);
-				return () => window.removeEventListener("keydown", handler);
-			}, [onClose]);
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "dsh-atb-alert-backdrop",
-				onClick: onClose,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "dsh-atb-alert",
-					onClick: (e) => e.stopPropagation(),
-					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: "dsh-atb-alert-icon",
-							children: "⛔"
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: "dsh-atb-alert-msg",
-							children: message
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-							type: "button",
-							className: "dsh-atb-btn",
-							"data-primary": "true",
-							onClick: onClose,
-							children: "知道了"
-						})
-					]
-				})
-			});
-		}
-
 		//#endregion
 		//#region src/client/board/TaskBoard.tsx
 		/**
@@ -1920,9 +2358,28 @@ window.__ModuleLoader__.load({
 			const pad = (n) => String(n).padStart(2, "0");
 			return `${pad(d.getMonth() + 1)}-${pad(d.getDate())} ${pad(d.getHours())}:${pad(d.getMinutes())}`;
 		}
-		/** Apply the active filters to a task list. */
+		/** A claim idle for longer than this is highlighted as stale (ms). */
+		const STALE_CLAIM_MS = 30 * 6e4;
+		/** Whether the task's claim is stale (in_progress, held, idle too long). */
+		function isStaleClaim(task, now) {
+			return task.status === "in_progress" && task.claimedAt !== void 0 && now - task.claimedAt > 18e5;
+		}
+		/** Urgency sort rank (urgent first). */
+		const URGENCY_RANK = {
+			urgent: 0,
+			normal: 1,
+			relaxed: 2
+		};
+		/** Apply the active filters + search + sort to a task list. */
 		function filterTasks(state, tasks) {
-			return tasks.filter((t) => (state.filters.workspaceId === void 0 || t.workspaceId === state.filters.workspaceId) && (state.filters.urgencies.length === 0 || state.filters.urgencies.includes(t.urgency)));
+			const q = state.search.trim().toLowerCase();
+			const filtered = tasks.filter((t) => (state.filters.workspaceId === void 0 || t.workspaceId === state.filters.workspaceId) && (state.filters.urgencies.length === 0 || state.filters.urgencies.includes(t.urgency)) && (q.length === 0 || t.title.toLowerCase().includes(q) || t.id.toLowerCase().includes(q)));
+			if (state.sortBy === "default") return filtered;
+			const sorted = [...filtered];
+			if (state.sortBy === "updated") sorted.sort((a, b) => b.updatedAt - a.updatedAt);
+			else if (state.sortBy === "created") sorted.sort((a, b) => b.createdAt - a.createdAt);
+			else if (state.sortBy === "urgency") sorted.sort((a, b) => URGENCY_RANK[a.urgency] - URGENCY_RANK[b.urgency] || b.updatedAt - a.updatedAt);
+			return sorted;
 		}
 		/**
 		* The board view root.
@@ -1930,6 +2387,11 @@ window.__ModuleLoader__.load({
 		*/
 		function TaskBoard({ controller }) {
 			const state = (0, react.useSyncExternalStore)((cb) => controller.subscribe(cb), () => controller.getSnapshot());
+			const [now, setNow] = (0, react.useState)(() => Date.now());
+			(0, react.useEffect)(() => {
+				const timer = setInterval(() => setNow(Date.now()), 6e4);
+				return () => clearInterval(timer);
+			}, []);
 			const live = filterTasks(state, state.ledger.tasks.filter((t) => t.trashedAt === void 0));
 			const selected = state.selectedId === void 0 ? void 0 : state.ledger.tasks.find((t) => t.id === state.selectedId);
 			const { alert: showAlert, el: alertEl } = useAlert();
@@ -1959,6 +2421,13 @@ window.__ModuleLoader__.load({
 								children: "+ 新建任务"
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "dsh-atb-spacer" }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								className: "dsh-atb-input dsh-atb-search",
+								value: state.search,
+								placeholder: "搜索标题 / ID…",
+								spellCheck: false,
+								onChange: (e) => controller.setSearch(e.target.value)
+							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
 								className: "dsh-atb-select",
 								value: state.filters.workspaceId ?? "",
@@ -1971,6 +2440,30 @@ window.__ModuleLoader__.load({
 									children: ws.title || ws.path
 								}, ws.id))]
 							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+								className: "dsh-atb-select",
+								value: state.sortBy,
+								title: "列内排序",
+								onChange: (e) => controller.setSortBy(e.target.value),
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										value: "default",
+										children: "默认排序"
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										value: "updated",
+										children: "最近更新"
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										value: "urgency",
+										children: "按紧急度"
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+										value: "created",
+										children: "创建时间"
+									})
+								]
+							}),
 							[
 								"urgent",
 								"normal",
@@ -1991,6 +2484,27 @@ window.__ModuleLoader__.load({
 								className: "dsh-atb-btn",
 								onClick: () => controller.toggleSecondary(),
 								children: state.secondaryOpen ? "返回看板" : "其它任务"
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: "dsh-atb-btn",
+								title: "下载完整台账备份（JSON）",
+								onClick: () => controller.exportJson(),
+								children: "⬇ JSON"
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: "dsh-atb-btn",
+								title: "下载任务清单（CSV）",
+								onClick: () => controller.exportCsv(),
+								children: "⬇ CSV"
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
+								className: "dsh-atb-ver",
+								href: "https://github.com/cloader/dsh-taskboard",
+								target: "_blank",
+								rel: "noopener noreferrer",
+								children: ["V", PLUGIN_VERSION]
 							})
 						]
 					}),
@@ -2032,16 +2546,24 @@ window.__ModuleLoader__.load({
 								},
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 									className: "dsh-atb-colhead",
-									children: [COLUMN_LABELS[status], /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "dsh-atb-colcount",
-										children: columnTasks.length
-									})]
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "dsh-atb-dot",
+											"data-status": status
+										}),
+										COLUMN_LABELS[status],
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: "dsh-atb-colcount",
+											children: columnTasks.length
+										})
+									]
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 									className: "dsh-atb-cards",
 									children: [columnTasks.map((task) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaskCard, {
 										task,
 										controller,
 										draggable: true,
+										now,
 										onAlert: showAlert
 									}, task.id)), columnTasks.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 										className: "dsh-atb-empty",
@@ -2055,7 +2577,8 @@ window.__ModuleLoader__.load({
 						className: "dsh-atb-detailpanel",
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaskDetail, {
 							task: selected,
-							controller
+							controller,
+							now
 						})
 					}),
 					state.composerOpen && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaskFormModal, {
@@ -2066,22 +2589,63 @@ window.__ModuleLoader__.load({
 				]
 			});
 		}
-		/** Secondary tab: canceled/archived/trashed rows. */
+		/** Secondary tab: tasks grouped into canceled / archived / trashed columns. */
 		function SecondaryTab({ controller, tasks }) {
-			const rows = tasks.filter((t) => t.status === "canceled" || t.status === "archived" || t.trashedAt !== void 0);
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			const trashed = tasks.filter((t) => t.trashedAt !== void 0);
+			const archived = tasks.filter((t) => t.trashedAt === void 0 && t.status === "archived");
+			const canceled = tasks.filter((t) => t.trashedAt === void 0 && t.status === "canceled");
+			const groups = [
+				{
+					label: "已取消",
+					dot: "canceled",
+					rows: canceled
+				},
+				{
+					label: "已归档",
+					dot: "archived",
+					rows: archived
+				},
+				{
+					label: "已删除",
+					dot: "trashed",
+					rows: trashed
+				}
+			];
+			if (trashed.length + archived.length + canceled.length === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "dsh-atb-secondary",
-				children: [
-					rows.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: "dsh-atb-empty",
-						children: "无已取消 / 已归档 / 已删除任务"
-					}),
-					rows.map((task) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaskCard, {
-						task,
-						controller
-					}, task.id)),
-					void 0
-				]
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "dsh-atb-empty",
+					children: "无已取消 / 已归档 / 已删除任务"
+				})
+			});
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "dsh-atb-columns",
+				children: groups.map((group) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "dsh-atb-column",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dsh-atb-colhead",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dsh-atb-dot",
+								"data-status": group.dot
+							}),
+							group.label,
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "dsh-atb-colcount",
+								children: group.rows.length
+							})
+						]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "dsh-atb-cards",
+						children: [group.rows.map((task) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaskCard, {
+							task,
+							controller
+						}, task.id)), group.rows.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "dsh-atb-empty",
+							children: "无任务"
+						})]
+					})]
+				}, group.label))
 			});
 		}
 
@@ -2166,6 +2730,39 @@ window.__ModuleLoader__.load({
 			};
 		}
 
+		//#endregion
+		//#region src/client/session-jump.ts
+		/**
+		* Build the jump function the controller installs.
+		* @param access - lazy service accessors, consulted on every jump.
+		* @returns the jump function: `(sessionId) => Promise<SessionJumpResult>`.
+		*/
+		function createSessionJumper(access) {
+			const lookup = (sessions, workspaces, sessionId) => {
+				if (sessions.list.getSnapshot().byId[sessionId] === void 0) return "absent";
+				return workspaces?.list.getSnapshot().archivedSessionIds.includes(sessionId) ?? false ? "archived" : "openable";
+			};
+			return async (sessionId) => {
+				const sessions = access.getSessions();
+				if (sessions === void 0) return "unavailable";
+				try {
+					let state = lookup(sessions, access.getWorkspaces(), sessionId);
+					if (state === "absent") {
+						try {
+							await sessions.refresh();
+						} catch {}
+						state = lookup(sessions, access.getWorkspaces(), sessionId);
+					}
+					if (state === "archived") return "archived";
+					if (state === "absent") return "missing";
+					sessions.open(sessionId);
+					return "opened";
+				} catch {
+					return "unavailable";
+				}
+			};
+		}
+
 		//#endregion
 		//#region src/client/index.ts
 		/**
@@ -2205,6 +2802,10 @@ window.__ModuleLoader__.load({
 					});
 					return out;
 				};
+				controller.installSessionJumper(createSessionJumper({
+					getSessions: () => ctx.get?.("sessions"),
+					getWorkspaces: () => ctx.get?.("workspaces")
+				}));
 				controller.start();
 				const disposers = [];
 				try {