dsh-code-ui 1.5.1 → 1.5.2

package/README.md

@@ -114,6 +114,7 @@ dsh-code-ui/
 
 | 时间 | 版本 | 修复 / 新增 |
 | --- | --- | --- |
+| 2026-09-11 | v1.5.2 | 修复：停靠面板拖拽分界线不再折行——编辑区去掉 min-width 下限，面板标题/按钮/状态栏等文本全部 nowrap + 省略号截断，拖到多窄只截断、不把文字竖排成一列；停靠面板左缘拖到宽度 < 80px 时自动切回 dsh UI（还原拖前宽度，下次展开不残留细条） |
 | 2026-09-11 | v1.5.0 | 里程碑：**引用体系全面升级——行内引用 chip**。引用/翻译后标签不再挂在输入框上方，而是以 chip 直接嵌入输入框句中（`1:文件名:起行-止行`，翻译带 🌐 前缀），点击跳转编辑器、退格即删；`@` 菜单可把引用插入句中任意位置；发送时 chip 原位展开为 `- 代码引用 / - 翻译引用 文件名:行号（路径）` 引用行，正文由 AI 经 `get_referenced_snippets` 读取。实现：注册宿主 InputTrigger 触发源（candidates/onPick/codec）+ ReferenceChipNode 装饰器直插（shell.insertReference，实时取 `conversation.input.shell(sid).snapshot` 的 draft/draftRev）；chip ref 自包含 JSON（抗刷新/重启）。配套：**引用一次性消耗**——发送即标记已使用、chip 清空、【引用/备注】留档可查；**允许重复引用**（chip 可见可删，取消 host 去重）；**引用编号全链路贯通**——标签/消息指针/引用卡/AI 工具输出同号，对 AI 说「引用N」即指对应条目；【引用/备注】条目右键菜单（复制 / 翻译 / 引用给AI）；消息区引用卡 + chip 文件图标/点击跳转；提示条 ✕ 手动关闭兜底；移除「引用消耗模式」配置项（固定一次性）与输入条上方 tag 条（被行内 chip 取代）。工程：发送补丁改挂 shell.submit 必经点（原生输入条回车/按钮走 keyboard.submit，原 inputActions 补丁只覆盖插件输入卡）；纯 chip 携带的发送同样消耗 |
 | 2026-09-09 | v1.4.1 | 修复：编辑器**每敲一个字符文本抖动一下**。根因：hljs 就绪后，每次击键高亮层经历「tokenizer 顶上 → 60ms 防抖后换 hljs」**两次全量 innerHTML 重写**，浏览器重写 innerHTML 时 `scrollTop`/`scrollLeft` 被重置为 0——凡滚动过（垂直或水平）的文件，每次击键可见文本都会位移。修复：≤32KB 的文件改为**同步走 hljs**（单帧渲染直接出最终结果，无交换帧、工作量减半），>32KB 保留 60ms 防抖路径；并在每次渲染提交后从 textarea 回同步高亮层与行号滚动位（兜底所有 innerHTML 重写场景）。新增：**编辑器状态按会话记忆**——切换对话时快照当前会话的标签页/激活项并恢复目标会话的（此前 `applyRoot` 换根即清空标签与缓冲，切会话打开的文件全消失）；滚动位按文件路径记忆、标签恢复挂载即自动回滚；焦点不恢复，由用户自己点击决定；缓冲/脏标记以绝对路径为键全局保留，切走再切回未保存内容与 ● 状态原样还在，原「有脏文件暂不跟随根」守卫随之退役，根始终跟随新会话；**文件树展开状态同样按会话记忆**——目录展开与已加载子目录随会话快照/恢复（`applyRoot` 仅在 nodes 里没有该根节点时才重建树，同根换会话不再折叠），侧栏不再切一次对话就全部收起 |
 | 2026-09-08 | v1.4.0 | 里程碑：**语法高亮升级 highlight.js 11**（193 种语言，替换自研 tokenizer）。宿主 `webServer` exact 路由下发 `lib/vendor/` 全量包与主题 CSS，客户端首次高亮时懒加载、不拖累 SPA 启动；Electron（file://）/断网/路由缺失自动回退原 tokenizer 保底可用。插件卡片新增「语法配色」：自动（默认，随编辑器明暗 GitHub ↔ GitHub Dark）+ 10 款固定主题（GitHub / Dracula / Monokai / Nord / VS…），仅染 token 色、编辑器底色仍归「编辑器主题」管理，切换即时生效并持久化。性能：重高亮 ~60ms 防抖 + >512KB 大文件自动降级轻量高亮。`tools/vendor-hljs.mjs` 重建管线入库（支持 `--themes-only`、fetch 超时重试、Dracula 取官方源）。兼容性：适配 dsh 0.1.2+ 新版 settings 服务——不再 import 已删除的 `installSettingsSection`/`settingsNamespace` 具名导出（具名导出缺失会让宿主启动即退出），照 dshmarket 内联 `register`/`watch` 接线（服务 API 新旧一致），旧宿主 0.1.0-rc.7+ 同样可跑。交互优化：文件树选中态改为实心选中色 + 选中文字反白 + 左缘 2px 白色强调条——底色跟随宿主 `--dsw-alias-button-info-fill` 令牌（与 dshUI「对话/轨迹」页签同源，回退 #4176e6），宿主换肤自动同步；原层级灰在浅色主题下与侧栏底色仅差 5/255，选中几乎隐形。文件树根目录**按会话隔离**：宿主以 sessionId→root 映射记忆各会话的手动根（「以此文件夹为根」只影响当前会话，不再全局污染），切换会话即解析新会话的 cwd 或其记忆根——修复「新会话打开仍是旧会话地址」（原手动根为宿主级全局变量，且客户端跟随标志不持久化导致刷新后跟随失效且无提示）。未发消息的新会话也能解析根目录：会话创建时所选工作区路径已写入不可变 `SessionHeader.cwd`，经 `sessions` 服务可查（原仅查 `agents`，agent 要到首条消息后才存在）；重启后重开旧对话（agent 尚未恢复）时经 `sessionController.inspect` 读持久化 header 兜底。空新对话（blank 会话）根因：宿主对 blank 会话隐藏会话头 chrome（hideChrome），插件 InputBridge 所在 slot 不渲染、捕获不到新会话 id——新增常驻 SessionWatch（root 作用域 `shell.overlay` + 标准 props `useSessions`）监听当前选中会话，blank 会话（宿主侧 agent 在 session/create 时即建、cwd=所选工作区）也能即时换根。标签页**右键菜单**：关闭 / 关闭其他 / 关闭右侧标签页 / 关闭已保存 / 关闭全部 + 复制路径（无对象项自动置灰）；关闭波及未保存文件时弹确认框（保存并关闭 / 不保存 / 取消，多文件列清单、>5 折叠计数，保存失败者保留打开）——原标签 ✕ 按钮静默丢弃未保存改动，一并接入同一确认流程 |

