harness-ui-enhancer
DeepSeek Harness 的 Web UI 优化层：规范未完成或自相矛盾的官方 UI，协调已安装插件之间的样式冲突，并统一视觉语言——支持实时自定义聊天宽度、Markdown 字体大小、工作区 sca
插件会安装到这里；不确定时保持 web。
npx -y @deepseek-ai/dsh plugin --profile web add harness-ui-enhancer@0.6.3Harness Ui Enhancer 以 harness-ui-enhancer 发布，当前版本为 0.6.3。Plugin Hub 会校验它的 manifest，并保存精确安装来源，便于复现安装结果。
English · 简体中文
A UI polish & plugin-coordination layer for DeepSeek Harness.
Normalizes the official UI · reconciles every plugin · settings auto-normalizer · UI customization (incl. rounded card)
TL;DR: You installed a bunch of DSH plugins but the UI looks inconsistent? Harness UI Enhancer uses CSS overrides + runtime DOM coordination to bring them back to the official design language — non-destructive, fully reversible, zero model cost.
Harness UI Enhancer is a client-only DSH bundle plugin. It adds no model tools and modifies no session logs — it adjusts the UI purely through official slots (settings.section / settings.general.item) and the --dsw-* semantic token system.
| Capability | Detail |
|---|---|
| Single-line header | Moves the conversation / trajectory selector into the title row; the header collapses to one line |
| Button capsule family | Session log, widgets, and toggle buttons unified into 32px capsules |
| Right-rail flush rounded rect | better-sidebar panel overlay layout; the header stays put |
| Unified settings header | Title 18/600 + description 13px + hairline divider |
| Target | Approach |
|---|---|
dsh-better-sidebar | Capsule-ize toggle buttons, unify panel backgrounds, coordinate layout, smooth transitions |
harness-widgets | Matching stat capsule family, header utilities alignment |
| Third-party settings pages | Auto-fill headings, drop redundant icons, normalize spacing |
When any third-party plugin adds a page to settings.section that doesn't follow the official spec, this plugin auto-corrects it:
| Auto-check | Fix |
|---|---|
| Missing page title | Injects an 18/600 title (from the nav label or a known mapping) |
| Redundant icon beside the title | Removes the title-row logo, keeps plain text |
| Title/description too tight | Unifies to 4px spacing + hairline divider |
| Inconsistent type/size | Title 18/600, description 13/20 + border-bottom |
The "UI Customization" block under Settings → General: chat width, markdown font size, workspace scale, UI font stack, and rounded card all adjust live. The "rounded card" renders the conversation area as a card with a rounded top-left corner and a drop shadow, auto-resizing with the sidebar width / details column.
--dsw-* semantic tokens and follow light/dark themes automatically;<style data-plugin> tags;settings.general.item / settings.section / shell.overlay (rounded-card overlay).# via npm (plugin market)
dsh plugin --profile web add harness-ui-enhancer
# local development (link)
dsh plugin --profile web add link:D:/dsh-home/plugins/harness-ui-enhancer
After installing, hard-refresh the browser (Ctrl+Shift+R); the "UI Customization" block appears under Settings → General.
pnpm install
pnpm run build # tsdown builds lib/
pnpm run check # typecheck + build
peerDependencies: @deepseek-ai/dsh-client-ui-slots, dsh-client-runtime (provided by the DSH web profile);cordis.patch.yml inserts the ui-enhancer row; the browser half is declared by dsh.client;npx tsdown rebuild → sync into profiles/web/node_modules/harness-ui-enhancer/lib/ → hard-refresh the browser.0.1.0-rc.6 and compatible later 0.1.x;dsh-better-sidebar, harness-widgets, dsh-notification, dshmarket;Meta:
keywords (deepseek-harness / dsh / cordis / plugin / web-ui / ui-enhancement) so the package shows up in npm search; no code change.Fix:
--dsw-alias-bg-base) and sits one step above the shell's overlay layer (z-index: 21, still below better-sidebar's panels at 40 and modals): the harness-widgets rail and its magnify overlay slide UNDER the header's white rectangle instead of visually stacking onto the header buttons. Header rules stay in the enhancer (the widgets plugin no longer touches official elements).Fix:
margin-right. The #root neutralization previously cleared only margin-right, leaving better-sidebar's width: calc(100% - var(--dsh-sidebar-width)) active — the width squeeze first narrowed the column to the panel's left edge, then the viewArea/composerSeat margin squeezed a second time, pushing the conversation one full panel-width short of the panel. Added width: 100% to fully neutralize #root, so the inner margin is now the single, correct squeeze (the chat's right edge meets the panel's left edge, minus the 8px scrollbar gutter).Removed:
New:
shell.overlay cover (top border + top-left radius + --dsw-shadow-lv3 shadow); the shadow bleeds left into the sidebar (card thickness), the top moves down 1px for the shadow gap; right/bottom are natural window edges with no drawn border; the left edge borrows the sidebar's own border-right; a ResizeObserver tracks the center column so it follows sidebar drags / collapse / details-column changes; the content's top-left is masked round by the center column's own border-radius; pure CSS gating (html.enhc-center-card-on), togglable and residue-free.Fix:
max(): gives 80px to the toggle cluster when the sidebar is closed, follows the sidebar width when open;margin-right;W-zNGW → nArs4W;top: 6px.