dshbase

插件目录 / UI & Skins / dsh-width-tiers

dsh-width-tiers

已验证 · 实测可装 aaronlei

✓ 持续维护

查看 GitHub ↗ ← 返回插件目录

1Stars
0Forks
0未关闭 issue
JavaScript语言
2026-08-15最近推送
跨平台平台

功能简介

DSH Web GUI聊天宽度分级插件,浮动选择按钮

✅
我们的评价
可用 — 实测通过,早期项目

DSH Web GUI聊天宽度分级插件,浮动选择按钮 实测能干净安装、正常启动。早期项目,但功能可用。

「已验证」表示我们的自动化 CI 在干净 profile 里实际执行了 dsh plugin add 并启动成功——仅此而已。功能描述与版本兼容性均为作者声明。这不是安全审计,也不代表对第三方代码的背书。

README

dsh-width-tiers

License: MIT

A client plugin for the DeepSeek Harness Web GUI that adds chat content
width tiers
with a floating picker button (bottom-right, above the
composer): 标准 / 中等 / 宽 / 超宽 / 全宽 (standard / medium / wide / ultra /
full).

Why

The DSH Web app hard-codes a readable content width on the conversation root
(--dsh-chat-content-width: 748px). That caps the message column — and every
table inside it — at 748px no matter how wide your window or panels are,
so wide tables always need horizontal scrolling.

This plugin overrides that variable per tier:

Tier Content width Sidebar
standard 标准 748px (app default) untouched
medium 中等 960px untouched
wide 宽 1280px untouched
ultra 超宽 1400px untouched
full 全宽 100% (fills the window) collapsed to the icon rail

The choice persists in localStorage and is restored on the next visit; the
menu highlights the current tier, and the button's five level-bars show it at
a glance.

Install

dsh plugin --profile web add dsh-width-tiers

Then register it as a loader entry in
~/.dsh/profiles/web/cordis.patch.yml:

- insert:
    - id: dsh-width-tiers
      name: dsh-width-tiers

Restart dsh web (the plugin loads at boot) and hard-refresh the page
(Ctrl+Shift+R). A round button with five bars appears at the bottom-right.

Installing from a local checkout: dsh plugin --profile web add file:/path/to/dsh-width-tiers.
Local-development gotcha: file: dependencies are copied into the
profile's node_modules (pnpm does not symlink them). After editing the
plugin source, re-sync the copy (e.g. rsync -a --delete --exclude .git /path/to/dsh-width-tiers/ ~/.dsh/profiles/web/node_modules/dsh-width-tiers/)
or re-install after removing it, then restart dsh web and hard-refresh.

Usage

  • Click the round button → pick a tier; the current one is highlighted.
  • full collapses the sidebar to the icon rail through the app's own toggle
    — it is never force-hidden or locked: click a rail icon any time to expand
    it, and it stays expanded.
  • Non-standard tiers also close the details panel (re-closed automatically if
    reopened); standard leaves everything to the app.

Language

All picker copy (tier labels, button aria-label and title) follows the
app's Settings → Language (中文 / English), through the app's own locale
service. Switching the language re-renders the button and menu immediately;
when no explicit language is chosen the app falls back to the browser's
language, and Chinese is the last resort. No plugin-side setting needed.

How it works

  • The element that defines --dsh-chat-content-width is located at
    runtime
    (the first element whose computed value is non-empty) and the
    tier is applied as an inline override — no hashed class names, so it
    survives bundle upgrades.
  • Panels are driven through the layout service (ctx.layout), never by
    simulating clicks.
  • The sidebar is only ever collapsed by the full tier; returning to
    standard restores it only if this plugin collapsed it.
  • Dictionaries are registered with the app's locale service
    (ctx.locale.register / bind) and re-rendered through its change
    subscription, so the copy always matches the app's active language.

Limitations

  • Content width cannot exceed the window: on a narrow window, wider tiers are
    capped by the available column. Use full (which also collapses the
    sidebar) for the maximum.
  • Requires the DSH Web client plugin system (dsh ≥ 0.1.0-rc.x with a web
    profile).

Uninstall

dsh plugin --profile web remove dsh-width-tiers

Remove the dsh-width-tiers row from ~/.dsh/profiles/web/cordis.patch.yml,
then restart dsh web.

License

MIT — see LICENSE. Copyright (c) 2026 aaronlei.

安装

🧩 让 Agent 自动装(推荐)

装一次目录插件,之后本站所有插件都能让 DeepSeek Harness 自动找、自动装:

dsh plugin add dshbase-catalog

然后对 agent 说「帮我装 dsh-width-tiers」,它会在目录里找到并自动安装。文档:dshbase-catalog · 已验证场景包。

Web profile:

dsh plugin --profile web add dsh-width-tiers

Headless(CLI)profile:

dsh plugin --profile headless add dsh-width-tiers

包信息

npm:dsh-width-tiers · 版本 — · 实测环境 dsh 0.1.0-rc.6

实测报告

端到端验证通过:dsh 0.1.0-rc.6 上 L1 安装 + L2 加载 + L3 运行问答。

使用场景

改变 dsh 的外观或交互方式——一套主题、皮肤或新面板,重塑工作区。

适合谁

在 web UI 里一待几小时、想让它按自己的习惯好看又好用的人。

二次开发建议

皮肤、面板和主题 token 是扩展点——写新皮肤、加面板,或与上游配色同步 token。

安全:尚未扫描——我们的每日静态扫描将很快覆盖它。

分享徽章

UI & Skins 里更多

浏览全部 7797 个插件 →