package/lib/client.js

@@ -118,8 +118,21 @@ window.__ModuleLoader__.load({
       .cdx-tk-punc{color:var(--cdex-tk-punc,#808080);}
       .cdx-tk-plain{color:var(--dsw-alias-label-primary,#d4d4d4);}
       .cdex-empty{color:var(--dsw-alias-label-secondary,#6f6f6f);padding:16px;font-size:13px;}
-      .cdex-empty-root{color:var(--dsw-alias-label-secondary,#8a8a8a);font-size:12px;margin-bottom:10px;word-break:break-all;font-family:Consolas,'Cascadia Code',Menlo,monospace;}
+      .cdex-empty-hint{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:10px;}
+      .cdex-empty-root{color:var(--dsw-alias-label-secondary,#8a8a8a);font-size:12px;margin-bottom:10px;font-family:Consolas,'Cascadia Code',Menlo,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
       .cdex-empty-root b{color:var(--dsw-alias-label-primary,#d4d4d4);font-weight:600;}
+      /* —— 拖拽分界线时「不折行」：面板拖到多窄都只截断（省略号），绝不把文字竖排成一列 ——
+         min-width:0 是必须的配套：nowrap 会把 flex 项的自动最小宽度撑成整行宽，
+         不放开自动最小宽度，面板其实拖不窄（等于隐式给自己设了下限）。 */
+      .cdex-top-title{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
+      .cdex-top-hint{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
+      .cdex-top-spacer{min-width:0;}
+      .cdex-btn,.cdex-btn-ghost{white-space:nowrap;}
+      .cdex-empty{min-width:0;}
+      .cdex-statusbar{overflow:hidden;}
+      .cdex-statusbar > span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
+      .cdex-fp-name{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
+      .cdex-aiinput-foot > span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
       .cdex-error{color:var(--dsw-alias-state-error-primary,#f48771);padding:8px;font-size:12px;}
       .cdex-statusbar{display:flex;align-items:center;height:24px;background:var(--dsw-alias-bg-overlay,#252526);color:var(--dsw-alias-label-secondary,#9d9d9d);font-size:12px;padding:0 12px;gap:16px;user-select:none;border-top:1px solid var(--dsw-alias-border-l1,#333333);}
       .cdex-statusbar .cdex-dirty{color:var(--dsw-alias-state-warn-primary,#ffe082);font-weight:600;}
@@ -1909,8 +1922,8 @@ window.__ModuleLoader__.load({
         // 空态时显式展示当前工作区根，避免「以此文件夹为根」后误认为未切换
         return h('div', { className: 'cdex-editor' },
           h('div', { className: 'cdex-empty' },
-            st.rootPath ? h('div', { className: 'cdex-empty-root' }, '当前工作区：', h('b', null, st.rootPath)) : null,
-            '从左侧资源管理器打开文件，或 ',
+            st.rootPath ? h('div', { className: 'cdex-empty-root', title: st.rootPath }, '当前工作区：', h('b', null, st.rootPath)) : null,
+            h('div', { className: 'cdex-empty-hint', title: '从左侧资源管理器打开文件' }, '从左侧资源管理器打开文件，或'),
             h('button', { className: 'cdex-btn', onClick: openFilePicker }, '📂 打开文件'),
           ),
         )
@@ -2201,24 +2214,36 @@ window.__ModuleLoader__.load({
         return (root && root.querySelector('[style*="grid-template-columns"]')) || null
       } catch (e) { return null }
     }
+    // 停靠面板拖到足够窄（<80px）松手 -> 自动切回 dsh UI（与文件树侧栏 <140px 收起同款手感），
+    // 宽度还原为拖前值（至少 280px），下次展开不残留细条。
+    const DOCK_AUTO_HIDE_WIDTH = 80
     function onDockResizeDown(e) {
       e.preventDefault()
       const handle = e.currentTarget
       const sw = store.dockW
       const px = e.clientX
       try { handle.setPointerCapture(e.pointerId) } catch (err) {}
+      function detach() {
+        handle.removeEventListener('pointermove', move)
+        handle.removeEventListener('pointerup', detach)
+        handle.removeEventListener('pointercancel', detach)
+      }
       function move(ev) {
-        store.dockW = Math.max(340, Math.min(sw + (px - ev.clientX), vw - 420))
+        // 不设硬下限：拖到比 80px 更窄的区间时文字只会被截断（见上方 nowrap 规则）；
+        // 一旦宽度跌破 80px 就视为用户想收掉 code UI —— 直接切回 dsh UI 并结束本次拖拽。
+        const next = sw + (px - ev.clientX)
+        if (next < DOCK_AUTO_HIDE_WIDTH) {
+          detach()
+          store.dockW = Math.max(280, sw)
+          toggleUiMode('native')
+          return
+        }
+        store.dockW = Math.min(next, vw - 420)
         emit()
       }
-      function up() {
-        handle.removeEventListener('pointermove', move)
-        handle.removeEventListener('pointerup', up)
-        handle.removeEventListener('pointercancel', up)
-      }
       handle.addEventListener('pointermove', move)
-      handle.addEventListener('pointerup', up)
-      handle.addEventListener('pointercancel', up)
+      handle.addEventListener('pointerup', detach)
+      handle.addEventListener('pointercancel', detach)
     }
 
     // 文件树右缘拖宽：拖到足够窄（<140px）松手 -> 整体收起（宽度还原为拖前值，下次展开不残留）

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-code-ui",
-  "version": "1.5.1",
+  "version": "1.5.2",
   "description": "Cursor 风格的 AI 代码编辑器工作台插件（DSH）：文件树、多标签页编辑、语法高亮、引用/翻译行内标签给 AI、右侧停靠/悬浮窗口双布局",
   "type": "module",
   "main": "lib/index.js",