/** * dsh-sessions-manager — browser half: renders a single "会话管理" settings * section (settings.section list slot) that unifies archived-session * management and cross-workspace moving. It talks to the host half's * /archived-sessions/* JSON routes by fetch, showing every conversation with * its archive state and offering archive / restore / delete / move (and batch) * actions. All DOM/runtime wiring failures are logged, never thrown — a thrown * plugin apply takes down the whole web-shell boot. * * @module dsh-sessions-manager/client */ import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react' import { aliveSessionCount, applyTagFilter, canDropOnWorkspace, collapsedVisibleTotal, countRenderedVisible, dotStateFor, dragAutoScrollStep, effectiveTitleOf, filterShapeFromSaved, filterSnapshotOf, foldBranches, foldOrphanSubagents, foldSubagents, noticeToastPlan, openSubagentToast, overflowPlan, pathTail, remainingRows, sessionForNodes, shortId, starredOf, tagDeleteConfirm, titleBackfillDecision, toastDurationFor, workspaceForNodes } from './logic.js' export const inject = ['slots'] const PANEL_PREFS_KEY = 'dsm-panel-prefs-v1' function loadPanelPrefs() { try { return JSON.parse(localStorage.getItem(PANEL_PREFS_KEY) || '{}') || {} } catch (e) { return {} } } const CSS = ` /* 兼容 shim（2026-09-30 对 0.2.0-rc.2 实测）：当前 runtime 的设计令牌不再提供 fill-elevated / fill-subtle / fill-secondary / label-inverted / state-warning-primary 这几个 alias，缺位会让输入框、下拉框、卡片、徽标整体回退成透明。这里把它们重映射 到 runtime 现有 token（官方 Input/Pill 分别用 bg-layer-1 / bg-layer-2）。选择器用 :where(:root)（零特异性）：runtime 将来恢复官方定义时自动胜出，shim 只在缺位时兜底。 state-warning-primary 是旧名，现名为 state-warn-primary。 */ :where(:root){--dsw-alias-fill-elevated:var(--dsw-alias-bg-layer-2);--dsw-alias-fill-subtle:var(--dsw-alias-bg-layer-1);--dsw-alias-fill-secondary:var(--dsw-alias-bg-layer-2);--dsw-alias-label-inverted:var(--dsw-alias-label-primary-foreground);--dsw-alias-state-warning-primary:var(--dsw-alias-state-warn-primary)} /* 原生 setMgrTagName(e.target.value)} onKeyDown={(e) => { if (e.key === 'Enter') { e.preventDefault(); createTag() } }} /> {tagDefs.length === 0 ? (
还没有标签。在上方输入名字即可创建；给会话贴标签也可以在会话卡片的「⋯ → 标签」里进行。
) : (
{tagDefs.map((t) => { const others = tagDefs.filter((o) => String(o.id) !== String(t.id)) return (
{renamingTagId === String(t.id) ? ( <> setRenameTagValue(e.target.value)} onKeyDown={(e) => { if (e.key === 'Enter') { e.preventDefault(); commitTagRename(t) } if (e.key === 'Escape') setRenamingTagId(null) }} /> ) : ( <> {t.name} {tagUsage[String(t.id)] || 0} 个会话 {others.length > 0 && ( <> )} )}
) })}
)}
标签是会话的自定义标记：新建、重命名、合并、删除都只改标记本身，不会删除或移动任何会话。单个会话的标签数量与标签总数都有服务端上限，超限时会提示并自动回退本地改动。
)} {pendingQueue.length > 0 && (

待移动队列 · {pendingQueue.length}

这些会话正被 DSH 打开着，官方只在进程退出时释放写权限；释放后插件会自动完成移动，也可重启 DSH 让它在启动头几秒抢先补跑。
{pendingQueue.map((q) => (
{shortId(q.sessionId)}… → {pathTail(q.targetPath) || '目标工作区'} {Number.isSafeInteger(q.attempts) && q.attempts > 0 ? 已失败 {q.attempts} 次 : null}
))}
)} {aaOpen && (

自动归档

自动归档只是把会话收进「已归档」，不删除任何数据，随时可恢复。当前正在使用的会话永远不会被自动归档。检查在打开本面板时触发，每天最多一次。
)} {storageOpen && (

存储占用

{storageError ? (
{storageError}
) : !storage ? (
统计中…
) : storage.sessionCount === 0 ? (
暂无会话，没有可统计的存储占用。
) : ( <>
共 {fmtBytes(storage.totalBytes) || '0 B'} · {storage.sessionCount} 个会话{storage.unknownSessions ? ` · ${storage.unknownSessions} 个大小未知` : ''}
{storage.workspaces.map((w) => (
{w.title || (w.path ? pathName(w.path) : '未分组')}
))}
{storage.top.length > 0 && (
占用最大的会话
{storage.top.map((s) => (
{s.title || s.sessionId} {fmtBytes(s.sizeBytes) || '—'} {s.workspaceTitle || (s.workspacePath ? pathName(s.workspacePath) : '未分组')}
))}
)}
统计的是会话日志文件的磁盘占用（压缩后的实际大小），只读，不修改任何数据。
)}
)} {showSessionList && ( <>
setQuery(e.target.value)} placeholder="标题、会话 ID 或工作区" />
{/* T4 标签筛选（单选）。v1 明确不做多选 AND：见 logic.applyTagFilter 注释。 */}
{/* 一句话说清现状：有子代理折叠时，折叠数取代「共 X 个」尾巴 出现在同一句里；没有折叠时维持「显示 N 个，共 M 个」。 role=status 移到这句正文上，右侧保存控件组不进播报区。 */} 显示 {topList.length - syntheticCount} 个会话 {foldedCount || branchFolded ? `，另有 ${[foldedCount ? `${foldedCount} 个子代理折叠在父会话下` : '', branchFolded ? `${branchFolded} 个分支聚成 ${branchGroupCount} 组` : ''].filter(Boolean).join('、')}` : query || workspaceFilter !== 'all' || tagFilter ? `，共 ${filter === 'archived' ? archivedList.length : filter === 'active' ? activeList.length : filter === 'starred' ? starredList.length : filter === 'empty' ? emptyList.length : totalTopCount} 个` : (topList.length !== list.length ? `，共 ${list.length} 个` : '')} {/* T4：计数行右侧的保存筛选控件组。保存 = 抓 {view,workspace, sort,tag} 快照（logic.filterSnapshotOf）落盘；已存下拉 「选中即应用」（logic.filterShapeFromSaved 还原，非法字段 回落默认并 toast 标注），行内删除作用于当前选中项。 */} {saveFilterOpen ? ( <> setSaveFilterName(e.target.value)} onKeyDown={(e) => { if (e.key === 'Enter') { e.preventDefault(); saveCurrentFilter() } if (e.key === 'Escape') { setSaveFilterOpen(false); setSaveFilterName('') } }} /> ) : ( )} {appliedSavedId && ( )}
)} {showSessionList && (topList.length > 0 || orphanSubagents.length > 0) && (
0 ? ' sess-batch-pin' : '')}> {selIds.length ? `已选 ${selIds.length} 项` : (filter === 'archived' ? `共 ${archivedList.length} 个归档会话` : filter === 'starred' ? `共 ${starredList.length} 个收藏会话` : `共 ${totalTopCount} 个会话（活动 ${activeList.length} / 已归档 ${archivedList.length}）`)} {/* issue #18 第 3 条：全选只覆盖当前列表里能单独勾选的行；折叠中的 子代理 / 分支成员与合成头不参与，避免「选中了看不见的东西」。 */} {selIds.length > 0 && ( <> {filter === 'archived' && ( )} {filter !== 'archived' && ( )} {/* issue #18 复访：批量删除（移入回收站）原先只挂在「已归档」 视图下，全部 / 活动 / 已收藏 / 空白视图多选后没有任何删除 入口，与单条会话的「… → 移到回收站」不一致。各会话视图都给， 回收站视图本身不走这个列表（showSessionList 已排除）。 */} {canMove.available && ( )} )} {selIds.length > 0 && batchMoveOpen && canMove.available && (

批量移动 {selIds.length} 个会话

{moveMode === 'existing' ? (
) : (
setNewPath(e.target.value)} placeholder="例如 /Users/you/Projects/demo 或 ~/demo" />
)}
)}
)} {showSessionList && topList.length === 0 && orphanSubagents.length === 0 ? (
{query || workspaceFilter !== 'all' || tagFilter ? '没有匹配的会话。请调整搜索词、标签或工作区筛选。' : filter === 'archived' ? '目前没有归档会话。在“全部”里选中会话点“归档”即可收纳进来。' : filter === 'active' ? '目前没有活动会话。' : filter === 'starred' ? '还没有收藏的会话。点击会话左侧的星标即可收藏。' : filter === 'empty' ? '没有空白会话。新开会话还没产生内容时会归到这里，侧栏会自动隐藏它们。' : '暂无可管理的会话。'}
) : showSessionList ? (
{topList.map((it) => { if (it && it.syntheticRoot) { // 缺失父的分支组头（合成行）：无勾选/星标/菜单/打开，不可导航—— // 它代表的来源会话不在当前列表（被筛掉/已归档/已删除），只作归属展示。 const root = String(it.syntheticRoot) const members = branchGroupsOf.get(root) || [] const open = !!openBranches[root] || branchHit(root) const srcTitle = dsmAuthoritativeTitles.get(root) return ( // issue #18 第 2 条：合成头先前在这里提前 return，只渲染按钮与 // 「来源：」，展开时什么都不会出现（成员列表只挂在普通卡片的 // renderBranchGroup 上）。这里补上同一个成员渲染器——按钮、 // 展开状态、搜索命中展开都复用分支组的既有语义。
{'来源：' + (srcTitle || shortId(root))}
{renderBranchGroup(root)} ) } const date = fmtDate(it.createdAt) const expanded = openMove === it.sessionId || openTags === it.sessionId return (
toggle(it.sessionId)} aria-label={'选择 ' + (it.title || it.sessionId)} />
{it.title || '(无标题)'} {branchBadge(it.sessionId)} {emptyBadge(it.sessionId)} {tagChips(it.sessionId)} {kidsBadge(it.sessionId)} {branchGroupBadge(it.sessionId)}
{it.archived ? 已归档 : 活动} {workspaceTag(it)} {date && <>·{date}}
{rowMenu(it)}
{groupByLineage && renderKids(it.sessionId, 0)} {groupByLineage && renderBranchGroup(it.sessionId)} {expanded && (

移动到工作区

{moveMode === 'existing' ? (
) : (
setNewPath(e.target.value)} placeholder="例如 /Users/you/Projects/demo 或 ~/demo" />
)}
)} {openTags === it.sessionId && (() => { // T4 卡内标签编辑 sheet（mv-sheet 同型）：勾选即时全量 // /tags/set，乐观 + 回滚；死 id 行不渲染。底部「新建标签 // 并贴上」回车即提交。 const cur = Array.isArray(assignments[String(it.sessionId)]) ? assignments[String(it.sessionId)] : [] const locked = tagBusy !== null || !tagsReady return (

会话标签 · {it.title || shortId(it.sessionId)}

{tagDefs.length === 0 ? (
还没有标签，在下方新建第一个。
) : (
{tagDefs.map((t) => { const checked = cur.some((id) => String(id) === String(t.id)) return ( ) })}
)}
setCardTagName(e.target.value)} onKeyDown={(e) => { if (e.key === 'Enter') { e.preventDefault(); createTagAndAttach(it.sessionId) } }} />
勾选即时生效；单个会话的标签数量以服务端上限为准，超时会提示并回退。
) })()} {openDetails === it.sessionId && (

会话详情

{detailsLoading === it.sessionId ? (
{[0, 1].map((i) =>
)}
) : (() => { const d = details[it.sessionId] if (!d) return
暂无详情
const st = d.stats || {} const tools = st.toolCounts ? Object.entries(st.toolCounts).sort((a, b) => b[1] - a[1]).slice(0, 10) : [] return (
磁盘占用{fmtBytes(d.sizeBytes) || '—'}
轮次 / 步骤{st.turns ?? 0} / {st.steps ?? 0}
用户 / 助手{st.userMessages ?? 0} / {st.assistantMessages ?? 0}
工具调用{st.toolCalls ?? 0}
图片附件{st.attachments ?? 0}
创建 / 更新{fmtDate(d.createdAt) || '—'} · {fmtDate(d.updatedAt) || '—'}
{tools.length > 0 && (
工具使用
{tools.map(([t, c]) => {t} ×{c})}
)} {st.fetches && st.fetches.length > 0 && (
搜索 / 抓取
    {st.fetches.map((f, i) =>
  • {f.tool}{f.query ? ` 「${f.query}」` : ''}
    • )}
)} {d.files && d.files.length > 0 && (
写过的文件（{d.files.length}）
    {d.files.map((f, i) =>
  • {f.path} ({f.tool})
    • )}
)} {d.lineage && (d.lineage.parentSessionId || (d.lineage.children && d.lineage.children.length > 0) || (d.lineage.subagents && d.lineage.subagents.length > 0)) && (
血缘
{d.lineage.parentSessionId &&
父会话: {d.lineage.parentSessionId}
} {d.lineage.children && d.lineage.children.length > 0 &&
子会话 ({d.lineage.children.length}): {d.lineage.children.join(', ')}
} {d.lineage.subagents && d.lineage.subagents.length > 0 &&
子代理 ({d.lineage.subagents.length}): {d.lineage.subagents.join(', ')}
}
)}
导出
ZIP 含子会话与附件，由 DSH 提供 · Markdown 为本插件生成的可读对话记录
) })()}
)}
) })} {/* issue #18 第 1 条：父会话不在当前列表（已删除 / 已归档 / 被筛选） 的子代理不再平铺成上百个「(无标题)」行，统一收进这一张卡片： 默认收起不占版面，展开后逐条可打开 / 归档 / 删除，一条都不丢。 */} {groupByLineage && orphanSubagents.length > 0 && (
未归属的子代理会话
父会话不在当前列表 · 不再混进上面的会话列表；展开后可打开 / 归档 / 删除
{orphanOpen && (
{orphanSubagents.map((k) => { const li = lineage[String(k.sessionId)] return (
{k.title || '(无标题)'} {emptyBadge(k.sessionId)} {tagChips(k.sessionId)} {k.archived ? '已归档' : '活动'}{fmtDate(k.createdAt) ? ` · ${fmtDate(k.createdAt)}` : ''}
) })}
)}
)}
) : null} )} {toast &&
28 ? ' archv-status-long' : '')} role="status" title="点击关闭" onClick={() => setToast(null)}>{toast.msg}
} {delTarget && (
setDelTarget(null)}>
e.stopPropagation()}>

