dsh-sidenote 0.3.0 → 0.3.2

package/src/client/sidechat/ComposerBar.tsx

@@ -49,110 +49,115 @@ export function ComposerBar(props: {
       {menuOpen && menuState !== null && triggerCtl !== null && (
         <SlashMenuView state={menuState} onPick={(source, index) => { triggerCtl.pick(source, index) }} />
       )}
-      {composer.imagePreviews.length > 0 && (
-        <div className={css.attachRail}>
-          {composer.imagePreviews.map(img => (
-            <span key={img.id} className={css.attachThumb}>
-              <img src={img.url} alt="" className={css.attachImg} />
-              <button
-                type="button"
-                className={css.attachRemove}
-                aria-label={t('attachRemove')}
-                onClick={() => { composer.removeImage(img.id) }}
-              >×</button>
-            </span>
-          ))}
-        </div>
-      )}
-      <textarea
-        ref={inputRef}
-        className={css.input}
-        placeholder={t('inputPlaceholder')}
-        value={composer.draft}
-        onChange={(event) => {
-          composer.setDraft(event.target.value)
-          // 触发侦听（CAS 语义：带最新 draftRev，过期静默 no-op 由机器兜）。
-          triggerCtl?.track(
-            event.target.value,
-            event.target.selectionStart ?? event.target.value.length,
-            guardOf(composer.phase),
-            composer.draftRev ?? 0,
-          )
-        }}
-        onKeyDown={(event) => {
-          // 菜单开着先仲裁（上下/Enter 选中/Esc 关闭归控制器）。
-          if (menuOpen && triggerCtl !== null) {
-            const arbKey = arbitrateKeyOf(event.key)
-            if (arbKey !== null) {
-              const outcome = triggerCtl.arbitrate(arbKey, event.nativeEvent.isComposing)
-              if (outcome !== 'pass') {
-                event.preventDefault()
-                return
-              }
-            }
-          }
-          // IME 保护：组合中（候选窗未提交）的 Enter 属于输入法。
-          if (event.key !== 'Enter' || event.shiftKey) return
-          if (event.nativeEvent.isComposing || event.nativeEvent.keyCode === 229) return
-          event.preventDefault()
-          // busy-Enter：Cmd/Ctrl+Enter = steer（插队打断）；裸 Enter 由机器/
-          // 设置裁决（默认 queue——与主对话同语义）。
-          composer.submit(event.metaKey || event.ctrlKey ? 'steer' : undefined)
-        }}
-      />
-      <div className={css.composerFoot}>
-        {composer.canAttach && (
-          <button
-            type="button"
-            className={css.attachButton}
-            title={t('attachTitle')}
-            aria-label={t('attachTitle')}
-            onClick={() => { fileInputRef.current?.click() }}
-          >
-            <IconPaperclipOutline16 size={14} />
-          </button>
+      <div className={css.composerCard}>
+        {composer.imagePreviews.length > 0 && (
+          <div className={css.attachRail}>
+            {composer.imagePreviews.map(img => (
+              <span key={img.id} className={css.attachThumb}>
+                <img src={img.url} alt="" className={css.attachImg} />
+                <button
+                  type="button"
+                  className={css.attachRemove}
+                  aria-label={t('attachRemove')}
+                  onClick={() => { composer.removeImage(img.id) }}
+                >×</button>
+              </span>
+            ))}
+          </div>
         )}
-        <input
-          ref={fileInputRef}
-          type="file"
-          accept="image/*"
-          multiple
-          hidden
+        <textarea
+          ref={inputRef}
+          className={css.input}
+          placeholder={t('inputPlaceholder')}
+          value={composer.draft}
           onChange={(event) => {
-            const files = [...(event.target.files ?? [])]
-            if (files.length > 0) composer.attachImages(files)
-            event.target.value = ''
+            composer.setDraft(event.target.value)
+            // 触发侦听（CAS 语义：带最新 draftRev，过期静默 no-op 由机器兜）。
+            triggerCtl?.track(
+              event.target.value,
+              event.target.selectionStart ?? event.target.value.length,
+              guardOf(composer.phase),
+              composer.draftRev ?? 0,
+            )
+          }}
+          onKeyDown={(event) => {
+            // 菜单开着先仲裁（上下/Enter 选中/Esc 关闭归控制器）。
+            if (menuOpen && triggerCtl !== null) {
+              const arbKey = arbitrateKeyOf(event.key)
+              if (arbKey !== null) {
+                const outcome = triggerCtl.arbitrate(arbKey, event.nativeEvent.isComposing)
+                if (outcome !== 'pass') {
+                  event.preventDefault()
+                  return
+                }
+              }
+            }
+            // IME 保护：组合中（候选窗未提交）的 Enter 属于输入法。
+            if (event.key !== 'Enter' || event.shiftKey) return
+            if (event.nativeEvent.isComposing || event.nativeEvent.keyCode === 229) return
+            event.preventDefault()
+            // busy-Enter：Cmd/Ctrl+Enter = steer（插队打断）；裸 Enter 由机器/
+            // 设置裁决（默认 queue——与主对话同语义）。
+            composer.submit(event.metaKey || event.ctrlKey ? 'steer' : undefined)
           }}
         />
-        {childIdForMenu !== undefined
-          ? (
-            <span className={css.composerChips}>
-              <PermissionChip session={session} />
-              <ModelMenu ctx={props.ctx} sessionId={childIdForMenu} modelName={props.modelName} onSwitched={props.onModelSwitched} />
-            </span>
-          )
-          : <span className={css.modelLabel}>{t('modelLabel', { name: props.modelName ?? t('modelFollowsMain') })}</span>}
-        {running
-          ? (
+        <div className={css.composerFoot}>
+          {composer.canAttach && (
             <button
               type="button"
-              className={css.stopButton}
-              title={t('stopReplyTitle')}
-              onClick={() => { session?.cancel().catch(() => {}) }}
+              className={css.attachButton}
+              title={t('attachTitle')}
+              aria-label={t('attachTitle')}
+              onClick={() => { fileInputRef.current?.click() }}
             >
-              <IconStopFill16 size={14} /> {t('stopReply')}
-            </button>
-          )
-          : (
-            <button
-              type="button"
-              className={css.sendButton}
-              disabled={composer.draft.trim() === ''}
-              onClick={() => { composer.submit() }}
-            >
-              <IconSendOutline16 size={14} /> {t('send')}
+              <IconPaperclipOutline16 size={14} />
             </button>
           )}
+          <input
+            ref={fileInputRef}
+            type="file"
+            accept="image/*"
+            multiple
+            hidden
+            onChange={(event) => {
+              const files = [...(event.target.files ?? [])]
+              if (files.length > 0) composer.attachImages(files)
+              event.target.value = ''
+            }}
+          />
+          {childIdForMenu !== undefined
+            ? (
+              <span className={css.composerChips}>
+                <PermissionChip session={session} />
+                <ModelMenu ctx={props.ctx} sessionId={childIdForMenu} modelName={props.modelName} onSwitched={props.onModelSwitched} />
+              </span>
+            )
+            : <span className={css.modelLabel}>{t('modelLabel', { name: props.modelName ?? t('modelFollowsMain') })}</span>}
+          {running
+            ? (
+              <button
+                type="button"
+                className={css.stopButton}
+                title={t('stopReplyTitle')}
+                aria-label={t('stopReplyTitle')}
+                onClick={() => { session?.cancel().catch(() => {}) }}
+              >
+                <IconStopFill16 size={12} />
+              </button>
+            )
+            : (
+              <button
+                type="button"
+                className={css.sendButton}
+                title={t('send')}
+                aria-label={t('send')}
+                disabled={composer.draft.trim() === ''}
+                onClick={() => { composer.submit() }}
+              >
+                <IconSendOutline16 size={14} />
+              </button>
+            )}
+        </div>
       </div>
       {composer.sendError !== null && <div className={css.errorRow}>{composer.sendError}</div>}
     </div>

package/src/client/sidechat/ModelMenu.tsx

@@ -7,7 +7,7 @@
  * （selectModel 返回的 selected 为准）。
  */
 import { useState } from 'react'
-import { IconCheckOutline16, Menu, type MenuEntry } from '@deepseek-ai/dsh-client-ui-primitives'
+import { IconCheckOutline16, IconChevronDownOutline14, Menu, type MenuEntry } from '@deepseek-ai/dsh-client-ui-primitives'
 import type { Context, SessionModelsResult } from '../host/contracts.ts'
 import { listModels, switchModel } from './lifecycle.ts'
 import { t } from '../locales.ts'
@@ -62,7 +62,8 @@ export function ModelMenu(props: {
           title={t('modelSwitchTitle')}
           onClick={() => { open ? setOpen(false) : openMenu() }}
         >
-          {t('modelLabel', { name: props.modelName ?? t('modelFollowsMain') })}
+          <span>{t('modelLabel', { name: props.modelName ?? t('modelFollowsMain') })}</span>
+          <IconChevronDownOutline14 size={12} />
         </button>
       }
       items={items}

package/src/client/sidechat/PendingCard.tsx

@@ -0,0 +1,145 @@
+/**
+ * R8 审批/提问答复卡（L2 视图）：钉在 composer 上方（原 pendingBar 位置）。
+ * 自绘 + primitives 图标（材质同源，不求像素级复刻宿主审批卡）。
+ *
+ * 竞答纪律：先答先得——点击后置 answered 本地态；answer 失败（已被主视图
+ * 抢答/settle）catch 吞错并回退按钮态（宿主 `.catch(() => setAnswered(false))`
+ * 同款）；卡片消失由快照驱动（pending 项消失即卸载），UI 不自造状态机。
+ */
+import { useState } from 'react'
+import { IconWarningOutline16, IconQuestionOutline14 } from '@deepseek-ai/dsh-client-ui-primitives'
+import type { PendingItem, PendingQuestionView } from './pending.ts'
+import { t } from '../locales.ts'
+import { useLocaleTick } from '../locale-tick.ts'
+import css from './sidechat.module.css'
+
+export function PendingCardList({ items }: { items: readonly PendingItem[] }) {
+  return (
+    <>
+      {items.map(item => item.kind === 'approval'
+        ? <ApprovalCard key={item.key} item={item} />
+        : <QuestionCard key={item.key} item={item} />)}
+    </>
+  )
+}
+
+/** 审批卡：reason + 拒绝 / 允许一次。 */
+function ApprovalCard({ item }: { item: Extract<PendingItem, { kind: 'approval' }> }) {
+  useLocaleTick()
+  const [answered, setAnswered] = useState(false)
+  const answer = (outcome: 'allowed-once' | 'rejected'): void => {
+    setAnswered(true)
+    item.answer(outcome).catch(() => { setAnswered(false) })
+  }
+  return (
+    <div className={css.pendingCard} data-kind="approval">
+      <div className={css.pendingHead}>
+        <IconWarningOutline16 size={14} />
+        <span className={css.pendingTitle}>{t('pendingApprovalTitle')}</span>
+      </div>
+      <div className={css.pendingDesc}>{t('pendingApprovalDesc', { name: item.toolName })}</div>
+      {item.reason !== undefined && item.reason !== '' && <div className={css.pendingReason}>{item.reason}</div>}
+      <div className={css.pendingActions}>
+        <button type="button" className={css.pendingBtnGhost} disabled={answered} onClick={() => { answer('rejected') }}>
+          {t('pendingReject')}
+        </button>
+        <button type="button" className={css.pendingBtnPrimary} disabled={answered} onClick={() => { answer('allowed-once') }}>
+          {t('pendingAllowOnce')}
+        </button>
+      </div>
+    </div>
+  )
+}
+
+/** 提问卡：选项（单选即点即答语义并入整批提交）+ 自定义 + 整批提交/取消。 */
+function QuestionCard({ item }: { item: PendingQuestionView }) {
+  useLocaleTick()
+  // 每题的选择集合（多选为 Set；单选为单元素 Set）+ 自定义文本。
+  const [selections, setSelections] = useState<ReadonlyMap<string, ReadonlySet<string>>>(new Map())
+  const [customs, setCustoms] = useState<ReadonlyMap<string, string>>(new Map())
+  const [answered, setAnswered] = useState(false)
+
+  const toggle = (qid: string, label: string, multi: boolean): void => {
+    const next = new Map(selections)
+    const cur = new Set(next.get(qid) ?? [])
+    if (multi) {
+      if (cur.has(label)) cur.delete(label)
+      else cur.add(label)
+    } else {
+      cur.clear()
+      cur.add(label)
+    }
+    next.set(qid, cur)
+    setSelections(next)
+  }
+
+  // 提交门槛：每题至少有选中项或自定义文本（整批语义，不留空题）。
+  const ready = item.questions.every(q =>
+    (selections.get(q.id)?.size ?? 0) > 0 || (customs.get(q.id)?.trim() ?? '') !== '',
+  )
+
+  const submit = (): void => {
+    setAnswered(true)
+    item.answer(item.questions.map(q => ({
+      id: q.id,
+      selected: [...(selections.get(q.id) ?? [])],
+      ...((customs.get(q.id)?.trim() ?? '') !== '' ? { custom: customs.get(q.id)!.trim() } : {}),
+    }))).catch(() => { setAnswered(false) })
+  }
+  const cancel = (): void => {
+    setAnswered(true)
+    item.cancel().catch(() => { setAnswered(false) })
+  }
+
+  return (
+    <div className={css.pendingCard} data-kind="question">
+      <div className={css.pendingHead}>
+        <IconQuestionOutline14 size={14} />
+        <span className={css.pendingTitle}>
+          {item.planReview ? t('pendingPlanReview') : t('pendingQuestionTitle')}
+        </span>
+      </div>
+      {item.questions.map(q => (
+        <div key={q.id} className={css.pendingQuestion}>
+          {q.header !== undefined && q.header !== '' && <div className={css.pendingQHeader}>{q.header}</div>}
+          <div className={css.pendingQText}>{q.question}</div>
+          {q.detail !== undefined && q.detail !== '' && <div className={css.pendingReason}>{q.detail}</div>}
+          {q.options.map(o => {
+            const active = selections.get(q.id)?.has(o.label) === true
+            return (
+              <button
+                key={o.label}
+                type="button"
+                className={active ? css.pendingOptionActive : css.pendingOption}
+                disabled={answered}
+                onClick={() => { toggle(q.id, o.label, q.multiSelect) }}
+              >
+                {o.label}
+                {o.description !== undefined && o.description !== '' && <span className={css.pendingOptionDesc}>{o.description}</span>}
+              </button>
+            )
+          })}
+          <input
+            className={css.pendingCustom}
+            placeholder={t('pendingCustomPlaceholder')}
+            disabled={answered}
+            value={customs.get(q.id) ?? ''}
+            onChange={(event) => {
+              const next = new Map(customs)
+              next.set(q.id, event.target.value)
+              setCustoms(next)
+            }}
+          />
+        </div>
+      ))}
+      <div className={css.pendingActions}>
+        <button type="button" className={css.pendingBtnGhost} disabled={answered} onClick={cancel}>
+          {t('pendingQuestionCancel')}
+        </button>
+        <button type="button" className={css.pendingBtnPrimary} disabled={answered || !ready} onClick={submit}>
+          {t('pendingQuestionSubmit')}
+        </button>
+      </div>
+    </div>
+  )
+}

package/src/client/sidechat/PermissionChip.tsx

@@ -7,7 +7,7 @@
  * （默认表 workspace-write/danger-full-access，dsh-permission-presets 实证）。
  */
 import { useMemo, useState, useSyncExternalStore } from 'react'
-import { Menu, type MenuEntry } from '@deepseek-ai/dsh-client-ui-primitives'
+import { IconChevronDownOutline14, IconInspectOutline12, Menu, type MenuEntry } from '@deepseek-ai/dsh-client-ui-primitives'
 import type { SessionFace } from '../host/contracts.ts'
 import { t } from '../locales.ts'
 import { useLocaleTick } from '../locale-tick.ts'
@@ -69,7 +69,9 @@ export function PermissionChip(props: { session: SessionFace | undefined }) {
           title={t('permChipTitle')}
           onClick={() => { setOpen(!open) }}
         >
-          {presetLabel(effective)}
+          <IconInspectOutline12 size={12} />
+          <span>{presetLabel(effective)}</span>
+          <IconChevronDownOutline14 size={12} />
         </button>
       }
       items={items}

package/src/client/sidechat/SideChatPanel.tsx

@@ -26,11 +26,16 @@ import { ReasoningRow } from '../chat/ReasoningRow.tsx'
 import { FoldCard } from '../chat/FoldCard.tsx'
 import { createFoldStore } from '../chat/viewState.ts'
 import type { ReflowStore } from '../reflow.ts'
+import { showToast } from './toast.tsx'
+import { createPendingStore } from './pending.ts'
+import { PendingCardList } from './PendingCard.tsx'
 import { t } from '../locales.ts'
 import { useLocaleTick } from '../locale-tick.ts'
 import css from './sidechat.module.css'
 
 const NOOP_UNSUBSCRIBE = (): void => {}
+/** uSES 空快照常量（禁产新引用——`?? []` 字面量每次新数组会无限重渲）。 */
+const NO_PENDING: readonly import('./pending.ts').PendingItem[] = []
 
 /** D2 写型工具名（无 diff 卡时的名字兜底）。 */
 const WRITE_TOOLS = new Set(['edit', 'write', 'str-replace-editor', 'str_replace_editor'])
@@ -132,6 +137,23 @@ export function SideChatPanel(props: TabComponentProps & { reflow: ReflowStore }
     ),
     () => (parentSession === undefined ? null : parentSession.getSnapshot()),
   )
+  // R8：审批/提问数据源（双版本探测链——0.1.2 uiSession.pendingInteractions
+  // 优先，0.1.1 Session 快照 pending 回退；面缺席 undefined → 回退纯跳转
+  // pendingBar）。hooks 纪律：必须在相位早退之前（#310 教训）。
+  const pendingStore = useMemo(
+    () => (childId === undefined || session === undefined ? undefined : createPendingStore(ctx, session, childId)),
+    [ctx, session, childId],
+  )
+  const pendingItems = useSyncExternalStore(
+    useCallback(
+      (notify: () => void) => (visible && pendingStore !== undefined ? pendingStore.subscribe(notify) : NOOP_UNSUBSCRIBE),
+      [visible, pendingStore],
+    ),
+    // NO_PENDING 常量：uSES getSnapshot 禁产新引用（`?? []` 每次新数组 →
+    // 无限重渲——实证教训）。
+    () => pendingStore?.getSnapshot() ?? NO_PENDING,
+  )
+
   // D2 提示的消除态（hooks 纪律：必须在相位早退之前——#310 教训）。
   const [writeNoticeDismissed, setWriteNoticeDismissed] = useState(
     () => typeof localStorage !== 'undefined' && localStorage.getItem(WRITE_NOTICE_KEY) === '1',
@@ -166,7 +188,9 @@ export function SideChatPanel(props: TabComponentProps & { reflow: ReflowStore }
   }, [pendingDraft, phase, ctx, tab.id])
 
   // D3a 保存为正式会话：fork 子会话为独立主会话（无 unarchive API，
-  // fork 即转正——内置侧边对话同款路径）→ 主视图打开 → 关本 Tab。
+  // fork 即转正——内置侧边对话同款路径）→ 主视图打开 → 关本 Tab →
+  // 全局 toast 确认去向（P4：Tab 关闭后面板树卸载，toast 挂在 body 级
+  // 宿主上，寿命不受波及）。
   const promote = useCallback(() => {
     if (childId === undefined) return
     void (async () => {
@@ -174,6 +198,7 @@ export function SideChatPanel(props: TabComponentProps & { reflow: ReflowStore }
         const promoted = await ctx.sessions.fork({ sessionId: childId, increaseTitle: true })
         ctx.sessions.open(promoted)
         ctx.betterSidebar.closeTab(tab.id, { sessionId: scope.sessionId })
+        showToast(t('promoteDone'))
       } catch (error) {
         console.warn('[dsh-sidenote] 保存为正式会话失败:', error)
       }
@@ -317,7 +342,12 @@ export function SideChatPanel(props: TabComponentProps & { reflow: ReflowStore }
           >×</button>
         </div>
       )}
-      {pendingCount > 0 && childId !== undefined && (
+      {/* R8：数据源在场 → 面板内审批/提问答复卡；面缺席（老宿主）→ 回退
+          纯跳转 pendingBar（原行为不变）。 */}
+      {pendingStore !== undefined && pendingItems.length > 0 && (
+        <PendingCardList items={pendingItems} />
+      )}
+      {pendingStore === undefined && pendingCount > 0 && childId !== undefined && (
         <button
           type="button"
           className={css.pendingBar}

package/src/client/sidechat/index.tsx

@@ -28,6 +28,8 @@ import { t } from '../locales.ts'
 import { registerHeaderEntry } from './header.tsx'
 import { registerSideCommand } from './slash.ts'
 import { registerSideChatReferenceSource } from './referenceSource.ts'
+import { registerToastHost } from './toast.tsx'
+import { registerCompletionNotify } from './notify.ts'
 
 export function registerSideChat(ctx: Context, reflow: ReflowStore): void {
   ctx.effect(
@@ -76,4 +78,8 @@ export function registerSideChat(ctx: Context, reflow: ReflowStore): void {
   registerSideChatReferenceSource(ctx)
   // 顶栏「侧边」入口（发现性）：会话头部右上角常驻按钮。
   registerHeaderEntry(ctx)
+  // 全局瞬态通知宿主（P4：转正确认等跨 Tab 寿命的反馈）。
+  registerToastHost(ctx)
+  // 完成通知（WI-03）：侧聊 running 翻转 → toast。
+  registerCompletionNotify(ctx)
 }

package/src/client/sidechat/notify.ts

@@ -0,0 +1,91 @@
+/**
+ * 完成通知（WI-03，L3 常驻监听层）：侧聊子会话 running true→false 翻转时
+ * toast 提醒——用户焦点在主对话时侧聊长任务跑完能被看见（Zed
+ * notify_when_agent_waiting 先例）。
+ *
+ * 事件源是 session.subscribe 快照推送（非轮询）；宿主 notifier 入账不依赖
+ * 订阅者——面板不可见（SideChatPanel 的 uSES 断订阅）期间事件不丢。
+ * 本层是常驻 ctx.effect：Tab 开闭由 betterSidebar.subscribeState 重扫驱动。
+ */
+import type { Context } from '../host/contracts.ts'
+import { collectSideTabs, parseSideChatMeta } from './model.ts'
+import { openSessionWindow } from './lifecycle.ts'
+import { showToast } from './toast.tsx'
+import { t } from '../locales.ts'
+
+interface Watcher {
+  unsub: () => void
+  wasRunning: boolean
+  /** 建 watcher 的时间——挂接瞬间的 running 翻转（残影）不报。 */
+  since: number
+}
+
+/** 挂接保护窗：watcher 建立后该窗口内的翻转不视为「一个真实 turn 跑完」。 */
+const ATTACH_GRACE_MS = 800
+
+/**
+ * 翻转侦测核心（抽出来纯可测）：running true→false 且距挂接超过保护窗
+ * 时返回 true。调用方持状态。
+ */
+export function shouldNotify(wasRunning: boolean, running: boolean, attachedAt: number, now: number): boolean {
+  return wasRunning && !running && now - attachedAt > ATTACH_GRACE_MS
+}
+
+export function registerCompletionNotify(ctx: Context): void {
+  ctx.effect(() => {
+    const watchers = new Map<string, Watcher>()
+
+    const rescan = (): void => {
+      let tabs: ReturnType<typeof collectSideTabs> = []
+      try {
+        tabs = collectSideTabs(ctx.betterSidebar.getSnapshot())
+      } catch {
+        return
+      }
+      const alive = new Set<string>()
+      for (const tab of tabs) {
+        const meta = parseSideChatMeta(tab.meta)
+        const childId = meta.childId
+        if (childId === undefined) continue
+        alive.add(childId)
+        if (watchers.has(childId)) continue
+        // 新侧聊：binding 可能 throw（会话还没就绪）——本轮跳过，下轮重扫补。
+        try {
+          const session = ctx.sessions.binding(childId)?.session
+          if (session === undefined) continue
+          openSessionWindow(session)
+          const title = tab.title
+          const watcher: Watcher = { unsub: () => {}, wasRunning: false, since: Date.now() }
+          watcher.unsub = session.subscribe(() => {
+            const snap = session.getSnapshot() as { running?: unknown } | null
+            const running = snap?.running === true
+            if (shouldNotify(watcher.wasRunning, running, watcher.since, Date.now())) {
+              showToast(t('sideChatDone', { title }))
+            }
+            watcher.wasRunning = running
+          })
+          // 挂接即取一次初值（正在跑的会话稍后跑完时报）。
+          watcher.wasRunning = (session.getSnapshot() as { running?: unknown } | null)?.running === true
+          watchers.set(childId, watcher)
+        } catch {
+          // 下轮重扫再试。
+        }
+      }
+      // 清理已关闭 Tab 的 watcher（× 即焚的会话不再报）。
+      for (const [id, w] of watchers) {
+        if (!alive.has(id)) {
+          w.unsub()
+          watchers.delete(id)
+        }
+      }
+    }
+
+    const offState = ctx.betterSidebar.subscribeState(rescan)
+    rescan()
+    return () => {
+      offState()
+      for (const w of watchers.values()) w.unsub()
+      watchers.clear()
+    }
+  }, 'dsh-sidenote: completion notify')
+}