English · 简体中文

DSH UI Harmonizer

为 DeepSeek Harness 打造的界面规范化与协调层。
规范化官方界面 · 协调每个插件 · 设置页自动规范器 · 界面定制（含圆角卡片）

Latest release Total downloads GitHub stars MIT License Supported: DeepSeek Harness 0.1.x

--- > **一句话：** 你装了一堆 DSH 插件，界面却风格割裂？DSH UI Harmonizer 用「**CSS 覆盖 + 运行时 DOM 协调**」把它们拉回官方设计语言——**不破坏任何插件源码、卸载即还原、零模型开销**。 DSH UI Harmonizer 是一个**纯浏览器端（client-only）**的 DSH bundle 插件。它不新增模型工具、不改写会话日志，只通过官方 `settings.section` / `settings.general.item` 槽位与 `--dsw-*` 语义令牌体系调整界面。 --- ## 当前功能 ### 🎨 官方 UI 规范化 | 能力 | 说明 | | --- | --- | | 顶部栏单行化 | 对话/轨迹选择器移入标题行，header 收成单行 | | 按钮胶囊家族 | Session log、组件、toggle 按钮统一为 32px 胶囊 | | 右侧栏贴边圆角矩形 | better-sidebar 面板覆盖式布局，header 不动 | | 设置页头统一 | 标题 18/600 + 描述 13px + hairline 收尾 | | 原生 title 悬浮提示统一 | 裸 `title` 属性改用官方深色气泡渲染，替代系统默认提示样式 | ### ♻️ 插件视觉协调 | 协调对象 | 做法 | | --- | --- | | `dsh-better-sidebar` | toggle 按钮胶囊化、面板背景统一、布局协调、平滑过渡动画 | | `dsh-widgets` | 统计胶囊同族、header utilities 对齐 | | `@omdsh-dev/dsh-genui` | `render_ui` 面板与工具卡片：宽度跟随「对话列最大宽度」（`--enhancer-content-width`，如 840px）而非冒泡到整列；修复折叠条 flex-nowrap 长标题撑宽根因并统一 11px/16px 内边距；`banner`/`steps` 等横贯块按 16px 左右间距规范（不向外扩盒）；svg/pre/canvas/img/mermaid 全部限宽护栏 | | 第三方设置页 | 自动补标题、删多余图标、统一间距格式 | ### 🧹 设置页自动规范器 ⭐ 任何第三方插件往 `settings.section` 加页面时，若没有严格按官方规范设计，插件会自动修正： | 自动检查项 | 修正方式 | | --- | --- | | 缺页面标题 | 注入 18/600 标题（取导航项名或已知映射） | | 标题旁多余图标 | 移除标题行 logo，保留纯文字 | | 标题/描述贴太紧 | 统一 4px 间距 + hairline 收尾 | | 字号/格式不统一 | 标题 18/600、描述 13/20 + `border-bottom` | ### 🎛️ 界面定制 设置 → 通用设置中的"界面定制"块：对话宽度、markdown 字号、工作区字号、UI 字体、圆角卡片均可实时调节。「圆角卡片」把对话区域显示为左上圆角的卡片并附投影，高度跟随侧栏宽度/详情列自动伸缩。 --- ## 工作原理 - **零模型开销**：host（node）半是 no-op，全部改动发生在浏览器半； - **官方设计令牌**：所有样式走 `--dsw-*` 语义令牌，自动跟随明暗主题； - **两条注入通道**：静态规则（CSS Modules）+ 动态 `