dsh-mobile-glass

DSH Web was designed with desktop in mind, so the mobile experience on smartphones feels fragmented: the sidebar crowds the viewport, the input box blocks the conversation, and the settings panel has nowhere to go. dsh-mobile-glass targets viewports at 1023 px and below with absolute zero impact on desktop (1024 px and up). It activates automatically after install with no extra configuration required.

The interaction model is rebuilt around mobile habits. A floating glass hamburger button reveals the sidebar as a drawer while the chat column slides right with a smooth translateX animation. Touch drag gestures use direction locking and velocity-based snapping, and they gracefully yield to native horizontal scrolling when the content is a wide table or code block. The input box starts as a compact centered capsule out of the way of the conversation, then expands to a full-width multi-line area on focus and contracts back on blur. The settings panel slides up from the bottom as a card, navigation collapses into an icon rail, and header clutter is cleaned up and aligned.

The plugin ships full PWA support via host-side routes for a Service Worker and an enhanced Web Manifest, with zero modifications to any DSH vendor file so upgrades are painless. Caching uses content-addressed URLs with a cache-first plus background-update strategy for instant repeat visits, network-first for navigation with a built-in offline page, and a complete bypass for API and SSE channels so live data is never stale. Phone browsers can add it to the home screen and run it standalone, just like a native app.

If you rely on DSH Web on a phone for daily conversations and session review, this plugin elevates the experience from barely usable to genuinely comfortable, while leaving your desktop setup exactly as it was.