dsh-vscode-mode 0.1.17 → 0.1.20

package/src/client/sidebar/panels/FileExplorer.ts

@@ -0,0 +1,161 @@
+// @ts-nocheck
+/**
+ * dsh-vscode-mode client — 侧边栏「文件管理」面板（懒加载目录树）。
+ * 点目录展开/收起（首次经 edrv.listDir 拉取并缓存），点文件经 ctx.openFile 打开；
+ * 差异角标取 pendingByPath，活动文件高亮；edrv:refresh 事件与手动刷新重载树。
+ * 作者 ddj 2026-08-26
+ */
+import React from 'react'
+import { rpc } from '../../rpc.js'
+import type { SidebarCtx } from '../types.js'
+
+const DIR_CAP = 4000
+
+/**
+ * 目录树面板主体。
+ * @param props.ctx 面板共享上下文（sessionId/openFile/activePath/pendingByPath）
+ */
+export function FileExplorer(props) {
+  const ctx = props?.ctx
+  const sessionId = ctx?.sessionId
+  const openFile = ctx?.openFile
+  const activePath = ctx?.activePath ?? null
+  const pendingByPath = ctx?.pendingByPath ?? {}
+  const [root, setRoot] = React.useState(null)
+  const [dirs, setDirs] = React.useState({})
+  const [expanded, setExpanded] = React.useState({})
+  const [loading, setLoading] = React.useState({})
+  const [error, setError] = React.useState(null)
+  const tokensRef = React.useRef({})
+  // expanded 的 ref 镜像：edrv:refresh 监听用首次渲染闭包，但需读到最新展开态
+  const expandedRef = React.useRef({})
+  expandedRef.current = expanded
+
+  const loadDir = (rel) => {
+    const token = (tokensRef.current[rel] || 0) + 1
+    tokensRef.current[rel] = token
+    setLoading((prev) => Object.assign({}, prev, { [rel]: true }))
+    setError(null)
+    rpc('edrv.listDir', { sessionId, path: rel }).then((res) => {
+      if (tokensRef.current[rel] !== token) return
+      if (res && res.ok && Array.isArray(res.entries)) {
+        setDirs((prev) => Object.assign({}, prev, { [rel]: res.entries }))
+        if (res.root && !root) setRoot(res.root)
+      } else {
+        setError(res?.error ? String(res.error) : '读取目录失败')
+      }
+    }).catch((e) => {
+      if (tokensRef.current[rel] !== token) return
+      setError('读取目录异常:' + String(e))
+    }).finally(() => {
+      if (tokensRef.current[rel] !== token) return
+      setLoading((prev) => {
+        const next = Object.assign({}, prev)
+        delete next[rel]
+        return next
+      })
+    })
+  }
+
+  const toggle = (rel) => {
+    if (expanded[rel] === true) {
+      setExpanded((prev) => Object.assign({}, prev, { [rel]: false }))
+      return
+    }
+    if (!dirs[rel]) void loadDir(rel)
+    setExpanded((prev) => Object.assign({}, prev, { [rel]: true }))
+  }
+
+  const refresh = () => {
+    const keep = Object.keys(expandedRef.current).filter((k) => expandedRef.current[k] === true)
+    tokensRef.current = {}
+    setDirs({})
+    setLoading({})
+    setError(null)
+    if (keep.length) {
+      const next = {}
+      for (const rel of keep) next[rel] = true
+      setExpanded(next)
+      for (const rel of keep) void loadDir(rel)
+    } else {
+      setExpanded({})
+    }
+    void loadDir('')
+  }
+
+  React.useEffect(() => {
+    tokensRef.current = {}
+    setDirs({})
+    setExpanded({})
+    setLoading({})
+    setError(null)
+    setRoot(null)
+    void loadDir('')
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [sessionId])
+
+  React.useEffect(() => {
+    const onRefresh = () => refresh()
+    window.addEventListener('edrv:refresh', onRefresh)
+    return () => window.removeEventListener('edrv:refresh', onRefresh)
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [])
+
+  const rootName = root ? String(root).split(/[\\/]/).pop() || root : ''
+
+  const rowEl = (e, depth, isDir, isOpen) => {
+    const pending = isDir ? 0 : (pendingByPath[e.path] ?? 0)
+    const active = !isDir && e.path === activePath
+    const dim = e.type === 'other'
+    return React.createElement('div', {
+      key: e.path,
+      className: 'edrv-tree-row' + (active ? ' edrv-tree-active' : ''),
+      title: e.path,
+      style: { paddingLeft: 6 + depth * 14 },
+      onClick: () => { if (isDir) toggle(e.path); else openFile(e.path) },
+    },
+      React.createElement('span', { className: 'edrv-tree-chev' },
+        isDir ? (isOpen ? '▾' : '▸') : ''),
+      React.createElement('span', { className: 'edrv-tree-name' + (dim ? ' edrv-tree-dim' : '') },
+        isDir ? (isOpen ? '📂' : '📁') : '📄', ' ', e.name),
+      (pending > 0
+        ? React.createElement('span', { className: 'edrv-tree-badge' }, String(pending))
+        : null))
+  }
+
+  const rowsOf = (rel, depth) => {
+    const entries = dirs[rel]
+    if (!entries) {
+      return [React.createElement('div', { key: rel + ':loading', className: 'edrv-tree-loading', style: { paddingLeft: 6 + depth * 14 } },
+        loading[rel] ? '加载中…' : '无法加载')]
+    }
+    const rows = []
+    const cap = entries.length
+    for (let i = 0; i < cap; i++) {
+      const e = entries[i]
+      const isDir = e.type === 'directory'
+      const isOpen = expanded[e.path] === true
+      rows.push(rowEl(e, depth, isDir, isOpen))
+      if (isDir && isOpen) rows.push(...rowsOf(e.path, depth + 1))
+    }
+    if (cap >= DIR_CAP) {
+      rows.push(React.createElement('div', { key: rel + ':cap', className: 'edrv-tree-loading', style: { paddingLeft: 6 + depth * 14 } },
+        '目录条目过多，仅显示前 ' + DIR_CAP + ' 项'))
+    }
+    return rows
+  }
+
+  return React.createElement('div', { className: 'edrv-side-panel' },
+    React.createElement('div', { className: 'edrv-side-head' },
+      React.createElement('span', { className: 'edrv-side-title' }, '资源管理器'),
+      React.createElement('span', { className: 'edrv-side-root', title: root || '' }, rootName),
+      React.createElement('span', { style: { flex: 1 } }),
+      React.createElement('button', { className: 'edrv-side-btn', title: '刷新目录树', onClick: refresh }, '⟳')),
+    React.createElement('div', { className: 'edrv-tree' },
+      (error
+        ? React.createElement('div', { className: 'edrv-tree-error' },
+            React.createElement('span', null, String(error)),
+            React.createElement('button', { className: 'edrv-side-btn', onClick: () => refresh() }, '重试'))
+        : null),
+      rowsOf('', 0)))
+}

package/src/client/sidebar/panels/index.ts

@@ -0,0 +1,24 @@
+// @ts-nocheck
+/**
+ * dsh-vscode-mode client — 「文件管理」面板定义（注册表一项）。
+ * 作者 ddj 2026-08-26
+ */
+import React from 'react'
+import { FileExplorer } from './FileExplorer.js'
+import type { SidebarPanelDef, SidebarCtx } from '../types.js'
+
+/**
+ * 构造文件管理面板定义。
+ * @author ddj 2026年08月26号
+ * @returns 面板定义（含活动栏徽标 = 差异文件总数）
+ */
+export function createFilePanel(): SidebarPanelDef {
+  return {
+    id: 'explorer',
+    title: '文件管理',
+    icon: '📁',
+    order: 10,
+    badge: (ctx: SidebarCtx) => (ctx.sum && ctx.sum.totalFiles > 0 ? ctx.sum.totalFiles : null),
+    render: (ctx: SidebarCtx) => React.createElement(FileExplorer, { ctx }),
+  }
+}

package/src/client/sidebar/registry.ts

@@ -0,0 +1,52 @@
+/**
+ * dsh-vscode-mode client — 侧边栏面板注册表。
+ * 镜像 fileOpeners.ts 的注册表模式：create + register(返回注销) + list + subscribe，
+ * 由 client/index.ts `ctx.provide('edrvSidebarPanels', registry)` 对外暴露（第三方可注册）。
+ * 作者 ddj 2026-08-26
+ */
+import type { SidebarPanelDef } from './types.js'
+
+export interface SidebarPanelRegistry {
+  register(panel: SidebarPanelDef): () => void
+  list(): readonly SidebarPanelDef[]
+  subscribe(listener: () => void): () => void
+  get(id: string): SidebarPanelDef | undefined
+}
+
+/** 校验面板定义并写入注册表（缺 id/render 抛 TypeError）。 */
+function panelRegister(entries: Map<string, SidebarPanelDef>, notify: () => void, panel: SidebarPanelDef): void {
+  if (!panel.id || typeof panel.render !== 'function') throw new TypeError('侧边栏面板必须提供 id 和 render')
+  entries.set(panel.id, panel)
+  notify()
+}
+
+/**
+ * 创建生命周期独立的面板注册表。
+ * @author ddj 2026年08月26号
+ * @returns 面板注册表
+ */
+export function createSidebarPanelRegistry(): SidebarPanelRegistry {
+  const entries = new Map<string, SidebarPanelDef>()
+  const listeners = new Set<() => void>()
+  const notify = (): void => {
+    for (const listener of listeners) listener()
+  }
+  const list = (): readonly SidebarPanelDef[] =>
+    [...entries.values()].sort((a, b) => (a.order ?? 100) - (b.order ?? 100))
+  return {
+    register(panel: SidebarPanelDef): () => void {
+      panelRegister(entries, notify, panel)
+      return () => {
+        if (entries.get(panel.id) !== panel) return
+        entries.delete(panel.id)
+        notify()
+      }
+    },
+    list,
+    subscribe(listener: () => void): () => void {
+      listeners.add(listener)
+      return () => listeners.delete(listener)
+    },
+    get: (id: string) => entries.get(id),
+  }
+}

package/src/client/sidebar/types.ts

@@ -0,0 +1,31 @@
+/**
+ * dsh-vscode-mode client — 侧边栏面板契约（类型 + 上下文）。
+ * 面板 = 活动栏一项 + 面板区一处渲染；新增面板只需注册一条 SidebarPanelDef。
+ * 作者 ddj 2026-08-26
+ */
+
+/** 面板可用的共享上下文（由 SidebarView 从 EditorView 注入，面板不直碰其内部）。 */
+export interface SidebarCtx {
+  sessionId?: string
+  openFile: (path: string) => void
+  activePath: string | null
+  /** 文件路径 → 待处理差异数（>0 才收录）。 */
+  pendingByPath: Record<string, number>
+  /** 按文件分组的差异摘要（records 状态派生）。 */
+  sum: { totalFiles: number; files: Array<{ path: string; pending: number }> }
+  /** 触发差异记录刷新（保存/决策后由 EditorView 统一 emitRefresh）。 */
+  refreshRecords: () => void
+}
+
+/** 单个侧边栏面板定义。 */
+export interface SidebarPanelDef {
+  id: string
+  title: string
+  /** 活动栏图标（文本/SVG 均可，横向居中显示）。 */
+  icon: string
+  order?: number
+  /** 活动栏徽标：返回数字/null；缺省不显示。 */
+  badge?: (ctx: SidebarCtx) => number | null
+  /** 面板区渲染（ctx 每次渲染注入最新快照）。 */
+  render: (ctx: SidebarCtx) => unknown
+}

package/src/client/styles/editor.css

@@ -1,7 +1,7 @@
 /* dsh-vscode-mode 编辑区样式（原 ensureEdrvStyles 字符串，落盘为真 .css，由 tsdown CSS-inline 注入） */
 /* 浅色主题（对齐参考图：#f8f8f8 近白底 + 薄荷绿药丸 + 青绿文字 + 三文鱼 undo + 浅灰边框）：
    在 [data-edrv-view] 作用域内重定义 --dsw-alias-*，级联命中组件内联样式与 CSS。 */
-[data-edrv-view] { --edrv-tab-h: 34px; --dsw-alias-bg-base: #f8f8f8; --dsw-alias-bg-layer-1: #ffffff; --dsw-alias-bg-layer-2: #f0f4f4; --dsw-alias-bg-overlay: #ffffff; --dsw-alias-label-primary: #1f2933; --dsw-alias-label-secondary: #52606d; --dsw-alias-label-tertiary: #9aa5b1; --dsw-alias-border-l1: #e0e6e8; --dsw-alias-border-l2: #cbd2d9; --dsw-alias-brand-primary: #0f9d58; --dsw-alias-state-success-primary: #0f9d58; --dsw-alias-state-error-primary: #d9534f; --dsw-alias-state-warn-primary: #d97706; --dsw-alias-interactive-bg-hover: rgba(15,157,88,.08); }
+[data-edrv-view] { box-sizing: border-box; --edrv-tab-h: 34px; --dsw-alias-bg-base: #f8f8f8; --dsw-alias-bg-layer-1: #ffffff; --dsw-alias-bg-layer-2: #f0f4f4; --dsw-alias-bg-overlay: #ffffff; --dsw-alias-label-primary: #1f2933; --dsw-alias-label-secondary: #52606d; --dsw-alias-label-tertiary: #9aa5b1; --dsw-alias-border-l1: #e0e6e8; --dsw-alias-border-l2: #cbd2d9; --dsw-alias-brand-primary: #0f9d58; --dsw-alias-state-success-primary: #0f9d58; --dsw-alias-state-error-primary: #d9534f; --dsw-alias-state-warn-primary: #d97706; --dsw-alias-interactive-bg-hover: rgba(15,157,88,.08); }
 
 [data-edrv-view] .edrv-tabs { display: flex; align-items: center; gap: 2px; padding: 2px 8px 0; background: var(--dsw-alias-bg-layer-1, transparent); overflow-x: auto; scrollbar-width: thin; flex-shrink: 0; }
 [data-edrv-view] .edrv-tab { display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 8px 0 12px; border: none; border-radius: 6px 6px 0 0; background: transparent; color: var(--dsw-alias-label-secondary, #aaa); font-size: 12px; cursor: pointer; white-space: nowrap; flex-shrink: 0; }
@@ -15,6 +15,8 @@
 [data-edrv-view] .edrv-pathbar { display: flex; align-items: center; gap: 8px; height: 26px; padding: 0 10px; background: var(--dsw-alias-bg-layer-1, #ffffff); border-bottom: 1px solid var(--dsw-alias-border-l1, #e0e6e8); font-size: 12px; flex-shrink: 0; overflow: hidden; }
 [data-edrv-view] .edrv-pathbar .edrv-pb-name { font-weight: 600; color: var(--dsw-alias-label-primary, #1f2933); white-space: nowrap; }
 [data-edrv-view] .edrv-pathbar .edrv-pb-full { flex: 1; min-width: 0; color: var(--dsw-alias-label-tertiary, #9aa5b1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; direction: rtl; text-align: left; }
+[data-edrv-view] .edrv-pathbar .edrv-pb-meta { flex-shrink: 0; font-size: 11px; color: var(--dsw-alias-label-tertiary, #9aa5b1); font-variant-numeric: tabular-nums; }
+[data-edrv-view] .edrv-pathbar .edrv-pb-status { color: var(--dsw-alias-label-secondary, #52606d); }
 [data-edrv-view] .edrv-path-input { flex: 1; min-width: 140px; height: 24px; padding: 0 8px; border: 1px solid var(--dsw-alias-border-l2, #555); border-radius: 6px; background: var(--dsw-alias-bg-base, #111); color: var(--dsw-alias-label-primary, #eee); font-size: 12px; outline: none; }
 [data-edrv-view] .edrv-search-wrap { position: relative; flex-shrink: 0; display: flex; align-items: center; padding: 2px 8px 2px 4px; }
 [data-edrv-view] .edrv-search { width: 190px; height: 24px; padding: 0 8px; border: 1px solid var(--dsw-alias-border-l2, #555); border-radius: 6px; background: var(--dsw-alias-bg-base, #111); color: var(--dsw-alias-label-primary, #eee); font-size: 12px; outline: none; }
@@ -43,11 +45,12 @@
 [data-edrv-view] .edrv-minus-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; max-width: 100%; overflow: visible; pointer-events: none; z-index: 6; }
 [data-edrv-view] .edrv-minus-item { position: absolute; box-sizing: border-box; max-width: 100%; overflow: hidden; }
 [data-edrv-view] .edrv-minus-item::before { content: ''; position: absolute; left: 4px; top: 50%; width: 8px; height: 2px; transform: translateY(-50%); border-radius: 2px; background: #d9534f; }
-[data-edrv-view] .edrv-monaco-host { flex: 1; min-height: 0; position: relative; }
-[data-edrv-view] .edrv-monaco-host > div { position: absolute; inset: 0; }
+[data-edrv-view] .edrv-monaco-host { flex: 1 1 auto; min-width: 0; min-height: 0; position: relative; overflow: hidden; }
+[data-edrv-view] .edrv-monaco-host > div { position: absolute; inset: 0; min-width: 0; min-height: 0; }
 [data-edrv-view] .edrv-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; height: 100%; color: var(--dsw-alias-label-tertiary, #777); font-size: 13px; }
-[data-edrv-view] .edrv-diffbar { position: absolute; left: 0; right: 0; bottom: 10px; margin: 0 auto; z-index: 25; width: fit-content; max-width: calc(100% - 20px); border-radius: 10px; background: var(--dsw-alias-bg-overlay, #ffffff); border: 1px solid var(--dsw-alias-border-l2, #cbd2d9); box-shadow: 0 4px 16px rgba(31,41,51,.12); overflow: visible; display: flex; flex-direction: column; }
-[data-edrv-view] .edrv-diffbar-row { display: flex; align-items: center; gap: 6px; height: 34px; padding: 0 8px; flex-wrap: nowrap; }
+[data-edrv-view] .edrv-diffbar { position: absolute; left: 0; right: 0; bottom: 10px; margin: 0 auto; z-index: 25; width: fit-content; max-width: calc(100% - 20px); border-radius: 12px; background: var(--dsw-specific-tip, var(--dsw-alias-bg-layer-2, #f0f4f4)); border: 1px solid var(--dsw-alias-border-l1, #e0e6e8); box-shadow: none; overflow: visible; display: flex; flex-direction: column; }
+[data-edrv-view] .edrv-editor-area > .edrv-diffbar { max-height: calc(100% - 20px); }
+[data-edrv-view] .edrv-diffbar-row { display: flex; align-items: center; gap: 6px; height: 36px; padding: 4px 5px 4px 12px; flex-wrap: nowrap; }
 [data-edrv-view] .edrv-diffbar-count { font-size: 12px; font-weight: 600; color: var(--dsw-alias-label-primary, #1f2933); min-width: 42px; text-align: center; white-space: nowrap; cursor: pointer; }
 [data-edrv-view] .edrv-diffbar-count.edrv-count-file { min-width: 64px; cursor: default; }
 [data-edrv-view] .edrv-diffbar-file { flex: 1; min-width: 0; font-size: 11px; color: var(--dsw-alias-label-tertiary, #9aa5b1); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@@ -61,6 +64,12 @@
 [data-edrv-view] .edrv-diffmenu-item:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(15,157,88,.08)); }
 [data-edrv-view] .edrv-diffmenu-item.danger { color: var(--dsw-alias-state-error-primary, #d9534f); }
 [data-edrv-view] .edrv-diffmenu-sep { height: 1px; margin: 2px 4px; background: var(--dsw-alias-border-l1, #e0e6e8); }
+/* 编辑区 / Tab 右键菜单（添加文件/选中内容到对话） */
+[data-edrv-view] .edrv-ctxmenu { position: fixed; z-index: 71; min-width: 200px; max-width: 320px; border-radius: 10px; background: var(--dsw-alias-bg-overlay, #ffffff); border: 1px solid var(--dsw-alias-border-l2, #cbd2d9); box-shadow: 0 8px 26px rgba(31,41,51,.2); padding: 4px; display: flex; flex-direction: column; gap: 1px; }
+[data-edrv-view] .edrv-ctxmenu-item { display: flex; align-items: center; gap: 8px; font-size: 12px; line-height: 18px; padding: 7px 10px; border: none; border-radius: 6px; background: transparent; color: var(--dsw-alias-label-primary, #1f2933); cursor: pointer; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+[data-edrv-view] .edrv-ctxmenu-item:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(15,157,88,.08)); }
+[data-edrv-view] .edrv-ctxmenu-item.edrv-ctxmenu-danger { color: var(--dsw-alias-state-error-primary, #d9534f); }
+[data-edrv-view] .edrv-ctxmenu-sep { height: 1px; margin: 3px 4px; background: var(--dsw-alias-border-l1, #e0e6e8); }
 [data-edrv-view] .edrv-diffbar-body { max-height: 130px; max-width: min(560px, calc(100vw - 40px)); overflow: auto; padding: 4px 8px 8px; display: flex; flex-direction: column; gap: 4px; border-top: 1px solid var(--dsw-alias-border-l1, #e0e6e8); }
 [data-edrv-view] .edrv-diffrow { display: flex; align-items: center; gap: 8px; padding: 3px 6px; border: 1px solid var(--dsw-alias-border-l1, #e0e6e8); border-radius: 6px; background: var(--dsw-alias-bg-layer-2, #f0f4f4); cursor: pointer; flex-wrap: wrap; }
 [data-edrv-view] .edrv-diffrow:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(15,157,88,.08)); }
@@ -99,3 +108,116 @@
   [data-edrv-view] .edrv-progress-value { transition: none; }
 }
 
+/* ===== 唯一会话级差异 dock（遵循 DSH todo/queue 原生布局） ===== */
+[data-edrv-diff-dock-shell] {
+  box-sizing: border-box;
+  width: calc(100% - var(--dsh-composer-side-clearance) - var(--dsh-composer-side-clearance) - var(--dsh-composer-dock-inset) - var(--dsh-composer-dock-inset) - var(--dsh-composer-dock-inset) - var(--dsh-composer-dock-inset));
+  max-width: calc(var(--dsh-composer-card-max-width) - var(--dsh-composer-dock-inset) - var(--dsh-composer-dock-inset) - var(--dsh-composer-dock-inset) - var(--dsh-composer-dock-inset));
+  margin: 0 auto;
+  padding: 0;
+  flex: none;
+  border: 1px solid var(--dsw-alias-border-l1, #e0e6e8);
+  border-radius: 12px;
+  background: var(--dsw-specific-tip, var(--dsw-alias-bg-layer-2, transparent));
+  box-shadow: none;
+  overflow: hidden;
+}
+[data-edrv-diff-dock-shell] .edrv-diffbar-dock {
+  box-sizing: border-box;
+  position: relative;
+  left: auto;
+  right: auto;
+  bottom: auto;
+  z-index: auto;
+  width: 100%;
+  max-width: none;
+  margin: 0;
+  display: flex;
+  flex-direction: column;
+  border: none;
+  border-radius: 0;
+  background: transparent;
+  box-shadow: none;
+  overflow: visible;
+}
+[data-edrv-diff-dock-shell] .edrv-diffbar-row { min-height: 36px; padding: 6px 12px; }
+[data-edrv-diff-dock-shell] .edrv-diffbar-dock-row { min-height: 36px; padding: 6px 12px; }
+[data-edrv-diff-dock-shell] .edrv-diffbar-body { max-height: 180px; overflow: auto; padding: 6px 12px 10px; border-top: 1px solid var(--dsw-alias-border-l1); }
+[data-edrv-diff-dock-shell] .edrv-diffbar-dock-button { box-sizing: border-box; display: flex; align-items: center; justify-content: center; width: 100%; height: 24px; border: none; border-radius: 8px; padding: 0 12px; background: transparent; color: var(--dsw-alias-label-primary); font-size: 13px; font-weight: 500; line-height: 24px; text-align: center; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+[data-edrv-diff-dock-shell] .edrv-diffbar-dock-button:hover { background: var(--dsw-alias-interactive-bg-hover); }
+[data-edrv-diff-dock-shell] .edrv-diffbar-count { display: inline-flex; align-items: center; color: var(--dsw-alias-label-primary); font-family: Inter, var(--dsw-font-family); font-size: 13px; font-weight: 500; line-height: 24px; }
+[data-edrv-diff-dock-shell] .edrv-diffbar-file { display: inline-flex; align-items: center; color: var(--dsw-alias-label-tertiary); font-family: Inter, var(--dsw-font-family); font-size: 13px; font-weight: 400; line-height: 24px; }
+[data-edrv-diff-dock-shell] .edrv-diffbar-editor-row { display: flex; align-items: center; height: 36px; min-height: 36px; padding: 4px 12px; overflow-x: auto; scrollbar-width: thin; }
+[data-edrv-diff-dock-shell] .edrv-diffbar-editor-content { display: flex; align-items: center; gap: 10px; width: 100%; min-width: max-content; min-height: 28px; }
+[data-edrv-diff-dock-shell] .edrv-diffbar-nav,
+[data-edrv-diff-dock-shell] .edrv-diffbar-files,
+[data-edrv-diff-dock-shell] .edrv-diffbar-actions { display: flex; align-items: center; gap: 6px; flex: none; height: 28px; }
+[data-edrv-diff-dock-shell] .edrv-diffbar-actions { margin-left: auto; }
+[data-edrv-diff-dock-shell] .edrv-diffbar-details-toggle { display: inline-flex; align-items: center; justify-content: center; width: 28px; min-width: 28px; padding: 0; font-size: 13px; line-height: 24px; }
+[data-edrv-diff-dock-shell] .edrv-diffbar-details-toggle svg { width: 14px; height: 14px; }
+[data-edrv-diff-dock-shell] .edrv-diffbar-files { min-width: 0; }
+[data-edrv-diff-dock-shell] .edrv-diffbar-files .edrv-diffbar-file { min-width: 72px; max-width: 240px; }
+[data-edrv-diff-dock-shell] .edrv-diffbar-progress { min-width: 0; color: var(--dsw-alias-label-tertiary); font-family: Inter, var(--dsw-font-family); font-size: 13px; font-weight: 400; line-height: 24px; font-variant-numeric: tabular-nums; }
+[data-edrv-diff-dock-shell] .edrv-diffbar-summary { min-width: 0; color: var(--dsw-alias-label-tertiary); font-family: Inter, var(--dsw-font-family); font-size: 13px; font-weight: 400; line-height: 24px; }
+[data-edrv-diff-dock-shell] .edrv-pill { box-sizing: border-box; height: 28px; padding: 0 9px; border: none; border-radius: 999px; cursor: pointer; white-space: nowrap; font-size: 11px; line-height: 26px; font-weight: 600; }
+[data-edrv-diff-dock-shell] .edrv-pill-keep { background: var(--dsw-alias-state-success-tertiary); color: var(--dsw-alias-state-success-primary); border: 1px solid var(--dsw-alias-state-success-secondary); }
+[data-edrv-diff-dock-shell] .edrv-pill-undo { background: var(--dsw-alias-state-error-tertiary); color: var(--dsw-alias-state-error-primary); border: 1px solid var(--dsw-alias-state-error-secondary); }
+[data-edrv-diff-dock-shell] .edrv-pill-ghost { background: transparent; color: var(--dsw-alias-label-secondary); border: 1px solid var(--dsw-alias-border-l1); }
+[data-edrv-diff-dock-shell] .edrv-pill:hover:not(:disabled) { background-color: var(--dsw-alias-interactive-bg-hover); }
+[data-edrv-diff-dock-shell] .edrv-pill:focus-visible { outline: 2px solid var(--dsw-alias-label-tertiary); outline-offset: -2px; }
+[data-edrv-diff-dock-shell] .edrv-pill:disabled { opacity: .45; cursor: default; }
+[data-edrv-diff-dock-shell] .edrv-diffrow { display: flex; align-items: center; gap: 8px; padding: 3px 6px; border: 1px solid var(--dsw-alias-border-l1); border-radius: 6px; background: transparent; cursor: pointer; flex-wrap: wrap; }
+[data-edrv-diff-dock-shell] .edrv-diffrow:hover { background: var(--dsw-alias-interactive-bg-hover); }
+[data-edrv-diff-dock-shell] .edrv-diffrow-l { color: var(--dsw-alias-label-primary); }
+[data-edrv-diff-dock-shell] .edrv-diffrow-o { color: var(--dsw-alias-state-error-primary); }
+[data-edrv-diff-dock-shell] .edrv-diffrow-n { color: var(--dsw-alias-state-success-primary); }
+[data-edrv-diff-dock-shell] .edrv-diffrow-tag { color: var(--dsw-alias-label-tertiary); }
+[data-edrv-diff-dock-shell] .edrv-diffrow-stale { border-color: var(--dsw-alias-state-warn-secondary); cursor: default; }
+[data-edrv-diff-dock-shell] .edrv-diffbox-others { border-top: 1px solid var(--dsw-alias-border-l1); }
+[data-edrv-diff-dock-shell] .edrv-diffrow-file { border-color: var(--dsw-alias-border-l1); background: transparent; color: var(--dsw-alias-label-secondary); }
+[data-edrv-diff-dock-shell] .edrv-diffrow-file:hover { background: var(--dsw-alias-interactive-bg-hover); color: var(--dsw-alias-label-primary); }
+[data-edrv-diff-dock-shell] .edrv-diff-details { display: flex; flex-direction: column; gap: 2px; padding: 6px 12px 8px; border-top: 1px solid var(--dsw-alias-border-l1); }
+[data-edrv-diff-dock-shell] .edrv-diff-details .edrv-diffmenu-item { display: flex; align-items: center; width: 100%; min-height: 28px; gap: 8px; padding: 4px 8px; border: none; border-radius: 6px; background: transparent; color: var(--dsw-alias-label-primary); cursor: pointer; text-align: left; font-size: 12px; line-height: 20px; }
+[data-edrv-diff-dock-shell] .edrv-diff-details .edrv-diffmenu-item:hover:not(:disabled) { background: var(--dsw-alias-interactive-bg-hover); }
+[data-edrv-diff-dock-shell] .edrv-diff-details .edrv-diffmenu-item.danger { color: var(--dsw-alias-state-error-primary); }
+[data-edrv-diff-dock-shell] .edrv-diff-details .edrv-diffmenu-item:disabled { opacity: .45; cursor: default; }
+[data-edrv-diff-dock-shell] .edrv-diff-details .edrv-diffmenu-sep { height: 1px; margin: 2px 4px; background: var(--dsw-alias-border-l1); }
+@media (max-width: 620px) {
+  [data-edrv-diff-dock-shell] .edrv-diffbar-editor-content { width: max-content; }
+  [data-edrv-diff-dock-shell] .edrv-diffbar-files .edrv-diffbar-file { max-width: 160px; }
+}
+
+/* ===== 侧边栏（活动栏 + 面板区 + 文件树） ===== */
+[data-edrv-view] .edrv-editor-row { display: flex; flex: 1 1 auto; min-width: 0; min-height: 0; overflow: hidden; }
+[data-edrv-view] .edrv-main-col { box-sizing: border-box; min-width: 0; min-height: 0; overflow: hidden; }
+[data-edrv-view] .edrv-main-col > .edrv-pathbar,
+[data-edrv-view] .edrv-main-col > .edrv-tabs { flex: 0 0 auto; }
+[data-edrv-view] .edrv-editor-area { position: relative; display: flex; flex: 1 1 auto; flex-direction: column; min-width: 0; min-height: 0; overflow: hidden; }
+[data-edrv-view] .edrv-sidebar { display: flex; flex-direction: row; flex-shrink: 0; min-width: 0; height: 100%; background: var(--dsw-alias-bg-layer-1, #ffffff); border-right: 1px solid var(--dsw-alias-border-l1, #e0e6e8); overflow: hidden; }
+[data-edrv-view] .edrv-rail { display: flex; flex-direction: column; align-items: center; width: 44px; flex-shrink: 0; padding: 6px 0; background: var(--dsw-alias-bg-layer-2, #f0f4f4); border-right: 1px solid var(--dsw-alias-border-l1, #e0e6e8); gap: 4px; }
+[data-edrv-view] .edrv-rail-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border: none; border-radius: 8px; background: transparent; color: var(--dsw-alias-label-secondary, #52606d); cursor: pointer; flex-shrink: 0; }
+[data-edrv-view] .edrv-rail-btn:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(15,157,88,.08)); }
+[data-edrv-view] .edrv-rail-btn.edrv-rail-on { background: var(--dsw-alias-interactive-bg-hover, rgba(15,157,88,.12)); color: var(--dsw-alias-label-primary, #1f2933); box-shadow: inset 2px 0 0 var(--dsw-alias-brand-primary, #0f9d58); }
+[data-edrv-view] .edrv-rail-icon { font-size: 15px; line-height: 1; }
+[data-edrv-view] .edrv-rail-badge { position: absolute; top: 2px; right: 2px; min-width: 14px; height: 14px; padding: 0 3px; border-radius: 999px; background: var(--dsw-alias-brand-primary, #0f9d58); color: #fff; font-size: 9px; font-weight: 600; line-height: 14px; text-align: center; box-sizing: border-box; }
+[data-edrv-view] .edrv-side-body { flex: 1; min-width: 0; min-height: 0; display: flex; overflow: hidden; }
+[data-edrv-view] .edrv-side-panel { flex: 1; min-width: 0; min-height: 0; display: flex; flex-direction: column; }
+[data-edrv-view] .edrv-side-head { display: flex; align-items: center; gap: 8px; height: 34px; padding: 0 10px 0 12px; border-bottom: 1px solid var(--dsw-alias-border-l1, #e0e6e8); flex-shrink: 0; }
+[data-edrv-view] .edrv-side-title { font-size: 12px; font-weight: 600; color: var(--dsw-alias-label-primary, #1f2933); white-space: nowrap; }
+[data-edrv-view] .edrv-side-root { font-size: 11px; color: var(--dsw-alias-label-tertiary, #9aa5b1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+[data-edrv-view] .edrv-side-btn { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border: none; border-radius: 6px; background: transparent; color: var(--dsw-alias-label-secondary, #52606d); font-size: 12px; cursor: pointer; flex-shrink: 0; }
+[data-edrv-view] .edrv-side-btn:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(15,157,88,.08)); }
+[data-edrv-view] .edrv-tree { flex: 1; min-height: 0; overflow: auto; padding: 4px 6px 12px; font-size: 12px; }
+[data-edrv-view] .edrv-tree-row { display: flex; align-items: center; gap: 4px; height: 22px; padding-right: 6px; border-radius: 5px; color: var(--dsw-alias-label-primary, #1f2933); cursor: pointer; white-space: nowrap; }
+[data-edrv-view] .edrv-tree-row:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(15,157,88,.08)); }
+[data-edrv-view] .edrv-tree-row.edrv-tree-active { background: var(--dsw-alias-interactive-bg-hover, rgba(15,157,88,.14)); }
+[data-edrv-view] .edrv-tree-chev { width: 12px; flex-shrink: 0; color: var(--dsw-alias-label-tertiary, #9aa5b1); font-size: 10px; text-align: center; }
+[data-edrv-view] .edrv-tree-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
+[data-edrv-view] .edrv-tree-name.edrv-tree-dim { color: var(--dsw-alias-label-tertiary, #9aa5b1); }
+[data-edrv-view] .edrv-tree-badge { min-width: 14px; height: 14px; padding: 0 4px; border-radius: 999px; background: var(--dsw-alias-state-warn-primary, #d97706); color: #fff; font-size: 9px; font-weight: 600; line-height: 14px; text-align: center; box-sizing: border-box; flex-shrink: 0; }
+[data-edrv-view] .edrv-tree-loading { height: 22px; line-height: 22px; color: var(--dsw-alias-label-tertiary, #9aa5b1); font-size: 11px; }
+[data-edrv-view] .edrv-tree-error { display: flex; align-items: center; gap: 8px; margin: 4px 2px 6px; padding: 6px 8px; border: 1px solid rgba(217,83,79,.4); border-radius: 6px; background: #fdeaea; color: var(--dsw-alias-state-error-primary, #d9534f); font-size: 11px; }
+[data-edrv-view] .edrv-side-resize { width: 5px; flex-shrink: 0; cursor: col-resize; background: transparent; }
+[data-edrv-view] .edrv-side-resize:hover { background: var(--dsw-alias-brand-primary, #0f9d58); opacity: .35; }
+[data-edrv-view] .edrv-chip-btn.edrv-chip-on { background: var(--dsw-alias-interactive-bg-hover, rgba(15,157,88,.12)); color: var(--dsw-alias-label-primary, #1f2933); }
+

package/src/client/ui/ConversationDiffDock.ts

@@ -0,0 +1,84 @@
+// @ts-nocheck
+/**
+ * dsh-vscode-mode client — 会话级差异 dock。
+ * conversation.input.dock 是唯一实例：普通对话显示摘要，文件编辑页显示完整操作条。
+ * 作者 ddj 2026-08-26
+ */
+import React from 'react'
+import { rpc } from '../rpc.js'
+import { openDiffView } from '../events.js'
+import { summarize } from '../state/records.js'
+import { nextDiffPath } from '../diffDock.js'
+import { readDiffDock, subscribeDiffDock } from '../diffDockStore.js'
+import { DiffBox } from './DiffBox.js'
+
+const nextIndexBySession = new Map()
+
+/**
+ * 对话输入框上方的唯一差异 dock。
+ * @author ddj 2026年08月26号
+ * @param props DSH 注入的会话属性
+ * @returns 差异 dock React 元素或 null
+ */
+export function ConversationDiffDock(props) {
+  const sessionId = props?.sessionId
+  const [summary, setSummary] = React.useState(null)
+  const [, setStoreRevision] = React.useState(0)
+  const seq = React.useRef(0)
+
+  const load = React.useCallback(() => {
+    if (!sessionId) return
+    const current = ++seq.current
+    rpc('edrv.list', { sessionId }).then((res) => {
+      if (current !== seq.current || !res || !res.ok || !Array.isArray(res.records)) return
+      setSummary(summarize(res.records))
+    }).catch(() => {})
+  }, [sessionId])
+
+  React.useEffect(() => {
+    load()
+    const timer = setInterval(load, 5000)
+    const onRefresh = () => load()
+    window.addEventListener('edrv:refresh', onRefresh)
+    return () => {
+      clearInterval(timer)
+      window.removeEventListener('edrv:refresh', onRefresh)
+    }
+  }, [load])
+
+  React.useEffect(() => {
+    if (!sessionId) return undefined
+    const sync = () => setStoreRevision((value) => value + 1)
+    sync()
+    return subscribeDiffDock(sessionId, sync)
+  }, [sessionId])
+
+  const renderDock = (content, key) => React.createElement('div', {
+    key,
+    className: 'edrv-diff-dock-shell',
+    'data-edrv-diff-dock-shell': '1',
+  }, content)
+
+  const editorSnapshot = readDiffDock(sessionId)
+  if (editorSnapshot) {
+    if (editorSnapshot.mode === 'editor-empty' && !editorSnapshot.fileTotal) return null
+    return renderDock(React.createElement(DiffBox, Object.assign({}, editorSnapshot, { dock: true })), sessionId)
+  }
+
+  if (!sessionId || !summary?.pendingFiles?.length) return null
+
+  const paths = summary.pendingFiles.map((file) => file.path)
+  const click = () => {
+    const current = nextIndexBySession.get(sessionId) ?? 0
+    const next = nextDiffPath(paths, current)
+    nextIndexBySession.set(sessionId, next.index)
+    if (next.path) openDiffView(next.path)
+  }
+
+  return renderDock(React.createElement(DiffBox, {
+    mode: 'chat',
+    dock: true,
+    fileTotal: paths.length,
+    onOpenNextFile: click,
+  }), sessionId || 'chat')
+}