anonamerjaxon-dev/dsh-model-grid

dsh-model-grid

Turn the composer model picker in DeepSeek Harness from a long one-per-row list into a responsive card grid, grouped by provider.

Features

• Responsive grid. As many columns as fit the popup (auto-fill), never fewer than one, so it degrades gracefully on narrow windows.
• Grouped by provider. Each provider keeps its own section; the provider heading spans the full row.
• Works with both pickers. The stock dsh-client-ui-model-selection dropdown and the third-party dsh-peakrate model menu (which replaces the stock trigger when installed). The stylesheet does not depend on either plugin being present.
• Configurable. Width, card width, gap, height cap, and whether to hide the long price countdown.
• Host-only, upgrade-safe. A single <style> is injected into the page <head> through the webserver/index-inject event. No client bundle is rebuilt, so it keeps working after DSH updates.
• No runtime dependencies.

Supported pickers

The rules are scoped so the two-cell root pane (Model / Reasoning effort) of the peakrate menu keeps its normal narrow width — only the grouped model list is widened.

Install

This is a DSH profile plugin. It is host-only, and the web UI must live at the bundle layer to appear, so it needs to be in dsh.profile.bundles.

# 1. add the dependency to a profile
dsh plugin --profile web add github:anonamerjaxon-dev/dsh-model-grid

# 2. add "dsh-model-grid" to dsh.profile.bundles in
#    ~/.dsh/profiles/web/package.json, then restart the profile
dsh web

If you prefer a local checkout:

dsh plugin --profile web add link:/path/to/dsh-model-grid

Then add the same "dsh-model-grid" entry to dsh.profile.bundles and restart.

Restarting the profile is required: the host plugin is loaded at boot and the stylesheet is injected when the page is served.

Configuration

Options are passed through the plugin entry's config and merged with the defaults.

Example — in the profile's cordis.patch.yml:

- insert:
    - id: model-grid
      name: 'dsh-model-grid'
      config:
        maxWidth: 1100
        minCardWidth: 180
        hideCountdown: false

How it works

1. apply(ctx, config) listens for the host's webserver/index-inject event.
2. On every index response, the listener pushes one { kind: "style", text } row.
3. DSH renders that row as a <style> block in <head>.

Because the CSS is generated from css.js at injection time, there is no file I/O and nothing to keep in sync. buildCss() is exported and unit-tested independently of the host.

Compatibility

• DeepSeek Harness 0.2.1-rc.2 (declared in package.json → dsh.compatibility).
• Node.js >= 22.
• No bundler, no client build step.

Development

git clone https://github.com/anonamerjaxon-dev/dsh-model-grid.git
cd dsh-model-grid
node --test

The test suite covers config defaults/clamping, both picker selector sets, the countdown toggle, and the injection table.

Maintainer: registry submission

Listing in the awesome-dsh-plugin registry is a one-file pull request. The scripts/ helpers automate it:

scripts/submit-to-market.sh --dry-run   # validate, change nothing
scripts/submit-to-market.sh             # open the PR
scripts/schedule-submit.sh              # one-shot launchd timer for the first eligible moment
scripts/schedule-submit.sh --uninstall  # remove the timer

The registry's CI enforces a 1-day minimum repository age, which is exactly what schedule-submit.sh waits for. See scripts/README.md.

License

MIT © 2026 Jackson Yao