删除会话

确认删除「{delTarget.title || delTarget.sessionId}」？将移入回收站，可在本页底部「回收站」中恢复或彻底删除。

{delCascadeCount > 0 && ( )}
)} {filter === 'trash' &&

回收站

{trash.length ? `（${trash.length} 个待清理）` : '（空）'}
{!canPurge.available && (
{canPurge.reason}。回收站条目会一直保留，可随时恢复；当前 DSH 版本下移入回收站不会释放磁盘空间，会话日志仍完整保留在原工作区目录。
)}
回收站是软删除：日志仍留在原工作区目录，「彻底删除」才是真正释放磁盘空间的一步（当前版本未支持时会保持禁用）。
{trashCheck &&
校验完成：{trashCheck.healthy} 条正常，{trashCheck.missing} 条日志缺失，{trashCheck.unverified || 0} 条无法直接核验。
} {trash.length === 0 ? (
回收站为空。删除的会话会先进入这里，可恢复或彻底删除。
) : (
{trash.map((t) => (
{t.title || t.sessionId} {fmtDate(t.deletedAt)}
))}
)}
} {purgeTarget && (
setPurgeTarget(null)}>
e.stopPropagation()}>

永久删除{purgeTarget === '__all' ? '全部回收站会话' : '这个会话'}？

