dsh-plugin-taskflow 0.1.1 → 0.1.2

package/README.md

@@ -14,10 +14,16 @@
 # 从 npm 安装
 dsh plugin --profile web add dsh-plugin-taskflow
 
+# 若包管理器因「新版本发布冷却期」装到了 0.1.0（无 dsh.bundle 的旧版），显式指定：
+dsh plugin --profile web add dsh-plugin-taskflow@0.1.1
+
 # 或直接从 GitHub 源码安装
 dsh plugin --profile web add github:wk-xjd/dsh-plugin-taskflow
 ```
 
+`dsh plugin add` 会把本包装成一个 **profile bundle**（自动写入 `dsh.profile.bundles` 并加载
+`cordis.patch.yml`），无需手工编辑 patch 文件。
+
 安装后**刷新页面**（桌面客户端：开发者工具里执行 `location.reload()`，或重启 App）；
 宿主半部更新需重启一次 App。
 
@@ -66,8 +72,14 @@ node install.mjs --profile web   # 装到别的 profile
 
 ## 安装细节
 
-本插件是**树外单插件**：不进 `dsh.profile.bundles`，只在目标 profile 的 `cordis.patch.yml` 里插一行
-（`dsh plugin add` 会自动完成这件事）。
+本包同时是一个 **DSH bundle**：`package.json` 里声明 `dsh.bundle.patch = ./cordis.patch.yml`，
+`dsh plugin --profile <p> add dsh-plugin-taskflow` 会把它写进该 profile 的 `dsh.profile.bundles`：
+
+```json
+{"profile": {"bundles": ["@deepseek-ai/dsh-base", "@deepseek-ai/dsh-web-app", "dsh-plugin-taskflow"]}}
+```
+
+bundle 里的 patch 只有一行 insert：
 
 ```yaml
 - insert:
