AcidGr/dsh-web-mobile-fix
DeepSeek Harness (dsh) Web plugin
Listed
5
Ui
Bundle verified
What it does
Mobile layout fixes for the Web UI on narrow screens: full-screen settings panel, one-row plugin nav, full-screen sidebar, centered popups, icon-only session-log button.
Best for
- DSH Web users operating settings, sidebars, and popups on phone-width screens.
- Deployments needing a reversible CSS-only mobile layout adjustment without product-source changes.
- Narrow viewports up to the documented 700 px breakpoint.
Not ideal for
- Desktop or wider-than-700 px layouts, where the mobile overrides do not apply.
- Workflows needing behavioral features rather than presentation fixes.
- Deployments that require selectors guaranteed across major product redesigns; the documented slot selectors may need updates.
README
dsh-web-mobile-fix
| English | 简体中文 |
Mobile layout fixes for the DeepSeek Harness Web UI.
A pure client-side CSS overlay that repairs the worst mobile breakages on narrow (≤700px viewport) screens, without touching any product source:
- Settings panel becomes a full-screen column layout instead of a squeezed desktop layout
- Directory-picker footer (Cancel / Confirm) pinned to one bottom row
- Sidebar opens full-screen instead of squeezing the conversation
- Settings plugin navigation (4 buttons) fits on a single row
- Session-log button collapses to an icon
- Model name hidden in the composer (chevron only)
- Dropdowns / popups / menus render centered
How it works
The plugin ships a browser half (exports["./client"], declared via dsh.client.platform: "web"), discovered by the client-modules scanner and loaded from the boot manifest. It injects one <style> tag with @media (max-width: 700px) overrides targeting the product’s stable data-slot attributes, and removes the tag on unload — fully reversible.
Requirements
- DeepSeek Harness Web profile (
dsh --profile web), any recent 0.1.x release - Selectors target product slot contracts; they are stable within a version line but may need small updates after a major product revamp
Install
Bundle install (recommended)
Installed from npm:
dsh plugin --profile web add dsh-web-mobile-fix
(No npm / local development — point pnpm at the repo instead:
dsh plugin --profile web add github:AcidGr/dsh-web-mobile-fix
)
Restart dsh web (or wait for the profile hot-reload), then hard-refresh the browser.
Manual install (no pnpm / offline)
PROFILE="$DSH_HOME/profiles/web" # adjust DSH_HOME and profile name
mkdir -p "$PROFILE/plugins" "$PROFILE/node_modules/@dsh-profile"
cp -r dsh-web-mobile-fix "$PROFILE/plugins/mobile-fix"
ln -sfn ../../plugins/mobile-fix "$PROFILE/node_modules/@dsh-profile/mobile-fix"
# append to $PROFILE/cordis.patch.yml:
# - insert:
# - id: mobile-fix
# name: '@dsh-profile/mobile-fix'
Verify
Open the Web UI on a phone-width window — the settings panel, sidebar, and popups should be mobile-adapted.
Rollback
- Bundle install:
dsh plugin --profile web remove dsh-web-mobile-fix - Manual install: delete the
mobile-fixinsert block fromcordis.patch.yml(the plugin dir can stay or go)
No product source is modified; upgrades do not overwrite it.
License
MIT
Frequently Asked QuestionsFAQ
Use the verified command dsh plugin --profile default add github:AcidGr/dsh-web-mobile-fix in a DSH-enabled shell. The command resolves the public package metadata and keeps the plugin attached to the catalog identity shown on this page.
Compatibility follows the bundle and profile status shown above. If a profile is not detected, keep the plugin disabled there and check the repository documentation before enabling it in production.
The GitHub link and activity metadata are the source of truth for releases and maintenance. Revisit this page after a new release to confirm the catalog has observed the latest version.