dsh-taskboard 0.5.1 → 0.5.2

package/README.md

@@ -1,6 +1,8 @@
 [![npm version](https://img.shields.io/npm/v/dsh-taskboard.svg)](https://www.npmjs.com/package/dsh-taskboard)
 [![License](https://img.shields.io/npm/l/dsh-taskboard.svg)](https://github.com/cloader/dsh-taskboard/blob/main/LICENSE)
 
+[English](./README_en.md) | 简体中文
+
 # dsh-taskboard
 
 DeepSeek Harness 的**任务看板插件**：人建卡、agent 认领执行、人验收。任务挂项目（workspace）、可指定模型与 preset、支持手动与定时执行，全流程双向协作。
@@ -181,7 +183,7 @@ agent：
 ## 常见问题
 
 **侧边栏没有「任务看板」入口？**
-刷新页面；仍没有则确认插件已装进当前 profile 并重启 `dsh web`（宿主半区在进程启动时加载）。0.4.2 起旧 `data-pane` shell 与新哈希类名 shell（DSH Desktop）都支持。
+刷新页面；仍没有则确认插件已装进当前 profile 并重启 `dsh web`（宿主半区在进程启动时加载）。三代 shell 均支持：`data-pane`（dev）、哈希类名（官方布局，0.4.2 起）、DSH Desktop 非兼容 extended frame（0.5.2 起）。
 
 **任务数据存在哪？怎么备份？**
 见[配置与数据](#配置与数据)。GUI「⬇ JSON」随时全量导出；「⬆ 导入」可恢复。
@@ -214,6 +216,13 @@ node scripts/screenshot.mjs     # 重新生成 img/ 截图（需本机 Edge）
 
 ## 升级日志
 
+### 0.5.2
+
+- **支持 DSH Desktop 非兼容模式下侧栏没有「任务看板」入口、看板也打不开的问题（[#6](https://github.com/cloader/dsh-taskboard/issues/6)）**：
+- 支持 DSH Desktop V2.0.3 非兼容模式下侧栏没有「任务看板」入口、看板也打不开的问题
+- 侧栏入口换上新图标：更直观的三列看板样式
+- 新增非兼容模式的回归测试（共 199 项）
+
 ### 0.5.1
 
 这一版主要来自一次全面的代码体检：看板更防手滑、更稳，行为上有几处小变化。

package/lib/client.js

@@ -1027,10 +1027,12 @@ window.__ModuleLoader__.load({
 		.dsh-atb-search { width: 130px; }
 		.dsh-atb-badge[data-kind="stale"] { background: rgba(217,130,43,.15); color: #d9822b; }
 
-		/* 0.4.2: dual column matching — dev shell's data-pane pane OR the Desktop
-		 * shell's CSS-Module hashed centerCol (see board-mount.tsx). */
+		/* Triple-generation column matching — dev shell's data-pane pane, the
+		 * official layout shell's CSS-Module hashed centerCol (0.4.2), or DSH
+		 * Desktop's non-compat extended frame surface (0.5.2, see board-mount.tsx). */
 		html[data-dsh-atb-active] [data-pane="conversation"] > *:not([data-dsh-atb-view]),
-		html[data-dsh-atb-active] [class*="centerCol"] > *:not([data-dsh-atb-view]) { display: none !important; }
+		html[data-dsh-atb-active] [class*="centerCol"] > *:not([data-dsh-atb-view]),
+		html[data-dsh-atb-active] .dshDesktopConversationSurface > *:not([data-dsh-atb-view]) { display: none !important; }
 		.dsh-atb-view { display: none; }
 		html[data-dsh-atb-active] .dsh-atb-view { display: flex; flex-direction: column; height: 100%; overflow: hidden; }
 
@@ -1698,14 +1700,19 @@ window.__ModuleLoader__.load({
 		//#region src/client/sidebar-entry.ts
 		/** Stable data attribute identifying this entry row. */
 		const ENTRY_SELECTOR = "[data-dsh-atb-entry]";
-		/** Inline icon (16px nav-icon look). */
-		const ICON = "<svg viewBox=\"0 0 16 16\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"2\" y=\"2.5\" width=\"12\" height=\"11\" rx=\"1.5\"/><path d=\"M2 6.5h12M6.5 6.5v7\"/></svg>";
+		/** Inline icon: a three-lane kanban board (16px nav-icon look). */
+		const ICON = "<svg viewBox=\"0 0 16 16\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"2\" y=\"2\" width=\"12\" height=\"12\" rx=\"2\"/><path d=\"M6 2v12M10 2v12\"/></svg>";
 		/**
 		* Find the sidebar shell root element, or undefined while not yet mounted.
-		* (Same as the working family plugins: sidebarCol pane → logoRow owner.)
+		* Triple-generation matching (0.5.2): the dev shell's data-pane pane, the
+		* official layout's CSS-Module sidebarCol, and DSH Desktop's non-compat
+		* (extended) frame — which disables the official ui-layout row and owns
+		* the columns itself (aside.dshDesktopSidebarSurface >
+		* div.dshDesktopUpstreamSidebar wrapping the unchanged official sidebar).
+		* logoRow-owner resolution is identical on all three generations.
 		*/
 		function sidebarRoot() {
-			const column = document.querySelector("[data-pane=\"sidebar\"], [class*=\"sidebarCol\"]");
+			const column = document.querySelector("[data-pane=\"sidebar\"], [class*=\"sidebarCol\"], .dshDesktopUpstreamSidebar, .dshDesktopSidebarSurface");
 			if (column === null) return void 0;
 			return column.querySelector("[class*=\"logoRow\"]")?.parentElement ?? column.firstElementChild;
 		}
@@ -1932,7 +1939,7 @@ window.__ModuleLoader__.load({
 		* @module dsh-taskboard/shared/version
 		*/
 		/** The package version (must equal package.json "version"). */
-		const PLUGIN_VERSION = "0.5.1";
+		const PLUGIN_VERSION = "0.5.2";
 
 		//#endregion
 		//#region src/client/board/labels.ts
@@ -4834,15 +4841,18 @@ window.__ModuleLoader__.load({
 		* conversation content while the board is active. Toggling rides a data
 		* attribute on <html> — no React involvement in the shell.
 		*
-		* Column matching is DUAL (0.4.2): the dev shell marks the column with
-		* `data-pane="conversation"`; the DSH Desktop shell (dsh-client-ui-layout)
-		* dropped data-pane entirely and uses CSS-Module hashed class names
-		* (`pI_x6G_centerCol`) — the class-substring fallback keeps both mounting,
-		* exactly like sidebar-entry's `[class*="sidebarCol"]` fallback.
+		* Column matching is TRIPLE-generation: the dev shell marks the column
+		* with `data-pane="conversation"`; the official layout shell
+		* (dsh-client-ui-layout) dropped data-pane and uses CSS-Module hashed
+		* class names (`pI_x6G_centerCol`) — and DSH Desktop's non-compat
+		* (extended) mode disables the official layout row entirely, owning the
+		* columns itself (`main.dshDesktopConversationSurface`, 0.5.2) — the
+		* fallbacks keep all three mounting, exactly like sidebar-entry's column
+		* selector.
 		*
 		* @module dsh-taskboard/client/board-mount
 		*/
-		const CONVERSATION_COLUMN_SELECTOR = "[data-pane=\"conversation\"], [class*=\"centerCol\"]";
+		const CONVERSATION_COLUMN_SELECTOR = "[data-pane=\"conversation\"], [class*=\"centerCol\"], .dshDesktopConversationSurface";
 		const ACTIVE_ATTR = "data-dsh-atb-active";
 		/** Sibling panels' activation attributes, evicted when this board opens. */
 		const OTHER_ACTIVE_ATTRS = ["data-dsh-taskboard-active", "data-dsh-ssh-active"];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "dsh-taskboard",
   "description": "Agent-first task board for the DSH web GUI: host-authoritative task ledger with taskboard_* agent tools, project (= workspace) claim boundaries, per-task model execution in fresh sessions, optional per-task git-worktree isolation (dedicated task branches, commit evidence, one-click merge), host-side cron scheduling, and a live SSE kanban view. Mounts via the official dsh plugin system — no DSH source changes.",
-  "version": "0.5.1",
+  "version": "0.5.2",
   "type": "module",
   "main": "lib/index.js",
   "exports": {

package/src/client/board-mount.tsx

@@ -4,11 +4,14 @@
  * conversation content while the board is active. Toggling rides a data
  * attribute on <html> — no React involvement in the shell.
  *
- * Column matching is DUAL (0.4.2): the dev shell marks the column with
- * `data-pane="conversation"`; the DSH Desktop shell (dsh-client-ui-layout)
- * dropped data-pane entirely and uses CSS-Module hashed class names
- * (`pI_x6G_centerCol`) — the class-substring fallback keeps both mounting,
- * exactly like sidebar-entry's `[class*="sidebarCol"]` fallback.
+ * Column matching is TRIPLE-generation: the dev shell marks the column
+ * with `data-pane="conversation"`; the official layout shell
+ * (dsh-client-ui-layout) dropped data-pane and uses CSS-Module hashed
+ * class names (`pI_x6G_centerCol`) — and DSH Desktop's non-compat
+ * (extended) mode disables the official layout row entirely, owning the
+ * columns itself (`main.dshDesktopConversationSurface`, 0.5.2) — the
+ * fallbacks keep all three mounting, exactly like sidebar-entry's column
+ * selector.
  *
  * @module dsh-taskboard/client/board-mount
  */
@@ -20,7 +23,7 @@ import { ENTRY_SELECTOR } from './sidebar-entry.ts'
 /** The injected board container. */
 export const BOARD_VIEW_SELECTOR = '[data-dsh-atb-view]'
 
-const CONVERSATION_COLUMN_SELECTOR = '[data-pane="conversation"], [class*="centerCol"]'
+const CONVERSATION_COLUMN_SELECTOR = '[data-pane="conversation"], [class*="centerCol"], .dshDesktopConversationSurface'
 const ACTIVE_ATTR = 'data-dsh-atb-active'
 /** Sibling panels' activation attributes, evicted when this board opens. */
 const OTHER_ACTIVE_ATTRS = ['data-dsh-taskboard-active', 'data-dsh-ssh-active']

package/src/client/sidebar-entry.ts

@@ -19,15 +19,22 @@ import type { BoardController } from './controller.ts'
 /** Stable data attribute identifying this entry row. */
 export const ENTRY_SELECTOR = '[data-dsh-atb-entry]'
 
-/** Inline icon (16px nav-icon look). */
-const ICON = '<svg viewBox="0 0 16 16" width="14" height="14" fill="none" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="2" y="2.5" width="12" height="11" rx="1.5"/><path d="M2 6.5h12M6.5 6.5v7"/></svg>'
+/** Inline icon: a three-lane kanban board (16px nav-icon look). */
+const ICON = '<svg viewBox="0 0 16 16" width="14" height="14" fill="none" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="2" y="2" width="12" height="12" rx="2"/><path d="M6 2v12M10 2v12"/></svg>'
 
 /**
  * Find the sidebar shell root element, or undefined while not yet mounted.
- * (Same as the working family plugins: sidebarCol pane → logoRow owner.)
+ * Triple-generation matching (0.5.2): the dev shell's data-pane pane, the
+ * official layout's CSS-Module sidebarCol, and DSH Desktop's non-compat
+ * (extended) frame — which disables the official ui-layout row and owns
+ * the columns itself (aside.dshDesktopSidebarSurface >
+ * div.dshDesktopUpstreamSidebar wrapping the unchanged official sidebar).
+ * logoRow-owner resolution is identical on all three generations.
  */
 function sidebarRoot(): HTMLElement | undefined {
-  const column = document.querySelector<HTMLElement>('[data-pane="sidebar"], [class*="sidebarCol"]')
+  const column = document.querySelector<HTMLElement>(
+    '[data-pane="sidebar"], [class*="sidebarCol"], .dshDesktopUpstreamSidebar, .dshDesktopSidebarSurface',
+  )
   if (column === null) return undefined
   const logoOwner = column.querySelector<HTMLElement>('[class*="logoRow"]')?.parentElement
   return logoOwner ?? (column.firstElementChild as HTMLElement | undefined)

package/src/client/styles.ts

@@ -69,10 +69,12 @@ export const STYLES = `
 .dsh-atb-search { width: 130px; }
 .dsh-atb-badge[data-kind="stale"] { background: rgba(217,130,43,.15); color: #d9822b; }
 
-/* 0.4.2: dual column matching — dev shell's data-pane pane OR the Desktop
- * shell's CSS-Module hashed centerCol (see board-mount.tsx). */
+/* Triple-generation column matching — dev shell's data-pane pane, the
+ * official layout shell's CSS-Module hashed centerCol (0.4.2), or DSH
+ * Desktop's non-compat extended frame surface (0.5.2, see board-mount.tsx). */
 html[data-dsh-atb-active] [data-pane="conversation"] > *:not([data-dsh-atb-view]),
-html[data-dsh-atb-active] [class*="centerCol"] > *:not([data-dsh-atb-view]) { display: none !important; }
+html[data-dsh-atb-active] [class*="centerCol"] > *:not([data-dsh-atb-view]),
+html[data-dsh-atb-active] .dshDesktopConversationSurface > *:not([data-dsh-atb-view]) { display: none !important; }
 .dsh-atb-view { display: none; }
 html[data-dsh-atb-active] .dsh-atb-view { display: flex; flex-direction: column; height: 100%; overflow: hidden; }
 

package/src/shared/version.ts

@@ -6,4 +6,4 @@
  */
 
 /** The package version (must equal package.json "version"). */
-export const PLUGIN_VERSION = '0.5.1'
+export const PLUGIN_VERSION = '0.5.2'