此操作会物理删除日志并释放磁盘空间，无法恢复。归档、筛选和重新安装插件都不能找回这些数据。

)}
) } // ---- Main-page sidebar session "⋯" menu augmentation (DOM shim) ----------- // DSH core renders the sidebar session list (dsh-client-ui-workspace) with a // per-row "⋯" Menu whose items (rename / fork / archive) are hardcoded — there // is NO plugin slot for adding per-session menu items, and the row DOM carries // no sessionId. To honor the request we augment the already-opened portalled // menu via DOM: we watch for a [role="menu"] portalled to document.body whose // React fiber chain reaches a SessionNodeItem (i.e. it is a session menu), read // the session id (and current cwd) off that fiber, then clone an existing menu // item to append "移动会话" / "删除会话". This is intentionally a DOM shim and is // fragile against DSH UI updates (class names / fiber shape / menu markup). const SIDEBAR_AUG_CSS = ` .dsm-backdrop{position:fixed;inset:0;z-index:2147483600;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;padding:16px} .dsm-dlg{width:min(420px,92vw);background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l3);border-radius:14px;padding:18px;box-shadow:0 16px 48px rgb(0 0 0/.28);display:flex;flex-direction:column;gap:12px} .dsm-title{font-size:15px;font-weight:650;color:var(--dsw-alias-label-primary);margin:0} .dsm-text{font-size:13px;line-height:1.6;color:var(--dsw-alias-label-secondary);margin:0;word-break:break-all} .dsm-body{display:flex;flex-direction:column;gap:4px;max-height:280px;overflow:auto} .dsm-loading,.dsm-empty{font-size:12px;color:var(--dsw-alias-label-tertiary);padding:4px 2px} .dsm-err{font-size:12px;color:var(--dsw-alias-state-error-primary);padding:4px 2px} .dsm-opt{appearance:none;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:9px 11px;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-fill-elevated);color:var(--dsw-alias-label-primary);border-radius:9px;font-size:12.5px;cursor:pointer;text-align:left} .dsm-opt:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover);border-color:var(--dsw-alias-border-l4)} .dsm-opt:disabled{opacity:.55;cursor:default} .dsm-opt-cur{border-color:color-mix(in srgb,var(--dsw-alias-state-business-primary) 45%,transparent);color:var(--dsw-alias-state-business-primary)} .dsm-opt-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0} .dsm-opt-sub{font-size:11px;color:var(--dsw-alias-label-tertiary);white-space:nowrap;flex:none;margin-left:8px} .dsm-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:2px} .dsm-btn{appearance:none;min-height:32px;padding:0 12px;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-fill-subtle);color:var(--dsw-alias-label-secondary);border-radius:9px;font-size:12px;font-weight:500;cursor:pointer} .dsm-btn:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)} .dsm-del{color:var(--dsw-alias-state-error-primary);border-color:color-mix(in srgb,var(--dsw-alias-state-error-primary) 45%,transparent)} .dsm-del:hover{background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 10%,transparent);color:var(--dsw-alias-state-error-primary)} .dsm-toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:2147483601;background:Canvas;color:CanvasText;border:1px solid color-mix(in srgb,CanvasText 25%,transparent);padding:9px 16px;border-radius:999px;font-size:12px;box-shadow:0 8px 24px rgb(0 0 0/.25);max-width:min(92vw,460px);cursor:pointer} .dsm-toast-long{border-radius:14px;text-align:left;line-height:18px} .dsm-toast-err{background:#4A1D1D;color:#FFD9D9;border:1px solid var(--dsw-alias-state-error-primary)} .dsm-sub{position:fixed;z-index:1100;box-sizing:border-box;min-width:190px;max-width:320px;padding:4px;display:flex;flex-direction:column;gap:0;background:var(--dsw-specific-menu);backdrop-filter:var(--dsw-menu-backdrop-filter,blur(40px) saturate(150%));border:1px solid var(--dsw-alias-border-inverted);border-radius:12px;box-shadow:var(--dsw-shadow-lv3)} .dsm-sub-loading,.dsm-sub-empty{font-size:12px;color:var(--dsw-alias-label-tertiary);padding:6px 10px} .dsm-sub-err{font-size:12px;color:var(--dsw-alias-state-error-primary);padding:6px 10px} .dsm-sub-item{display:flex;align-items:center;gap:8px;width:100%;min-height:36px;padding:6px 10px;border:none;border-radius:8px;background:transparent;cursor:pointer;font-size:13px;line-height:18px;color:var(--dsw-alias-label-primary);text-align:left} .dsm-sub-item:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)} .dsm-sub-item:disabled{opacity:.5;cursor:default} .dsm-sub-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .dsm-sub-cur{font-size:11px;color:var(--dsw-alias-state-business-primary);flex:none;margin-left:8px} .dsm-dot{position:absolute;left:6px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;box-sizing:border-box;cursor:pointer;pointer-events:auto;z-index:1} .dsm-dot-unread-manual{background:var(--dsw-alias-state-business-primary)} .dsm-dot-waiting{background:var(--dsw-alias-state-warn-primary,#F59E0B)} .dsm-dot-unread{background:var(--dsw-alias-state-success-primary)} .dsm-drag-source{opacity:.48} .dsm-drop-target{position:relative;background:color-mix(in srgb,var(--dsw-alias-state-business-primary) 10%,transparent)!important;outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:-2px;border-radius:8px} .dsm-drop-target::after{content:'移动到这里';position:absolute;right:8px;top:50%;transform:translateY(-50%);padding:1px 6px;border-radius:4px;background:var(--dsw-alias-state-business-primary);color:var(--dsw-alias-label-inverted);font-size:10px;font-weight:600;line-height:16px;pointer-events:none} .dsm-drag-busy{cursor:progress!important} .dsm-trash{margin-top:18px;border-top:1px solid var(--dsw-alias-border-l2);padding-top:14px} .dsm-trash-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px} .dsm-trash-h h3{font-size:13px;font-weight:600;color:var(--dsw-alias-label-primary);margin:0} .dsm-trash-count{font-size:11px;color:var(--dsw-alias-label-tertiary)} .dsm-trash-list{display:flex;flex-direction:column;gap:6px;max-height:260px;overflow:auto} .dsm-trash-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--dsw-alias-border-l2);border-radius:9px;background:var(--dsw-alias-fill-elevated)} .dsm-trash-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;color:var(--dsw-alias-label-primary)} .dsm-trash-date{font-size:11px;color:var(--dsw-alias-label-tertiary);flex:none;white-space:nowrap} .dsm-trash-actions{display:flex;gap:6px;flex:none}.dsm-trash-actions .archv-btn{min-width:72px} .dsm-trash-empty{font-size:12px;color:var(--dsw-alias-label-tertiary);padding:6px 2px} .dsm-storage-sum{font-size:12px;color:var(--dsw-alias-label-secondary);margin-bottom:10px} .dsm-storage-list{display:flex;flex-direction:column;gap:6px} .dsm-storage-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--dsw-alias-border-l2);border-radius:9px;background:var(--dsw-alias-fill-elevated)} .dsm-storage-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;color:var(--dsw-alias-label-primary)} .dsm-storage-bar{flex:0 0 96px;height:6px;border-radius:999px;background:var(--dsw-alias-fill-subtle);overflow:hidden} .dsm-storage-fill{display:block;height:100%;border-radius:999px;background:var(--dsw-alias-state-business-primary)} .dsm-storage-size{font-size:12px;color:var(--dsw-alias-label-secondary);flex:none;white-space:nowrap} .dsm-storage-count{font-size:11px;color:var(--dsw-alias-label-tertiary);flex:none;white-space:nowrap;max-width:32%;overflow:hidden;text-overflow:ellipsis} .maint-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 8px} .maint-note{font-size:11px;color:var(--dsw-alias-label-tertiary)} .mv-sheet-actions{display:flex;align-items:center;gap:6px} .aa-check{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--dsw-alias-label-secondary);cursor:pointer} .aa-check input{width:15px;height:15px;accent-color:var(--dsw-alias-state-business-primary);cursor:pointer;flex:none} /* ---- 血缘分层披露（issue #6）：行内徽标 ---- */ .dsm-lineage-pick{display:flex;flex-direction:column;gap:6px;margin:8px 0} .dsm-lineage-pick-btn{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--dsw-alias-border-l2,rgba(127,127,127,.3));border-radius:8px;background:transparent;color:inherit;cursor:pointer;font-size:12px;text-align:left} .dsm-lineage-pick-btn:hover{background:var(--dsw-alias-interactive-bg-hover,rgba(127,127,127,.08))} .dsm-lineage-sum{font-size:12px;opacity:.75;margin:6px 0;display:flex;align-items:center;gap:6px;overflow:hidden} .dsm-lineage-tree{display:flex;flex-direction:column;gap:2px;margin:8px 0;max-height:340px;overflow:auto} .dsm-lineage-row{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:8px;font-size:12px;min-height:28px} .dsm-lineage-row:hover{background:var(--dsw-alias-interactive-bg-hover,rgba(127,127,127,.08))} .dsm-lineage-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .dsm-lineage-kids,.dsm-lineage-size{font-size:11px;opacity:.65;white-space:nowrap} .dsm-lineage-livechip{font-size:10px;padding:1px 6px;border-radius:999px;background:rgba(234,179,8,.18);color:#A16207;white-space:nowrap} .dsm-lineage-acts{display:flex;gap:4px} .dsm-kids-badge{appearance:none;display:inline-flex;align-items:center;gap:3px;margin-left:auto;padding:1px 7px;border:none;border-radius:999px;background:color-mix(in srgb,var(--dsw-alias-state-business-primary) 10%,transparent);color:var(--dsw-alias-state-business-primary);font-size:10px;font-weight:600;line-height:15px;cursor:pointer;flex:none;pointer-events:auto} .dsm-subs{display:flex;flex-direction:column;gap:2px;padding:2px 0 6px 26px;pointer-events:auto} .dsm-sub-row{display:flex;align-items:center;gap:8px;min-height:24px;padding-right:6px;border-radius:7px;font-size:11.5px;color:var(--dsw-alias-label-secondary);position:relative} .dsm-sub-row::before{content:'';position:absolute;left:0;top:0;bottom:0;width:1px;background:var(--dsw-alias-border-l2)} .dsm-sub-row:hover{background:var(--dsw-alias-interactive-bg-hover);cursor:pointer} .dsm-sub-row:hover .dsm-sub-name{color:var(--dsw-alias-label-primary)} .dsm-sub-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .dsm-sub-meta{flex:none;font-size:10.5px;opacity:.8} .dsm-sub-live .dsm-sub-meta{color:var(--dsw-alias-state-warning-primary);opacity:1;font-weight:600} .dsm-sub-acts{display:none;align-items:center;gap:4px;flex:none} .dsm-sub-row:hover .dsm-sub-acts,.dsm-sub-row:focus-within .dsm-sub-acts{display:inline-flex} .dsm-sub-btn{appearance:none;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-fill-elevated);color:var(--dsw-alias-label-secondary);border-radius:6px;padding:1px 6px;font:inherit;font-size:10.5px;line-height:16px;cursor:pointer} .dsm-sub-btn:hover{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-border-l3)} .dsm-sub-btn-danger{color:var(--dsw-alias-state-error-primary);border-color:color-mix(in srgb,var(--dsw-alias-state-error-primary) 40%,transparent)} .dsm-sub-note{font-size:11px;color:var(--dsw-alias-label-tertiary);padding:2px 0} .dsm-kids-badge:hover{background:color-mix(in srgb,var(--dsw-alias-state-business-primary) 18%,transparent)} .dsm-row-sub{transform:translateX(calc(10px + var(--dsm-indent,0px)));transition:transform .15s ease} .dsm-row-sub::before{content:'';position:absolute;left:calc(-6px - var(--dsm-indent,0px));top:0;bottom:0;width:2px;border-radius:1px;background:color-mix(in srgb,var(--dsw-alias-state-business-primary) 30%,transparent);pointer-events:none} .dsm-tag{display:inline-flex;align-items:center;margin-left:auto;padding:1px 7px;border-radius:999px;background:var(--dsw-alias-fill-subtle);color:var(--dsw-alias-label-tertiary);font-size:10px;font-weight:500;line-height:15px;flex:none;pointer-events:auto;border:none;cursor:default} .dsm-tag-fork{cursor:pointer;background:color-mix(in srgb,var(--dsw-alias-state-success-primary) 12%,transparent);color:var(--dsw-alias-state-success-primary);font-weight:600} .dsm-tag-fork:hover{background:color-mix(in srgb,var(--dsw-alias-state-success-primary) 20%,transparent)} .dsm-row-flash{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:-2px;border-radius:8px;transition:outline-color .6s ease} /* 徽标/标签统一显隐（对齐「子代理折叠」的节奏）：默认一律隐藏，维持 DSH 原生行外观；行被选中（dsm-row-active，paint 按 activeId 刷新）、鼠标悬 停、键盘聚焦或已展开子代理列表（dsm-row-open）时才出现。display 切换 不占位：隐藏时标题拿全宽，悬停时才让位给徽标。 */ [role="treeitem"]>.dsm-kids-badge,[role="treeitem"]>.dsm-tag{display:none} [role="treeitem"]:hover>.dsm-kids-badge,[role="treeitem"]:hover>.dsm-tag, [role="treeitem"].dsm-row-active>.dsm-kids-badge,[role="treeitem"].dsm-row-active>.dsm-tag, [role="treeitem"].dsm-row-open>.dsm-kids-badge, [role="treeitem"]:focus-within>.dsm-kids-badge,[role="treeitem"]:focus-within>.dsm-tag{display:inline-flex} @media (prefers-reduced-motion:reduce){.dsm-row-sub{transition:none}.dsm-row-flash{transition:none}} @media (max-width:640px){.dsm-storage-bar{display:none}.dsm-storage-count{max-width:40%}} ` // Shared status-dot state so the ⋯-menu "标记未读" action can toggle the // manual flag and trigger a repaint without coupling the two installers. const DSM_KEY_MANUAL = 'dsm-manual-unread-v1' let dsmManualUnread = null let dsmRepaintDots = null function dsmLoadManual() { if (dsmManualUnread) return dsmManualUnread try { dsmManualUnread = new Set(JSON.parse(localStorage.getItem(DSM_KEY_MANUAL) || '[]')) } catch (e) { dsmManualUnread = new Set() } return dsmManualUnread } function dsmSaveManual() { try { localStorage.setItem(DSM_KEY_MANUAL, JSON.stringify([...dsmLoadManual()])) } catch (e) {} } function dsmToggleManual(id) { const s = dsmLoadManual() if (s.has(id)) s.delete(id); else s.add(id) dsmSaveManual() if (dsmRepaintDots) dsmRepaintDots() } // Recycle-bin membership (session ids currently in 回收站). The sidebar // status-dot installer uses this to hide trashed sessions so they don't show // up under DSH's "未分组" group. Loaded from the backend on a throttle and // updated optimistically when our own ⋯-menu deletes a session. let dsmTrashIds = null // issue #16：回收站按 cwd 的条数（host 随 sidebar-state 下发）。折叠分组下 // 上游把 group.sessions 收回成空数组，展开计数只能靠它来扣掉插件会隐藏的行。 let dsmTrashCountByCwd = null let dsmServerPurgedIds = new Set() let dsmAuthoritativeTitles = new Map() let dsmTrashTick = 0 let dsmCapabilities = null // 血缘分层披露（issue #6）：服务端血缘分类 + 本地视图状态。 // dsmLineage: id → { origin, parentSession, delegationDepth, empty } const dsmLineage = new Map() // v3.6.2：host 预热是否还在途（sidebar-state/sessions 的 warmPending 旗标）。 // 在途 → 侧栏轮询从 32s 台阶收紧到每拍（4s），标题/血缘一补齐就浮现； // 完成瞬间（true→false）触发一次性回调（面板自动补刷新，见 dsmOnWarmDone）。 // T1（3.7.0）：空白精判并入同一「后台忙闲」信号——两者都落地才算完成， // 面板只补刷一次（而不是 warm/refine 各刷一遍）。 let dsmWarmPending = false let dsmRefinePending = false let dsmTrashRetryTimer = null const dsmWarmDoneHooks = new Set() function dsmOnWarmDone(fn) { dsmWarmDoneHooks.add(fn) return () => dsmWarmDoneHooks.delete(fn) } // T2（3.7.0）：排队移动终局通知。已见集合只为本浏览器多 tab 即时去重；服务端 // 保留到 ack（pop 式会被「没弹就关页面」丢通知），ack 失败无害、7 天 TTL 兜底。 const DSM_KEY_SEEN_NOTICES = 'dsm-move-notices-seen-v1' let dsmSeenNotices = null function dsmLoadSeenNotices() { if (dsmSeenNotices) return dsmSeenNotices try { dsmSeenNotices = new Set(JSON.parse(localStorage.getItem(DSM_KEY_SEEN_NOTICES) || '[]').map(String)) } catch (e) { dsmSeenNotices = new Set() } return dsmSeenNotices } function dsmSaveSeenNotices(set) { try { localStorage.setItem(DSM_KEY_SEEN_NOTICES, JSON.stringify([...set].slice(-200))) } catch (e) {} } // 通知唯一出口：侧栏通道优先（页面级可见），面板 hook 兜底，都不可用时 // console.warn——宁可吵，不可无声（copy-guard 锁住 moveNotices 只能走这里）。 let dsmNotifySink = null const dsmNoticeHooks = new Set() function dsmNotify(text, kind) { if (!text) return if (dsmNotifySink && !sidebarAdapter.disabled) { try { dsmNotifySink(text, kind); return } catch (e) { /* fall through */ } } let done = false try { for (const fn of dsmNoticeHooks) { fn(text, kind); done = true } } catch (e) {} if (!done) { try { console.warn('[dsh-sessions-manager] ' + text) } catch (e) {} } } function dsmOnNotice(fn) { dsmNoticeHooks.add(fn); return () => dsmNoticeHooks.delete(fn) } // 空白会话一律隐藏（原「纯净视图」的默认行为固化为唯一行为，开关已于 // 0.1.3 移除：上游本就不把空白会话渲染进侧栏，开关没有可服务的场景）。 // 只隐藏，永不删除；子代理行按 DSH 设计不进侧栏（ui-subagent README 明文 // "omitted from the ordinary sidebar"），收纳由上游完成，插件侧不做。 async function dsmLoadCapabilities() { try { dsmCapabilities = await postJSON('/archived-sessions/capabilities', {}) } catch (e) { /* unknown stays safely unavailable */ } return dsmCapabilities } function dsmActionCapability(name, legacy) { const source = dsmCapabilities && dsmCapabilities.actions return source ? (source[name] || (legacy && source[legacy]) || null) : null } async function dsmLoadTrashIds() { try { const r = await postJSON('/archived-sessions/sidebar-state', {}) dsmTrashIds = new Set(((r && r.trashedSessionIds) || []).map(String)) // issue #16：折叠分组的展开计数要用「组内总数 − 本组回收站条数」， // 这份按 cwd 的统计由 host 计算后随同一响应下发（老 host 没有该字段 → null）。 dsmTrashCountByCwd = r && r.trashedCountByCwd && typeof r.trashedCountByCwd === 'object' ? new Map(Object.entries(r.trashedCountByCwd).map(([k, v]) => [String(k), Number(v) || 0])) : null dsmServerPurgedIds = new Set(((r && r.purgedSessionIds) || []).map(String)) // 服务器已确认的乐观标记随即清除；未被确认的标记最多存活到下次刷新， // 绝不永久压住后来同 id 的新会话。 for (const id of [...dsmPendingPurged]) { if (dsmServerPurgedIds.has(id)) dsmPendingPurged.delete(id) } dsmAuthoritativeTitles = new Map(Object.entries((r && r.titles) || {}).map(([id, title]) => [String(id), String(title)])) dsmLineage.clear() for (const [id, info] of Object.entries((r && r.lineage) || {})) { if (info && typeof info === 'object') dsmLineage.set(String(id), info) } // v3.6.2：预热完成的瞬间广播一次（面板挂自动补刷新；侧栏靠节拍恢复 32s）。 // T1：旧 host 无 refinePending 字段 → !!undefined===false，节拍/广播语义 // 与 3.6.2 完全一致（新 client 绝不在旧 host 上疯轮询）。 const wasBusy = dsmWarmPending || dsmRefinePending dsmWarmPending = !!(r && r.warmPending) dsmRefinePending = !!(r && r.refinePending) if (wasBusy && !(dsmWarmPending || dsmRefinePending)) { try { for (const fn of dsmWarmDoneHooks) fn() } catch (e) { /* hook 出错不断主流程 */ } } // T2：投递计划（最多 2 条 + 省略句）——先同步写已见再弹（同浏览器第二个 tab // 立刻看不到重复），ack 尽力清理（旧 host 无此路由 → 404 静默）。 { const plan = noticeToastPlan(r && r.moveNotices, dsmLoadSeenNotices(), 2) if (plan.ackIds.length) { const seen = dsmLoadSeenNotices() for (const id of plan.ackIds) seen.add(id) dsmSaveSeenNotices(seen) dsmNotify(plan.text, plan.kind) postJSON('/archived-sessions/pending-moves/notices/ack', { ids: plan.ackIds }).catch(() => {}) } } if (dsmRepaintDots) dsmRepaintDots() } catch (e) { /* keep last known set */ // v3.6.2 C：失败不再等下一个 32s 台阶——2s 后快速重试一次（已有待重试则跳过）。 if (dsmTrashRetryTimer == null) { dsmTrashRetryTimer = setTimeout(() => { dsmTrashRetryTimer = null; dsmLoadTrashIds() }, 2000) if (typeof dsmTrashRetryTimer.unref === 'function') dsmTrashRetryTimer.unref() } } return dsmTrashIds } // Permanently-hidden set: sessions the user hard-purged from the 回收站. The // SERVER is the single source of truth: sidebar-state only reports tombstones // whose ids are NOT currently present, so a same-id session recreated later is // unhidden automatically (the tombstone must never permanently suppress a new // session). dsmPendingPurged only carries this tab's optimistic marks until // the next server fetch acks them — no localStorage persistence, so a stale // tombstone can never outlive its server record. (dsmServerPurgedIds is // declared with the trash-state group above.) const dsmPendingPurged = new Set() function dsmLoadPurged() { return new Set([...dsmServerPurgedIds, ...dsmPendingPurged]) } function dsmMarkPurged(ids) { ids.forEach((id) => dsmPendingPurged.add(String(id))) if (dsmRepaintDots) dsmRepaintDots() } // ---- Sidebar injection adapter (versioned, safe-degrading) ---------------- // 每一处脆弱的 DOM / React fiber 识别都收敛到这个 adapter：识别规则集中、 // 可版本化（上游改版时 bump version 并只改这里），并且**可安全降级**—— // 识别连续落空说明上游内部结构变了，此时 adapter 自动停用全部注入， // 绝不把半残行为强加到官方侧栏上（拖拽 / 标题同步 / 状态圆点一并停用）。 const SIDEBAR_ADAPTER_VERSION = 3 const SIDEBAR_ADAPTER_MAX_MISSES = 200 // 侧栏注入的整场清退：移除我们加到 DSH 侧栏 DOM 里的所有节点（状态圆点 / // 子代理徽标 / 就地子列表 / fork·空白 tag），并还原被隐藏的空分组。 // 两个调用时机：adapter 因上游结构连续未识别而停用（此刻残留的是「半残」 // 节点，必须整体撤下而不是留在官方侧栏上错位显示），以及插件 effect 卸载。 // 只按自己的 data-dsm-* 标记删除，绝不碰 DSH 自己的节点。 function dsmTeardownSidebarAug() { if (typeof document === 'undefined') return const selectors = ['[data-dsm-dot]', '[data-dsm-kids]', '[data-dsm-subs]', '[data-dsm-tag]'] for (const sel of selectors) { try { document.querySelectorAll(sel).forEach((el) => el.remove()) } catch (e) { /* best-effort */ } } try { // issue #16：被隐藏的会话行与展开按钮在卸载时还原——adapter 停用（上游 // 改版）或插件停用后，不能把「看不见的会话」留在官方侧栏上。 document.querySelectorAll('[data-dsm-hidden]').forEach((row) => { row.style.display = '' row.removeAttribute('data-dsm-hidden') }) document.querySelectorAll('[data-dsm-overflow-hidden], [data-dsm-overflow-base]').forEach((btn) => { // 文案可能被我们改写过：dataset 里存着上游原文，卸载时连文案一起还原。 const base = btn.getAttribute('data-dsm-overflow-base') if (base != null && btn.textContent !== base) btn.textContent = base btn.style.display = '' btn.removeAttribute('data-dsm-overflow-hidden') btn.removeAttribute('data-dsm-overflow-base') btn.removeAttribute('data-dsm-overflow-write') btn.removeAttribute('data-dsm-overflow-ver') }) } catch (e) { /* best-effort */ } try { document.querySelectorAll('[data-dsm-group-hidden]').forEach((owner) => { owner.style.display = owner.dataset.dsmPrevDisplay || '' owner.removeAttribute('data-dsm-group-hidden') delete owner.dataset.dsmPrevDisplay }) } catch (e) { /* best-effort */ } } function createSidebarAdapter() { let disabled = false let misses = 0 const findFiber = (el) => { const k = Object.keys(el).find((kk) => kk.startsWith('__reactFiber') || kk.startsWith('__reactInternalInstance')) return k ? el[k] : null } // 识别一行侧栏树节点：返回 { node, group }（会话行 / 工作区标题行）。 // 两种都没有 = 识别落空，累计到阈值即整体停用。 const recognize = (row) => { const out = { node: null, group: null } if (disabled || !row || typeof row !== 'object') return out let f = findFiber(row) let guard = 0 while (f && guard++ < 300) { const props = f.memoizedProps if (props && props.node && typeof props.node === 'object') out.node = props.node // DSH 的会话行接收 `node`，工作区标题行（ProjectRowItem）接收 `group`。 if (props && props.group && typeof props.group === 'object') out.group = props.group f = f.return } if (!out.node && !out.group) { if (++misses >= SIDEBAR_ADAPTER_MAX_MISSES && !disabled) { disabled = true // 停用 = 承认对上游结构失去认知：此刻侧栏上残留的注入节点已经失去 // 幂等维护（paint 不再跑），必须整体撤下，绝不能把半残行为留在 // 官方 UI 上。 dsmTeardownSidebarAug() try { console.warn('[dsh-sessions-manager] 侧栏注入 adapter v' + SIDEBAR_ADAPTER_VERSION + ' 已停用：未识别到已知的 DSH 侧栏节点结构（上游可能已改版）') } catch (e) {} } } else if (misses > 0) { misses = 0 } return out } // 只取 `group` 的静默识别：命中即停，**不参与 miss 预算**。展开计数的 // workspace 行识别属非关键路径（拿不到就保持上游原文案），不能让它的落空 // 把整套侧栏增强熔断；命中即返也省掉继续上溯整条 fiber 链。 const recognizeGroupQuiet = (row) => { if (disabled || !row || typeof row !== 'object') return null let f = findFiber(row) let guard = 0 while (f && guard++ < 300) { const props = f.memoizedProps if (props && props.group && typeof props.group === 'object') return props.group f = f.return } return null } return { version: SIDEBAR_ADAPTER_VERSION, get disabled() { return disabled }, findFiber, recognize, recognizeGroupQuiet, } } const sidebarAdapter = createSidebarAdapter() // apply(ctx) 可能被再次调用（HMR / profile 重载）：用模块级守卫保证观察器、 // 定时器与 document 级监听器只装一份，绝不叠加（叠加会造成重复提示与后台 CPU 增长）。 let sidebarMenuAugInstalled = false function installSidebarSessionMenuAug() { if (typeof document === 'undefined') return if (sidebarMenuAugInstalled) return sidebarMenuAugInstalled = true const AUG = 'data-dsm-aug' let styleInjected = false let activeSubClose = null let hoverTimer = null // Walk the React fiber chain from the portalled menu element up to the // SessionNodeItem component, which carries `node.id` (the session id). // Portalled menus are one-off surfaces: fiber walking here does NOT count // toward the row adapter's miss budget (a non-session menu is normal, not a // sign of upstream drift). const sessionInfoFromMenu = (menuEl) => { let f = sidebarAdapter.findFiber(menuEl) let guard = 0 while (f && guard++ < 300) { const p = f.memoizedProps if (p && p.node && typeof p.node.id === 'string' && p.node.id) { return { id: p.node.id, cwd: p.node.cwd || p.node.workspacePath || null } } f = f.return } return null } const closeMenu = () => { try { document.dispatchEvent(new MouseEvent('mousedown', { bubbles: true })) } catch (e) {} try { document.dispatchEvent(new PointerEvent('pointerdown', { bubbles: true })) } catch (e) {} } const escapeHtml = (s) => { const d = document.createElement('div') d.textContent = s == null ? '' : String(s) return d.innerHTML } const toast = (msg) => { const t = document.createElement('div') const text = String(msg == null ? '' : msg) t.className = 'dsm-toast' + (text.length > 28 ? ' dsm-toast-long' : '') t.textContent = text t.title = '点击关闭' t.setAttribute('role', 'status') document.body.appendChild(t) // 停留时长按字数给（固定 2.6s 读不完排队/失败类文案），并允许点击提前关闭。 let killTimer = null const kill = () => { if (killTimer) clearTimeout(killTimer); t.remove() } killTimer = setTimeout(kill, toastDurationFor(text)) t.addEventListener('click', kill) } const ensureStyle = () => { if (styleInjected) return const s = document.createElement('style') s.dataset.dsm = 'aug' s.textContent = SIDEBAR_AUG_CSS document.head.appendChild(s) styleInjected = true } const closeMoveSubmenu = () => { if (activeSubClose) { const f = activeSubClose; activeSubClose = null; f() } } const openMoveSubmenu = (moveBtn, info) => { ensureStyle() closeMoveSubmenu() const sub = document.createElement('div') sub.className = 'dsm-sub' sub.setAttribute('role', 'menu') sub.setAttribute('data-dsm-sub', '') sub.innerHTML = '
加载工作区…
' const r = moveBtn.getBoundingClientRect() // Fixed-position card: once the async content renders it can be tall or // wide enough to hang past the viewport edges, so re-clamp both anchors // against the rendered size. const placeSub = () => { sub.style.top = Math.max(8, Math.min(Math.round(r.top - 4), window.innerHeight - sub.offsetHeight - 8)) + 'px' sub.style.left = Math.max(8, Math.min(Math.round(r.right + 10), window.innerWidth - sub.offsetWidth - 8)) + 'px' } document.body.appendChild(sub) placeSub() const closeSub = () => { activeSubClose = null if (sub.parentNode) sub.remove() document.removeEventListener('mousedown', onDocDown, true) window.removeEventListener('blur', closeSub) } const onDocDown = (e) => { if (sub.contains(e.target) || moveBtn.contains(e.target)) return closeSub() } // Keep DSH's own outside-click handler from closing the parent menu while // the pointer is over our submenu (it lives outside the portalled card). sub.addEventListener('mousedown', (e) => e.stopPropagation()) // Hover bridging: moving from the trigger button across the 10px gap to // the submenu must not dismiss it; entering the submenu cancels the // pending close timer set on the button's mouseleave. sub.addEventListener('mouseenter', () => { if (hoverTimer) { clearTimeout(hoverTimer); hoverTimer = null } }) sub.addEventListener('mouseleave', () => { hoverTimer = setTimeout(() => closeSub(), 160) }) setTimeout(() => document.addEventListener('mousedown', onDocDown, true), 0) window.addEventListener('blur', closeSub) activeSubClose = closeSub Promise.all([ postJSON('/archived-sessions/workspaces', {}), postJSON('/archived-sessions/sessions', {}), ]).then(([ws, sess]) => { const items = ws.items || [] const cur = (sess.items || []).find((x) => x.sessionId === info.id) const curPath = cur ? cur.workspacePath : (info.cwd || null) if (!items.length) { sub.innerHTML = '
（暂无可用工作区）
'; placeSub(); return } sub.innerHTML = '' items.forEach((w) => { const isCur = !!curPath && w.path === curPath const b = document.createElement('button') b.type = 'button' b.className = 'dsm-sub-item' b.setAttribute('role', 'menuitem') b.disabled = isCur const name = document.createElement('span') name.className = 'dsm-sub-name' name.textContent = w.title || pathName(w.path) || w.workspaceId b.appendChild(name) if (isCur) { const c = document.createElement('span') c.className = 'dsm-sub-cur' c.textContent = '当前' b.appendChild(c) } b.addEventListener('click', (e) => { e.stopPropagation() e.preventDefault() closeSub() closeMenu() postActiveAware('/archived-sessions/move', { sessionId: info.id, targetPath: w.path }) .then((r) => { // 会话被 DSH 打开（活跃/未关闭）时服务端只登记排队：磁盘与工作区分组都没动。 // 这条路径原先无条件报「移动成功」——2026-09-10 用户报的「说移动成功但还在 // 原工作区」就是这个。必须按服务端结果如实说明。 const label = w.title || pathName(w.path) || '目标工作区' if (r && r.queued) { toast(r.notes && r.notes.length ? r.notes.join(' ') : '会话正被 DSH 打开，已排队待移动；重启 DSH 后会自动完成（请先别打开它）。') return } toast(r && r.already ? `已在「${label}」` : `已移到「${label}」`) }) .catch((ee) => toast('移动失败：' + String((ee && ee.message) || ee))) }) sub.appendChild(b) }) placeSub() }).catch((e) => { sub.innerHTML = '
' + escapeHtml(String((e && e.message) || e)) + '
' placeSub() }) } const openDeleteConfirm = (id) => { ensureStyle() const backdrop = document.createElement('div') backdrop.className = 'dsm-backdrop' const dlg = document.createElement('div') dlg.className = 'dsm-dlg' dlg.innerHTML = '

