dsh-mobile 0.5.3 → 0.5.5

package/lib/client.js

@@ -1212,7 +1212,7 @@ window.__ModuleLoader__.load({
 			cloudflaredBadge: "Account optional",
 			cloudflaredDescription: "Installs the official cloudflared client on demand. A quick tunnel needs no account and gives a temporary public address; a named tunnel uses a Cloudflare account token and keeps one hostname that survives restarts.",
 			prepareCloudflared: "Prepare cloudflared",
-			cloudflaredUnsupported: "Windows x64 and Linux x64/arm64 are currently supported.",
+			cloudflaredUnsupported: "Windows x64, Linux x64/arm64, and macOS x64/arm64 are supported.",
 			cloudflaredNotInstalled: "Not installed. A fixed version is downloaded from the official cloudflared release page only after you click the button below.",
 			cloudflaredReady: "Official component {version} is ready.",
 			cloudflaredQuickNote: "Quick tunnel: no Cloudflare account is needed, but Cloudflare positions quick tunnels for testing — the address is random, rate-limited, and carries no uptime guarantee. Do not rely on one for access that must stay reachable.",
@@ -1280,7 +1280,7 @@ window.__ModuleLoader__.load({
 			cloudflaredBadge: "Account facoltativo",
 			cloudflaredDescription: "Installa su richiesta il client cloudflared ufficiale. Il tunnel rapido non richiede account e fornisce un indirizzo pubblico temporaneo; il tunnel con nome usa il token di un account Cloudflare e mantiene un hostname stabile tra i riavvii.",
 			prepareCloudflared: "Prepara cloudflared",
-			cloudflaredUnsupported: "Attualmente sono supportati Windows x64 e Linux x64/arm64.",
+			cloudflaredUnsupported: "Sono supportati Windows x64, Linux x64/arm64 e macOS x64/arm64.",
 			cloudflaredNotInstalled: "Non installato. Una versione fissa viene scaricata dalla pagina ufficiale di cloudflared solo dopo aver premuto il pulsante.",
 			cloudflaredReady: "Componente ufficiale {version} pronto.",
 			cloudflaredQuickNote: "Tunnel rapido: non serve un account Cloudflare, ma Cloudflare li considera pensati per i test — l’indirizzo è casuale, soggetto a limiti di frequenza e senza garanzia di disponibilità. Non usarlo per un accesso che deve restare raggiungibile.",
@@ -1348,7 +1348,7 @@ window.__ModuleLoader__.load({
 			cloudflaredBadge: "账号可选",
 			cloudflaredDescription: "按需安装官方 cloudflared 客户端。快速隧道无需账号，提供临时公网地址；命名隧道使用 Cloudflare 账号令牌，地址固定、重启不变。",
 			prepareCloudflared: "准备 cloudflared",
-			cloudflaredUnsupported: "当前支持 Windows x64 与 Linux x64/arm64。",
+			cloudflaredUnsupported: "支持 Windows x64、Linux x64/arm64 与 macOS x64/arm64。",
 			cloudflaredNotInstalled: "尚未安装。只有点击下方按钮后，才会从 cloudflared 官方发布页下载固定版本。",
 			cloudflaredReady: "官方组件 {version} 已就绪。",
 			cloudflaredQuickNote: "快速隧道：无需 Cloudflare 账号，但官方定位是测试用途 —— 地址随机、有限流、无可用性保证。请勿用于必须长期可达的访问。",
@@ -2631,6 +2631,14 @@ window.__ModuleLoader__.load({
    the query restores the fixed scrim, and its more specific [hidden] rule
    keeps winning there. */
  .dsh-native-mobile-backdrop,.dsh-mobile-branch-toast,.dsh-mobile-media-toast { display:none; }
+ /* The content-font preference may exceed Safari's focused-editable minimum.
+    The html-level class exists on every non-desktop mobile page, so it also
+    covers body-level portals (model picker search) the center column never
+    contained; the center marker stays alongside it because a disposed
+    surface removes the html class while styles applied from its string can
+    outlive the class on a page that still carries the center column. */
+ html.dsh-native-mobile-active :is(input,textarea,[contenteditable="true"],[contenteditable="plaintext-only"],[contenteditable=""]),
+ [data-dsh-mobile-center] :is(input,textarea,[contenteditable="true"],[contenteditable="plaintext-only"],[contenteditable=""]) { font-size:max(16px,1em,var(--dsh-content-font-size,1em)) !important; }
  .dsh-mobile-settings_row { display:flex; align-items:center; gap:8px; padding:16px 0; border-bottom:0.5px solid var(--dsw-alias-border-l2); }
  .dsh-mobile-settings_rowText { flex:1; min-width:0; display:flex; flex-direction:column; gap:4px; padding-right:48px; }
  .dsh-mobile-settings_title { color:var(--dsw-alias-label-primary); font-size:14px; font-weight:400; line-height:22px; }
@@ -2723,7 +2731,6 @@ window.__ModuleLoader__.load({
   [data-dsh-mobile-settings-options] [class*="_rowActions"] button { flex:none !important; width:auto !important; min-width:44px !important; max-width:none !important; min-height:44px !important; padding-inline:10px !important; white-space:nowrap !important; word-break:keep-all !important; writing-mode:horizontal-tb !important; }
   [data-dsh-mobile-settings-content][data-dsh-mobile-view-transition="true"],
   [data-dsh-mobile-view][data-dsh-mobile-view-transition="true"] { animation:dsh-mobile-view-in var(--dsh-mobile-motion-duration) var(--dsh-mobile-motion-ease); }
-  [data-dsh-mobile-center] textarea { font-size:16px !important; }
   /* Markdown tables use content-sized columns. Small tables fill the phone;
      wider tables keep readable cells and scroll inside their own region. */
   [data-dsh-mobile-table-scroll] { box-sizing:border-box; width:100%; max-width:100%; overflow-x:auto; overscroll-behavior-x:contain; -webkit-overflow-scrolling:touch; }
@@ -2750,12 +2757,15 @@ window.__ModuleLoader__.load({
   [data-dsh-mobile-message-column] [class*="_body"] { max-width:100% !important; overflow-wrap:anywhere; }
   /* Keep folded and expanded reasoning visually separate from the reply. */
   [data-dsh-mobile-message-column] [class*="_body"] > div:has(> [data-variant="think"]) { margin-bottom:12px !important; }
-  [data-dsh-mobile-center] [data-composer-card] ~ [class*="_root"],
-  [data-dsh-mobile-center] [data-composer-card] ~ * [class*="_root"] { box-sizing:border-box !important; width:100% !important; max-width:100% !important; margin-bottom:-6px !important; padding:3px 4px 0 !important; font-size:11px !important; line-height:18px !important; white-space:normal !important; overflow:visible !important; text-overflow:clip !important; }
+  [data-dsh-mobile-center] [data-composer-card] ~ [class*="_root"]:not(:where(input,textarea,[contenteditable])),
+  [data-dsh-mobile-center] [data-composer-card] ~ * [class*="_root"]:not(:where(input,textarea,[contenteditable])) { box-sizing:border-box !important; width:100% !important; max-width:100% !important; margin-bottom:-6px !important; padding:3px 4px 0 !important; font-size:11px !important; line-height:18px !important; white-space:normal !important; overflow:visible !important; text-overflow:clip !important; }
   [data-dsh-mobile-center] [data-composer-card] ~ [class*="_root"] [class*="_sep"],
   [data-dsh-mobile-center] [data-composer-card] ~ * [class*="_root"] [class*="_sep"] { margin:0 6px !important; }
-  /* Composer dock stats strip (turns/steps/tokens) reads small on phones. */
-  [data-dsh-mobile-center] [data-slot="conversation.composer.dock"] [class*="_root"] { font-size:10px !important; line-height:16px !important; }
+  /* Composer dock stats strip (turns/steps/tokens) reads small on phones.
+     :not(:where(...)) keeps editables exempt at zero specificity cost, so
+     the small !important fonts cannot beat the 16px editable floor while
+     the dock spacing rules keep their cascade position. */
+  [data-dsh-mobile-center] [data-slot="conversation.composer.dock"] [class*="_root"]:not(:where(input,textarea,[contenteditable])) { font-size:10px !important; line-height:16px !important; }
   /* The context ring is a composer-metadata _root too, so the metadata rule
      above stretched it across the whole dock. It cannot shrink, which left the
      session statistics beside it a few pixels wide, every number clipped to an
@@ -2812,7 +2822,13 @@ window.__ModuleLoader__.load({
   .dsh-mobile-media-action svg { flex:none; width:16px; height:16px; color:var(--dsw-alias-label-tertiary,currentColor); }
   .dsh-mobile-media-action span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
   [data-dsh-mobile-center] [class*="_composer"] { padding-left:8px !important; padding-right:8px !important; padding-bottom:max(8px,env(safe-area-inset-bottom)) !important; }
-  /* The desktop composer intentionally wraps whole toolbar groups. On a phone,
+  /* Collapse the scroll viewport only; the editor, draft and attachments stay
+     owned by DSH. Toolbar focus keeps the card expanded during menu taps. */
+  [data-dsh-mobile-center] [data-composer-card]:not(:focus-within) > [data-input-scroll] { max-height:72px !important; overflow-y:auto !important; }
+  /* Stock Send/Queue/Steer and Stop keep their handlers and disabled state. */
+  [data-dsh-mobile-composer-row] button { min-height:44px !important; touch-action:manipulation; }
+  [data-dsh-mobile-composer-row] button[class*="_primary"] { min-width:44px !important; flex-shrink:0 !important; }
+   /* The desktop composer intentionally wraps whole toolbar groups. On a phone,
      dynamic model and status labels made that row alternate between one and
      two lines. Keep two stable columns and let only the model label shrink. */
   [data-dsh-mobile-composer-row] { display:grid !important; grid-template-columns:max-content minmax(0,1fr) !important; align-items:center !important; gap:4px 8px !important; }
@@ -3996,6 +4012,7 @@ window.__ModuleLoader__.load({
 		}
 		/**
 		* Consume page-level surfaces and dismissible DSH overlays before layout navigation.
+		* Composer model popups use DSH's Escape handling to return from a pane before closing.
 		* @param view - the page window receiving the native Back request.
 		* @param page - the current DSH document.
 		* @param blocked - feedback for a foreground layer without a safe close action.
@@ -4014,10 +4031,35 @@ window.__ModuleLoader__.load({
 					claim();
 					return;
 				}
-				const layers = [...page.querySelectorAll("[role=\"dialog\"][aria-modal=\"true\"], [role=\"menu\"]")].filter((element) => visibleBackLayer(view, element));
+				const modelPopups = /* @__PURE__ */ new Map();
+				for (const trigger of page.querySelectorAll("[data-dsh-mobile-composer-model-trigger][aria-expanded=\"true\"]")) {
+					const popupId = trigger.getAttribute("aria-controls");
+					const popup = popupId === null ? null : page.getElementById(popupId);
+					if (popup !== null && visibleBackLayer(view, trigger) && visibleBackLayer(view, popup) && (popup.getAttribute("role") === "menu" || popup.getAttribute("role") === "group")) modelPopups.set(popup, trigger);
+				}
+				const layers = [...page.querySelectorAll("[role=\"dialog\"][aria-modal=\"true\"], [role=\"menu\"], [role=\"group\"][id]")].filter((element) => visibleBackLayer(view, element) && (element.getAttribute("role") !== "group" || modelPopups.has(element)));
 				const top = layers.at(-1);
 				if (top === void 0) return;
 				claim();
+				const modelEntry = [...modelPopups].find(([popup]) => popup.contains(top));
+				if (modelEntry !== void 0) {
+					const [modelPopup, trigger] = modelEntry;
+					if (layers.some((layer) => !modelPopup.contains(layer))) {
+						blocked();
+						return;
+					}
+					const focused = page.activeElement;
+					const target = focused !== null && modelPopup.contains(focused) ? focused : trigger;
+					const escape = new KeyboardEvent("keydown", {
+						key: "Escape",
+						code: "Escape",
+						bubbles: true,
+						cancelable: true
+					});
+					target.dispatchEvent(escape);
+					if (!escape.defaultPrevented) blocked();
+					return;
+				}
 				if (top.getAttribute("role") === "dialog") {
 					const wrapper = top.parentElement;
 					const mask = wrapper?.firstElementChild;