@@ -75,6 +87,8 @@ node install.mjs --profile web   # 装到别的 profile
       name: 'dsh-plugin-taskflow'
 ```
 
+从源码手动安装（不想走 npm 时）也可以用 `install.mjs` 直接改 profile 的 `cordis.patch.yml`。
+
 ### 生效方式
 
 | 改了什么 | 怎么生效 |

package/client/client.js

@@ -13,7 +13,7 @@ window.__ModuleLoader__.load({
     const ID = 'dsh-plugin-taskflow'
     // Bumped whenever the browser half changes: the host reports the live value
     // in /taskflow/health, which is how a stale page is detected.
-    const CLIENT_BUILD = 'c95'
+    const CLIENT_BUILD = 'c98'
     /**
      * true  = shadow DSH's own todo panel (id 'todo', priority -1)
      * false = render beside it (unique id), so both lists are visible
@@ -206,13 +206,13 @@ window.__ModuleLoader__.load({
 .tf-chevron { transition: transform .18s ease; }
 .tf-inline-toggle[data-collapsed="true"] .tf-chevron { transform: rotate(-90deg); }
 .tf-inline-toggle:hover { opacity: .8; }
-.tf-inline-list { margin: 4px 0 0; padding: 0 0 0 1px; list-style: none; display: flex; flex-direction: column; gap: 0; max-height: 150px; overflow-y: auto; overflow-x: hidden; scrollbar-width: thin; scrollbar-color: color-mix(in oklab, currentColor 16%, transparent) transparent; }
+.tf-inline-list { margin: 4px 0 0; padding: 0 0 0 1px; list-style: none; display: flex; flex-direction: column; gap: 4px; max-height: 172px; overflow-y: auto; overflow-x: hidden; scrollbar-width: thin; scrollbar-color: color-mix(in oklab, currentColor 16%, transparent) transparent; }
 .tf-inline-list::-webkit-scrollbar { width: 6px; height: 0; }
 .tf-inline-list::-webkit-scrollbar-track { background: transparent; }
 .tf-inline-list::-webkit-scrollbar-thumb { background: color-mix(in oklab, currentColor 14%, transparent); border-radius: 3px; }
 .tf-inline-list::-webkit-scrollbar-thumb:hover { background: color-mix(in oklab, currentColor 26%, transparent); }
 .tf-item { list-style: none; }
-.tf-item-btn { position: relative; display: flex; align-items: flex-start; gap: 9px; width: 100%; box-sizing: border-box; padding: 5px 6px; border: 0; border-radius: 11px; background: transparent; color: inherit; font: inherit; font-size: 12.5px; line-height: 1.6; text-align: left; cursor: pointer; }
+.tf-item-btn { position: relative; display: flex; align-items: flex-start; gap: 9px; width: 100%; box-sizing: border-box; padding: 6px 7px; border: 0; border-radius: 11px; background: transparent; color: inherit; font: inherit; font-size: 12.5px; line-height: 1.6; text-align: left; cursor: pointer; }
 .tf-item-btn:hover, .tf-item-btn[data-active="true"] { background: color-mix(in oklab, currentColor 7%, transparent); }
 .tf-item-btn[data-delegated="true"] { background: color-mix(in oklab, #8b7cff 10%, transparent); box-shadow: inset 0 0 0 1px color-mix(in oklab, #8b7cff 24%, transparent); }
 .tf-inline-head[data-state="delegated"] .tf-inline-current { color: #a99bff; opacity: .95; }
@@ -404,12 +404,7 @@ window.__ModuleLoader__.load({
       setActive(sessionId) {
         if (this.activeSession === sessionId) return
         this.activeSession = sessionId
-        if (sessionId) {
-          void refresh(sessionId)
-          startStream(sessionId)
-        } else {
-          stopStream()
-        }
+        if (sessionId) void refresh(sessionId)
         this.emit()
       },
       put(sessionId, value) {
@@ -439,74 +434,99 @@ window.__ModuleLoader__.load({
 
     let hostAvailable = true
     /** Live SSE subscription for the active session (null when unavailable). */
-    let stream = null
-    let streamSession = null
-    let streamHealthy = false
-    let streamRetry = null
-    let streamFailures = 0
-
-    function stopStream() {
-      if (stream !== null) {
+    /** sessionId → { refs, source, healthy, failures, retry } — one push per open conversation. */
+    const streams = new Map()
+
+    function streamHealthy(sessionId) {
+      const entry = streams.get(sessionId)
+      return entry ? entry.healthy === true : false
+    }
+
+    function closeStream(sessionId) {
+      const entry = streams.get(sessionId)
+      if (!entry) return
+      if (entry.retry !== null) window.clearTimeout(entry.retry)
+      if (entry.source) {
         try {
-          stream.close()
+          entry.source.close()
         } catch {
           // already closed
         }
       }
-      stream = null
-      streamSession = null
-      streamHealthy = false
+      streams.delete(sessionId)
     }
 
-    /** Subscribe to host pushes; on failure fall back to polling and retry later. */
-    function startStream(sessionId) {
-      if (typeof EventSource === 'undefined' || !sessionId) return
-      if (stream !== null && streamSession === sessionId) return
-      stopStream()
-      streamSession = sessionId
+    function scheduleRetry(sessionId) {
+      const entry = streams.get(sessionId)
+      if (!entry || entry.failures > 6 || typeof window === 'undefined') return
+      if (entry.retry !== null) window.clearTimeout(entry.retry)
+      const delay = Math.min(30000, 2000 * 2 ** (entry.failures - 1))
+      entry.retry = window.setTimeout(() => {
+        if (!streams.has(sessionId)) return
+        entry.retry = null
+        openStream(sessionId)
+      }, delay)
+    }
+
+    /** Open the push connection for one session (idempotent). */
+    function openStream(sessionId) {
+      const entry = streams.get(sessionId)
+      if (!entry || entry.source || typeof EventSource === 'undefined') return
       let source
       try {
         source = new EventSource(`/taskflow/events?session=${encodeURIComponent(sessionId)}`)
       } catch {
-        streamSession = null
+        entry.failures += 1
+        scheduleRetry(sessionId)
         return
       }
-      stream = source
+      entry.source = source
       source.addEventListener('state', (event) => {
         try {
           const data = JSON.parse(event.data)
           if (!data || data.ok !== true) return
-          streamHealthy = true
-          streamFailures = 0
+          entry.healthy = true
+          entry.failures = 0
           store.put(sessionId, { ...data, loaded: true, fetchedAt: Date.now() })
         } catch {
           // ignore malformed frame
         }
       })
       source.addEventListener('error', () => {
-        streamHealthy = false
+        entry.healthy = false
         try {
           source.close()
         } catch {
-          // ignore
-        }
-        if (stream === source) {
-          stream = null
-          streamSession = null
+          // already closed
         }
-        streamFailures += 1
-        if (streamRetry !== null) window.clearTimeout(streamRetry)
-        // Give up after six attempts and stay on polling; a later refresh or
-        // session switch retries from scratch.
-        if (streamFailures > 6) return
-        const delay = Math.min(30000, 2000 * 2 ** (streamFailures - 1))
-        streamRetry = window.setTimeout(() => {
-          streamRetry = null
-          const active = store.activeSession
-          if (active) startStream(active)
-        }, delay)
+        if (entry.source === source) entry.source = null
+        entry.failures += 1
+        scheduleRetry(sessionId)
       })
     }
+
+    /**
+     * Watch one session while a surface is mounted. Every open conversation gets
+     * its own push + refresh, so switching sessions never starves the others.
+     */
+    function watchSession(sessionId) {
+      if (typeof window === 'undefined' || !sessionId) return () => {}
+      let entry = streams.get(sessionId)
+      if (!entry) {
+        entry = { refs: 0, source: null, healthy: false, failures: 0, retry: null }
+        streams.set(sessionId, entry)
+      }
+      entry.refs += 1
+      void refresh(sessionId)
+      openStream(sessionId)
+      return () => {
+        const current = streams.get(sessionId)
+        if (!current) return
+        current.refs -= 1
+        if (current.refs <= 0) closeStream(sessionId)
+      }
+    }
+
     /** Opens the sidebar tab that lists every segment summary. */
     let openSidebar = null
     /** Which task's detail popover is open; module scope so remounts keep it. */
@@ -568,12 +588,17 @@ window.__ModuleLoader__.load({
       const tick = () => {
         if (poller === null) return
         const hidden = typeof document !== 'undefined' && document.visibilityState === 'hidden'
-        const sessionId = store.activeSession
-        if (!hidden && sessionId) void refresh(sessionId)
-        const snapshot = sessionId ? store.peek(sessionId) : null
-        const busy = snapshot ? (typeof snapshot.openTurn === 'number' || snapshot.pending === true) : false
+        const watched = [...streams.keys()]
+        if (!hidden) {
+          for (const sessionId of watched) void refresh(sessionId)
+        }
+        const busy = watched.some((sessionId) => {
+          const snapshot = store.peek(sessionId)
+          return snapshot ? (typeof snapshot.openTurn === 'number' || snapshot.pending === true) : false
+        })
+        const allPushed = watched.length > 0 && watched.every((sessionId) => streamHealthy(sessionId))
         // A healthy push stream makes polling a pure safety net.
-        const next = streamHealthy ? 8000 : (busy ? POLL_MS_ACTIVE : POLL_MS_IDLE)
+        const next = allPushed ? 8000 : (busy ? POLL_MS_ACTIVE : POLL_MS_IDLE)
         window.setTimeout(tick, next)
       }
       window.setTimeout(tick, POLL_MS_ACTIVE)
@@ -801,6 +826,7 @@ window.__ModuleLoader__.load({
 
       React.useEffect(() => {
         store.setActive(sessionId)
+        return watchSession(sessionId)
       }, [sessionId])
 
       // The projection changes exactly when the agent writes the list, so pull
@@ -888,7 +914,7 @@ window.__ModuleLoader__.load({
         }
       }, [total, collapsed])
 
-      useReportGeometry('dock', rootRef, `${collapsed ? 'collapsed' : 'open'} / ${total} tasks / ${segmentCount} segments / sse:${streamHealthy ? 'live' : 'poll'}${layoutNote ? ` / ${layoutNote}` : ''}`)
+      useReportGeometry('dock', rootRef, `${collapsed ? 'collapsed' : 'open'} / ${total} tasks / ${segmentCount} segments / sse:${streamHealthy(sessionId) ? 'live' : 'poll'}${layoutNote ? ` / ${layoutNote}` : ''}`)
 
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-plugin-taskflow",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "TaskFlow for DeepSeek Harness — a liquid-glass task list above the composer that folds finished rounds into the transcript, with a one-line summary per task and per-turn segment digests.",
   "type": "module",
   "main": "lib/index.js",