DeepSeek Harness plugin

dsh-widescreen

Widescreen mode for the DeepSeek Harness session detail page: a General-settings toggle that lets the chat use the full browser width instead of the fixed 748px content column.

Jump to install

Source facts

Repository
Temoa/dsh-widescreen
Latest update
Aug 15, 2026
Category
Tools & Capabilities
GitHub stars
0
Format
plugin
Catalog evidence
Upstream dsh.bundle evidence
Evidence path
package.json#dsh.bundle
Checked against
0.1.0-rc.8
Upstream check date
2026-08-20

This evidence comes from the upstream catalog. This site has not installed, run, or security-reviewed the plugin.

Install

Start with a prompt that asks an agent to review the GitHub repository and source. Switch to the command if you want to install it yourself.

Copy this prompt into DSH, Codex, or another agent and ask it to review the GitHub repository and source first.

Do not install or run any commands yet. Read this plugin's GitHub repository, README, and relevant source code. Then answer the questions below clearly and directly so I can decide whether it fits my needs:

1. What is this plugin, and what problem does it solve?
2. Who is it for, and what are its typical use cases?
3. How is it used after installation? Include one minimal example.
4. What known limitations or privacy, security, compatibility, or maintenance risks does it have?
5. Give a clear recommendation: recommend, conditionally recommend, or do not recommend, with reasons.

Distinguish statements documented by the repository, inferences from source code, and unknowns. If evidence is insufficient, say so explicitly. Do not guess or simply repeat the README.

GitHub: https://github.com/Temoa/dsh-widescreen
Plugin: dsh-widescreen
Author: Temoa

Check the source files

Read the README and other files from this plugin directory before installing.

File explorer3 files
README.mdSource · read only

dsh-widescreen

Widescreen mode for the DeepSeek Harness web UI. Adds a toggle in Settings → General (设置 → 通用设置) that lets the session detail page fill the available browser width instead of the fixed 748px content column.

Features

  • One switch in Settings → General: Widescreen mode (宽屏模式).
  • When on, the chat column, date dividers, question cards, and the composer card all expand to the full width of the center column — no more excessive whitespace on wide monitors.
  • When off, behavior is byte-for-byte the shipped default (748px content column).
  • Container-relative sizing only (--dsh-chat-content-width: 100%): browser zoom and window resizing keep reflowing exactly as before, and narrow viewports are unaffected.
  • The preference is persisted in the DSH user-settings document; it survives page reloads and restarts.
  • Fully reversible: removing the plugin restores the default layout with no residue.

Install

> Requires DSH 0.1.0-rc.x (Web profile).

From GitHub

dsh plugin --profile web add github:Temoa/dsh-widescreen

No build scripts are involved: the repository ships pre-built lib/ artifacts, so no prepare authorization is needed.

From a local checkout

dsh plugin --profile web add ./dsh-widescreen

Restart dsh after installing (dsh --profile web), then open Settings → General and flip the switch.

Uninstall

dsh plugin --profile web remove dsh-widescreen

Restart dsh after removing (dsh --profile web). The default 748px layout is fully restored: the stylesheet and the <html> attribute are torn down with the plugin, and the persisted preference section is ignored once the namespace is gone.

How it works

The conversation root in dsh-client-ui-conversation pins the chat content width with a component-scoped CSS variable:

--dsh-chat-content-width: 748px;

Every width-limited element (chat column, date dividers, user-question cards, composer card, dock rows) reads that variable. The plugin:

1. Registers a durable widescreen settings namespace on the Host (lib/index.js). 2. Binds it on the client through ctx.settingsScope and keeps a snapshot store in sync (lib/client.js). 3. Injects a small stylesheet and toggles an data-dsh-widescreen attribute on <html>. The stylesheet redefines the variable to 100% on the two containers that own every consumer:

html[data-dsh-widescreen="on"] [data-conversation-scroll],
html[data-dsh-widescreen="on"] [data-composer-seat] {
  --dsh-chat-content-width: 100%;
}

--dsh-composer-card-max-width derives from the same variable, so the composer follows automatically. Because the value is container-relative (100%), the original viewport/zoom-responsive reflow is untouched.

The General-settings row registers into the additive settings.general.item slot (order 30, after Appearance and Composer Enter), exactly like the shipped preference rows.

Repository layout

dsh-widescreen/
├── package.json        # dsh.bundle.patch + dsh.client manifests
├── cordis.patch.yml    # composition layer: inserts the plugin row
├── lib/
│   ├── index.js        # Host half: settings namespace registration
│   └── client.js       # Browser half: __ModuleLoader__ bundle
├── README.md
├── README.zh.md
└── LICENSE

The client bundle is authored directly in the official window.__ModuleLoader__.load({ id, factory }) artifact format documented in the harness's client build tooling, so the repository needs no build step to install.

Development

npm run check   # node --check on both lib files

License

[MIT](LICENSE)