--- description: "为 DSH Web Composer 提供确定性的 Markdown 视觉呈现与本地编辑辅助,不接管 source 或提交。" kind: "package-bundle" --- # @cheesefox/dsh-better-composer [English](README.md) | 中文 [![CI](https://github.com/CheeseFox259/dsh-better-composer/actions/workflows/ci.yml/badge.svg)](https://github.com/CheeseFox259/dsh-better-composer/actions/workflows/ci.yml) [![npm](https://img.shields.io/npm/v/@cheesefox/dsh-better-composer)](https://www.npmjs.com/package/@cheesefox/dsh-better-composer) [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](LICENSE) ## 摘要 DSH Better Composer 为 DSH Web Composer 增加保留 source 的 Markdown 视觉呈现、固定的本地补全候选与诊断。配置层通过 DSH 公开的 Composer seam 提供 Settings 与编辑器 presentation。source、selection、history、Context Objects 以及 Send/Queue/Steer 仍由 DSH Core 拥有。超长粘贴可自动转为可编辑的引用(chip),其大模型辅助编辑经 Host 侧独立的一次性调用完成,不写入会话事件流。 ![Composer 内的实时 Markdown 呈现 —— 光标所在行重新显示语法标记](https://raw.githubusercontent.com/CheeseFox259/dsh-better-composer/main/docs/screenshots/markdown-visual.png) ## 目录 - [使用本包](#使用本包) - [了解实现](#了解实现) - [进一步阅读](#进一步阅读) - [模型体验](#模型体验) - [已知限制与暂不处理事项](#已知限制与暂不处理事项) - [开发说明](#开发说明) ----- ## 使用本包 ### 前置条件 - 已安装原生 DSH,并且可使用 `web` profile。 - DSH `0.1.7-alpha.2` 或满足本包 peer dependencies 的更新版本。本次发布在 `@deepseek-ai/dsh@0.1.7-alpha.2` 上完成安装验证。 - Node.js `>=20`、pnpm `>=10`。 - DSH 能够打开一个工作区目录;文件送达模式需要已知的工作区路径。 先确认原生 DSH 可以启动: ```sh dsh --version dsh web --no-open ``` 确认网页能够打开后,停止临时 Web 进程,再把插件加入你实际使用的 Web profile。 ### 从 npm 安装正式版 ```sh pnpm dsh plugin --profile web add @cheesefox/dsh-better-composer@1.0.0 pnpm dsh web --no-open ``` 打开 DSH 输出的 Web 地址,进入「设置 → 内置插件 → Better Composer」,确认插件已加载。新建会话,确认 Composer 视觉层与 `+` 菜单正常存在。 ### 从 GitHub 源码安装 ```sh git clone https://github.com/CheeseFox259/dsh-better-composer.git cd dsh-better-composer pnpm install pnpm run bundle cd .. pnpm dsh plugin --profile web add ./dsh-better-composer pnpm dsh web --no-open ``` 源码安装适合开发调试,使用当前 checkout 的代码。它不会修改 DSH Core;本包是 profile bundle patch 加 Host/Client 插件入口。 ### 首次安装验收 1. 在 Web UI 中新建会话。 2. 粘贴超过阈值的文本,确认其变为「粘贴文本」chip。 3. 打开 chip,选择「文件送达」,在「文件类型」下拉框选择文本或代码扩展名;发送后确认文件写入 `.dsh/pastes/`。 4. 在粘贴文本编辑页修改内容,测试「撤销」和「重做」;应用智能改写预览后也测试这两个按钮。 5. 进入「设置 → 内置插件 → Better Composer」调整超长粘贴阈值。文件扩展名属于每个 clip,不在全局设置中选择。 ### 卸载 ```sh pnpm dsh plugin --profile web remove @cheesefox/dsh-better-composer ``` 修改 profile 组成后重启 Web DSH。卸载会移除插件的 overlay、Settings 卡片、clip source、右侧栏 tab 和 Remote contribution,不会修改已有会话历史或 Core 源码。 本包是 `dsh.bundle.patch` profile layer。该 patch 向当前 profile 插入一个 `dsh-better-composer` 行。客户端入口只在 Web 平台加载,并依赖 `package.json` 声明的 conversation、renderer、Settings 和 Settings-plugin 公开包。本包 peer 下限为 `0.1.7-alpha.1`,本次发布验证使用原生 DSH `0.1.7-alpha.2`。 ### 提供的能力 - 为标题、强调、链接、任务列表、引用、表格、围栏代码和保留 source 的文件引用标签提供 Markdown 视觉增强。 - 为已批准的 fence language、task marker 和 heading spacing 提供确定性的本地补全,并为已批准的 prompt section heading 提供有界 ghost。 - 对支持的未完成 Markdown 结构提供不阻塞发送的诊断。 - 上下文地图(composer 工具栏图标打开右栏):占用仪表(实测 token / 模型窗口)、构成堆叠条、结构统计与逐轮增长图,全部推送式实时更新,统计覆盖完整会话历史而不只是当前已加载的窗口。「构成」内可按 消息 → 轮 → 步骤(trace)→ 消息全文 钻取;逐轮增长图的每个柱可点开该轮明细(用户/助手 tokens、工具调用、文件与图片),支持一键锚定与「在消息中查看」;系统提示词与工具清单(来自 request/header)同样可查看全文。 ![上下文地图 —— 占用、构成、轮次卡片与缓存统计](https://raw.githubusercontent.com/CheeseFox259/dsh-better-composer/main/docs/screenshots/context-map.png) - 上下文管理:地图内直接执行 /compact(带确认与压缩中状态,压缩点在轮次上标记);任意已结束轮次可一键分叉(fork 出新会话);轮次可锚定并在增长图上显示金色刻线。 - 缓存可视化:命中率、当前上下文缓存覆盖与读/写 tokens(provider 前缀缓存自动生效)。 - 超长粘贴自动转为「粘贴文本」引用 chip(阈值可在 Settings 调整,0 关闭):发送方式可选「直接进上下文」(提交时完整文本内联)或「以文件形式送达」(文本落盘为工作区文件,并以官方 `@path` 文件引用语法进入提交);点击 chip 打开右侧栏编辑器后,选择「文件送达」即可选择文本或代码文件扩展名。编辑器支持手动修改,也可由大模型按指令改写;改写支持停止、预览、应用、撤销、重做和重试(独立的一次性调用,不写入当前会话事件流,可携带最近若干条会话消息与当前推理等级作为参考)。 ![超长粘贴自动收纳为可编辑的 chip](https://raw.githubusercontent.com/CheeseFox259/dsh-better-composer/main/docs/screenshots/paste-clip.png) - 四个 Settings 控件:启用 Better Composer、Markdown 视觉增强、Markdown 语法提示和超长粘贴转引用阈值。文件送达扩展名在每个粘贴文本编辑页中选择。旧的 `toolbarMode` 字段继续兼容读取,但不单独增加 UI 开关。 ----- ## 了解实现
实现细节 — 点击展开 [`src/index.ts`](src/index.ts) 中的 Host 入口安装 Settings schema、client bundle 和 `betterComposer` Remote 服务(`@Remote` 运行时标记,无需生成工件)。[`cordis.patch.yml`](cordis.patch.yml) 把 bundle 加入 profile。[`src/client/index.ts`](src/client/index.ts) 通过 effect-scoped 注册与清理管理 Settings、decorations、actions、editor surface、Settings card、clip source 与右侧栏 tab。 Markdown provider 读取权威 Composer snapshot 并输出 UTF-16 source range。editor surface 通过 Core 的通用 decoration 与 surface-extension seam 呈现这些 range。补全接受和语言变更都走现有 Core transaction path。ghost、diagnostics、table 和 code controls 都只是 presentation;它们不会创建第二份 source、selection、history、Context Object 或提交路径。 粘贴引用(`@clip:`)的实现:editor surface 用单 revision 长度突增 + 前后缀 diff 检测超长粘贴,经公开的 `setDraft(text, references)` 把片段替换为 chip;`inputTriggers.registerSource` 注册的 codec 在提交时按送达模式展开为完整文本(inline)或官方风格的工作区文件引用(例如 `@.dsh/pastes/pasted-text-.md`;Host 将文本写入 `/.dsh/pastes/`)。chip 原文及扩展名持久化于 harness home(`storages/better-composer/pastes/`),刷新不丢。右侧栏编辑器经 `sidebarRightTabs` + `sidebar.right.pane.tab` 注册;「用大模型编辑」调用 Host 侧 `editText` Remote 方法,以独立 purpose 发起一次性、可取消的 LLM 请求,先返回预览,不 append 任何会话事件。
----- ## 进一步阅读 - [`src/settings.ts`](src/settings.ts) — 持久化 Settings 字段与默认值。 - [`src/client/editor.tsx`](src/client/editor.tsx) — editor presentation 与交互 wiring。 - [`src/client/presentation-layout.ts`](src/client/presentation-layout.ts) — table 与 code presentation layout。 - [`src/markdown/provider.ts`](src/markdown/provider.ts) — source range 与 Markdown presentation 数据。 - [`tests/`](tests/) — parser、lifecycle、Settings、completion、diagnostics 和 presentation focused tests。 ----- ## 模型体验 「以文件形式送达」的粘贴引用在 prompt 里呈现为官方风格的工作区文件引用(`@.dsh/pastes/...`),由 Agent 的正常文件工具按需读取;「直接进上下文」则把完整文本内联进用户消息。「用大模型编辑」在会话外发起独立请求,模型看不到会话事件流,只看到插件显式携带的文本、指令、可选的近期消息摘录和当前推理等级,结果必须先经过用户预览再应用。 ## 已知限制与暂不处理事项 宿主必须提供声明的 Composer、Settings、input-trigger、右栏与 Remote 公开 seam;老宿主缺失某一项时对应能力单独关闭。支持的代码语言与文件扩展名列表是有限且本地的。纯插件无法创建 Core 内部的附件 receipt,因此文件送达使用官方工作区 `@path` 引用约定,而不是伪造原生二进制附件。file 送达模式要求会话工作区路径已知;旧 clip(cwd 捕获前创建)切到 file 模式会在发送时以明确错误阻止而不是静默失败。粘贴检测无法区分粘贴与其他单步大插入(IME 整段提交、undo),阈值可降低误判但不能归零。浏览器验收属于宿主 release 流程;本仓库的自动化检查不能替代维护者的真实浏览器复核。 ### 开发说明
维护者工作说明 — 点击展开 本包使用现有 DSH profile bundle 机制和本地 package scripts。在此目录运行 `pnpm test`、`pnpm run typecheck`、`pnpm run bundle` 和 `pnpm run pack:check`。