dsh-mobile-flow 0.1.0 → 0.1.2

package/README.md

@@ -17,6 +17,7 @@ On viewports ≤720px (the same breakpoint the official question card uses):
 1. **The composer seat joins the document flow** — input bar and confirmation cards now live at the end of the transcript. Swipe up and they scroll out of view; the transcript becomes full-screen.
 2. **Short conversations still dock to the bottom** — when the transcript is shorter than one screen, the message area stretches so the composer stays flush with the viewport floor, visually identical to the stock behavior. Long conversations get the full-screen treatment.
 3. **Floating controls re-anchor** — the back-to-bottom button and turn navigator no longer reserve height for the sticky seat and sit close to the viewport floor again.
+4. **Slim edges** — the content-layer paddings that keep the transcript, header, input card, and confirmation cards well off the screen edges (16–32px per side) shrink to a slim 4px side inset (8px top), reclaiming most of the wasted width without the cramped feel of full-bleed. The page shell itself never adds whitespace; the gaps come entirely from these paddings.
 
 Desktop (wide viewports) is completely unaffected.
 

package/README.zh.md

@@ -17,6 +17,7 @@
 1. **composer 座位回归文档流** —— 输入框和确认卡片位于消息流末尾。上滑时随内容滚出视口，消息全屏可读。
 2. **短会话仍然贴底** —— 消息不足一屏时消息区自动拉伸，输入框保持贴视口底，视觉与官方行为完全一致；长会话则享受全屏阅读。
 3. **浮动控件重新锚定** —— 回到底部按钮、轮次导航不再为吸底座位预留高度，回到贴近视口底的位置。
+4. **纤细边距** —— 消息区、会话头部、输入卡、确认卡片与屏幕边缘之间的内容层 padding（每边 16–32px）收窄为左右 4px、顶部 8px 的纤细边距，收复大部分被浪费的宽度，又不像完全贴边那样局促。页面外壳本身不产生空白，间隙完全来自这些 padding。
 
 桌面端（宽视口）完全不受影响。
 

package/lib/client.js

@@ -45,6 +45,31 @@ window.__ModuleLoader__.load({
       "  [data-conversation-scroll]:not(:has([data-conversation-composer-overlay])) {",
       "    --dsh-composer-height: 0px !important;",
       "  }",
+      "  /* 4) Slim edges: the stock content-layer paddings (16-32px per side)",
+      "     waste too much of a narrow screen, while full-bleed zero feels",
+      "     cramped — keep a slim 4px side inset (8px top) instead. The page",
+      "     shell itself never adds whitespace; only these paddings matter. */",
+      "  /* a) Shared side-clearance variable -> 4px: the input card root and",
+      "     the question-card frame reference it via calc(). */",
+      "  [data-phase] {",
+      "    --dsh-composer-side-clearance: 4px !important;",
+      "  }",
+      "  /* b) Transcript scroller (CSS-Modules _scroll class): 32px sides and",
+      "     16px top -> 4px sides / 8px top (the variable above only removes",
+      "     part of the side value; the fixed rest needs a direct hit). */",
+      "  [data-conversation-scroll] [class*='_scroll'] {",
+      "    padding: 8px 4px !important;",
+      "  }",
+      "  /* c) Session header (the _header element inside the session.header",
+      "     slot container): 12px top + 28/20px sides -> 8px top / 6px sides. */",
+      "  [data-slot='conversation.session.header'] > [class*='_header'] {",
+      "    padding: 8px 6px 0 !important;",
+      "  }",
+      "  /* d) Question/approval card frame (_frame): stock side calc",
+      "     (clearance + 16px) -> 4px; vertical rhythm kept as stock. */",
+      "  [data-composer-seat] [class*='_frame'] {",
+      "    padding: 6px 4px 10px !important;",
+      "  }",
       "}",
     ].join("\n");
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-mobile-flow",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Mobile in-flow composer for the DeepSeek Harness Web UI: on narrow (≤720px) screens the input bar and AI confirmation cards scroll with the page instead of pinning to the viewport floor. Pure client-side CSS overlay.",
   "license": "MIT",
   "type": "module",