@fonlan/dsh-task-kanban 0.2.6 → 0.2.7

package/README.md

@@ -10,7 +10,7 @@
 
 ![设置界面](docs/screenshots/kanban-settings.png)
 
-侧边栏设置 → 插件配置 →「任务看板」卡片可配置全局并行 worker 数，以及细化需求会话与 Phase 实现会话各自的默认模型、推理强度与 Agent 预设。
+打开看板：侧边栏「新建会话」下方的「任务看板」面板入口（与「插件」并列）。设置页：设置 → 侧边栏「任务看板」页，可配置全局并行 worker 数，以及细化需求会话与 Phase 实现会话各自的默认模型、推理强度与 Agent 预设。
 
 ## 功能
 
@@ -23,7 +23,7 @@
 
 ## 设置
 
-侧边栏设置 → 插件配置中的「任务看板」可展开卡片（`settings.plugin.item` 插槽）支持：
+设置 → 侧边栏「任务看板」页（`settings.section` 插槽）支持：
 
 - **全局并行 worker 数**：跨工作区同时执行的卡片数上限。
 - **细化需求会话默认 / Phase 实现会话默认**：分别配置两类会话的默认值：
@@ -39,13 +39,13 @@
 
 ### 方式一：从 npm 发布包安装
 
-当前发布版本：`0.2.4`（适配 DSH `0.1.5-rc.2`）。
+当前发布版本：`0.2.6`（适配 DSH `0.1.7-alpha.1`）。
 
 ```sh
 dsh plugin --profile web add @fonlan/dsh-task-kanban
 ```
 
-> 如需固定版本，可显式指定版本号：`dsh plugin --profile web add @fonlan/dsh-task-kanban@0.2.4`。
+> 如需固定版本，可显式指定版本号：`dsh plugin --profile web add @fonlan/dsh-task-kanban@0.2.6`。
 
 ### 方式二：本地源码链接安装
 