删除会话

确认将该会话移入回收站？可在「设置 → 会话管理 → 回收站」中恢复或彻底删除。

' backdrop.appendChild(dlg) document.body.appendChild(backdrop) const close = () => backdrop.remove() backdrop.addEventListener('click', (e) => { if (e.target === backdrop) close() }) dlg.querySelector('[data-role=cancel]').addEventListener('click', close) dlg.querySelector('[data-role=ok]').addEventListener('click', () => { close() postJSON('/archived-sessions/delete', { sessionId: id }) .then(() => { if (dsmTrashIds) dsmTrashIds.add(String(id)) if (dsmRepaintDots) dsmRepaintDots() toast('已移入回收站') }) .catch((e) => toast('删除失败：' + String((e && e.message) || e))) }) } const augmentMenu = (menuEl, info) => { if (menuEl.querySelector('[' + AUG + ']')) return const viewport = menuEl.querySelector('[role="presentation"]') || menuEl.firstElementChild if (!viewport) return const proto = menuEl.querySelector('[role="menuitem"]') if (!proto) return const protoWrap = proto.parentElement const protoCls = proto.className const protoWrapCls = protoWrap ? protoWrap.className : '' const ICON_MOVE = '' const ICON_DEL = '' const ICON_UNREAD = '' const mk = (label, svg, danger) => { const wrap = protoWrap ? protoWrap.cloneNode(false) : document.createElement('div') if (protoWrapCls) wrap.className = protoWrapCls const btn = document.createElement('button') btn.type = 'button' btn.setAttribute('role', 'menuitem') btn.className = protoCls // same `.item` class DSH uses → identical layout/alignment const icon = document.createElement('span') icon.style.cssText = 'display:inline-flex;flex:none;width:16px;height:16px;align-items:center;justify-content:center;color:' + (danger ? 'var(--dsw-alias-state-error-primary)' : 'var(--dsw-alias-label-tertiary)') icon.innerHTML = svg const lab = document.createElement('span') lab.style.cssText = 'flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap' lab.textContent = label btn.appendChild(icon) btn.appendChild(lab) if (danger) btn.style.color = 'var(--dsw-alias-state-error-primary)' btn.setAttribute(AUG, '') wrap.appendChild(btn) return { wrap, btn } } const move = mk('移动会话', ICON_MOVE, false) const del = mk('删除会话', ICON_DEL, true) const mark = mk(dsmLoadManual().has(info.id) ? '标记已读' : '标记未读', ICON_UNREAD, false) const moveCapability = dsmActionCapability('relocateSession') || dsmActionCapability('move') if (!moveCapability || !moveCapability.available) { move.btn.disabled = true move.btn.title = (moveCapability && moveCapability.reason) || '正在检查当前版本的移动能力' } if (mark.btn.firstChild) mark.btn.firstChild.style.color = 'var(--dsw-alias-state-business-primary)' const chev = document.createElement('span') chev.style.cssText = 'margin-left:auto;flex:none;color:var(--dsw-alias-label-tertiary);font-size:14px;line-height:1' chev.textContent = '›' move.btn.appendChild(chev) move.btn.addEventListener('mouseenter', () => { if (!document.querySelector('[data-dsm-sub]')) openMoveSubmenu(move.btn, info) }) move.btn.addEventListener('mouseleave', () => { hoverTimer = setTimeout(() => closeMoveSubmenu(), 160) }) move.btn.addEventListener('click', (e) => { e.stopPropagation(); e.preventDefault() }) del.btn.addEventListener('click', (e) => { e.stopPropagation() e.preventDefault() closeMoveSubmenu() openDeleteConfirm(info.id) }) mark.btn.addEventListener('click', (e) => { e.stopPropagation() e.preventDefault() closeMoveSubmenu() dsmToggleManual(info.id) closeMenu() }) viewport.appendChild(move.wrap) viewport.appendChild(del.wrap) // 标记未读 goes to the very top of the menu (above DSH's native items). viewport.insertBefore(mark.wrap, viewport.firstElementChild) // DSH's portalled Menu clamped its position using the height it measured // before this shim injected rows, so the grown card can hang past the // viewport bottom and cover the sidebar foot. Reuse the host's own // placement by firing the resize event it listens for while open. window.dispatchEvent(new Event('resize')) } const seen = new WeakSet() const obs = new MutationObserver(() => { if (sidebarAdapter.disabled) return const menus = document.querySelectorAll('body > [role="menu"]') menus.forEach((menuEl) => { if (seen.has(menuEl)) return const info = sessionInfoFromMenu(menuEl) if (!info) return // not a session menu (e.g. settings / header dropdown) seen.add(menuEl) try { augmentMenu(menuEl, info) } catch (e) { /* best-effort DOM shim */ } }) }) obs.observe(document.body, { childList: true, subtree: false }) } // Left-side per-session status dot (DOM shim). The color is driven by DSH's // REAL session status, read from the row's own StateDot ([data-state]): // 手动标记未读（蓝） = 用户在 ⋯ 菜单或点击圆点手动标记，localStorage 持久化（最高优先级） // 工作中（黄） = DSH state 'ongoing'（旧版兼容 'running'） // 需用户反馈（琥珀） = DSH state 'warning'（有追问需用户反馈） // 完成后未读（绿） = DSH state 'done' 且用户尚未读过（read 集合） // 完成已读（不显示） = DSH state 'done' 且已读过（read 集合持久化） // 手动未读集合 + read 集合均持久化于 localStorage；打开过即记入 read，绿点不再出现。 // 另外：进入回收站的会话会整行隐藏（不出现在「未分组」里）。 function installSidebarStatusDots() { if (typeof document === 'undefined') return const DOT = 'data-dsm-dot' // issue #16：被插件隐藏的行打标记；展开计数的扣减统计靠它（数据层不可用时兜底）。 const DSM_HIDDEN_ATTR = 'data-dsm-hidden' // 空分组：整组被我们藏起时打在**分组容器**上的标记（见 dsmSyncEmptyGroups）。 const GROUP_UNIT_ATTR = 'data-dsm-group-hidden' // 展开按钮上的数据集：上游原文（基线）、上次写入值、口径版本、是否被我们藏起。 const DSM_OVERFLOW_BASE = 'data-dsm-overflow-base' const DSM_OVERFLOW_WRITE = 'data-dsm-overflow-write' const DSM_OVERFLOW_VER = 'data-dsm-overflow-ver' const DSM_OVERFLOW_HIDDEN = 'data-dsm-overflow-hidden' let overflowDebugged = false const debugOverflowOnce = (msg) => { if (overflowDebugged) return overflowDebugged = true try { console.debug('[dsh-sessions-manager] 展开计数：' + msg) } catch (e) { /* 控制台不可用 */ } } // 展开按钮的文案基线 / 上次写入值存在 dataset（而非 WeakMap）：HMR / 插件 // 重装后新闭包里 WeakMap 是空的，会把「已扣减的文案」再当上游原文扣一次； // dataset 跟随节点存活，卸载时还能据此还原原文案。data-dsm-* 不在 // MutationObserver 的 attributeFilter 里，不会自触发重绘。 if (!document.querySelector('style[data-dsm=aug]')) { const s = document.createElement('style') s.dataset.dsm = 'aug' s.textContent = SIDEBAR_AUG_CSS document.head.appendChild(s) } const rowNode = (row) => sidebarAdapter.recognize(row).node const rowId = (row) => { const node = rowNode(row); return node ? node.id : null } let curActive = null const activeRowId = () => { const sel = document.querySelector('[role="treeitem"][aria-selected="true"]') return sel ? rowId(sel) : null } // Dot colors per the user's scheme. We read DSH's REAL session status from the // row's own StateDot (its [data-state] attr) and recolor it: // ongoing/running → 黄 工作中 // warning → 琥珀 有追问需用户反馈 // done → 绿 完成后未读（读过则不再显示） // error → 红 出错/需关注（与 DSH 自带 StateDot 一致） // (manual → 蓝 手动标记未读，最高优先级) const COLOR = { manual: 'var(--dsw-alias-state-business-primary)', // 蓝 手动标记未读 running: '#EAB308', // 黄 工作中 (DSH running) feedback: 'var(--dsw-alias-state-warn-primary, #F59E0B)', // 琥珀 需用户反馈 (DSH warning) done: 'var(--dsw-alias-state-success-primary)', // 绿 完成后未读 (DSH done) error: 'var(--dsw-alias-state-error-primary)', // 红 出错/需关注 (DSH error) } const manualUnread = dsmLoadManual() // v3.6.2 #2：原 WeakSet「首绘一次即终身免改」升级为 WeakMap 所有权记录 // row → { id, text, authoritative }。权威标题**后到**时回填仍由我们持有文本的 // 行；官方（重命名等）改写文本后所有权移交，绝不覆盖 DSH Core 的实时更新。 const titleBaselines = new WeakMap() // 空分组兜底：DSH 会把「日志已不在原处」的会话重新归到「未分组」组里（删 // 除后最明显）。我们把行隐藏了，但空组标题会留下来——所以组内没有**可能 // 出现**的会话时，把整个分组容器一起隐藏；重新出现时自动还原。 // // 容器定位：各版本的顶层分组容器都没有稳定的 role/class —— `role="group"` // 从 0.1.7 到 0.2.1 只出现在**子分组**容器上（一个包着整段子分组的 div）， // 顶层分组是无 role 的普通 div（`groupSection`）。所以以 // `data-row-key="workspace:*"`（0.1.7 起稳定）为锚点，取它的父元素当容器： // 本组的会话行与展开按钮都是这个容器的子节点。 // // 判定走数据层（与展开计数同一口径）：只有 group.sessions 里「非空白、且 // 不在回收站/墓碑/空白集合」的条数确实为 0 才藏。只看 DOM 会把「上游折叠 // 后还没渲染出来的可见会话」误判成空组，连标题带展开按钮一起藏掉——那些 // 会话就再也点不到了。 // // 原 display 记在容器的 dataset 上（而不是 WeakMap）：还原路径无法遍历 // WeakMap，dataset 让「谁被我们藏过、原来是什么」随时可查可还原。 const setGroupHidden = (scope, hidden) => { if (hidden) { if (!scope.hasAttribute(GROUP_UNIT_ATTR)) { scope.dataset.dsmPrevDisplay = scope.style.display || '' scope.setAttribute(GROUP_UNIT_ATTR, '') } if (scope.style.display !== 'none') scope.style.display = 'none' return } if (!scope.hasAttribute(GROUP_UNIT_ATTR)) return const prev = scope.dataset.dsmPrevDisplay || '' if (scope.style.display !== prev) scope.style.display = prev scope.removeAttribute(GROUP_UNIT_ATTR) delete scope.dataset.dsmPrevDisplay } // 元素自身到 stopAt（不含）之间有没有被藏起来。只看我们自己的两处标记与 // style.display：不碰 getComputedStyle（每帧调用的代价太高）。 const isShownWithin = (el, stopAt) => { let node = el while (node && node !== stopAt) { if (node.style && node.style.display === 'none') return false if (node.hasAttribute && (node.hasAttribute(GROUP_UNIT_ATTR) || node.hasAttribute(DSM_HIDDEN_ATTR))) return false node = node.parentElement } return true } // issue #16 补丁：本组「会话行」的收集器。 // // 原先各处一律按 `scope.children` 找会话行，隐含假设「上游把 `[role=treeitem]` // 直接放在分组容器下」。在 0.2.1-rc.2 的侧栏里这个假设不成立：上游把每个会话行 // 包进一层 `` 再放进 `groupSection`，于是 `children` 拿到 // 的全是 SPAN（没有 role、没有 data-row-key）。 // // 后果不是「少算几个数」，而是整段校准被短路：`rendered` 恒为空 → 命中 // 「DOM 里没有会话行」的保护分支直接 return → 按钮上的 data-dsm-* 一个都不写、 // 计数永远不校准。用户看到的就是「点了展开没反应」或数字与实际不符。 // // 因此改为：先按直接子节点找；一个都没找到时，再向下找（wrapper）， // 仍要求命中 `[role=treeitem][data-row-key^="session:"]`，且不跨越嵌套子分组。 const groupSessionRows = (scope, btn) => { const out = [] if (!scope || !scope.children) return out for (const el of scope.children) { if (el === btn || !el.getAttribute) continue const k = el.getAttribute('data-row-key') || '' if (el.getAttribute('role') === 'treeitem' && k.startsWith('session:')) out.push(el) } if (out.length) return out // wrapper 结构兜底：只在「直接子节点没有会话行」时启用，避免与上一种形态重复计数。 let rows = null try { rows = scope.querySelectorAll('[role="treeitem"][data-row-key^="session:"]') } catch (e) { return out } for (const el of rows) { // 跳过属于嵌套子分组的行：它最近的分组容器不是本 scope。 let owner = el.parentElement let ok = true while (owner && owner !== scope) { if (owner.getAttribute && owner.getAttribute('role') === 'group') { ok = false; break } owner = owner.parentElement } if (ok) out.push(el) } return out } // 分组容器定位：从工作区标题行向上找「无 role 的普通容器」（顶层分组的 // groupSection）。上游可能把标题行包在 wrapper span 里，因此不能只取 // parentElement —— 那会拿到 SPAN，使空分组判定整段失效。 const groupContainerOf = (row) => { let el = row ? row.parentElement : null for (let depth = 0; el && depth < 4; depth++) { if (typeof el.getAttribute !== 'function') return null // role="group" 是子分组容器，role="tree" 是列表根，都不能当顶层组容器。 if (!el.getAttribute('role')) return el el = el.parentElement } return null } function dsmSyncEmptyGroups(purgedNow) { let rows = null try { rows = document.querySelectorAll('[role="treeitem"][data-row-key^="workspace:"]') } catch (e) { return } if (!rows || !rows.length) return const purged = purgedNow instanceof Set ? purgedNow : new Set() // 被插件藏起来的 id 集合只在真的需要判定时建一次（绝大多数帧用不到）。 let hiddenIds = null const hiddenIdSet = () => { if (hiddenIds) return hiddenIds hiddenIds = new Set() if (dsmTrashIds) for (const id of dsmTrashIds) hiddenIds.add(id) for (const id of purged) hiddenIds.add(id) for (const [id, info] of dsmLineage.entries()) if (info && info.empty) hiddenIds.add(id) return hiddenIds } rows.forEach((row) => { try { // 容器必须是无 role 的普通元素（顶层分组）。子分组容器 role="group" // 里装的是整段子分组，不能当组容器用——拿它当容器会把整段子分组藏掉。 // 上游把标题行包在 wrapper span 里时 parentElement 不是组容器， // 因此向上找到真正的 groupSection（见 groupContainerOf）。 const scope = groupContainerOf(row) if (!scope || scope === document.body) return // 组内还有没被我们藏起来的会话行 → 绝不藏（也顺手还原）。 // 行可能被上游包在 wrapper span 里（见 groupSessionRows 的说明）， // 因此用收集器而不是直接遍历 scope.children。 let rendered = 0 for (const el of groupSessionRows(scope, row)) { if (el.hasAttribute(DSM_HIDDEN_ATTR)) continue rendered++ } if (rendered > 0) { setGroupHidden(scope, false); return } // 容器里可能还挂着子分组（上游把嵌套工作区渲染在 role="group" 的 // div 里）。只要还有子分组对用户可见，就绝不能藏父容器——那会把整 // 段子分组一起带走。 for (const nested of scope.querySelectorAll('[data-row-key^="workspace:"]')) { if (nested === row) continue if (!isShownWithin(nested, scope)) continue setGroupHidden(scope, false) return } // 渲染行全被我们藏了（或一行都没渲染）：只有数据层能证明「真空」才藏。 // 拿不到 group.sessions / 数组为空 = 不知道 → 按非空处理，保持显示。 const group = sidebarAdapter.recognizeGroupQuiet(row) const sessions = group && Array.isArray(group.sessions) ? group.sessions : null setGroupHidden(scope, aliveSessionCount(sessions, hiddenIdSet()) === 0) } catch (e) { /* 单组失败不影响其它组 */ } }) } // issue #16：「展开其余 N 个会话」的 N 是上游按数据层算的（0.2.0-rc.2 叫 // collapsedSessionRows，0.2.1-rc.2 改叫 watermarkRows），它看不到插件用 // display:none 藏起来的回收站/空白行，于是 N 虚高；点开只是把更多已隐藏行 // 塞进 DOM，画面不动，很像「会话丢了」。 // // 只改**文案与显隐**，不碰上游的展开状态机（watermark / 点击行为），也不改 // 任何行自身的可见性判定。 // // 口径（F1）：上游 N 是「水位线之外未渲染的行数」，和「整组被插件藏起来的 // 行数」不重叠，相减会重复扣减、点开一次就翻负，把仍有可见行的按钮藏掉 // （上游只有这一个展开入口 → 会话不可达）。这里改用 // 还能出现几行 = 本组可见总数（非 blank、且不会被插件藏）- 已渲染可见行数 // 空白行两边都排除（F2）：上游 watermarkRows 里 `if (session.blank) return true` // —— 空白行永远保留、从不计入 N。 // // 数据层拿不到 group.sessions 时**什么都不改**（F6）：DOM 兜底在数学上不成立， // 写一个看起来合理却会算错的数比不改更糟。 const OVERFLOW_SIGS = new WeakMap() // 签名只看「便宜且能反映变化」的量：本组已渲染可见会话行（数量 + 首尾 id）、 // 按钮自身文案与显隐、三个集合的大小。流式输出时 paint 每帧都跑，但侧栏结构 // 绝大多数帧没变 —— 命中签名就直接跳过 fiber 走链（F4）。 const overflowSignature = (scope, btn, purgedNow) => { let n = 0 let firstKey = '' let lastKey = '' for (const el of groupSessionRows(scope, btn)) { if (el.hasAttribute(DSM_HIDDEN_ATTR)) continue n++ const k = el.getAttribute('data-row-key') || '' if (!firstKey) firstKey = k lastKey = k } return n + '|' + firstKey + '|' + lastKey + '|' + (btn.textContent || '') + '|' + (btn.style.display || '') + '|' + (dsmTrashIds ? dsmTrashIds.size : -1) + '|' + purgedNow.size + '|' + dsmLineage.size } function dsmSyncOverflowLabels(purgedNow) { let buttons = null try { buttons = document.querySelectorAll('[data-row-key^="overflow:"]') } catch (e) { return } if (!buttons || !buttons.length) return try { buttons.forEach((btn) => { // 工作区标题行与本组的会话行同属一个 groupSection（上游 renderGroup 的 // 直接子节点；子分组在另一个 role=group 容器里）→ 只按直接子节点找， // 不再做全文档属性前缀扫描。 const scope = btn.parentElement if (!scope || !scope.children) return const sig = overflowSignature(scope, btn, purgedNow) if (OVERFLOW_SIGS.get(btn) === sig) return const key = (btn.getAttribute('data-row-key') || '').slice('overflow:'.length) // 工作区标题行：先按直接子节点找；上游 0.2.1-rc.2 把它也包进 wrapper 时 // 再向下找一层（与 groupSessionRows 同一套兜底思路）。 const wsKey = 'workspace:' + key let wsRow = null for (const el of scope.children) { if (el.getAttribute && el.getAttribute('data-row-key') === wsKey) { wsRow = el; break } } if (!wsRow) { try { wsRow = scope.querySelector('[data-row-key="' + wsKey.replace(/"/g, '\\"') + '"]') } catch (e) { wsRow = null } } const group = wsRow ? sidebarAdapter.recognizeGroupQuiet(wsRow) : null const nodes = group && Array.isArray(group.sessions) ? group.sessions : null if (!nodes) { // 数据层不可用：还原成上游原文案并放开按钮，绝不猜数字。 restoreOverflowButton(btn) OVERFLOW_SIGS.set(btn, overflowSignature(scope, btn, purgedNow)) return } // 分组折叠时上游把 `sessions` 收回成空数组（`expanded ? [...].map(...) : []`）， // 所以「空数组」不等于「这组没有会话」。若照旧走下面的空集保护，折叠态的 // 分组永远不会被校准 —— 而展开按钮本身就只在折叠态出现，等于整段逻辑永久失效。 // // 上游同时给了 `sessionCount`（= 组内会话总数，与展开状态无关），用它来判定： // 到底是真的没会话，还是只是还没展开。注意 `sessionCount` 已过上游的 // `sessionVisible` 过滤（排除 archived 与空白会话），但仍可能包含本插件 // 软删到回收站、尚未从会话列表摘掉的条目 —— 所以算可见数时要再扣一次。 const groupCount = group && typeof group.sessionCount === 'number' ? group.sessionCount : null const collapsed = !nodes.length && groupCount != null && groupCount > 0 // 本组「上游会列出、且不会被插件藏起来」的会话集合。 const ids = new Set() for (const node of (nodes && nodes.length ? nodes : [])) { if (!node || node.blank) continue const id = node.id != null ? String(node.id) : '' if (!id) continue if ((dsmTrashIds && dsmTrashIds.has(id)) || purgedNow.has(id)) continue const li = dsmLineage.get(id) if (li && li.empty) continue ids.add(id) } // 已渲染进 DOM 的可见行：本组会话行里不在隐藏标记中的那些。 // 用 `data-dsm-hidden` 而非 style.display 判定——上游折叠父级时行自身 // 的 display 仍是空串，按 style 判会把看不见的行算成已渲染。 const rendered = [] for (const el of groupSessionRows(scope, btn)) { const k = el.getAttribute('data-row-key') || '' rendered.push({ id: k.slice('session:'.length), pluginHidden: el.hasAttribute(DSM_HIDDEN_ATTR) }) } // 空集/口径不匹配的保护：数据层说「一条都没有」但 DOM 里明明有会话行， // 说明 group.sessions 的语义变了（懒加载、上游又换了过滤条件）。此时按 // 未知处理，绝不能算出 0 把按钮藏掉 —— 那是把可见会话变成不可达。 // 折叠态（collapsed）不算「空集」：那是上游把 sessions 收回的正常表现， // 继续走下面的计数分支，否则展开按钮永远得不到校准。 if (!nodes.length && !collapsed) { restoreOverflowButton(btn) OVERFLOW_SIGS.set(btn, overflowSignature(scope, btn, purgedNow)) return } if (!ids.size && rendered.length) { restoreOverflowButton(btn) OVERFLOW_SIGS.set(btn, overflowSignature(scope, btn, purgedNow)) return } // 折叠态：上游把 `group.sessions` 收回成空数组，而展开按钮正是这时候 // 出现的 —— 也就是说「数据层拿不到成员」和「按钮需要校准」同时发生， // 旧实现于是在这里直接 return，展开计数永远得不到校准（issue #16 的 // 「点开没反应 / 数字不动」就是这么来的）。 // // 折叠时不再依赖成员 id，改用两条与展开状态无关的信息： // 1) `group.sessionCount` —— 组内会话总数（上游按工作区统计）； // 2) `dsmTrashCountByCwd` —— host 下发的「本工作区回收站条数」。 // 两者相减即为展开后实际会出现的行数；折叠时 DOM 里没有会话行， // 已渲染可见数按 0 计。 if (collapsed) { const wsCwd = group && typeof group.cwd === 'string' ? group.cwd : null const trashInGroup = wsCwd != null && dsmTrashCountByCwd ? (dsmTrashCountByCwd.get(wsCwd) || 0) : null const visibleTotal = collapsedVisibleTotal(groupCount, trashInGroup) if (visibleTotal == null) { // 老 host / 拿不到 cwd：不猜数字，保持上游原文案。 restoreOverflowButton(btn) OVERFLOW_SIGS.set(btn, overflowSignature(scope, btn, purgedNow)) return } const more = remainingRows(visibleTotal, 0) applyOverflowPlan(btn, more, '折叠 总数 ' + groupCount + ' / 回收站 ' + trashInGroup) OVERFLOW_SIGS.set(btn, overflowSignature(scope, btn, purgedNow)) return } const renderedVisible = countRenderedVisible(rendered, ids) const more = remainingRows(ids.size, renderedVisible) applyOverflowPlan(btn, more, '可见 ' + ids.size + ' / 已渲染 ' + renderedVisible) OVERFLOW_SIGS.set(btn, overflowSignature(scope, btn, purgedNow)) }) } catch (e) { // 非关键路径：失败就保持上游原样，不影响本次 paint 的其它注入（F5）。 try { console.debug('[dsh-sessions-manager] 展开计数校准跳过：' + (e && e.message)) } catch (e2) {} } } // 把计划落到按钮上：文案基线 / 上次写入值 / 口径版本都记在 dataset // （F8：跨版本残留的旧基线不会延续到下个版本），HMR 重装后也不会二次处理。 function applyOverflowPlan(btn, more, detail) { const raw = btn.textContent || '' const ver = String(SIDEBAR_ADAPTER_VERSION) const fresh = btn.getAttribute(DSM_OVERFLOW_VER) === ver const last = fresh ? btn.getAttribute(DSM_OVERFLOW_WRITE) : null let baseline = fresh ? btn.getAttribute(DSM_OVERFLOW_BASE) : null // 首次见到，或上游重渲染换了文案（含点击展开后的新 N）→ 以当前文案为新基准。 if (baseline == null || raw !== last) baseline = raw btn.setAttribute(DSM_OVERFLOW_BASE, baseline) btn.setAttribute(DSM_OVERFLOW_VER, ver) // F3：上游 N 藏在基线文案里。若我们算出的「还能出现几行」反而比上游 N 大， // 说明数据层与 DOM 的口径已经不一致（上游改了 group.sessions 的过滤语义、 // 或将来插件改用官方归档 API）——收敛回上游 N 并留一条 debug，把「静默 // 失效」变成可观测。注意必须用**基线**里的 N：当前文案可能是我们写过的值。 const bm = baseline.match(/(\d[\d,]*)/) const upstream = bm ? Number(bm[1].replace(/,/g, '')) : null if (more != null && upstream != null && upstream > 0 && more > upstream) { more = upstream debugOverflowOnce((detail || '') + '，超过上游计数 ' + upstream + '，已按上游计数收敛') } const plan = overflowPlan(baseline, more) if (plan.hide) { if (btn.style.display !== 'none') btn.style.display = 'none' if (!btn.hasAttribute(DSM_OVERFLOW_HIDDEN)) btn.setAttribute(DSM_OVERFLOW_HIDDEN, '') btn.setAttribute(DSM_OVERFLOW_WRITE, baseline) return } if (btn.hasAttribute(DSM_OVERFLOW_HIDDEN)) { btn.style.display = '' btn.removeAttribute(DSM_OVERFLOW_HIDDEN) } if (plan.changed) { // 同值不写：写入会触发 characterData 观察 → 重绘，必须保持幂等。 if (btn.textContent !== plan.text) btn.textContent = plan.text btn.setAttribute(DSM_OVERFLOW_WRITE, plan.text) } else { if (btn.textContent !== baseline) btn.textContent = baseline btn.setAttribute(DSM_OVERFLOW_WRITE, baseline) } } function restoreOverflowButton(btn) { const verbatim = btn.getAttribute(DSM_OVERFLOW_BASE) if (verbatim != null && btn.textContent !== verbatim) btn.textContent = verbatim if (btn.hasAttribute(DSM_OVERFLOW_HIDDEN)) { btn.style.display = '' btn.removeAttribute(DSM_OVERFLOW_HIDDEN) } } const paint = () => { if (sidebarAdapter.disabled) return // Recompute the active session on every paint so the active row is never // shown from a stale `curActive` (the click that changes aria-selected // mutates the DOM and triggers paint immediately, before the tick() // would have run — without this, the clicked session flashed green). const activeId = activeRowId() // Clicking into a manually-marked session auto-clears the manual unread // flag (it becomes read on open) — only on the active transition, so a // flag set while already viewing it isn't wiped until you re-enter it. if (activeId !== curActive && activeId && manualUnread.has(activeId)) { manualUnread.delete(activeId) dsmSaveManual() } curActive = activeId // 每次 paint 只聚合一次：父会话 id → 子代理数（O(n)，避免每行重算）。 const purgedNow = dsmLoadPurged() const kidsByParent = (() => { const m = new Map() for (const [id, info] of dsmLineage.entries()) { if (info.origin !== 'subagent' || !info.parentSession) continue // 已进回收站 / 已彻底删除的子代理不计数：否则删掉了徽标数字还挂着。 if ((dsmTrashIds && dsmTrashIds.has(id)) || purgedNow.has(id)) continue m.set(info.parentSession, (m.get(info.parentSession) || 0) + 1) } return m })() const rows = document.querySelectorAll('[role="treeitem"]') // 兜底清理：父行被 React 移除 / 复用后残留的子代理容器立刻摘掉， // 避免孤儿容器越堆越多。 document.querySelectorAll('[data-dsm-subs]').forEach((box) => { const pid = box.getAttribute('data-dsm-subs') const prev = box.previousElementSibling if (!prev || rowId(prev) !== pid) box.remove() }) rows.forEach((row) => { const id = rowId(row) if (!id) return // Trashed sessions belong in 回收站, not the sidebar (DSH would group // them under "未分组"). Hide the row entirely and skip its dot. So do // hard-purged sessions — they're gone for good and must never resurface // (otherwise DSH re-renders the orphan under a "未分组" group). const purged = purgedNow if ((dsmTrashIds && dsmTrashIds.has(id)) || purged.has(id)) { if (row.style.display !== 'none') row.style.display = 'none' // issue #16：标记「这一行是插件隐藏的」，供展开计数扣减使用（数据层 // 拿不到 group.sessions 时也能按 DOM 兜底统计）。属性不进 observer 的 // attributeFilter，不会自触发重绘。 if (row.getAttribute(DSM_HIDDEN_ATTR) !== 'trash') row.setAttribute(DSM_HIDDEN_ATTR, 'trash') const d = row.querySelector('[' + DOT + ']'); if (d) d.remove() dsmDropSubList(row, id) return } // ---- 血缘分层披露（issue #6）-------------------------------------- // 优先级：回收站/墓碑隐藏 > 纯净视图隐藏（仅空白行） > 原生显示。 // 子代理行按 DSH 设计不进侧栏（ui-subagent README 明文）；万一上游 // 改回渲染，这里只做缩进视觉、绝不隐藏——侧栏没有展开入口，藏了 // 就再也找不回来。 const li = dsmLineage.get(id) const isSub = !!(li && li.origin === 'subagent') const isEmpty = !!(li && li.empty) // React 会复用行 DOM：每次先按当前 id 重置血缘视觉，再按需加回。 // classList 的 add/remove 对已处于目标状态的行是无操作（不触发 // MutationObserver），徽标节点只允许「缺失才创建」。 row.classList.remove('dsm-row-sub') // 选中行标记：徽标/标签的「选中才显示」靠它驱动（CSS 侧）。 // toggle 同值时不动 DOM 属性，不会触发 MutationObserver。 row.classList.toggle('dsm-row-active', id === activeId) row.style.removeProperty('--dsm-indent') let hideLineage = false if (li && isSub) { row.classList.add('dsm-row-sub') if (getComputedStyle(row).position === 'static') row.style.position = 'relative' const depth = Math.max(0, (li.delegationDepth || 1) - 1) if (depth > 0) row.style.setProperty('--dsm-indent', String(depth * 10) + 'px') } else if (li && isEmpty) { // 空白行一律隐藏（原纯净视图行为固化，见 dsmLineage 注释）。 hideLineage = true } if (hideLineage) { if (row.style.display !== 'none') row.style.display = 'none' if (row.getAttribute(DSM_HIDDEN_ATTR) !== 'empty') row.setAttribute(DSM_HIDDEN_ATTR, 'empty') const d = row.querySelector('[' + DOT + ']'); if (d) d.remove() dsmDropSubList(row, id) return } if (row.style.display === 'none') row.style.display = '' // 行重新可见（已从回收站恢复 / 空白状态消失）：摘掉隐藏标记，展开计数 // 立刻把这一条还回「可展开」的数量里。 if (row.hasAttribute(DSM_HIDDEN_ATTR)) row.removeAttribute(DSM_HIDDEN_ATTR) if (!isEmpty && li && li.parentSession && li.origin !== 'subagent') { // fork 分支行：绿「⑂ 分支」chip，点击滚动并高亮父会话行。 // v3.6.2 #3：chip 每次 paint 幂等同步（存在才不建，但 tooltip/父 id // 随最新权威数据刷新）——旧实现「创建即定格」，父标题后到时 tooltip // 永远停在降级文案；点击改读 dataset，React 复用行 DOM 也不会切错父。 const parentTitle = dsmAuthoritativeTitles.get(li.parentSession) const tip = parentTitle ? '分支于：' + parentTitle : '分支会话（点击查看来源会话）' let fork = row.querySelector('[data-dsm-tag="fork"]') if (!fork) { fork = document.createElement('button') fork.type = 'button' fork.dataset.dsmTag = 'fork' fork.className = 'dsm-tag dsm-tag-fork' fork.textContent = '⑂ 分支' fork.addEventListener('click', (e) => { e.stopPropagation(); e.preventDefault() const target = e.currentTarget.dataset.dsmForkParent || '' const rows = document.querySelectorAll('[role="treeitem"]') for (const other of rows) { if (rowId(other) === target) { other.scrollIntoView({ block: 'center', behavior: 'smooth' }) other.classList.add('dsm-row-flash') setTimeout(() => other.classList.remove('dsm-row-flash'), 1200) break } } }) row.appendChild(fork) } if (fork.dataset.dsmForkParent !== li.parentSession) fork.dataset.dsmForkParent = String(li.parentSession) if (fork.title !== tip) { fork.title = tip; fork.setAttribute('aria-label', tip) } } else { const staleFork = row.querySelector('[data-dsm-tag="fork"]') if (staleFork) staleFork.remove() } if (!isEmpty && !isSub) { const kids = kidsByParent.get(id) const existingKids = row.querySelector('[data-dsm-kids]') const open = dsmSubsOpen.has(id) // 徽标 DOM 随血缘常驻，显隐交给 CSS（选中 / 悬停 / 键盘聚焦）。已 // 展开的父行加 dsm-row-open 让徽标常驻可见——否则切走之后就再也 // 收不回来了。隐藏状态不占位：标题拿全宽，悬停才让位给徽标。 row.classList.toggle('dsm-row-open', open) if (kids) { const text = (open ? '▾ ' : '▸ ') + kids + ' 子代理' let badge = existingKids if (!badge) { badge = document.createElement('button') badge.type = 'button' badge.dataset.dsmKids = '' badge.className = 'dsm-kids-badge' badge.addEventListener('click', (e) => { e.stopPropagation(); e.preventDefault() dsmToggleSubs(badge) }) row.appendChild(badge) } // 父会话 id 存 dataset、每次 paint 刷新：React 复用行 DOM 时旧闭包 // 里的 id 可能已过期，点击时读 dataset 才不会切错父会话。 if (badge.dataset.dsmParentId !== id) badge.dataset.dsmParentId = id // 同值赋值会替换文本节点、触发 observer——只在变化时写。 if (badge.textContent !== text) badge.textContent = text const label = (open ? '收起' : '展开') + '该会话的 ' + kids + ' 个子代理' if (badge.getAttribute('aria-label') !== label) { badge.setAttribute('aria-label', label) badge.title = label } if (badge.getAttribute('aria-expanded') !== String(open)) badge.setAttribute('aria-expanded', String(open)) if (open) dsmSyncSubList(row, id) else dsmDropSubList(row, id) } else { // 没有子代理：徽标与可能残留的子代理容器一并摘掉。 if (existingKids) existingKids.remove() dsmDropSubList(row, id) } } else { row.classList.remove('dsm-row-open') const staleKids = row.querySelector('[data-dsm-kids]') if (staleKids) staleKids.remove() } // DSH's cold list baseline can expose a stale header title until the // Session is opened. Paint the latest log-folded title from the host // authority without materializing the Session or changing its log. const authoritativeTitle = dsmAuthoritativeTitles.get(id) { const base = titleBaselines.get(row) // 零成本快路径：已定型且权威没更新 → 不查 DOM 不比较。 if (!base || base.id !== id || (authoritativeTitle && authoritativeTitle !== base.authoritative)) { const node = rowNode(row) || {} const expected = new Set([node.title, node.displayTitle, node.name].filter((value) => typeof value === 'string')) const spans = [...row.children].filter((el) => el.tagName === 'SPAN' && !el.querySelector('[data-state]') && (el.textContent || '').trim()) let titleEl = null if (base && base.id === id) { // 回填路径：只认我们上次写入/记录的那段文本，绝不猜别的 span。 titleEl = spans.find((el) => (el.textContent || '') === base.text) || spans.find((el) => expected.has((el.textContent || '').trim())) || null } else { titleEl = spans.find((el) => expected.has((el.textContent || '').trim())) || spans[0] || null } if (titleEl) { const d = titleBackfillDecision({ rendered: titleEl.textContent || '', baseline: base && base.id === id ? { text: base.text, authoritative: base.authoritative } : null, authoritative: authoritativeTitle || '', }) if (d) { if (d.changed && titleEl.textContent !== d.text) titleEl.textContent = d.text titleBaselines.set(row, { id, text: d.nextBaseline.text, authoritative: d.nextBaseline.authoritative }) } } } } // Read DSH's REAL session status from the row's own StateDot and recolor // it with the user's scheme (we also hide DSH's dot so only ours shows). const sd = row.querySelector('[data-state]') if (sd) sd.style.display = 'none' let dot = row.querySelector('[' + DOT + ']') const state = dotStateFor({ manualUnread: manualUnread.has(id), dataState: sd ? sd.getAttribute('data-state') : '', isActive: activeId === id }) const color = state ? COLOR[state] : null if (!color) { if (dot) dot.remove(); return } if (!dot) { dot = document.createElement('span') dot.setAttribute(DOT, '') dot.className = 'dsm-dot' if (!row.hasAttribute('data-dsm-pos')) { if (getComputedStyle(row).position === 'static') row.style.position = 'relative' row.setAttribute('data-dsm-pos', '') } dot.addEventListener('click', (e) => { e.stopPropagation(); e.preventDefault() dsmToggleManual(id) }) row.insertBefore(dot, row.firstChild) } dot.style.background = color }) dsmSyncEmptyGroups(purgedNow) // issue #16：等隐藏标记落定后再校准展开计数（数据层优先，DOM 标记兜底）。 dsmSyncOverflowLabels(purgedNow) } dsmRepaintDots = paint const paintToast = (msg, kind) => { const t = document.createElement('div') t.className = 'dsm-toast' + (kind === 'err' ? ' dsm-toast-err' : '') t.textContent = msg t.setAttribute('role', 'status') t.style.cssText = 'position:fixed;left:50%;bottom:24px;transform:translateX(-50%);max-width:80%;padding:8px 14px;border-radius:8px;background:#2C2C2A;color:#F1EFE8;font-size:12px;line-height:1.5;z-index:9999;cursor:pointer' t.addEventListener('click', () => t.remove()) document.body.appendChild(t) // T2：排队结果文案动辄几十字，固定 4200ms 读不完（3.6.0 已为面板 toast 立过 // toastDurationFor，这里把侧栏通道并进来）。 setTimeout(() => t.remove(), toastDurationFor(msg, kind)) } dsmNotifySink = paintToast // ---- 侧栏就地展开子代理（issue #6）------------------------------------ // DSH 按设计不渲染子代理行（ui-subagent 明文 "omitted from the ordinary // sidebar"），所以插件自己把它们在父行下方补渲染出来：点击徽标就地展开， // 不需要跳转到任何别处。数据来自 lineage-tree（官方 header 血缘 + live // 标记），带短期缓存；删除后整表失效重取。 const DSM_KEY_SUBS = 'dsm-subs-open-v1' const dsmSubsOpen = new Set() try { for (const id of JSON.parse(localStorage.getItem(DSM_KEY_SUBS) || '[]')) if (typeof id === 'string') dsmSubsOpen.add(id) } catch (e) {} const dsmSaveSubsOpen = () => { try { localStorage.setItem(DSM_KEY_SUBS, JSON.stringify([...dsmSubsOpen])) } catch (e) {} } const dsmSubTrees = new Map() const SUB_TTL_MS = 15000 async function dsmFetchSubTree(pid) { const cached = dsmSubTrees.get(pid) if (cached && Date.now() - cached.ts < SUB_TTL_MS) return cached dsmSubTrees.set(pid, { ts: Date.now(), status: 'loading', nodes: (cached && cached.nodes) || [] }) try { const r = await postJSON('/archived-sessions/lineage-tree', { sessionId: pid }) dsmSubTrees.set(pid, { ts: Date.now(), status: 'ready', nodes: (r && r.nodes) || [] }) } catch (e) { dsmSubTrees.set(pid, { ts: Date.now(), status: 'error', nodes: [], error: String((e && e.message) || e) }) } if (dsmRepaintDots) dsmRepaintDots() return dsmSubTrees.get(pid) } async function dsmSubAction(sid, kind) { try { await postJSON('/archived-sessions/delete', { sessionId: sid }) if (kind === 'purge') { await postJSON('/archived-sessions/trash/purge', { sessionId: sid }) dsmMarkPurged([sid]) paintToast('已彻底删除该子代理') } else { paintToast('已移入回收站') } // 乐观剔除：服务端重取是异步的（且 DSH 的内存会话列表可能还挂着刚删掉 // 的子代理），先把这个 id 从所有已缓存的树里摘掉，立刻重绘，不等网络。 dsmDropSubagentFromTrees(sid) // 后台重取：loading 期间沿用上一步的乐观结果（dsmFetchSubTree 保留旧 // nodes），新数据到达后再刷新一次，不会闪回「加载中」。 for (const pid of [...dsmSubTrees.keys()]) dsmFetchSubTree(pid) dsmLoadTrashIds() if (dsmRepaintDots) dsmRepaintDots() } catch (e) { paintToast('操作失败：' + String((e && e.message) || e)) } } // 从所有缓存的子代理树里递归摘掉一个 id（含它的整棵子树）。 function dsmDropSubagentFromTrees(sid) { const target = String(sid) const prune = (nodes) => (nodes || []).filter((n) => String(n.sessionId) !== target).map((n) => ({ ...n, children: prune(n.children) })) for (const [pid, rec] of dsmSubTrees) { if (!rec || !Array.isArray(rec.nodes)) continue dsmSubTrees.set(pid, { ...rec, nodes: prune(rec.nodes) }) } } function dsmToggleSubs(badge) { const pid = badge && badge.dataset ? badge.dataset.dsmParentId : null if (!pid) return if (sidebarAdapter.disabled) { paintToast('侧栏适配器已停用（上游结构变化），请改从 设置 → 会话管理 查看子代理') return } if (dsmSubsOpen.has(pid)) { dsmSubsOpen.delete(pid); dsmSubTrees.delete(pid) } else { dsmSubsOpen.add(pid) } dsmSaveSubsOpen() if (dsmRepaintDots) dsmRepaintDots() } function dsmDropSubList(row, pid) { const parent = row.parentNode if (!parent) return for (const el of parent.children) { if (el.getAttribute && el.getAttribute('data-dsm-subs') === pid) { el.remove(); break } } } // 把某父会话的子代理树同步到它下方。全程幂等：容器只在缺失时创建，内容 // 只在签名变化时重写——否则自己的写入会再次触发 MutationObserver 死循环。 function dsmSyncSubList(row, pid) { const parent = row.parentNode if (!parent) return const open = dsmSubsOpen.has(pid) let box = null for (const el of parent.children) { if (el.getAttribute && el.getAttribute('data-dsm-subs') === pid) { box = el; break } } if (!open) { if (box) box.remove(); return } const rec = dsmSubTrees.get(pid) if (!rec) { dsmFetchSubTree(pid); return } if (!box) { box = document.createElement('div') box.setAttribute('data-dsm-subs', pid) box.className = 'dsm-subs' parent.insertBefore(box, row.nextSibling) } else if (box.nextElementSibling !== row.nextSibling && box.previousElementSibling !== row) { // React 重排后容器可能不在原位：搬回父行下方。 parent.insertBefore(box, row.nextSibling) } const flat = [] const walk = (nodes, depth) => { for (const n of nodes || []) { flat.push([n, depth]); if (depth < 4) walk(n.children, depth + 1) } } walk(rec.nodes, 0) // v3.6.2 #8：树里 title 为 null（未暖/失败）的子节点用侧栏权威标题回落 // 参与签名与渲染——权威后到时签名变化，展开态就地补写，不再定格短 id。 const effTitle = (n) => n.title || dsmAuthoritativeTitles.get(String(n.sessionId)) || '' const sig = rec.status + '|' + flat.map(([n, d]) => [n.sessionId, effTitle(n), n.live ? 1 : 0, n.sizeBytes, d].join(':')).join(';') if (box.dataset.dsmSig === sig) return box.dataset.dsmSig = sig box.textContent = '' if (rec.status === 'loading' && !flat.length) { const p = document.createElement('div'); p.className = 'dsm-sub-note'; p.textContent = '加载子代理…'; box.appendChild(p); return } if (rec.status === 'error') { const p = document.createElement('div'); p.className = 'dsm-sub-note'; p.textContent = '子代理加载失败：' + (rec.error || '未知错误'); box.appendChild(p); return } if (!flat.length) { const p = document.createElement('div'); p.className = 'dsm-sub-note'; p.textContent = '该会话没有子代理'; box.appendChild(p); return } const canPurgeSub = dsmActionCapability('physicalPurge', 'purge') for (const [n, depth] of flat) { const r = document.createElement('div') r.className = 'dsm-sub-row' + (n.live ? ' dsm-sub-live' : '') r.style.paddingLeft = String(14 + depth * 12) + 'px' // 整行可点：走官方 sessions.open / openSubagent 打开这个子代理会话。 // 行内按钮自己 stopPropagation，不会误触发。 r.title = '打开这个子代理会话' r.addEventListener('click', async () => { const res = await dsmOpenSessionById(n.sessionId, n.parentSession || pid) if (res === 'ok') return const msg = openSubagentToast(res, n.title, 'sidebar') paintToast(msg.text, msg.kind) }) const name = document.createElement('span') name.className = 'dsm-sub-name' name.textContent = effTitle(n) || (String(n.sessionId).slice(0, 8) + '…') name.title = n.sessionId r.appendChild(name) const meta = document.createElement('span') meta.className = 'dsm-sub-meta' meta.textContent = n.live ? '运行中' : (fmtBytes(n.sizeBytes) || '已结束') r.appendChild(meta) const acts = document.createElement('span') acts.className = 'dsm-sub-acts' const del = document.createElement('button') del.type = 'button' del.className = 'dsm-sub-btn' del.textContent = '删除' del.title = '移入回收站，可在回收站恢复' del.addEventListener('click', (e) => { e.stopPropagation(); e.preventDefault(); dsmSubAction(n.sessionId, 'delete') }) acts.appendChild(del) // 彻底删除是破坏性操作，只放在会话管理面板里（那里有二次确认、回收站 // 与墓碑一整套安全网）。侧栏只提供「删除」（进回收站，可恢复）。 r.appendChild(acts) box.appendChild(r) } } // MutationObserver 增量驱动为主（childList + 属性 + 文本），彻底替代高频率 // 全表定时扫描；保留一个低频兜底 tick 处理无 DOM 变化的状态迁移，且后台 // 标签页完全不跑。回收站/墓碑集合的刷新也挂在这个兜底上（每 8 拍 ≈ 32s）。 let raf = 0 const schedulePaint = () => { if (raf) return; raf = requestAnimationFrame(() => { raf = 0; paint() }) } const FALLBACK_TICK_MS = 4000 const tick = () => { if (typeof document !== 'undefined' && document.hidden) return // v3.6.2 C：预热在途时每拍（4s）都拉 sidebar-state，补齐结果立刻浮现； // 空闲时维持低频 32s（3.4.1 移除全表轮询的性能决策不回退——这里轮询的 // 是轻量 authority 路由，且仅在有活可补的窗口期加速）。T1：精判同闸。 const cadence = (dsmWarmPending || dsmRefinePending) ? 1 : 8 if (++dsmTrashTick % cadence === 0) dsmLoadTrashIds() paint() } tick() dsmLoadTrashIds() // v3.6.2 C：冷启动快速二拍——首拉响应可能仍被空白精判/预热排队压着， // 1.5s 后再拉一次，把「⑂ 分支」等后到信息的台阶从 32s 缩到秒级。 const coldSecondBeat = setTimeout(() => dsmLoadTrashIds(), 1500) paint() const obs = new MutationObserver(schedulePaint) obs.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['data-state', 'aria-selected', 'class', 'style'], characterData: true, }) const tickTimer = setInterval(tick, FALLBACK_TICK_MS) // 插件卸载（HMR / 停用）时整场清退：没有这一步，interval 和 observer 会 // 跟着旧闭包活到页面关闭，注入节点也会留在侧栏上。 return () => { clearInterval(tickTimer) clearTimeout(coldSecondBeat) obs.disconnect() dsmNotifySink = null dsmTeardownSidebarAug() } } // Cross-workspace drag/drop for the native DSH sidebar. DSH does not expose a // sidebar-row plugin slot, so the adapter discovers session/workspace rows from // their React fiber nodes, while the actual move remains entirely host-owned. // The existing “移动会话” menu is also the keyboard-accessible fallback. // 同上：拖拽增强的观察器 / interval / document 级 pointerdown|drag* 监听器只装一份。 let sidebarDragInstalled = false // 「当前拖的是一条会话行」——自动滚动只认这个状态。从 Finder 拖文件、拖选文本、 // 拖图片进窗口同样会触发 dragover，那些绝不该把侧栏滚起来。 let dsmSessionDragActive = false function installSidebarWorkspaceDrag() { if (typeof document === 'undefined') return if (sidebarDragInstalled) return sidebarDragInstalled = true let sessions = new Map() let dragging = null let moving = false // 识别统一走 sidebarAdapter（可版本化、可整体降级）；adapter 停用后拖拽 // 行为整体退出，不残留在官方侧栏上。 const sessionForRow = (row) => { const { node, group } = sidebarAdapter.recognize(row) return sessionForNodes(group ? [node, group].filter(Boolean) : [node], sessions) } const workspaceForRow = (row) => { // A session row's fiber chain also contains its parent workspace node. // Reject it explicitly so only the visible workspace header is a drop zone. if (sessionForRow(row)) return null const { group } = sidebarAdapter.recognize(row) return group ? workspaceForNodes([group]) : null } const eventRow = (event) => { for (const item of event.composedPath ? event.composedPath() : []) { if (item instanceof Element && item.getAttribute('role') === 'treeitem') return item } return event.target instanceof Element ? event.target.closest('[role="treeitem"]') : null } const toast = (message) => { const el = document.createElement('div') el.className = 'dsm-toast' el.setAttribute('role', 'status') el.textContent = message document.body.appendChild(el) setTimeout(() => el.remove(), toastDurationFor(message)) // T2：并轨按字数定时 } const clearVisuals = () => { document.querySelectorAll('.dsm-drag-source,.dsm-drop-target').forEach((el) => el.classList.remove('dsm-drag-source', 'dsm-drop-target')) } const decorateRows = () => { if (sidebarAdapter.disabled) return document.querySelectorAll('[role="treeitem"]').forEach((row) => { const session = sessionForRow(row) const ws = workspaceForRow(row) if (session) { row.setAttribute('aria-description', '可拖动到其他工作区；键盘用户可通过更多菜单中的移动会话操作') } if (ws) row.setAttribute('data-dsm-workspace-drop', '') }) } const refresh = async () => { try { const sessionResult = await postJSON('/archived-sessions/sessions', {}) sessions = new Map((sessionResult.items || []).map((item) => [String(item.sessionId), item])) decorateRows() } catch (e) { /* sidebar enhancement remains optional */ } } // Capture before DSH's delegated React handlers. DSH reserves the same // native drag gesture for reordering sessions inside one group; only a real // workspace-heading target is intercepted here, so same-group sorting keeps // its official behavior. // 指针按下先于 dragstart 数十到数百毫秒，正好用来给「Map 里还没有的行」预热： // replace the 5s poll with a just-in-time fetch, so a brand-new session is // draggable on the first gesture without a background poll. document.addEventListener('pointerdown', (event) => { if (moving) return const row = eventRow(event) if (!row || sessionForRow(row)) return maybeRefresh() }, true) document.addEventListener('dragstart', (event) => { dsmSessionDragActive = false if (sidebarAdapter.disabled) return const moveCapability = dsmActionCapability('relocateSession') || dsmActionCapability('move') if (!moveCapability || !moveCapability.available) return const row = eventRow(event) const item = row && sessionForRow(row) if (!item || moving) return dragging = item dsmSessionDragActive = true row.classList.add('dsm-drag-source') }, true) document.addEventListener('dragover', (event) => { const row = eventRow(event) const target = row && workspaceForRow(row) if (!dragging || !target || moving) return if (!canDropOnWorkspace(dragging, target)) return event.preventDefault() event.stopPropagation() if (event.dataTransfer) event.dataTransfer.dropEffect = 'move' document.querySelectorAll('.dsm-drop-target').forEach((el) => { if (el !== row) el.classList.remove('dsm-drop-target') }) row.classList.add('dsm-drop-target') }, true) document.addEventListener('drop', async (event) => { const row = eventRow(event) const item = dragging const target = row && workspaceForRow(row) if (!item || !target || moving || !canDropOnWorkspace(item, target)) return event.preventDefault() event.stopPropagation() moving = true clearVisuals() row.classList.add('dsm-drag-busy') try { const result = await postActiveAware('/archived-sessions/move', { sessionId: item.sessionId, targetPath: target.path }) // 会话被 DSH 打开时服务端只登记排队：磁盘与工作区分组都没动。这条路径绝不能 // 本地改行 + 报成功——那会让用户以为移动已完成，而侧栏刷新后该行又跳回原工作区 //（用户 2026-09-10 报的「说移动成功但还在原工作区」就是这个）。排队时只如实说明。 if (result && result.queued) { await dsmLoadTrashIds() toast(result.notes && result.notes.length ? result.notes.join(' ') : '会话正被 DSH 打开，已排队待移动；重启 DSH 后会自动完成（请先别打开它）。') return } sessions.set(item.sessionId, { ...item, workspacePath: result.workspacePath || target.path, workspaceTitle: result.workspaceTitle || target.title }) await dsmLoadTrashIds() toast(result && result.already ? `已在「${result.workspaceTitle || target.title}」` : `已移到「${result.workspaceTitle || target.title}」`) } catch (error) { toast('移动失败：' + String((error && error.message) || error)) } finally { moving = false dragging = null dsmSessionDragActive = false row.classList.remove('dsm-drag-busy') decorateRows() } }, true) document.addEventListener('dragend', () => { dragging = null dsmSessionDragActive = false clearVisuals() }, true) let decorateTimer = null const scheduleDecorate = () => { if (decorateTimer) return decorateTimer = requestAnimationFrame(() => { decorateTimer = null; decorateRows() }) } refresh() const observer = new MutationObserver(scheduleDecorate) observer.observe(document.body, { childList: true, subtree: true }) // 原先这里每 5s 无脑全表刷新一次。该接口在 host 侧要遍历全部会话， // 大库（issue #1: 49 会话 / 14 万帧）上每次都是一次重活，页面挂着就一直占宿主 CPU， // 连累 session.history 之类 RPC 超时。拖拽元数据根本不需要 5s 精度： // - 背景标签页完全不刷新 // - 前台每 60s 兜底一次 // - 标签页重新可见、或真正开始拖拽而 Map 里没有该行时，按需刷新 let lastRefreshAt = Date.now() const maybeRefresh = () => { if (typeof document !== 'undefined' && document.hidden) return lastRefreshAt = Date.now() return refresh() } const REFRESH_MS = 60000 setInterval(() => { if (typeof document !== 'undefined' && document.hidden) return if (Date.now() - lastRefreshAt < REFRESH_MS) return maybeRefresh() }, REFRESH_MS) if (typeof document !== 'undefined' && document.addEventListener) { document.addEventListener('visibilitychange', () => { if (document.hidden) return if (Date.now() - lastRefreshAt < 30000) return maybeRefresh() }) } } /** * 拖拽自动滚动：会话列表经常比侧栏高得多，把会话往列表顶端（或底端）拖时， * 视口外的工作区标题够不着。这里只观察原生 drag 事件、只滚侧栏里那个 * role="tree" 的滚动容器，不参与、也不改变 DSH 自己的拖放判定。 * * 安装纪律（HMR 安全）：cordis 的 HMR 是「先 apply 新模块，再跑旧模块的 * cleanup」。按版本号 early-return 会让新实例误以为自己已经装好，紧接着旧 * cleanup 把监听器摘掉 —— 自动滚动从此永久失效。所以这里**无条件**摘掉上一代， * 再用 token 认领自己这一份；cleanup 只在 token 还对得上时才动手。 */ const DRAG_AUTO_SCROLL_VERSION = 2 const DRAG_AUTO_SCROLL_KEY = Symbol.for('dsh.sessions-manager.drag-auto-scroll') const DRAG_AUTO_SCROLL_EDGE = 64 const DRAG_AUTO_SCROLL_MAX_STEP = 20 const DRAG_AUTO_SCROLL_HOVER_SYNC_MS = 120 // 侧栏外拖拽时不必每个 dragover 都重新上溯 DOM：容器没找到就按这个间隔重试。 const DRAG_AUTO_SCROLL_RESOLVE_RETRY_MS = 120 function installSidebarDragAutoScroll() { if (typeof document === 'undefined' || typeof window === 'undefined') return null const previous = globalThis[DRAG_AUTO_SCROLL_KEY] if (previous && typeof previous.dispose === 'function') { try { previous.dispose() } catch (error) { /* 上一代坏了也要继续装新的 */ } } const token = Symbol('dsm-drag-auto-scroll') const state = { x: 0, y: 0, raf: 0, container: null, lastResolve: 0, lastHoverSync: 0, dataTransfer: null } // 先读 role（属性，O(1)）再算样式：原先每个祖先都跑一次 querySelector，60 次/秒 // 的 dragover 在长侧栏上等于持续子树扫描。 const scrollableTreeAt = (node) => { let el = node instanceof Element ? node : null while (el !== null && el !== document.body && el !== document.documentElement) { if (el.getAttribute('role') === 'tree') { const overflowY = window.getComputedStyle(el).overflowY if ((overflowY === 'auto' || overflowY === 'scroll' || overflowY === 'overlay') && el.scrollHeight - el.clientHeight > 1) return el } el = el.parentElement } return null } // 光标停在列表上方（侧栏标题一带）时 target 已经不在列表里；挑「横向覆盖光标、 // 且最靠左」的那棵树——文档里可能还有别的 role="tree"（设置面板等）， // 盲取 querySelector 的第一个会滚错容器。 const sidebarTreeUnder = () => { let best = null let bestLeft = Infinity document.querySelectorAll('[role="tree"]').forEach((el) => { const rect = el.getBoundingClientRect() if (rect.width <= 0) return if (state.x < rect.left || state.x > rect.right) return if (rect.left < bestLeft) { best = el; bestLeft = rect.left } }) return best } const resolveContainer = (target) => scrollableTreeAt(target) || scrollableTreeAt(sidebarTreeUnder()) const speedAt = (container) => { const rect = container.getBoundingClientRect() return dragAutoScrollStep({ y: state.y, top: rect.top, bottom: rect.bottom, edge: DRAG_AUTO_SCROLL_EDGE, maxStep: DRAG_AUTO_SCROLL_MAX_STEP, }) } // 滚动之后光标下的行换了，浏览器不会补发 dragover；补一条合成事件，让目标 // 高亮（本插件）与插入标记（DSH 原生排序）跟着滚动后的位置走。 // 必须复用真实拖拽的 dataTransfer：空 DataTransfer 没有 types，上游若按 types // 判定「这是不是会话拖拽」，会把插入标记判成非拖拽，反而清掉高亮。 const syncHover = () => { if (!dsmSessionDragActive) return const now = Date.now() if (now - state.lastHoverSync < DRAG_AUTO_SCROLL_HOVER_SYNC_MS) return state.lastHoverSync = now if (typeof DragEvent !== 'function' || !state.dataTransfer) return const target = document.elementFromPoint(state.x, state.y) if (target === null) return try { target.dispatchEvent(new DragEvent('dragover', { bubbles: true, cancelable: true, composed: true, clientX: state.x, clientY: state.y, dataTransfer: state.dataTransfer, })) } catch (error) { /* 合成事件失败不影响滚动本身 */ } } const tick = () => { state.raf = 0 const container = state.container // 没有可滚容器就不必空转 rAF：下一次 dragover 会重新启动循环。 if (!dsmSessionDragActive || container === null || !container.isConnected) return const step = speedAt(container) if (step !== 0) { const before = container.scrollTop container.scrollTop = before + step if (container.scrollTop !== before) syncHover() } state.raf = window.requestAnimationFrame(tick) } const stop = () => { state.container = null state.lastResolve = 0 state.dataTransfer = null if (state.raf !== 0) window.cancelAnimationFrame(state.raf) state.raf = 0 } const onDragOver = (event) => { // 真实拖拽的 dataTransfer 只在事件期间有效，缓存给滚动后的合成 dragover 复用。 if (event.dataTransfer) state.dataTransfer = event.dataTransfer if (!dsmSessionDragActive) { stop(); return } if (event.clientX === 0 && event.clientY === 0) return state.x = event.clientX state.y = event.clientY if (state.container === null || !state.container.isConnected) { const target = event.target instanceof Element ? event.target : null // 光标已经在列表行上（treeitem）时立刻解析，不必等重试窗口；只有在侧栏 // 之外拖着走时才节流，避免每帧上溯 DOM。 const insideList = target !== null && target.closest('[role="treeitem"]') !== null const now = Date.now() if (insideList || now - state.lastResolve >= DRAG_AUTO_SCROLL_RESOLVE_RETRY_MS) { state.lastResolve = now state.container = resolveContainer(target) } } if (state.container !== null && state.raf === 0) state.raf = window.requestAnimationFrame(tick) } document.addEventListener('dragover', onDragOver, true) document.addEventListener('dragend', stop, true) document.addEventListener('drop', stop, true) window.addEventListener('blur', stop) const dispose = () => { document.removeEventListener('dragover', onDragOver, true) document.removeEventListener('dragend', stop, true) document.removeEventListener('drop', stop, true) window.removeEventListener('blur', stop) stop() const current = globalThis[DRAG_AUTO_SCROLL_KEY] if (current !== undefined && current.token === token) delete globalThis[DRAG_AUTO_SCROLL_KEY] } globalThis[DRAG_AUTO_SCROLL_KEY] = { version: DRAG_AUTO_SCROLL_VERSION, token, dispose } return dispose } export function apply(ctx) { dsmClientCtx = ctx dsmLoadCapabilities() // 活跃会话心跳：页面隐藏时不发（用户没在看；host 侧 TTL 到期后自然失效， // 于是「无法证明活跃」→ 放行移动，不会把会话永久锁死）。 const beat = () => { if (typeof document !== 'undefined' && document.hidden) return reportActiveSession(false).catch(() => {}) } beat() const beatTimer = setInterval(beat, DSM_ACTIVE_HEARTBEAT_MS) const beatAc = typeof AbortController !== 'undefined' ? new AbortController() : null if (beatAc && typeof document !== 'undefined' && document.addEventListener) { // 标签页重新可见：立刻补一次（切回来后第一件事就可能是移动）。 document.addEventListener('visibilitychange', () => { if (!document.hidden) beat() }, { signal: beatAc.signal }) } ctx.effect(() => () => { clearInterval(beatTimer); if (beatAc) beatAc.abort() }) installSettingsNavIcons(ctx) installSidebarSessionMenuAug() // 侧栏增强的卸载清退挂到 cordis effect：插件停用/HMR 时 interval、 // MutationObserver 与全部注入 DOM 一并回收（否则泄漏到页面关闭）。 const disposeSidebarDots = installSidebarStatusDots() if (disposeSidebarDots) ctx.effect(() => disposeSidebarDots) installSidebarWorkspaceDrag() // 拖拽自动滚动只挂原生 drag 监听，插件停用 / HMR 时靠返回的 disposer 摘干净。 // 不能写成 `ctx.effect(() => () => globalThis[key].dispose())`：HMR 时旧 cleanup // 晚于新 apply 执行，按全局键摘除会连新一代的监听器一起摘掉（即 install 那段 // 注释里说的死锁）。 const disposeDragAutoScroll = installSidebarDragAutoScroll() if (disposeDragAutoScroll) ctx.effect(() => disposeDragAutoScroll) const workspacesSvc = ctx.get('workspaces') ctx.slots.inject('settings.section', () => ctx.slots.register( { name: 'settings.section', id: 'session-manager', order: 90, label: '会话管理' }, (props) => , ), ) }