@artenx/dshb 0.1.26 → 0.1.27

package/lib/client.js

@@ -510,7 +510,8 @@ window.__ModuleLoader__.load({
 		const dialogStyle = {
 			width: "min(92vw, 560px)",
 			maxWidth: "100%",
-			maxHeight: "80vh",
+			maxHeight: "80dvh",
+			paddingBottom: "max(env(safe-area-inset-bottom), 12px)",
 			overflow: "auto",
 			overflowX: "hidden",
 			background: "var(--dsw-alias-bg-layer-1)",
@@ -952,7 +953,8 @@ window.__ModuleLoader__.load({
 					style: {
 						width: "min(92vw, 600px)",
 						maxWidth: "100%",
-						maxHeight: "85vh",
+						maxHeight: "85dvh",
+						paddingBottom: "max(env(safe-area-inset-bottom), 12px)",
 						overflow: "auto",
 						overflowX: "hidden",
 						background: "var(--dsw-alias-bg-layer-1)",
@@ -1129,7 +1131,7 @@ window.__ModuleLoader__.load({
   /* footer 容器各项间距 16px 偏松 */
   [data-phase] [class*="_root"][class*="osXY9a"] { gap: 8px !important; }
   /* footer 统计行窄屏可横向滑动看全，不溢出页面 */
-  [data-phase] [class*="_actions"] { max-width: 100% !important; overflow-x: auto !important; scrollbar-width: none; touch-action: pan-x pan-y !important; }
+  [data-phase] [class*="_actions"] { max-width: 100% !important; overflow-x: auto !important; scrollbar-width: none; touch-action: pan-x pan-y pinch-zoom !important; }
   [data-phase] [class*="_actions"]::-webkit-scrollbar { display: none; }
 
   /* 模型切换菜单：名称完整展示，长名称在菜单项内换行。 */
@@ -1183,7 +1185,7 @@ window.__ModuleLoader__.load({
     overflow-x: auto !important;
     -webkit-overflow-scrolling: touch;
     scrollbar-width: none;
-    touch-action: pan-x pan-y !important;
+    touch-action: pan-x pan-y pinch-zoom !important;
   }
   [data-phase] [class*="resultBlockText"]::-webkit-scrollbar,
   [data-phase] [class*="payload"]::-webkit-scrollbar,
@@ -1201,7 +1203,7 @@ window.__ModuleLoader__.load({
     overflow-x: auto !important;
     -webkit-overflow-scrolling: touch;
     scrollbar-width: none;
-    touch-action: pan-x pan-y !important;
+    touch-action: pan-x pan-y pinch-zoom !important;
   }
   [data-phase] [class*="jsonPayload"]::-webkit-scrollbar,
   [data-phase] [class*="jsonPreview"]::-webkit-scrollbar,
@@ -1224,7 +1226,7 @@ window.__ModuleLoader__.load({
     overflow-x: auto !important;
     -webkit-overflow-scrolling: touch;
     scrollbar-width: none;
-    touch-action: pan-x pan-y !important;
+    touch-action: pan-x pan-y pinch-zoom !important;
   }
   /* xterm uses a transparent helper textarea for all terminal input. Keep it
      focusable and non-zero-sized so mobile browsers can present their keyboard. */
@@ -1251,7 +1253,7 @@ window.__ModuleLoader__.load({
     max-width: 100% !important;
     overflow-x: auto !important;
     overscroll-behavior-x: contain;
-    touch-action: pan-x pan-y !important;
+    touch-action: pan-x pan-y pinch-zoom !important;
   }
   [data-phase] [class*="_prompt_1gdtu_"],
   [data-phase] [class*="_promptLine_1gdtu_"],
@@ -1273,7 +1275,7 @@ window.__ModuleLoader__.load({
     overflow-x: auto !important;
     -webkit-overflow-scrolling: touch;
     scrollbar-width: none;
-    touch-action: pan-x pan-y !important;
+    touch-action: pan-x pan-y pinch-zoom !important;
   }
   [data-phase] [class*="_output_1gdtu_"]::-webkit-scrollbar { display: none !important; }
   [data-phase] [class*="_line_1gdtu_"] {
@@ -1286,7 +1288,7 @@ window.__ModuleLoader__.load({
   [data-phase] [class*="_copyButton_"] { touch-action: manipulation !important; }
   [data-phase] [class*="_copyAnchor_"],
   [data-phase] [class*="_body_1ye18_"],
-  [data-phase] [class*="_root_4qrvp_"] { touch-action: pan-x pan-y !important; }
+  [data-phase] [class*="_root_4qrvp_"] { touch-action: pan-x pan-y pinch-zoom !important; }
 
   /* 上下文用量弹窗（ContextMeter .JObwrW_panel）：上游 dsh-client-ui-trajectory 的
      [class*="panel"] 全局规则给它加了 max-width:100%!important，命中本弹窗，使宽度
@@ -1340,10 +1342,19 @@ window.__ModuleLoader__.load({
     z-index: 2 !important;
     display: inline-flex !important;
     align-items: center; justify-content: center;
-    width: 28px; height: 28px;
+    width: 32px; height: 32px;
     padding: 0; border: none; background: none; cursor: pointer; color: inherit;
     -webkit-tap-highlight-color: transparent;
   }
+  /* 触控命中区扩展：视觉尺寸不变，可点区域扩到 ~44px（Apple HIG 建议值） */
+  [${FRAME_ATTR}="toggle"]::after,
+  [${FRAME_ATTR}="fab"]::after,
+  [class*="_iconButton"]::after {
+    content: "";
+    position: absolute;
+    inset: -7px;
+  }
+  [class*="_iconButton"] { position: relative !important; }
 
   /* 首页/hero（无活跃会话，session header 不存在）的抽屉切换 FAB：
      浮在顶部相机带下方，避免与 hero 头部内容重叠 */
@@ -1354,7 +1365,7 @@ window.__ModuleLoader__.load({
     z-index: 21 !important;
     display: inline-flex !important;
     align-items: center; justify-content: center;
-    width: 38px; height: 38px;
+    width: 44px; height: 44px;
     padding: 0;
     border: 1px solid var(--dsw-alias-border-l1, rgba(0, 0, 0, .12)) !important;
     border-radius: 50% !important;
@@ -1364,6 +1375,30 @@ window.__ModuleLoader__.load({
     box-shadow: 0 2px 12px rgba(0, 0, 0, .18) !important;
     -webkit-tap-highlight-color: transparent;
   }
+
+  /* iOS 对 computed font-size <16px 的可编辑元素聚焦时自动放大视口；
+     表单与 composer 提到 16px（消息正文不受影响），聚焦后页面不再错位。 */
+  input, textarea, select, [contenteditable="true"] {
+    font-size: max(16px, 1em) !important;
+  }
+
+  /* 底部安全区（iPhone home 条）：viewport-fit=cover 后浏览器 UI 退出底部，
+     home 指示条叠在 composer / 抽屉 / 设置 sheet 上，遮挡发送按钮与会话列表末项。 */
+  [class*="composerSeat"], [data-composer-seat] {
+    padding-bottom: max(env(safe-area-inset-bottom, 0px), 4px) !important;
+  }
+  [${FRAME_ATTR}="frame"] > :first-child {
+    padding-bottom: env(safe-area-inset-bottom, 0px) !important;
+  }
+  [aria-modal="true"]:has(> :first-child > :last-child > button):not(:has([role="navigation"])):not(:has([class*="ZuhsRW"])) {
+    max-height: calc(100dvh - 24px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
+  }
+  [aria-modal="true"]:has(> :first-child > :last-child > button):not(:has([role="navigation"])):not(:has([class*="ZuhsRW"])) > :last-child > :last-child {
+    padding-bottom: max(env(safe-area-inset-bottom, 0px), 24px) !important;
+  }
+
+  /* 会话行触控高度 */
+  [class*="sessionRow"] { min-height: 44px !important; }
 }
 
 /* 宽屏 / 鼠标指针：隐藏切换按钮 */
@@ -1385,7 +1420,7 @@ window.__ModuleLoader__.load({
 				if (viewport === null) return () => {};
 				const original = viewport.content;
 				const sync = () => {
-					viewport.content = narrow.matches ? "width=device-width, initial-scale=1, viewport-fit=cover" : original;
+					viewport.content = narrow.matches ? "width=device-width, initial-scale=1, viewport-fit=cover, interactive-widget=resizes-content" : original;
 				};
 				sync();
 				narrow.addEventListener("change", sync);
@@ -1858,6 +1893,47 @@ window.__ModuleLoader__.load({
 				return () => document.removeEventListener("pointerdown", focusInput, true);
 			}, "dshb-mobile: terminal input focus");
 		}
+		/**
+		* iOS 键盘只缩小 visualViewport，布局视口不动，sticky 在滚动容器底部的
+		* composer 会整个留在键盘后面（发送按钮不可达、最新消息被遮）。监听
+		* visualViewport，键盘开启时把 composer seat 上移键盘高度并在下一帧把
+		* 会话滚动补到最底；Android 由 meta 的 interactive-widget=resizes-content
+		* 让布局视口直接收缩，无需此补偿。
+		*/
+		function installComposerKeyboardLift(ctx) {
+			ctx.effect(() => {
+				const mobile = window.matchMedia(MOBILE_QUERY);
+				const vv = window.visualViewport;
+				if (!vv) return () => {};
+				let raf = 0;
+				const seat = () => document.querySelector("[class*=\"composerSeat\"]") ?? document.querySelector("[data-composer-seat]");
+				const sync = () => {
+					if (raf !== 0) return;
+					raf = requestAnimationFrame(() => {
+						raf = 0;
+						if (!mobile.matches) return;
+						const el = seat();
+						if (el === null) return;
+						const occluded = window.innerHeight - vv.height - vv.offsetTop;
+						if (occluded > 150) {
+							el.style.transform = `translateY(${-occluded}px)`;
+							const body = document.querySelector("[class*=\"scrollBody\"]");
+							body?.scrollTo({ top: body.scrollHeight });
+						} else if (el.style.transform !== "") el.style.transform = "";
+					});
+				};
+				sync();
+				vv.addEventListener("resize", sync);
+				vv.addEventListener("scroll", sync);
+				return () => {
+					if (raf !== 0) cancelAnimationFrame(raf);
+					const el = seat();
+					if (el !== null) el.style.transform = "";
+					vv.removeEventListener("resize", sync);
+					vv.removeEventListener("scroll", sync);
+				};
+			}, "dshb-mobile: composer keyboard lift");
+		}
 		/** 目录抽屉切换按钮（仅切换，不含文件浏览/日志导出等功能按钮）。 */
 		function DrawerToggle({ toggleSidebar }) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
@@ -1948,6 +2024,7 @@ window.__ModuleLoader__.load({
 		function installMobile(ctx) {
 			installStyles(ctx);
 			installMobileTerminalInputFocus(ctx);
+			installComposerKeyboardLift(ctx);
 			installViewport(ctx);
 			installFrameMarker(ctx);
 			installStatsLine(ctx);
@@ -1988,7 +2065,7 @@ window.__ModuleLoader__.load({
 			const dialog = document.createElement("div");
 			dialog.setAttribute("role", "dialog");
 			dialog.setAttribute("aria-label", `修改 ${workspaceTitle} 的项目指令`);
-			dialog.style.cssText = "box-sizing:border-box;width:min(92vw,600px);max-height:85vh;overflow:auto;padding:20px;border:1px solid var(--dsw-alias-border-l2);border-radius:12px;background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary)";
+			dialog.style.cssText = "box-sizing:border-box;width:min(92vw,600px);max-height:85dvh;overflow:auto;padding:20px;padding-bottom:max(env(safe-area-inset-bottom),20px);border:1px solid var(--dsw-alias-border-l2);border-radius:12px;background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary)";
 			const title = document.createElement("h2");
 			title.textContent = `项目指令 - ${workspaceTitle}`;
 			title.style.cssText = "margin:0 0 10px;font-size:16px";
@@ -3226,9 +3303,9 @@ window.__ModuleLoader__.load({
 										onClick: () => copyText(archive.originSessionId),
 										style: {
 											...secondaryBtn,
-											height: 22,
-											padding: "0 6px",
-											fontSize: 10
+											height: 30,
+											padding: "0 10px",
+											fontSize: 11
 										},
 										children: "复制 ID"
 									})]
@@ -4643,7 +4720,10 @@ window.__ModuleLoader__.load({
        依赖祖先 overflow:visible 才能展开到输入框之外，禁止给任何中间祖先加裁剪。 */
     html, body { overflow-x: hidden !important; max-width: 100vw !important }
     * { min-width: 0 !important; }
-    table { display: block !important; overflow-x: auto !important; }
+    /* 表格不设 display:block：上游 markdown 表格已自带滚动容器（tableScroll），
+       display:block 会破坏 caption/sticky 语义且与上游 width:max-content 冲突；
+       这里仅保留溢出约束，宽表由上游 wrapper 横向滚动。 */
+    table { max-width: 100% !important; overflow-x: auto !important; }
     img, video, canvas, svg { max-width: 100% !important; height: auto !important }
     pre, code { white-space: pre-wrap !important; word-break: break-all !important }
     input, select, textarea { max-width: 100% !important; }