dsh-vscode-mode 0.4.6 → 0.5.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "dsh-vscode-mode",
-  "version": "0.4.6",
-  "description": "DSH 上的类 VSCode 编码体验：Monaco 编辑器（文件页签/QuickOpen/状态栏，可驻 DSH 0.1.5+ 官方右侧 Sidebar 与对话同屏）+ 命令栏（Ctrl+Shift+P）与可扩展指令系统 + VS Code 兼容代码片段（.code-snippets 全局/项目，IntelliSense 展开）+ Agent 编辑差异审查（整文件差异/采纳/拒绝/归档/回滚）+ 语言服务器（LSP）智能（跳转定义/引用/hover/大纲 + VSIX 扩展市场安装），状态持久化到工作区旁车",
+  "version": "0.5.0",
+  "description": "DSH 上的类 VSCode 编码体验：Monaco 编辑器（文件页签/QuickOpen/状态栏，可驻 DSH 0.1.5+ 官方右侧 Sidebar 与对话同屏）+ 命令栏（Ctrl+Shift+P）与可扩展指令系统 + VS Code 兼容代码片段（.code-snippets 全局/项目，IntelliSense 展开）+ Agent 编辑差异审查（整文件差异/采纳/拒绝/归档/回滚）+ SVN 集成（侧栏变更面板/日志弹窗/并排差异）+ 语言服务器（LSP）智能（跳转定义/引用/hover/大纲 + VSIX 扩展市场安装），状态持久化到工作区旁车",
   "keywords": [
     "dsh",
     "dsh-plugin",

package/src/client/index.ts

@@ -40,6 +40,7 @@ import { createSidebarPanelRegistry } from './sidebar/registry.js'
 import { createFilePanel } from './sidebar/panels/index.js'
 import { createSearchPanel } from './sidebar/panels/index.js'
 import { createRulesPanel } from './sidebar/panels/index.js'
+import { createSvnPanel } from './sidebar/panels/index.js'
 import { createTreeMenuRegistry } from './sidebar/contextMenu.js'
 import { createDefaultFileMenuItems } from './sidebar/menuItems.js'
 import { createOutlinePanel } from './outline/index.js'
@@ -196,6 +197,8 @@ export function apply(ctx: any): void {
   ctx.effect(() => sidebarPanels.register(createSearchPanel()), 'vscode-mode: sidebar panel search')
   // 规则面板：活动栏「规则」页签（Codebuddy 规则管理形态：用户/项目规则 + 启用开关，host 注入生效）
   ctx.effect(() => sidebarPanels.register(createRulesPanel()), 'vscode-mode: sidebar panel rules')
+  // SVN 变更面板：活动栏「SVN 变更」页签（工作副本状态列表；visible 守卫使非 SVN 工作区不出现）
+  ctx.effect(() => sidebarPanels.register(createSvnPanel()), 'vscode-mode: sidebar panel svn')
   // 文件右键菜单项注册表（对外 provide，供本插件/第三方注册；内置「在文件浏览器中打开」）
   const fileMenuItems = createTreeMenuRegistry()
   ctx.provide('edrvFileContextMenuItems', fileMenuItems)

package/src/client/monaco/lsp/providers.ts

@@ -24,8 +24,33 @@ let registered = false
 const disposables = []
 
 /** 目标文件打开并定位（复用现有 openFileAt 的 edrv:open-editor 事件通道）。 */
-function openAt(path, line, column) {
-  window.dispatchEvent(new CustomEvent('edrv:open-editor', { detail: { path, line, column } }))
+function openAt(path, target) {
+  window.dispatchEvent(new CustomEvent('edrv:open-editor', { detail: Object.assign({ path }, target) }))
+}
+
+/**
+ * 解析 Monaco opener 第三参（目标位置）为 1-based 区间。
+ *
+ * 为什么要兼容多形态：Monaco 经官方桥 `registerEditorOpener` 传出的是
+ * `options.selection`（Range，含 getStartPosition）或其**降级形态**裸
+ * `{ lineNumber, column }`（官方桥在 Range 缺 endLineNumber/endColumn 时降级），
+ * 另有 `editor.action.goToLocations` 完全不传 options（第三参 undefined）。
+ * 三种形态都出现过，逐形态取值并对缺字段兜底，避免落点退化成第 1 行。
+ * @author ddj 2026年09月17号
+ * @param selectionOrPosition opener 第三参（Range / 裸位置 / undefined）
+ * @returns 1-based 目标区间（end 缺省等于 start，且保证 end >= start）
+ */
+export function navTargetOf(selectionOrPosition) {
+  const src = selectionOrPosition ?? {}
+  const start = typeof src.getStartPosition === 'function' ? src.getStartPosition() : src
+  const end = typeof src.getEndPosition === 'function' ? src.getEndPosition() : null
+  const line = Math.max(1, start?.lineNumber ?? 1)
+  const column = Math.max(1, start?.column ?? 1)
+  const rawEndLine = end?.lineNumber ?? src.endLineNumber
+  const rawEndColumn = end?.column ?? src.endColumn
+  const endLine = Math.max(line, rawEndLine != null ? Math.max(1, rawEndLine) : line)
+  const endColumn = rawEndColumn != null ? Math.max(1, rawEndColumn) : undefined
+  return endColumn === undefined ? { line, column, endLine } : { line, column, endLine, endColumn }
 }
 
 /** 注册全部 Monaco LSP provider 与文档跟踪（幂等）。 */
@@ -74,10 +99,7 @@ export function registerLspProviders(monaco) {
       openCodeEditor: (source, resource, selectionOrPosition) => {
         const path = lspUriToAbs(resource)
         if (!path) return false
-        const start = selectionOrPosition?.getStartPosition?.() ?? selectionOrPosition
-        const line = Math.max(1, start?.lineNumber ?? 1)
-        const column = Math.max(1, start?.column ?? 1)
-        openAt(path, line, column)
+        openAt(path, navTargetOf(selectionOrPosition))
         return true
       },
     }),

package/src/client/navHighlight.ts

@@ -0,0 +1,96 @@
+/**
+ * dsh-vscode-mode client — 跳转目标高亮区间推导（纯函数，不依赖 monaco/DOM）。
+ *
+ * 背景：Monaco 原生跳转在 resolve 出定义后会把选区 `collapseToStart` 再交给 opener，
+ * 于是插件拿到的是**零宽区间**（start === end）。零宽 range 挂装饰渲染不出任何可见
+ * 高亮（实测 Ctrl+点击枚举成员后 `.edrv-nav-target` 存在但无视觉效果）。因此必须把
+ * 零宽识别为「无区间」，并逐级回落：opener 区间 → 光标处单词 → 整行。
+ * 抽成纯函数便于单测（EditorView 是 React 组件，node 侧不可直接引入）。
+ * 作者 ddj 2026-09-17
+ */
+
+/** 推导所需的最小 model 能力（Monaco ITextModel 子集，测试可桩）。 */
+export interface NavFlashModel {
+  getLineCount(): number
+  getLineMaxColumn(lineNumber: number): number
+  /**
+   * Monaco 实返 `{ word, startColumn, endColumn }` —— **不含** startLineNumber/endLineNumber。
+   * 类型里把行号标为可选，正是为了强制调用方用当前行补齐（曾因直接透传 undefined
+   * 行号产出非法装饰区间，装饰已挂但渲染不出任何高亮）。
+   */
+  getWordAtPosition(pos: { lineNumber: number; column: number }):
+    | {
+        word?: string
+        startColumn: number
+        endColumn: number
+        startLineNumber?: number
+        endLineNumber?: number
+      }
+    | null
+}
+
+/** 跳转目标（1-based；endLine/endColumn 缺省表示未提供区间）。 */
+export interface NavFlashTarget {
+  line?: number
+  column?: number
+  endLine?: number | null
+  endColumn?: number | null
+}
+
+/** 高亮区间（Monaco IRange 形状，1-based）。 */
+export interface NavFlashRange {
+  startLineNumber: number
+  startColumn: number
+  endLineNumber: number
+  endColumn: number
+}
+
+/**
+ * 推导跳转目标的高亮区间。
+ *
+ * 逐级回落：① opener 提供的**非零宽**区间（原样夹到文档范围）；
+ * ② 光标处单词（LSP 折叠选区的常态，高亮标识符本身最易辨认）；
+ * ③ 整行（符号位置无单词可取时的兜底，保证一定可见）。
+ * @author ddj 2026年09月17号
+ * @param model 文本模型（或等价桩）
+ * @param target 跳转目标
+ * @returns 可渲染的高亮区间；model 不可用时返回 null
+ */
+export function navFlashRangeOf(model: NavFlashModel | null | undefined, target: NavFlashTarget | null | undefined): NavFlashRange | null {
+  if (!model || !target) return null
+  const lineCount = model.getLineCount()
+  if (!Number.isFinite(lineCount) || lineCount < 1) return null
+  const startLine = Math.max(1, Math.min(lineCount, Math.floor(target.line ?? 1) || 1))
+  const startColumn = Math.min(Math.max(1, Math.floor(target.column ?? 1) || 1), model.getLineMaxColumn(startLine))
+
+  const endLineRaw = target.endLine == null ? null : Math.floor(target.endLine)
+  const endColumnRaw = target.endColumn == null ? null : Math.floor(target.endColumn)
+  // 零宽（start === end）与缺字段一并视为「无区间」：零宽装饰不可见，必须回落
+  const hasRange = endLineRaw != null && endColumnRaw != null &&
+    (endLineRaw > startLine || endColumnRaw > startColumn)
+  if (hasRange) {
+    const endLineNumber = Math.max(startLine, Math.min(lineCount, endLineRaw))
+    const endColumn = Math.max(1, Math.min(model.getLineMaxColumn(endLineNumber), endColumnRaw))
+    return { startLineNumber: startLine, startColumn, endLineNumber, endColumn }
+  }
+
+  const word = model.getWordAtPosition({ lineNumber: startLine, column: startColumn })
+  if (word && word.endColumn > word.startColumn) {
+    // ⚠️ Monaco getWordAtPosition 不返回行号，必须用当前行补齐；直接透传 undefined
+    // 会产出 startLineNumber=undefined 的非法区间——装饰挂上了却渲染不出高亮（实测踩坑）。
+    const wordStartLine = word.startLineNumber ?? startLine
+    const wordEndLine = word.endLineNumber ?? startLine
+    return {
+      startLineNumber: wordStartLine,
+      startColumn: word.startColumn,
+      endLineNumber: wordEndLine,
+      endColumn: word.endColumn,
+    }
+  }
+  return {
+    startLineNumber: startLine,
+    startColumn: 1,
+    endLineNumber: startLine,
+    endColumn: model.getLineMaxColumn(startLine),
+  }
+}

package/src/client/paths.ts

@@ -28,6 +28,8 @@ export const CACHE_KEY = {
   workspaceFold: 'edrv.ws-fold.v1.',
   /** 规则面板 UI 状态（RulesPanel v1：Tab 与项目工作区选择，全局不按会话）。 */
   rules: 'edrv.rules.v1.',
+  /** SVN 变更面板 UI 状态（SvnPanel v1：未版本控制/忽略项显示开关，按作用域隔离）。 */
+  svn: 'edrv.svn.v1.',
 } as const
 
 /** 按前缀拼作用域键（scopeStore 产出作用域；侧边栏/编辑器等需要布局段时自行拼接后传入）。 */

package/src/client/rpc.ts

@@ -1,21 +1,40 @@
 /**
  * dsh-vscode-mode client — 类型化 RPC 包装 + 诊断日志。
  * 迁移自原 src/client/index.ts 的 rpc/dbg，语义不改。
- * 作者 ddj 2026-08-20
+ * 诊断开关运行时化：内存缓存 + localStorage 持久（日志弹窗开关即改即生效，免刷新）。
+ * 作者 ddj 2026-08-20 / 2026-09-17
  */
 import { RPC_PATH } from '../shared/rpc.js'
 import type { RpcMethod, RpcRequestMap, RpcResult } from '../shared/rpc.js'
+import type { LoggerLevel } from '../shared/logger.js'
 
-/**
- * 诊断日志开关（默认关）：diff 渲染热路径每条日志 = 1 次 RPC 往返 +
- * host 端 debug 文件全量读改写（上限 512KB），高频渲染下开销可观。
- * 排查问题时在浏览器控制台执行 localStorage.setItem('edrv.debug','1') 后刷新开启。
- * @author ddj 2026年08月26号
- */
-const DEBUG = (() => {
+/** 诊断开关内存缓存（localStorage 'edrv.debug' 持久；热路径读内存，零 localStorage 开销）。 */
+let debugEnabled = (() => {
   try { return localStorage.getItem('edrv.debug') === '1' } catch (e) { return false }
 })()
 
+/**
+ * 诊断日志开关当前值。
+ * @author ddj 2026年09月17号
+ * @returns 是否开启
+ */
+export function isDebug(): boolean {
+  return debugEnabled
+}
+
+/**
+ * 设置诊断日志开关（立即生效；localStorage 持久，写失败仅内存生效不抛错）。
+ * @author ddj 2026年09月17号
+ * @param on 是否开启
+ */
+export function setDebugEnabled(on: boolean): void {
+  debugEnabled = on
+  try {
+    if (on) localStorage.setItem('edrv.debug', '1')
+    else localStorage.removeItem('edrv.debug')
+  } catch (e) { /* 无 localStorage 环境：仅内存生效 */ }
+}
+
 /** 同源 RPC 调用（host /edrv/rpc 精确路由）。 */
 export function rpc<M extends RpcMethod>(method: M, args: RpcRequestMap[M]): Promise<RpcResult<M>> {
   return fetch(RPC_PATH, {
@@ -27,13 +46,14 @@ export function rpc<M extends RpcMethod>(method: M, args: RpcRequestMap[M]): Pro
 
 /**
  * 诊断日志：开关关闭时直接返回（零 RPC 零落盘）；开启时走 host edrv.debug 落盘。
- * @author ddj 2026年08月26号
+ * @author ddj 2026年08月26号 / 2026年09月17号
  * @param sessionId 会话 id
  * @param text 日志文本
+ * @param level 日志级别（缺省 debug；落盘行与 host 终端回显均带此级别）
  */
-export function dbg(sessionId: string | undefined, text: string): void {
-  if (!DEBUG) return
+export function dbg(sessionId: string | undefined, text: string, level: LoggerLevel = 'debug'): void {
+  if (!debugEnabled) return
   try {
-    rpc('edrv.debug', { sessionId, text }).catch(() => {})
+    rpc('edrv.debug', { sessionId, text, level }).catch(() => {})
   } catch (e) { /* 日志失败忽略 */ }
 }

package/src/client/sidebar/SidebarView.ts

@@ -5,7 +5,8 @@
  * 右侧详情面板区可拖拽调宽/隐藏：visible=false 时仅保留图标列（宽 = 图标列宽），
  * 点击任一图标重新展开面板（onShow），底部按钮在 ◀ 收起 / ▶ 展开间切换。
  * 拖拽调宽下限 = minWidth prop（通用设置 sidebarMinWidth，默认 300），低于下限直接收起面板区。
- * 作者 ddj 2026-08-26 / 2026-09-04
+ * 面板可按 visible(ctx) 声明可用性（如「SVN 变更」仅在受 SVN 管理时出现，非 SVN 工作区零变化）。
+ * 作者 ddj 2026-08-26 / 2026-09-04 / 2026-09-16
  */
 import React from 'react'
 import type { SidebarCtx } from './types.js'
@@ -47,8 +48,11 @@ function railIconEl(icon) {
  * @param props.minWidth 最小宽度（通用设置 sidebarMinWidth；拖拽低于它触发隐藏）
  */
 export function SidebarView(props) {
-  const panels = props.registry?.list?.() ?? []
   const ctx = props.ctx
+  // 按 visible(ctx) 过滤活动栏图标与面板（能力相关面板：SVN 变更仅在受 SVN 管理时出现）
+  const panels = (props.registry?.list?.() ?? []).filter((panel) => (
+    typeof panel.visible !== 'function' || panel.visible(ctx) === true
+  ))
   const activePanel = props.activePanel
   const onActive = props.onActive
   const visible = props.visible !== false

package/src/client/sidebar/menuItems.ts

@@ -1,13 +1,103 @@
 /**
  * dsh-vscode-mode client — 文件管理右键菜单内置项。
  * 内置项：「在文件浏览器中打开」（文件→OS Explorer 定位选中、目录→打开目录）；
- * 「添加引用到对话」（文件/文件夹引用注入当前会话对话输入框）。
+ * 「添加引用到对话」（文件/文件夹引用注入当前会话对话输入框）；
+ * 「SVN 组」——动作清单与显隐规则来自 shared/svnActions.ts（三入口共用一份，不再各写一遍）。
  * 反馈统一走 ctx.notify（由 EditorView 提供，落到编辑区路径栏状态）。
- * 作者 ddj 2026-08-27 / 2026-09-03
+ * 作者 ddj 2026-08-27 / 2026-09-03 / 2026-09-16
  */
+import { isSvnDiffable } from '../../shared/svn.js'
+import type { SvnChangeEntry } from '../../shared/svn.js'
+import { svnActionOn, svnActionsFor } from '../../shared/svnActions.js'
+import type { SvnActionContext, SvnTargetType } from '../../shared/svnActions.js'
+import { runSvnAction } from '../svnActions.js'
+import type { SvnActionRunCtx } from '../svnActions.js'
 import { revealInExplorer } from '../fileReveal.js'
 import { statusOfAdd } from '../addToConversation.js'
 import type { TreeMenuItem } from './contextMenu.js'
+import type { SidebarCtx } from './types.js'
+import type { TreeMenuTarget } from './contextMenu.js'
+
+/** 目标路径对应的变更条目（不在清单里返回 undefined）。 */
+function svnEntryOf(target: TreeMenuTarget, ctx: SidebarCtx): SvnChangeEntry | undefined {
+  if (!target.path) return undefined
+  const map = ctx.svnChangeMap
+  return map ? map[target.path] : undefined
+}
+
+/**
+ * 把树菜单目标投影为动作求值上下文（能力 + 目标类型 + 状态门禁）。
+ * 显隐判定统一交给 shared 的 svnActionOn，避免与页签菜单/命令栏漂移。
+ * @author ddj 2026年09月16号
+ * @param target 右键目标
+ * @param ctx 面板上下文
+ * @returns 求值上下文；无 SVN 状态返回 null
+ */
+function svnContextOf(target: TreeMenuTarget, ctx: SidebarCtx): SvnActionContext | null {
+  const svn = ctx.svn
+  if (!svn) return null
+  const entry = svnEntryOf(target, ctx)
+  const isRoot = target.path === ''
+  const targetType: SvnTargetType = isRoot ? 'root' : (target.type === 'directory' ? 'directory' : 'file')
+  return {
+    managed: svn.managed,
+    svnCli: svn.svnCli,
+    tortoise: svn.tortoise,
+    // 自研能力集合：驱动「自研替换时间线」（隐藏已被自研覆盖的 Tortoise 项）
+    svnFeatures: svn.svnFeatures,
+    target: targetType,
+    // 不在变更清单里视为受版本控制（干净文件）；未版本控制条目显式为 false
+    versioned: entry ? entry.versioned : true,
+    status: entry?.status,
+    diffable: isSvnDiffable(target.path, entry?.status),
+  }
+}
+
+/**
+ * 树菜单动作执行上下文（RPC 与反馈经面板 ctx 注入）。
+ * @author ddj 2026年09月16号
+ * @param target 右键目标
+ * @param ctx 面板上下文
+ * @returns 执行上下文
+ */
+function treeRunCtx(target: TreeMenuTarget, ctx: SidebarCtx): SvnActionRunCtx {
+  return {
+    sessionId: ctx.sessionId,
+    scope: ctx.scope,
+    path: target.path,
+    notify: (message) => ctx.notify?.(message),
+    openSvnDiff: (p) => ctx.openSvnDiff?.(p),
+    openSvnLog: ctx.openSvnLog,
+    refreshChanges: ctx.refreshSvnChanges,
+    // 确认对话框可注入（测试/宿主可替换；缺省走 window.confirm）
+    confirm: ctx.confirm,
+  }
+}
+
+/**
+ * 构造 SVN 组菜单项（动作清单来自 shared/svnActions.ts）。
+ *
+ * 收敛收益：此前每个动作在这里手写一项、页签菜单再手写一遍、命令栏第三遍，
+ * 显隐规则三处漂移（P2 的「加入/还原」状态矩阵就重复过两份）。现在只做映射。
+ * @author ddj 2026年09月16号
+ * @returns SVN 组条目
+ */
+function svnMenuItems(): TreeMenuItem[] {
+  return svnActionsFor('tree').map((action) => ({
+    id: 'svn-' + action.id,
+    label: action.label,
+    order: action.order,
+    danger: action.danger === true,
+    separator: action.separator === true,
+    visible: (target: TreeMenuTarget, ctx: SidebarCtx) => {
+      const context = svnContextOf(target, ctx)
+      return context !== null && svnActionOn(action, context)
+    },
+    run: (target: TreeMenuTarget, ctx: SidebarCtx) => {
+      runSvnAction(action, treeRunCtx(target, ctx))
+    },
+  }))
+}
 
 /**
  * 构造内置右键菜单项列表（后续内置项直接追加）。
@@ -45,5 +135,6 @@ export function createDefaultFileMenuItems(): TreeMenuItem[] {
         })
       },
     },
+    ...svnMenuItems(),
   ]
 }

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

@@ -6,7 +6,8 @@
  * 保留旧条目强制后台重列（force）；每次用户发起加载后预取 ≤4 个子目录（排除重型
  * 目录、缓存新鲜跳过、不级联）；10s 轻量跟随已展开目录（命中索引，RPC 近零成本）。
  * 差异角标/右键菜单/展开状态持久化行为不变；行图标用官方原语（文件夹图标 + 文件类型图标）。
- * 作者 ddj 2026-08-26 / 2026-08-27 / 2026-08-31 / 2026-09-10
+ * SVN 状态徽标（P2）：行尾方形字母，数据来自 ctx.svnChangeMap（客户端合成，不改 listDir 契约）。
+ * 作者 ddj 2026-08-26 / 2026-08-27 / 2026-08-31 / 2026-09-10 / 2026-09-16
  */
 import React from 'react'
 import { FileTypeIcon, IconFolderClose16, IconFolderOpen16, IconRefreshOutline16, classifyFileType } from '@deepseek-ai/dsh-client-ui-primitives'
@@ -17,6 +18,8 @@ import { explorerLoad, explorerSave } from '../../state/explorerCache.js'
 import { entriesCacheGet, entriesCacheIsFresh, entriesCachePut } from '../../state/explorerEntriesCache.js'
 import { workspaceScopeOf } from '../../state/scopeStore.js'
 import { ancestorDirsOf } from '../../tabActions.js'
+import { refreshSvnChanges, refreshSvnStatus } from '../../svnStatus.js'
+import { SVN_STATUS_TONE, svnBadgeOf, svnBadgeTitle } from '../../../shared/svn.js'
 import type { SidebarCtx } from '../types.js'
 
 const DIR_CAP = 4000
@@ -105,6 +108,7 @@ export function FileExplorer(props) {
   const openFile = ctx?.openFile
   const activePath = ctx?.activePath ?? null
   const pendingByPath = ctx?.pendingByPath ?? {}
+  const svnChangeMap = ctx?.svnChangeMap ?? {}
   const [root, setRoot] = React.useState(null)
   const [dirs, setDirs] = React.useState({}) // rel → 最新条目（本会话内存态）
   const [expanded, setExpanded] = React.useState({})
@@ -264,6 +268,10 @@ export function FileExplorer(props) {
       setExpanded({})
     }
     void loadDir('', { force: true, prefetch: true })
+    // SVN 状态一并强制重测（检出 .svn / 卸载 svn 后可恢复菜单显隐）
+    refreshSvnStatus(sessionId, scope)
+    // 变更清单同样重查（目录重列后徽标要跟上；host 侧 TTL 内会被 force 绕过）
+    refreshSvnChanges(sessionId, scope)
   }
   refreshRef.current = refresh
   reloadDirRef.current = loadDir
@@ -387,6 +395,9 @@ export function FileExplorer(props) {
     const active = !isDir && e.path === activePath
     const contextTarget = Boolean(menu && menuEntries.length && menu.target.path === e.path)
     const dim = e.type === 'other'
+    // SVN 状态徽标：客户端由变更清单合成的查表（未加载/干净/未版本控制被过滤时不出徽标）
+    const svnEntry = svnChangeMap[e.path]
+    const svnLetter = svnEntry ? svnBadgeOf(svnEntry) : ''
     return React.createElement('div', {
       key: e.path,
       className: 'edrv-tree-row'
@@ -409,6 +420,12 @@ export function FileExplorer(props) {
       rowIconEl(e, isDir, isOpen),
       React.createElement('span', { className: 'edrv-tree-name' + (dim ? ' edrv-tree-dim' : '') },
         e.name),
+      (svnLetter
+        ? React.createElement('span', {
+            className: 'edrv-tree-svn edrv-svn-ch-' + (SVN_STATUS_TONE[svnEntry.status] ?? 'plain'),
+            title: 'SVN ' + svnBadgeTitle(svnEntry),
+          }, svnLetter)
+        : null),
       (pending > 0
         ? React.createElement('span', { className: 'edrv-tree-badge' }, String(pending))
         : null))