@@ -56,7 +56,9 @@ pnpm build
 dsh plugin --profile web add .
 ```
 
-安装后插件即通过 `cordis.patch.yml` 自动挂载到 web profile。web profile 会读取该 patch 并把插件注册进 `sidebar.footer.action`（看板入口）、`main.conversation`（看板视图）与 `settings.plugin.item`（插件设置）等插槽，通常重启 web profile 后即可在侧边栏底部看到"任务看板"入口。
+安装后插件即通过 `cordis.patch.yml` 自动挂载到 web profile。web profile 会读取该 patch，并把看板注册为**全局主面板**：侧边栏「新建会话」下方的面板行出现「任务看板」入口（`sidebar.panellist`，与「插件」并列），点击即把看板切到中央区域（`main` keyed 槽位，key = `task-kanban`）；设置页入口走 `settings.section`。点侧栏会话会先把中央区域交还给会话视图。
+
+> 入口位置在 DSH `0.1.7` 起改为面板行（旧版是 `sidebar.footer.action` 的侧栏底部按钮）：底部那一行归 Settings 独占，插件按钮挤在同一行会把设置触发按钮压窄。
 
 ## 开发
 

package/lib/client.js

@@ -4,9 +4,32 @@ window.__ModuleLoader__.load({
 		var module = { exports: {} };
 		var exports = module.exports;
 		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		//#region \0rolldown/runtime.js
+		var __create = Object.create;
+		var __defProp = Object.defineProperty;
+		var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+		var __getOwnPropNames = Object.getOwnPropertyNames;
+		var __getProtoOf = Object.getPrototypeOf;
+		var __hasOwnProp = Object.prototype.hasOwnProperty;
+		var __copyProps = (to, from, except, desc) => {
+			if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+				key = keys[i];
+				if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+					get: ((k) => from[k]).bind(null, key),
+					enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+				});
+			}
+			return to;
+		};
+		var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule || !__hasOwnProp.call(mod, "default") ? __defProp(target, "default", {
+			value: mod,
+			enumerable: true
+		}) : target, mod));
+		//#endregion
 		let react = require("react");
 		let react_jsx_runtime = require("react/jsx-runtime");
 		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
+		_deepseek_ai_dsh_client_ui_primitives = __toESM(_deepseek_ai_dsh_client_ui_primitives, 1);
 		//#region src/shared/lanes.ts
 		/** Which lane a card renders in, based on status + error stage. */
 		function laneOf(card) {
@@ -122,33 +145,25 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region src/client/kanban-state.ts
 		/**
-		* HMR-safe shared state store keyed on the global symbol registry.
+		* Panel id shared by this plugin's main-panel key (`main`) and its sidebar
+		* entry (`sidebar.panellist`): the shell selects the panel by this id, so the
+		* two registrations must agree.
+		*/
+		const KANBAN_PANEL_ID = "task-kanban";
+		/**
+		* HMR-safe owner context, keyed on the global symbol registry.
 		*
 		* The client-hmr hot swap re-evaluates this module (a fresh `lib/client.js`
-		* bundle) WITHOUT reloading the page. A module-level singleton would then be
-		* duplicated per evaluation: the session-navigation wrapper installed by the
-		* OLD module copy keeps calling the OLD copy's `exitBoard`, which reads the
-		* OLD copy's `boardOpen`/`boardDisposer` — while a board opened after the swap
-		* writes the NEW copy's state cell. The wrapper would then no-op and clicking
-		* a sidebar session would never leave the board.
-		*
-		* Keeping every field on one `globalThis`-backed record (via `Symbol.for`, so
-		* all bundle copies resolve the same key) makes every copy read/write the same
-		* state cell, so exit works regardless of which module copy performed the
-		* enter.
+		* bundle) WITHOUT reloading the page; a module-level cell would then be
+		* duplicated per evaluation and an old copy's helper would read a stale owner.
+		* `Symbol.for` makes every bundle copy share one cell.
 		*/
 		const STATE_KEY = Symbol.for("@fonlan/dsh-task-kanban/state");
 		function getState() {
 			const g = globalThis;
 			let state = g[STATE_KEY];
 			if (state === void 0) {
-				state = {
-					client: null,
-					boardRoot: null,
-					boardDisposer: null,
-					boardOpen: false,
-					listeners: /* @__PURE__ */ new Set()
-				};
+				state = { client: null };
 				g[STATE_KEY] = state;
 			}
 			return state;
@@ -159,73 +174,38 @@ window.__ModuleLoader__.load({
 		function getClient() {
 			return getState().client;
 		}
-		function setBoardRoot(component) {
-			getState().boardRoot = component;
-		}
-		function notify() {
-			for (const listener of getState().listeners) listener();
-		}
-		function isBoardOpen() {
-			return getState().boardOpen;
-		}
-		function subscribe(cb) {
-			const listeners = getState().listeners;
-			listeners.add(cb);
-			return () => {
-				listeners.delete(cb);
-			};
-		}
-		function useBoardOpen() {
-			return (0, react.useSyncExternalStore)(subscribe, isBoardOpen);
-		}
-		function enterBoard() {
-			const state = getState();
-			const ctx = state.client;
-			const root = state.boardRoot;
-			if (ctx === null || root === null || state.boardDisposer !== null) return;
+		/** The shell's panel face, when this runtime provides it. */
+		function layoutOf(ctx) {
+			if (ctx === null) return null;
 			try {
-				state.boardDisposer = ctx.slots.inject("main.conversation", () => ctx.slots.register({
-					name: "main.conversation",
-					priority: -1,
-					locale: "task-kanban"
-				}, root));
-				state.boardOpen = true;
-				notify();
-			} catch (error) {
-				console.error("[@fonlan/dsh-task-kanban] cannot open the board:", error);
+				const layout = ctx.layout;
+				return typeof layout?.selectPanel === "function" ? layout : null;
+			} catch {
+				return null;
 			}
 		}
-		function exitBoard() {
-			const state = getState();
-			if (state.boardDisposer !== null) {
-				state.boardDisposer();
-				state.boardDisposer = null;
-			}
-			if (state.boardOpen) {
-				state.boardOpen = false;
-				notify();
+		/** Hand the center column back to the Conversation. */
+		function leaveKanbanPanel(ctx = getClient()) {
+			try {
+				layoutOf(ctx)?.selectPanel(null);
+			} catch (error) {
+				console.error("[@fonlan/dsh-task-kanban] cannot leave the kanban panel:", error);
 			}
 		}
-		function toggleBoard() {
-			if (isBoardOpen()) exitBoard();
-			else enterBoard();
-		}
 		/**
-		* Route session navigation through the board: opening any session while the
-		* board is open leaves the board first, so the conversation view can render
-		* for the newly selected session.
+		* Route session navigation through the panel selection: opening any session
+		* while the board is the active panel first returns the center column to the
+		* Conversation, so the session view renders.
 		*
 		* Every sidebar path that selects a session funnels through `sessions.open`
 		* (session rows, search results, fork results, New Session) or
 		* `sessions.openSubagent` (catalog children) — including re-clicking the
 		* already-current session, which never changes `list.current` and therefore
-		* cannot be caught by a list-store subscription. Wrapping the two entry
-		* points covers all of them in one place.
+		* cannot be caught by a list-store subscription. Wrapping the two entry points
+		* covers all of them in one place.
 		*
 		* The wrapper is idempotent: a `kbBound` marker on the wrapper prevents a
-		* second bind (plugin re-apply / HMR) from stacking another layer. Because the
-		* wrapper's exit goes through the shared state store, a wrapper left over from
-		* a previous (HMR-replaced) module copy still closes the board correctly.
+		* second bind (plugin re-apply / HMR) from stacking another layer.
 		*/
 		function bindSessionNavigation(ctx) {
 			const sessions = ctx.sessions;
@@ -233,7 +213,7 @@ window.__ModuleLoader__.load({
 			const open = sessions.open;
 			if (typeof open === "function" && open.kbBound !== true) {
 				const bound = ((id) => {
-					exitBoard();
+					leaveKanbanPanel(ctx);
 					return open.call(sessions, id);
 				});
 				bound.kbBound = true;
@@ -242,7 +222,7 @@ window.__ModuleLoader__.load({
 			const openSubagent = sessions.openSubagent;
 			if (typeof openSubagent === "function" && openSubagent.kbBound !== true) {
 				const bound = ((address) => {
-					exitBoard();
+					leaveKanbanPanel(ctx);
 					return openSubagent.call(sessions, address);
 				});
 				bound.kbBound = true;
@@ -400,8 +380,8 @@ window.__ModuleLoader__.load({
 		};
 		//#endregion
 		//#region \0dsh-css:/home/runner/work/dsh-task-kanban/dsh-task-kanban/src/client/board.css.mjs
-		const css = "/* @fonlan/dsh-task-kanban board styles (kb- prefixed, plain CSS).\n   Surfaces use the DSH theme tokens (--dsw-alias-*) so they follow the\n   shell's selected light/dark appearance; the var() fallbacks cover shells\n   that do not define them. */\n.kb-board {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  padding: 12px 16px;\n  overflow: hidden;\n  color: var(--dsw-alias-label-primary, var(--dsh-fg, #e6e6e6));\n  background: var(--dsw-alias-bg-base, var(--dsh-bg, #141418));\n  font: 14px/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'PingFang SC', 'Microsoft YaHei', sans-serif;\n}\n.kb-empty {\n  align-items: center;\n  justify-content: center;\n}\n.kb-empty-text { opacity: 0.6; }\n.kb-board-header {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding-bottom: 10px;\n  border-bottom: 1px solid rgba(128, 128, 128, 0.25);\n  flex: 0 0 auto;\n}\n/* Left-aligned group: workspace selector + new-task button sit adjacent. */\n.kb-board-title {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n  flex: 0 1 auto;\n}\n.kb-board-title .kb-btn { flex: none; }\n.kb-ws-select {\n  max-width: 320px;\n  min-width: 0;\n  flex: 0 1 auto;\n  padding: 6px 10px;\n  border-radius: 6px;\n  border: 1px solid var(--dsw-alias-border-l2-darkmode-thin, var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.35)));\n  background: var(--dsw-specific-input-major, var(--dsw-alias-bg-layer-1, rgba(128, 128, 128, 0.12)));\n  color: var(--dsw-alias-label-primary, inherit);\n  font-size: 14px;\n}\n.kb-btn {\n  padding: 6px 14px;\n  border-radius: 6px;\n  border: 1px solid rgba(128, 128, 128, 0.35);\n  background: rgba(128, 128, 128, 0.12);\n  color: inherit;\n  font-size: 13px;\n  white-space: nowrap;\n  cursor: pointer;\n}\n.kb-btn:hover { background: rgba(128, 128, 128, 0.22); }\n.kb-btn:disabled { opacity: 0.5; cursor: default; }\n.kb-btn-primary { background: #3b82f6; border-color: #3b82f6; color: #fff; }\n.kb-btn-primary:hover { background: #2f6fe0; }\n.kb-btn-danger { background: rgba(239, 68, 68, 0.15); border-color: rgba(239, 68, 68, 0.5); color: #f87171; }\n.kb-btn-small { padding: 2px 8px; font-size: 12px; }\n.kb-lanes {\n  flex: 1 1 auto;\n  display: flex;\n  gap: 12px;\n  overflow-x: auto;\n  overflow-y: hidden;\n  padding-top: 10px;\n  min-height: 0;\n}\n.kb-lane {\n  flex: 1 1 0;\n  min-width: 220px;\n  max-width: 320px;\n  display: flex;\n  flex-direction: column;\n  background: rgba(128, 128, 128, 0.07);\n  border-radius: 8px;\n  border: 1px solid rgba(128, 128, 128, 0.12);\n  overflow: hidden;\n}\n.kb-lane-drop { border-style: dashed; border-color: rgba(59, 130, 246, 0.45); }\n.kb-lane-head {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 8px 10px;\n  font-weight: 600;\n  font-size: 13px;\n  color: var(--dsw-alias-label-secondary, var(--dsh-fg-soft, #b8b8c0));\n  border-bottom: 1px solid rgba(128, 128, 128, 0.12);\n  flex: 0 0 auto;\n}\n.kb-lane-count {\n  background: rgba(128, 128, 128, 0.18);\n  border-radius: 10px;\n  padding: 0 8px;\n  font-size: 12px;\n}\n.kb-lane-body {\n  flex: 1 1 auto;\n  overflow-y: auto;\n  padding: 8px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.kb-card {\n  background: rgba(128, 128, 128, 0.1);\n  border: 1px solid rgba(128, 128, 128, 0.2);\n  border-radius: 8px;\n  padding: 8px 10px;\n  cursor: pointer;\n  user-select: none;\n}\n.kb-card:hover { border-color: rgba(128, 128, 128, 0.45); }\n.kb-card[draggable='true'] { cursor: grab; }\n.kb-card-running { border-color: rgba(59, 130, 246, 0.6); }\n.kb-card-error { border-color: rgba(239, 68, 68, 0.6); }\n.kb-card-title { font-weight: 600; font-size: 13px; margin-bottom: 6px; word-break: break-all; }\n.kb-card-meta { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; font-size: 12px; }\n.kb-card-badge {\n  background: rgba(128, 128, 128, 0.2);\n  border-radius: 4px;\n  padding: 1px 6px;\n}\n.kb-card-running .kb-card-badge { background: rgba(59, 130, 246, 0.3); }\n.kb-card-error .kb-card-badge { background: rgba(239, 68, 68, 0.3); }\n.kb-card-phase { opacity: 0.8; }\n.kb-card-skill {\n  background: rgba(139, 92, 246, 0.22);\n  border-radius: 4px;\n  padding: 1px 6px;\n}\n.kb-card-model { opacity: 0.55; }\n.kb-card-error-text { margin-top: 6px; font-size: 12px; color: #f87171; word-break: break-all; }\n.kb-card-worktree { margin-top: 4px; font-size: 11px; opacity: 0.5; word-break: break-all; }\n.kb-toast {\n  position: fixed;\n  left: 50%;\n  bottom: 24px;\n  transform: translateX(-50%);\n  background: var(--dsw-alias-bg-layer-2);\n  border: 1px solid var(--dsw-alias-border-l2);\n  color: var(--dsw-alias-label-primary);\n  padding: 8px 16px;\n  border-radius: 8px;\n  font-size: 13px;\n  z-index: 2147483000;\n  max-width: 70vw;\n}\n.kb-modal-backdrop {\n  position: fixed;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.5);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 2147482900;\n}\n.kb-modal {\n  width: 460px;\n  max-width: 90vw;\n  max-height: 85vh;\n  overflow-y: auto;\n  background: var(--dsw-alias-bg-layer-1);\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: 12px;\n  padding: 18px;\n  color: var(--dsw-alias-label-primary);\n}\n.kb-modal-wide { width: 640px; }\n/* Task-detail bottom panel: docks at the bottom of the board page, fills the\n   full board width and exactly half of the board height (the lanes column\n   above flexes to the remaining space). */\n.kb-detail-panel {\n  flex: 0 0 50%;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n  margin-top: 10px;\n  background: var(--dsw-alias-bg-layer-2);\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: 12px;\n  overflow: hidden;\n  color: var(--dsw-alias-label-primary);\n}\n.kb-detail-panel-head {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 10px;\n  padding: 10px 14px;\n  border-bottom: 1px solid rgba(128, 128, 128, 0.2);\n  flex: 0 0 auto;\n}\n.kb-detail-panel-head .kb-modal-title { margin-bottom: 0; }\n.kb-detail-panel-body {\n  flex: 1 1 auto;\n  min-height: 0;\n  overflow-y: auto;\n  padding: 14px;\n}\n.kb-detail-close {\n  flex: none;\n  width: 28px;\n  height: 28px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid transparent;\n  border-radius: 6px;\n  background: transparent;\n  color: inherit;\n  font-size: 15px;\n  line-height: 1;\n  opacity: 0.75;\n  cursor: pointer;\n}\n.kb-detail-close:hover { background: rgba(128, 128, 128, 0.18); opacity: 1; }\n.kb-modal-title { font-size: 16px; font-weight: 700; margin-bottom: 14px; display: flex; align-items: center; gap: 10px; }\n.kb-field { display: block; margin-bottom: 12px; }\n.kb-field > span { display: block; font-size: 12px; opacity: 0.75; margin-bottom: 4px; }\n.kb-field-hint {\n  display: block;\n  font-size: 11px;\n  opacity: 0.55;\n  margin-top: 4px;\n}\n.kb-field-hint-skill {\n  opacity: 0.9;\n  color: #a78bfa;\n}\n.kb-skill-menu-wrap { position: relative; }\n.kb-skill-menu {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  right: 0;\n  z-index: 20;\n  margin: 2px 0 0;\n  padding: 4px;\n  list-style: none;\n  max-height: 180px;\n  overflow-y: auto;\n  border-radius: 8px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-bg-overlay);\n  color: var(--dsw-alias-label-primary);\n  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35);\n}\n.kb-skill-menu-item {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  padding: 6px 8px;\n  border-radius: 6px;\n  cursor: pointer;\n  font-size: 12px;\n  color: var(--dsw-alias-label-primary);\n}\n.kb-skill-menu-item-active { background: var(--dsw-alias-interactive-bg-hover); }\n.kb-skill-menu-name { font-weight: 600; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }\n.kb-skill-menu-desc {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 11px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.kb-field-row { display: flex; align-items: center; gap: 10px; justify-content: space-between; }\n/* Field labels in a row never wrap; selects get the remaining fixed width. */\n.kb-field-row > span { white-space: nowrap; flex-shrink: 0; margin-bottom: 0; }\n.kb-input {\n  width: 100%;\n  box-sizing: border-box;\n  padding: 7px 10px;\n  border-radius: 6px;\n  /* Form controls follow the shell theme: DSH's input surface token plus a\n     theme-tuned border; the fallbacks cover shells without these tokens. */\n  border: 1px solid var(--dsw-alias-border-l2-darkmode-thin, var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.35)));\n  background: var(--dsw-specific-input-major, var(--dsw-alias-bg-layer-1, rgba(128, 128, 128, 0.1)));\n  color: var(--dsw-alias-label-primary, inherit);\n  font-size: 13px;\n}\n.kb-input-number { width: 90px; }\n/* All settings selects share one width so the column looks even. */\n.kb-settings select.kb-input { width: 200px; flex: 0 0 200px; }\n.kb-textarea { min-height: 110px; resize: vertical; font-family: inherit; }\n.kb-modal-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 14px; }\n.kb-detail-section { margin-bottom: 12px; }\n.kb-detail-label { font-size: 12px; opacity: 0.65; margin-bottom: 4px; }\n.kb-detail-skill {\n  display: inline-block;\n  font-size: 11px;\n  background: rgba(139, 92, 246, 0.22);\n  border-radius: 4px;\n  padding: 1px 6px;\n  margin-bottom: 4px;\n}\n.kb-detail-text { white-space: pre-wrap; word-break: break-all; font-size: 13px; }\n.kb-detail-error .kb-detail-text { color: #f87171; }\n.kb-detail-status {\n  font-size: 12px;\n  font-weight: 600;\n  border-radius: 4px;\n  padding: 1px 8px;\n  background: rgba(128, 128, 128, 0.2);\n}\n.kb-status-running, .kb-status-merging { background: rgba(59, 130, 246, 0.3) !important; }\n.kb-status-error { background: rgba(239, 68, 68, 0.3) !important; color: #f87171; }\n.kb-status-merged { background: rgba(34, 197, 94, 0.3) !important; }\n.kb-plan-summary { font-size: 13px; margin-bottom: 10px; }\n/* Phase cards: each plan phase is a card with an ordered number (kept from the\n   parent <ol>) and three labeled sections (goal / sessions / conclusion) split\n   by section titles and thin divider lines. */\n.kb-plan-phases { margin: 0; padding-left: 24px; }\n.kb-plan-phase {\n  margin-bottom: 10px;\n  padding: 8px 10px;\n  background: rgba(128, 128, 128, 0.08);\n  border: 1px solid rgba(128, 128, 128, 0.2);\n  border-radius: 8px;\n}\n.kb-plan-phase-head {\n  display: flex;\n  gap: 8px;\n  align-items: baseline;\n  padding-bottom: 6px;\n  margin-bottom: 6px;\n  border-bottom: 1px solid rgba(128, 128, 128, 0.16);\n}\n.kb-plan-phase-title { font-weight: 600; font-size: 13px; }\n.kb-plan-phase-id { font-size: 11px; opacity: 0.5; }\n.kb-plan-phase-body { display: flex; flex-direction: column; }\n/* Section isolation: label on top, thin divider between adjacent sections. */\n.kb-plan-phase-section { display: flex; flex-direction: column; }\n.kb-plan-phase-section + .kb-plan-phase-section {\n  margin-top: 6px;\n  padding-top: 6px;\n  border-top: 1px solid rgba(128, 128, 128, 0.14);\n}\n.kb-plan-phase-section-title { font-size: 11px; opacity: 0.55; margin-bottom: 3px; }\n.kb-plan-phase-goal { font-size: 12px; opacity: 0.85; white-space: pre-wrap; word-break: break-all; }\n.kb-plan-phase-sessions { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }\n.kb-plan-phase-conclusion { font-size: 12px; opacity: 0.85; white-space: pre-wrap; word-break: break-all; }\n.kb-plan-phase-conclusion-item + .kb-plan-phase-conclusion-item { margin-top: 6px; }\n/* Running phase keeps the blue highlight; completed phases get success color. */\n.kb-plan-phase-current { border-color: rgba(59, 130, 246, 0.6); background: rgba(59, 130, 246, 0.08); }\n.kb-plan-phase-current .kb-plan-phase-title { color: #60a5fa; }\n.kb-plan-phase-completed { border-color: rgba(34, 197, 94, 0.45); background: rgba(34, 197, 94, 0.06); }\n.kb-plan-phase-completed .kb-plan-phase-title { color: #4ade80; }\n.kb-session-links { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }\n.kb-settings { display: flex; flex-direction: column; gap: 12px; max-width: 420px; }\n.kb-settings-saved { font-size: 12px; color: #4ade80; }\n.kb-settings-group { border-top: 1px solid rgba(128, 128, 128, 0.22); padding-top: 12px; }\n.kb-settings-group-title { font-size: 12px; font-weight: 600; opacity: 0.9; margin-bottom: 10px; }\n/* Settings page (设置 -> 侧栏「任务看板」): the page owns one entry in the\n   settings sidebar and renders into the panel's content column, so it draws\n   its own header (title plus a one-line summary) above the always-visible\n   body. The body keeps the board's kb-settings control classes. */\n.kb-page {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  max-width: 720px;\n}\n.kb-page-head {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n.kb-page-title {\n  margin: 0;\n  color: var(--dsw-alias-label-primary);\n  font-size: 15px;\n  font-weight: 600;\n  line-height: 1.4;\n}\n.kb-page-sub {\n  margin: 0;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 13px;\n  line-height: 1.5;\n}\n.kb-footer-action {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  width: 32px;\n  height: 32px;\n  border-radius: 6px;\n  border: none;\n  background: transparent;\n  /* same foreground as the settings trigger (its trigger css uses this var) */\n  color: var(--dsw-alias-label-primary, inherit);\n  cursor: pointer;\n}\n.kb-footer-action:hover { background: rgba(128, 128, 128, 0.18); }\n.kb-footer-action-active { background: rgba(59, 130, 246, 0.25); }\n/* Wide mode borrows the settings trigger's metrics (34px tall, 14px label,\n   18px icon) so both controls read as siblings on the same line. */\n.kb-footer-action-wide {\n  width: auto;\n  height: 34px;\n  padding: 0 8px;\n  border-radius: 12px;\n  font-size: 14px;\n}\n.kb-footer-action-wide .kb-footer-label {\n  font-size: 14px;\n  line-height: 22px;\n}\n/* Theme following is handled by the --dsw-alias-* tokens above: they change\n   value with the shell's selected light/dark appearance, so no OS-level\n   prefers-color-scheme override is needed (and one would fight the app\n   theme when the two disagree). */\n/* Same-line placement WITHOUT moving any DOM: the sidebar foot area becomes\n   a reversed flex row, so its LAST child (the settings area) renders on the\n   LEFT and the FIRST child (footer actions = the kanban button) on the RIGHT\n   — exactly \"settings, then kanban\". The settings trigger flexes to fill the\n   remaining width; the button keeps its content width. */\n.kb-foot-row {\n  display: flex;\n  flex-direction: row-reverse;\n  align-items: stretch;\n  gap: 4px;\n}\n.kb-foot-row > div:first-child {\n  flex: none;\n  width: auto;\n  min-width: 0;\n  display: flex;\n  align-items: center;\n}\n.kb-foot-row > div:last-child {\n  flex: 1;\n  min-width: 0;\n}\n/* Rail (collapsed sidebar): column-reverse stacks the settings circle on top\n   and the kanban icon below it, both centered; the kanban button borrows the\n   settings trigger's rail chrome (36px circle) so the two match. */\n.kb-foot-rail {\n  flex-direction: column-reverse;\n  align-items: center;\n}\n.kb-foot-rail .kb-footer-action {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  margin: 8px 0 10px;\n}\n.kb-footer-label {\n  max-width: 110px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n/* Narrow screens (mobile drawer / auto-collapse breakpoint): the drawer's\n   foot area is ~256-280px but the footer actions row carries the kanban\n   button PLUS mobile-nav's drawer actions (Files / session log), which\n   together exceed the row and squeeze the settings trigger to zero width\n   (row-reverse overflows left, clipping the button). Below the shell's\n   auto-collapse breakpoint, stack the settings row above the actions and\n   let the actions wrap so nothing is squeezed or clipped. */\n@media (max-width: 1023px) {\n  .kb-foot-row {\n    flex-direction: column-reverse;\n    align-items: stretch;\n  }\n  .kb-foot-row > div:first-child {\n    flex: none;\n    width: 100%;\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: flex-start;\n    gap: 4px;\n    padding-top: 4px;\n  }\n  .kb-foot-row > div:last-child {\n    flex: none;\n    width: 100%;\n  }\n  /* The footer-actions entries are display:contents wrappers, so the kanban\n     button itself is a flex item of the wrapping actions row; pull it to the\n     first wrap position so it sits directly below the settings row (the\n     mobile-nav drawer actions follow on their own wrapped line). */\n  .kb-foot-row .kb-footer-action {\n    order: -1;\n  }\n}";
-		const tagId = "@fonlan/dsh-task-kanban/board.css#455e1b16";
+		const css = "/* @fonlan/dsh-task-kanban board styles (kb- prefixed, plain CSS).\n   Surfaces use the DSH theme tokens (--dsw-alias-*) so they follow the\n   shell's selected light/dark appearance; the var() fallbacks cover shells\n   that do not define them. */\n.kb-board {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  padding: 12px 16px;\n  overflow: hidden;\n  color: var(--dsw-alias-label-primary, var(--dsh-fg, #e6e6e6));\n  background: var(--dsw-alias-bg-base, var(--dsh-bg, #141418));\n  font: 14px/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'PingFang SC', 'Microsoft YaHei', sans-serif;\n}\n.kb-empty {\n  align-items: center;\n  justify-content: center;\n}\n.kb-empty-text { opacity: 0.6; }\n.kb-board-header {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding-bottom: 10px;\n  border-bottom: 1px solid rgba(128, 128, 128, 0.25);\n  flex: 0 0 auto;\n}\n/* Left-aligned group: workspace selector + new-task button sit adjacent. */\n.kb-board-title {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n  flex: 0 1 auto;\n}\n.kb-board-title .kb-btn { flex: none; }\n.kb-ws-select {\n  max-width: 320px;\n  min-width: 0;\n  flex: 0 1 auto;\n  padding: 6px 10px;\n  border-radius: 6px;\n  border: 1px solid var(--dsw-alias-border-l2-darkmode-thin, var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.35)));\n  background: var(--dsw-specific-input-major, var(--dsw-alias-bg-layer-1, rgba(128, 128, 128, 0.12)));\n  color: var(--dsw-alias-label-primary, inherit);\n  font-size: 14px;\n}\n.kb-btn {\n  padding: 6px 14px;\n  border-radius: 6px;\n  border: 1px solid rgba(128, 128, 128, 0.35);\n  background: rgba(128, 128, 128, 0.12);\n  color: inherit;\n  font-size: 13px;\n  white-space: nowrap;\n  cursor: pointer;\n}\n.kb-btn:hover { background: rgba(128, 128, 128, 0.22); }\n.kb-btn:disabled { opacity: 0.5; cursor: default; }\n.kb-btn-primary { background: #3b82f6; border-color: #3b82f6; color: #fff; }\n.kb-btn-primary:hover { background: #2f6fe0; }\n.kb-btn-danger { background: rgba(239, 68, 68, 0.15); border-color: rgba(239, 68, 68, 0.5); color: #f87171; }\n.kb-btn-small { padding: 2px 8px; font-size: 12px; }\n.kb-lanes {\n  flex: 1 1 auto;\n  display: flex;\n  gap: 12px;\n  overflow-x: auto;\n  overflow-y: hidden;\n  padding-top: 10px;\n  min-height: 0;\n}\n.kb-lane {\n  flex: 1 1 0;\n  min-width: 220px;\n  max-width: 320px;\n  display: flex;\n  flex-direction: column;\n  background: rgba(128, 128, 128, 0.07);\n  border-radius: 8px;\n  border: 1px solid rgba(128, 128, 128, 0.12);\n  overflow: hidden;\n}\n.kb-lane-drop { border-style: dashed; border-color: rgba(59, 130, 246, 0.45); }\n.kb-lane-head {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 8px 10px;\n  font-weight: 600;\n  font-size: 13px;\n  color: var(--dsw-alias-label-secondary, var(--dsh-fg-soft, #b8b8c0));\n  border-bottom: 1px solid rgba(128, 128, 128, 0.12);\n  flex: 0 0 auto;\n}\n.kb-lane-count {\n  background: rgba(128, 128, 128, 0.18);\n  border-radius: 10px;\n  padding: 0 8px;\n  font-size: 12px;\n}\n.kb-lane-body {\n  flex: 1 1 auto;\n  overflow-y: auto;\n  padding: 8px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.kb-card {\n  background: rgba(128, 128, 128, 0.1);\n  border: 1px solid rgba(128, 128, 128, 0.2);\n  border-radius: 8px;\n  padding: 8px 10px;\n  cursor: pointer;\n  user-select: none;\n}\n.kb-card:hover { border-color: rgba(128, 128, 128, 0.45); }\n.kb-card[draggable='true'] { cursor: grab; }\n.kb-card-running { border-color: rgba(59, 130, 246, 0.6); }\n.kb-card-error { border-color: rgba(239, 68, 68, 0.6); }\n.kb-card-title { font-weight: 600; font-size: 13px; margin-bottom: 6px; word-break: break-all; }\n.kb-card-meta { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; font-size: 12px; }\n.kb-card-badge {\n  background: rgba(128, 128, 128, 0.2);\n  border-radius: 4px;\n  padding: 1px 6px;\n}\n.kb-card-running .kb-card-badge { background: rgba(59, 130, 246, 0.3); }\n.kb-card-error .kb-card-badge { background: rgba(239, 68, 68, 0.3); }\n.kb-card-phase { opacity: 0.8; }\n.kb-card-skill {\n  background: rgba(139, 92, 246, 0.22);\n  border-radius: 4px;\n  padding: 1px 6px;\n}\n.kb-card-model { opacity: 0.55; }\n.kb-card-error-text { margin-top: 6px; font-size: 12px; color: #f87171; word-break: break-all; }\n.kb-card-worktree { margin-top: 4px; font-size: 11px; opacity: 0.5; word-break: break-all; }\n.kb-toast {\n  position: fixed;\n  left: 50%;\n  bottom: 24px;\n  transform: translateX(-50%);\n  background: var(--dsw-alias-bg-layer-2);\n  border: 1px solid var(--dsw-alias-border-l2);\n  color: var(--dsw-alias-label-primary);\n  padding: 8px 16px;\n  border-radius: 8px;\n  font-size: 13px;\n  z-index: 2147483000;\n  max-width: 70vw;\n}\n.kb-modal-backdrop {\n  position: fixed;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.5);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 2147482900;\n}\n.kb-modal {\n  width: 460px;\n  max-width: 90vw;\n  max-height: 85vh;\n  overflow-y: auto;\n  background: var(--dsw-alias-bg-layer-1);\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: 12px;\n  padding: 18px;\n  color: var(--dsw-alias-label-primary);\n}\n.kb-modal-wide { width: 640px; }\n/* Task-detail bottom panel: docks at the bottom of the board page, fills the\n   full board width and exactly half of the board height (the lanes column\n   above flexes to the remaining space). */\n.kb-detail-panel {\n  flex: 0 0 50%;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n  margin-top: 10px;\n  background: var(--dsw-alias-bg-layer-2);\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: 12px;\n  overflow: hidden;\n  color: var(--dsw-alias-label-primary);\n}\n.kb-detail-panel-head {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 10px;\n  padding: 10px 14px;\n  border-bottom: 1px solid rgba(128, 128, 128, 0.2);\n  flex: 0 0 auto;\n}\n.kb-detail-panel-head .kb-modal-title { margin-bottom: 0; }\n.kb-detail-panel-body {\n  flex: 1 1 auto;\n  min-height: 0;\n  overflow-y: auto;\n  padding: 14px;\n}\n.kb-detail-close {\n  flex: none;\n  width: 28px;\n  height: 28px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid transparent;\n  border-radius: 6px;\n  background: transparent;\n  color: inherit;\n  font-size: 15px;\n  line-height: 1;\n  opacity: 0.75;\n  cursor: pointer;\n}\n.kb-detail-close:hover { background: rgba(128, 128, 128, 0.18); opacity: 1; }\n.kb-modal-title { font-size: 16px; font-weight: 700; margin-bottom: 14px; display: flex; align-items: center; gap: 10px; }\n.kb-field { display: block; margin-bottom: 12px; }\n.kb-field > span { display: block; font-size: 12px; opacity: 0.75; margin-bottom: 4px; }\n.kb-field-hint {\n  display: block;\n  font-size: 11px;\n  opacity: 0.55;\n  margin-top: 4px;\n}\n.kb-field-hint-skill {\n  opacity: 0.9;\n  color: #a78bfa;\n}\n.kb-skill-menu-wrap { position: relative; }\n.kb-skill-menu {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  right: 0;\n  z-index: 20;\n  margin: 2px 0 0;\n  padding: 4px;\n  list-style: none;\n  max-height: 180px;\n  overflow-y: auto;\n  border-radius: 8px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-bg-overlay);\n  color: var(--dsw-alias-label-primary);\n  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35);\n}\n.kb-skill-menu-item {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  padding: 6px 8px;\n  border-radius: 6px;\n  cursor: pointer;\n  font-size: 12px;\n  color: var(--dsw-alias-label-primary);\n}\n.kb-skill-menu-item-active { background: var(--dsw-alias-interactive-bg-hover); }\n.kb-skill-menu-name { font-weight: 600; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }\n.kb-skill-menu-desc {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 11px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.kb-field-row { display: flex; align-items: center; gap: 10px; justify-content: space-between; }\n/* Field labels in a row never wrap; selects get the remaining fixed width. */\n.kb-field-row > span { white-space: nowrap; flex-shrink: 0; margin-bottom: 0; }\n.kb-input {\n  width: 100%;\n  box-sizing: border-box;\n  padding: 7px 10px;\n  border-radius: 6px;\n  /* Form controls follow the shell theme: DSH's input surface token plus a\n     theme-tuned border; the fallbacks cover shells without these tokens. */\n  border: 1px solid var(--dsw-alias-border-l2-darkmode-thin, var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.35)));\n  background: var(--dsw-specific-input-major, var(--dsw-alias-bg-layer-1, rgba(128, 128, 128, 0.1)));\n  color: var(--dsw-alias-label-primary, inherit);\n  font-size: 13px;\n}\n.kb-input-number { width: 90px; }\n/* All settings selects share one width so the column looks even. */\n.kb-settings select.kb-input { width: 200px; flex: 0 0 200px; }\n.kb-textarea { min-height: 110px; resize: vertical; font-family: inherit; }\n.kb-modal-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 14px; }\n.kb-detail-section { margin-bottom: 12px; }\n.kb-detail-label { font-size: 12px; opacity: 0.65; margin-bottom: 4px; }\n.kb-detail-skill {\n  display: inline-block;\n  font-size: 11px;\n  background: rgba(139, 92, 246, 0.22);\n  border-radius: 4px;\n  padding: 1px 6px;\n  margin-bottom: 4px;\n}\n.kb-detail-text { white-space: pre-wrap; word-break: break-all; font-size: 13px; }\n.kb-detail-error .kb-detail-text { color: #f87171; }\n.kb-detail-status {\n  font-size: 12px;\n  font-weight: 600;\n  border-radius: 4px;\n  padding: 1px 8px;\n  background: rgba(128, 128, 128, 0.2);\n}\n.kb-status-running, .kb-status-merging { background: rgba(59, 130, 246, 0.3) !important; }\n.kb-status-error { background: rgba(239, 68, 68, 0.3) !important; color: #f87171; }\n.kb-status-merged { background: rgba(34, 197, 94, 0.3) !important; }\n.kb-plan-summary { font-size: 13px; margin-bottom: 10px; }\n/* Phase cards: each plan phase is a card with an ordered number (kept from the\n   parent <ol>) and three labeled sections (goal / sessions / conclusion) split\n   by section titles and thin divider lines. */\n.kb-plan-phases { margin: 0; padding-left: 24px; }\n.kb-plan-phase {\n  margin-bottom: 10px;\n  padding: 8px 10px;\n  background: rgba(128, 128, 128, 0.08);\n  border: 1px solid rgba(128, 128, 128, 0.2);\n  border-radius: 8px;\n}\n.kb-plan-phase-head {\n  display: flex;\n  gap: 8px;\n  align-items: baseline;\n  padding-bottom: 6px;\n  margin-bottom: 6px;\n  border-bottom: 1px solid rgba(128, 128, 128, 0.16);\n}\n.kb-plan-phase-title { font-weight: 600; font-size: 13px; }\n.kb-plan-phase-id { font-size: 11px; opacity: 0.5; }\n.kb-plan-phase-body { display: flex; flex-direction: column; }\n/* Section isolation: label on top, thin divider between adjacent sections. */\n.kb-plan-phase-section { display: flex; flex-direction: column; }\n.kb-plan-phase-section + .kb-plan-phase-section {\n  margin-top: 6px;\n  padding-top: 6px;\n  border-top: 1px solid rgba(128, 128, 128, 0.14);\n}\n.kb-plan-phase-section-title { font-size: 11px; opacity: 0.55; margin-bottom: 3px; }\n.kb-plan-phase-goal { font-size: 12px; opacity: 0.85; white-space: pre-wrap; word-break: break-all; }\n.kb-plan-phase-sessions { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }\n.kb-plan-phase-conclusion { font-size: 12px; opacity: 0.85; white-space: pre-wrap; word-break: break-all; }\n.kb-plan-phase-conclusion-item + .kb-plan-phase-conclusion-item { margin-top: 6px; }\n/* Running phase keeps the blue highlight; completed phases get success color. */\n.kb-plan-phase-current { border-color: rgba(59, 130, 246, 0.6); background: rgba(59, 130, 246, 0.08); }\n.kb-plan-phase-current .kb-plan-phase-title { color: #60a5fa; }\n.kb-plan-phase-completed { border-color: rgba(34, 197, 94, 0.45); background: rgba(34, 197, 94, 0.06); }\n.kb-plan-phase-completed .kb-plan-phase-title { color: #4ade80; }\n.kb-session-links { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }\n.kb-settings { display: flex; flex-direction: column; gap: 12px; max-width: 420px; }\n.kb-settings-saved { font-size: 12px; color: #4ade80; }\n.kb-settings-group { border-top: 1px solid rgba(128, 128, 128, 0.22); padding-top: 12px; }\n.kb-settings-group-title { font-size: 12px; font-weight: 600; opacity: 0.9; margin-bottom: 10px; }\n/* Settings page (设置 -> 侧栏「任务看板」): the page owns one entry in the\n   settings sidebar and renders into the panel's content column, so it draws\n   its own header (title plus a one-line summary) above the always-visible\n   body. The body keeps the board's kb-settings control classes. */\n.kb-page {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  max-width: 720px;\n}\n.kb-page-head {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n.kb-page-title {\n  margin: 0;\n  color: var(--dsw-alias-label-primary);\n  font-size: 15px;\n  font-weight: 600;\n  line-height: 1.4;\n}\n.kb-page-sub {\n  margin: 0;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 13px;\n  line-height: 1.5;\n}\n";
+		const tagId = "@fonlan/dsh-task-kanban/board.css#3d30e9c5";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
 			const tag = document.createElement("style");
 			tag.dataset.plugin = "@fonlan/dsh-task-kanban";
@@ -550,7 +530,7 @@ window.__ModuleLoader__.load({
 			]);
 			const openSession = (0, react.useCallback)((sessionId) => {
 				const ctx = getClient();
-				exitBoard();
+				leaveKanbanPanel(ctx);
 				if (ctx === null) return;
 				try {
 					ctx.sessions.open(sessionId);
@@ -1171,112 +1151,81 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
-		//#region src/client/sections.tsx
-		/** Sidebar footer entry: toggles the kanban board main view.
-		*  The shell renders footer actions on their own row ABOVE the settings row,
-		*  so the button is reparented into the settings area to sit on the same
-		*  line, right of the Settings trigger (see board.css .kb-settings-row). */
-		function KanbanFooterButton({ wide, t }) {
-			const open = useBoardOpen();
-			const ref = (0, react.useRef)(null);
-			const label = t !== void 0 ? t(open ? "closeBoard" : "openBoard") : "Task Kanban";
-			(0, react.useEffect)(() => {
-				const btn = ref.current;
-				if (btn === null) return;
-				let foot = null;
-				let disposed = false;
-				const findFoot = () => {
-					let el = btn.parentElement;
-					while (el !== null && el !== document.body && el.parentElement !== null) {
-						const last = el.lastElementChild;
-						const hasTrigger = last !== null && (last.querySelector?.("button[aria-haspopup=\"dialog\"]") !== null || last.querySelector?.("button[aria-haspopup=\"menu\"]") !== null);
-						const isLastChild = el.parentElement.lastElementChild === el;
-						if (hasTrigger && isLastChild) return el;
-						el = el.parentElement;
-					}
-					return null;
-				};
-				const tryApply = () => {
-					if (foot === null) try {
-						foot = findFoot();
-					} catch {
-						foot = null;
-					}
-					if (foot === null) return false;
-					try {
-						foot.classList.add("kb-foot-row");
-						foot.classList.toggle("kb-foot-rail", wide !== true);
-					} catch {}
-					return true;
-				};
-				let applied = false;
+		//#region src/client/icons.tsx
+		/** The runtime export table, read by capability instead of by one hard-coded name. */
+		const table = _deepseek_ai_dsh_client_ui_primitives;
+		/** First name the runtime actually provides (a missing export is `undefined`). */
+		function firstDefined(...names) {
+			for (const name of names) {
+				let candidate;
 				try {
-					applied = tryApply();
-				} catch (error) {
-					console.error("[@fonlan/dsh-task-kanban] foot placement error:", error);
-				}
-				if (!applied) {
-					const observer = new MutationObserver(() => {
-						if (disposed) return;
-						if (tryApply()) observer.disconnect();
-					});
-					observer.observe(document.body, {
-						childList: true,
-						subtree: true
-					});
-					const timer = window.setInterval(() => {
-						if (disposed) {
-							window.clearInterval(timer);
-							return;
-						}
-						if (tryApply()) {
-							observer.disconnect();
-							window.clearInterval(timer);
-						}
-					}, 1e3);
-					window.setTimeout(() => {
-						observer.disconnect();
-						window.clearInterval(timer);
-						if (foot === null) {
-							const chain = [];
-							let el = btn.parentElement;
-							while (el !== null && chain.length < 8) {
-								chain.push(el.tagName + "." + String(el.className).slice(0, 60));
-								el = el.parentElement;
-							}
-							console.warn("[@fonlan/dsh-task-kanban] could not locate the sidebar foot area:", chain);
-						}
-					}, 15e3);
-					return () => {
-						disposed = true;
-						observer.disconnect();
-						window.clearInterval(timer);
-						try {
-							foot?.classList.remove("kb-foot-row");
-							foot?.classList.remove("kb-foot-rail");
-						} catch {}
-					};
+					candidate = table[name];
+				} catch {
+					continue;
 				}
-				return () => {
-					try {
-						foot?.classList.remove("kb-foot-row");
-						foot?.classList.remove("kb-foot-rail");
-					} catch {}
-				};
-			}, [wide]);
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-				ref,
-				type: "button",
-				className: "kb-footer-action" + (wide === true ? " kb-footer-action-wide" : "") + (open ? " kb-footer-action-active" : ""),
-				"aria-label": label,
-				title: label,
-				onClick: () => toggleBoard(),
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChecklistOutline14, { size: wide === true ? 16 : 18 }), wide === true && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "kb-footer-label",
-					children: t !== void 0 ? t("kanban") : "Kanban"
-				})]
+				if (typeof candidate === "function") return candidate;
+			}
+		}
+		/**
+		* Self-contained 16×16 checklist glyph (the 0.1.7 artwork) used when the shell
+		* primitives expose none of the names above: the footer entry must render
+		* something even on a runtime whose icon exports we do not know.
+		*/
+		function ChecklistFallback({ size = 14, className }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+				width: size,
+				height: size,
+				className,
+				viewBox: "0 0 16 16",
+				fill: "none",
+				xmlns: "http://www.w3.org/2000/svg",
+				"aria-hidden": "true",
+				strokeWidth: 1,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+						d: "M3.75 6.25C4.7165 6.25 5.5 5.4665 5.5 4.5C5.5 3.5335 4.7165 2.75 3.75 2.75C2.7835 2.75 2 3.5335 2 4.5C2 5.4665 2.7835 6.25 3.75 6.25Z",
+						stroke: "currentColor"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+						d: "M7.5 4.5H13.5",
+						stroke: "currentColor"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+						d: "M3.75 13.25C4.7165 13.25 5.5 12.4665 5.5 11.5C5.5 10.5335 4.7165 9.75 3.75 9.75C2.7835 9.75 2 10.5335 2 11.5C2 12.4665 2.7835 13.25 3.75 13.25Z",
+						stroke: "currentColor"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+						d: "M7.5 11.5H13.5",
+						stroke: "currentColor"
+					})
+				]
 			});
 		}
+		/**
+		* The checklist icon used by the sidebar panel row entry.
+		*
+		* DSH 0.1.7 renamed every size-suffixed shell icon (`IconChecklistOutline14`)
+		* into stroke-weight variants (`…Regular` 1px / `…Medium` 1.3px) inside
+		* `@deepseek-ai/dsh-client-ui-primitives`. A stale named import resolves to
+		* `undefined` and React then throws "Element type is invalid" while rendering
+		* the slot entry — the entry is dropped and the button silently disappears
+		* (exactly what upgrading to 0.1.7 did to this plugin). Resolve the name at
+		* runtime, newest first, so the next rename degrades to another shipped
+		* variant instead of taking the button down with it.
+		*/
+		const ChecklistIcon = firstDefined("IconChecklistOutlineRegular", "IconChecklistOutlineMedium", "IconChecklistOutline", "IconChecklistOutline14") ?? ChecklistFallback;
+		//#endregion
+		//#region src/client/sections.tsx
+		/**
+		* Sidebar panel-row glyph for the board (`sidebar.panellist`).
+		*
+		* The shell owns the row: it renders the button, its label, tooltip and active
+		* state, and calls `layout.selectPanel(id)` on click. The entry contributes
+		* only the glyph, so this component must stay purely presentational.
+		*/
+		function KanbanPanelIcon({ size }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChecklistIcon, { size });
+		}
 		/** Fallback shape while settings load (server always resolves the full set). */
 		const EMPTY_SETTINGS = {
 			maxParallelWorkers: 1,
@@ -1535,7 +1484,6 @@ window.__ModuleLoader__.load({
 		/** Client plugin body. */
 		function apply(ctx) {
 			setClient(ctx);
-			setBoardRoot(BoardRoot);
 			bindSessionNavigation(ctx);
 			const t = ctx.locale.bind(LOCALE_NS);
 			ctx.effect(() => {
@@ -1545,13 +1493,18 @@ window.__ModuleLoader__.load({
 				});
 				return () => off();
 			}, "task-kanban: dictionaries");
-			ctx.slots.inject("sidebar.footer.action", () => ctx.slots.register({
-				name: "sidebar.footer.action",
-				id: "task-kanban",
-				order: 60,
+			ctx.slots.inject("main", () => ctx.slots.register({
+				name: "main",
+				key: KANBAN_PANEL_ID,
+				locale: LOCALE_NS
+			}, BoardRoot));
+			ctx.slots.inject("sidebar.panellist", () => ctx.slots.register({
+				name: "sidebar.panellist",
+				id: KANBAN_PANEL_ID,
+				order: 20,
 				label: () => t("kanban"),
 				locale: LOCALE_NS
-			}, KanbanFooterButton));
+			}, KanbanPanelIcon));
 			ctx.slots.inject("settings.section", () => ctx.slots.register({
 				name: "settings.section",
 				id: SETTINGS_SECTION_ID,