Preface

In narrow windows (≤700px) of the DeepSeek Harness Web UI, elements such as the settings panel, sidebar, directory selector, and modals may not be well-suited for mobile viewing. dsh-web-mobile-fix is a plugin for the DSH Web profile that fixes these mobile layout issues through pure client-side CSS overrides. It does not modify the product’s source code and is suitable for developers who need to use the DeepSeek Harness Web UI in mobile-width windows.

What It Is

dsh-web-mobile-fix is positioned as “Mobile layout fixes for the DeepSeek Harness Web UI.” The repository URL is:

https://github.com/AcidGr/dsh-web-mobile-fix

The license is MIT.

It targets narrow-screen scenarios in the DeepSeek Harness Web UI, fixing issues such as the settings panel being compressed, the sidebar squeezing conversations, directory selector button layout, session log buttons taking up space, model name display, and dropdown/modal positioning.

Core Features

Below are the verified layout fixes:

  • Pure client-side CSS overlay for narrow screens (≤700px)
  • Settings panel becomes a full-screen vertical layout
  • Directory selector’s Cancel / Confirm buttons are fixed on the same bottom row
  • Sidebar opens full-screen instead of squeezing the conversation area
  • Four buttons for settings plugin navigation are placed on the same row
  • Session log buttons are collapsed into icons
  • Model name in the input field is hidden, keeping only the chevron
  • Dropdowns, modals, and menus are centered

Installation & Activation

First, ensure the environment meets the requirements:

  • Use the DeepSeek Harness Web profile: dsh --profile web
  • Use any recent 0.1.x release

Then run bundle install (recommended method):

dsh plugin --profile web add dsh-web-mobile-fix

This command installs dsh-web-mobile-fix into the Web profile.

Next, restart dsh web, or wait for profile hot-reload, then force-refresh the browser.

Verification

Open the Web UI in a mobile-width window and check the following:

  1. Is the settings panel in a full-screen vertical layout?
  2. Does the sidebar open full-screen?
  3. Are the directory selector’s Cancel / Confirm buttons on the same bottom row?
  4. Are dropdowns, modals, and menus centered?

If these areas display correctly at mobile widths after the steps above, the plugin is working.

Rollback

If you used bundle install, you can run:

dsh plugin --profile web remove dsh-web-mobile-fix

The <style> tag injected by the plugin will be removed upon uninstallation; it does not modify the product’s source code, and upgrades will not override it.

Use Cases & Notes

Ideal scenarios:

  • Using the DeepSeek Harness Web profile with frequent narrow-screen or mobile-width windows
  • Wanting to fix mobile display issues for the settings panel, sidebar, and modals without modifying the product source code

Notes:

  • The selectors target product slot contracts and are stable within the version line; minor updates may be needed after major product revisions
  • The plugin license is MIT
  • The plugin loads in the Web profile environment managed by the current dsh process; it’s recommended to review the repository source code and license before installation
  • It only injects CSS on the browser side and does not modify product source code
  • If the dsh or Web UI version changes, it’s recommended to re-run the verification steps

Links

GitHub:

https://github.com/AcidGr/dsh-web-mobile-fix