dsh-mobile-ui

Mobile responsive layer for the DSH web UI: drawer sidebar, full-screen settings, touch targets, safe areas and overlay details.

AI 分析

为 DSH 网页端提供手机屏幕适配。通过抽屉式侧边栏、全屏设置、大触控目标及安全区优化，提升移动端浏览与输入体验。适合常在手机上使用 DSH 的用户。

パッケージ

dsh-mobile-ui

バージョン

0.1.0

ライセンス

MIT

最終更新

2026/08/16

dsh-mobile-ui

A DSH web client plugin that adapts the browser UI for phone screens.

No persistent sidebar on phones — only a floating hamburger button in the top-left corner. Tapping it opens the session sidebar as an animated drawer (with backdrop and close button).
Selecting a session closes the drawer automatically.
Settings opens as a full-screen sheet with a horizontally scrollable navigation bar.
Tool details open as a full-screen overlay on mobile.
Compact composer — the idle input bar shows only the centered text field. Tapping it expands the controls with an eased animation.
Safe-area insets, larger touch targets, and no horizontal page overflow.
Desktop layout is untouched: all mobile rules are scoped behind html[data-dsh-mobile].

Local path (a plain non-bundle DSH plugin, applied live):

dshpm install ./dsh-mobile-ui --profile web

From a Git repository:

dshpm install github:/dsh-mobile-ui --profile web

The package declares a dsh.client web client plugin:

lib/index.js — empty host-side apply() entry.
lib/client.js — browser module that injects mobile CSS, the floating sidebar trigger, drawer chrome, and composer state behavior.

MIT