Introduction

When running sessions in DeepSeek Harness (DSH), you often need to view turn counts, tokens, TTFT, cache hits, context水位, and task status simultaneously, sometimes also checking OpenCode Go usage or DeepSeek peak pricing windows. If this information is scattered across terminals, logs, or external pages, the switching cost is relatively high.

The dsh-widgets introduced below is a right-side component plugin for the DeepSeek Harness Web UI. It concentrates this information on the right side of the session page and allows for installing, sorting, and adjusting components from the settings.

What is it

dsh-widgets is maintained by Physicolor and is positioned as the right-side component system for DeepSeek Harness.

Verified materials indicate that it is a persistent DSH bundle plugin based on the Cordis composition model, licensed under MIT. It mainly solves three categories of problems:

  • Display DSH Web UI session running metrics, such as turns, LLM/tool time, TTFT, rate, cache hits, tokens.
  • Provide common components such as task, context, heatmap, quote, etc.
  • Support installing, sorting, and adjusting components from Settings > Components, including a built-in component marketplace.

Core Features

Real-time Session Metrics

dsh-widgets provides a right-side widget rail to display real-time session statistics, including:

  • turns
  • LLM/tool time
  • TTFT
  • rate
  • cache hits
  • tokens

This information is suitable for viewing next to the session, reducing the need to switch between terminals, logs, or external pages.

Common Components

In addition to real-time metrics, verified features also include:

  • task widget
  • context widget
  • heatmap widget
  • quote widget
  • peak pricing widget, used to display DeepSeek peak-pricing windows
  • OpenCode Go quota / usage display

The OpenCode Go quota / usage is obtained via same-origin host proxy using DSH credentials.

Multi-column Grid and 2x4 Long Cards

The component bar supports multi-column grid layout, which can be configured as:

  • 1 column
  • 2 column
  • 4 column

Verified materials indicate the default number of columns is 2. Components also support 2x4 long card forms and per-instance sizing, so the same component can be installed and adjusted in different sizes.

Continuous Magnification Wave

dsh-widgets provides a continuous magnification wave.

You can switch this effect in Settings → Components → Realtime follow. When enabled, the right-side components produce a continuous magnification feedback when the pointer moves, rather than simply magnifying the entire column.

Built-in Component Marketplace

The plugin has a built-in component marketplace, supporting:

  • Browsing components
  • Searching for components
  • Previewing components
  • Installing components by widget@size

Installed components support reordering and resizing, and can continue to be managed in Settings > Components.

Extensible Component Registry

dsh-widgets provides an extensible widget registry and uses build-time discovery.

This means that instead of directly maintaining a registry by hand, new components are extended in the form of widget units, and the registry is generated during the build process. The relevant commands will be provided in the typical usage section below.

Installation and Activation

Currently, verified materials do not provide official DSH plugin installation commands, so this article will not provide concatenated commands.

Before connecting, you can verify the following information:

  • Support: DeepSeek Harness 0.1.x
  • Peer dependency: @deepseek-ai/cordis ^4.0.1
  • License: MIT

After enabling, the widget rail configuration will be persisted to:

profiles/web/dsh-widgets-state.json

If using OpenCode Go quota / usage, you need to prepare DSH credentials. The host side will register same-origin proxy routes, and the browser side will not initiate cross-origin requests.

Typical Usage

1. Set Column Layout

First, set the number of columns for the right-side component bar in Settings > Components.

Optional values are:

1
2
4

Verified materials indicate the default number of columns is 2.

2. Install Components

Open the built-in Component Marketplace to browse, search, and preview components.

When installing, select by widget@size, for example, the same widget can be installed in different sizes. After installation, you can continue to sort or adjust the size in the installed list.

3. Switch Magnification Effect

If you need the continuous magnification wave, you can enter:

Settings → Components → Realtime follow

Here you can switch the effect. After disabling, the component bar returns to its normal display state.

4. View OpenCode Go Usage

OpenCode Go quota / usage depends on DSH credentials and is obtained via same-origin host proxy.

After enabling, the browser does not initiate cross-origin requests. The usage process is to first prepare DSH credentials, and then view the relevant quota / usage components in the component bar.

5. Development Self-Check

If you need to verify the website or component status locally, you can run:

node website/verify.mjs

This step is used to execute website self-verification.

If you extended widget-related code, you need to regenerate the registry:

pnpm build
pnpm check:registry

pnpm build regenerates the registry. pnpm check:registry reports an error when the registry is stale, helping to promptly discover issues where the registry has not been updated.

Applicable Scenarios and Notes

Suitable for the following scenarios:

  • Need to view session metrics (turns, LLM/tool time, TTFT, rate, cache hits, tokens, etc.) on the right side of the DSH Web UI.
  • Need to manage components such as task, context, heatmap, and quote in the same side bar.
  • Need to view OpenCode Go quota / usage.
  • Need to install, sort, and adjust components by widget@size.
  • Need to extend new widget units based on the extensible widget registry.

Notes before use:

  • The plugin runs with the permissions of the current DSH process; check the source code and license before installing.
  • Verified materials do not provide official DSH plugin installation commands; do not concatenate installation commands based solely on the repository name.
  • OpenCode Go quota / usage depends on same-origin proxy and DSH credentials.
  • Peak pricing schedule is currently hard-coded; custom schedule is on the roadmap.
  • Component bar configuration is written to profiles/web/dsh-widgets-state.json.
  • The community directory is a standalone site and is not equivalent to the official app stores of DeepSeek or Feng Fan.

Conclusion

The value of dsh-widgets lies in concentrating commonly used running metrics, component management, usage display, and peak pricing information for DSH sessions into the right-side component bar, reducing the back-and-forth switching developers need to do across multiple pages.

Directory page:

https://www.skillhub.cn/plugins/Physicolor/dsh-widgets

GitHub:

https://github.com/Physicolor/dsh-widgets