dsh-mobile 0.5.2 → 0.5.4

package/lib/client.js

@@ -2631,6 +2631,8 @@ 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. */
+ [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 +2725,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; }
@@ -2735,7 +2736,9 @@ window.__ModuleLoader__.load({
   [data-dsh-mobile-history-loader] { position:relative !important; min-height:1px !important; }
   [data-dsh-mobile-history-loader] button:not(:disabled) { position:absolute !important; width:1px !important; height:1px !important; margin:-1px !important; padding:0 !important; clip-path:inset(50%) !important; opacity:0 !important; overflow:hidden !important; pointer-events:none !important; }
   [data-dsh-mobile-history-loader] button:disabled { min-height:28px !important; padding:4px 12px !important; }
-  [data-dsh-mobile-message-column] { box-sizing:border-box !important; width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; gap:10px !important; }
+  /* DSH's sibling margins exclude hidden and empty Chat Node Seats. Keep that
+     spacing rule so searchable hidden seats contribute no folded-turn gaps. */
+  [data-dsh-mobile-message-column] { box-sizing:border-box !important; width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; gap:0 !important; --dsh-chat-flow-gap:10px; }
   [data-dsh-mobile-message-column] > * { width:100% !important; max-width:100% !important; }
   [data-dsh-mobile-message-column] [data-disclosure-row] { box-sizing:border-box !important; display:grid !important; grid-template-columns:16px minmax(0,1fr) !important; grid-auto-rows:auto !important; align-items:center !important; column-gap:6px !important; width:100% !important; height:auto !important; min-height:40px !important; padding:4px 0 !important; }
   [data-dsh-mobile-message-column] [data-disclosure-row] > [class*="_leading"] { grid-column:1 !important; grid-row:1 !important; margin-right:0 !important; }
@@ -2757,12 +2760,27 @@ window.__ModuleLoader__.load({
   /* 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
-     ellipsis. Put the numbers in a wrapping left column and the ring in a right
-     column it cannot grow out of: a phone then shows every number in full, and
-     a wide screen keeps the ring beside them on one line. */
+     ellipsis. Keep the ring at its own size and let it hold the row the numbers
+     are on. */
   [data-dsh-mobile-center] [data-composer-card] ~ * [class*="_root"]:has(> [class*="_trigger"][aria-haspopup="dialog"]) { width:auto !important; max-width:none !important; flex:0 0 auto !important; }
-  [data-dsh-mobile-center] [class*="_dock"]:has([data-composer-stats]) { display:grid !important; grid-template-columns:minmax(0,1fr) max-content !important; align-items:center !important; column-gap:12px !important; }
-  [data-dsh-mobile-center] [data-composer-card] ~ * [class*="_root"][data-composer-stats] { box-sizing:border-box !important; width:auto !important; max-width:none !important; flex:0 1 auto !important; flex-wrap:wrap !important; justify-content:flex-start !important; row-gap:2px !important; }
+  /* Slot entries participate in this flex layout through display:contents.
+     Keep core statistics and the meter together; extra entries use their own
+     rows instead of taking the statistics' remaining width on phones. */
+  [data-dsh-mobile-center] [class*="_dock"]:has([data-composer-stats]) { display:flex !important; flex-wrap:wrap !important; justify-content:flex-start !important; align-items:center !important; column-gap:12px !important; row-gap:2px !important; width:100% !important; max-width:100% !important; }
+  /* Dock row gaps replace the single-row metadata's negative margin. */
+  [data-dsh-mobile-center] [class*="_dock"]:has([data-composer-stats]) > *,
+  [data-dsh-mobile-center] [class*="_dock"]:has([data-composer-stats]) [data-slot="conversation.composer.dock"] > * { margin-bottom:0 !important; }
+  [data-dsh-mobile-center] [class*="_dock"]:has([data-composer-stats]) [data-slot="conversation.composer.dock"] > :not([data-composer-stats]) { flex:0 1 100% !important; min-width:0 !important; max-width:100% !important; }
+  [data-dsh-mobile-center] [class*="_dock"]:has([data-composer-stats]) [data-composer-stats] { order:-2 !important; }
+  [data-dsh-mobile-center] [class*="_dock"]:has([data-composer-stats]) > [class*="_root"]:has(> [class*="_trigger"][aria-haspopup="dialog"]) { order:-1 !important; }
+  /* Interactive pills expose complete values in their labels and dialogs.
+     Static compact or untimed pills have no disclosure, so they may wrap. */
+  [data-dsh-mobile-center] [data-composer-card] ~ * [class*="_root"][data-composer-stats] { box-sizing:border-box !important; width:auto !important; max-width:none !important; flex:1 1 0 !important; flex-wrap:nowrap !important; justify-content:flex-start !important; overflow:hidden !important; row-gap:2px !important; }
+  [data-dsh-mobile-center] [data-composer-stats] > * { min-width:0 !important; }
+  [data-dsh-mobile-center] [data-composer-stats] [class*="_pill"] { display:block !important; min-width:0 !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; }
+  [data-dsh-mobile-center] [data-composer-stats] [class*="_pill"] svg { display:inline-block !important; vertical-align:-2px !important; margin-right:6px !important; }
+  [data-dsh-mobile-center] [data-composer-stats]:has(span[class*="_pill"]) { flex-wrap:wrap !important; overflow:visible !important; }
+  [data-dsh-mobile-center] [data-composer-stats] span[class*="_pill"] { flex:0 1 auto !important; max-width:100% !important; white-space:normal !important; overflow:visible !important; overflow-wrap:anywhere !important; text-overflow:clip !important; }
   /* Message runtime details are inline on desktop. Give the clock/runtime
      label its own wrapping row on narrow screens so TTFT and throughput do
      not push the action buttons or clip at the viewport edge. */
@@ -3797,6 +3815,107 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#endregion
+		//#region src/voice-session.ts
+		/** Screen wake-lock ownership and mobile composer focus during DSH dictation. */
+		/** Voice phases during which the user is dictating. */
+		const DICTATING_PHASES = [
+			"requesting",
+			"recording",
+			"transcribing"
+		];
+		/** Whether DSH's published voice phase requires an active dictation surface. */
+		function phaseIsDictating(phase) {
+			return typeof phase === "string" && DICTATING_PHASES.includes(phase);
+		}
+		/** The wake lock API, or undefined where the browser does not offer it. */
+		function wakeLockApi() {
+			const api = navigator.wakeLock;
+			return api === void 0 ? void 0 : api;
+		}
+		/**
+		* Hold an available screen wake lock while DSH dictation is active and visible.
+		* @param allowKeyboardDismissal Whether a mobile composer may lose text focus when capture starts.
+		* @returns A disposer that releases held and subsequently returned wake locks.
+		*/
+		function installVoiceSession(allowKeyboardDismissal = true) {
+			const api = wakeLockApi();
+			if (api === void 0 && !allowKeyboardDismissal) return () => {};
+			let sentinel = null;
+			let pending = false;
+			let disposed = false;
+			let generation = 0;
+			let lastRow = null;
+			let lastVisible = !document.hidden;
+			const currentRow = () => Array.from(document.querySelectorAll("[data-voice-activity]")).find((row) => phaseIsDictating(row.getAttribute("data-voice-activity"))) ?? null;
+			const releaseLock = (lock) => {
+				if (!lock.released) lock.release().catch((_error) => {});
+			};
+			const release = () => {
+				const held = sentinel;
+				sentinel = null;
+				if (held !== null) releaseLock(held);
+			};
+			const acquireIfWanted = () => {
+				if (api === void 0 || disposed || pending || sentinel !== null || document.hidden) return;
+				const row = currentRow();
+				if (row === null) return;
+				const requestedGeneration = generation;
+				pending = true;
+				api.request("screen").then((lock) => {
+					lock.addEventListener("release", () => {
+						if (sentinel === lock) sentinel = null;
+					});
+					if (disposed || document.hidden || requestedGeneration !== generation || currentRow() !== row) releaseLock(lock);
+					else if (!lock.released) sentinel = lock;
+				}, (_error) => {}).finally(() => {
+					pending = false;
+					if (!disposed && requestedGeneration !== generation) acquireIfWanted();
+				});
+			};
+			const dismissKeyboard = (row) => {
+				if (!allowKeyboardDismissal) return;
+				if (!(window.__DSH_MOBILE_NATIVE__ !== void 0 ? window.__DSH_MOBILE_KEYBOARD_STATE__?.noHardwareKeyboard === true : window.matchMedia("(pointer:coarse) and (hover:none)").matches)) return;
+				const active = document.activeElement;
+				const composer = row.closest("[data-composer-card]");
+				if (active instanceof HTMLElement && composer?.contains(active) && active.closest("[data-composer-input]") !== null && (active.isContentEditable || active instanceof HTMLTextAreaElement || active instanceof HTMLInputElement)) active.blur();
+			};
+			const apply = () => {
+				const row = currentRow();
+				const visible = !document.hidden;
+				const changed = row !== lastRow || visible !== lastVisible;
+				if (changed) {
+					generation++;
+					release();
+					if (row !== null && row !== lastRow && visible) dismissKeyboard(row);
+				}
+				lastRow = row;
+				lastVisible = visible;
+				if (changed) acquireIfWanted();
+			};
+			const containsVoiceRow = (node) => node instanceof Element && (node.matches("[data-voice-activity]") || node.querySelector("[data-voice-activity]") !== null);
+			const observer = new MutationObserver((records) => {
+				if (records.some((record) => record.type === "attributes" || [...record.addedNodes, ...record.removedNodes].some(containsVoiceRow))) apply();
+			});
+			observer.observe(document.documentElement, {
+				subtree: true,
+				childList: true,
+				attributes: true,
+				attributeFilter: ["data-voice-activity"]
+			});
+			const onVisibility = () => {
+				apply();
+			};
+			document.addEventListener("visibilitychange", onVisibility);
+			apply();
+			return () => {
+				disposed = true;
+				generation++;
+				observer.disconnect();
+				document.removeEventListener("visibilitychange", onVisibility);
+				release();
+			};
+		}
+		//#endregion
 		//#region src/local-admin-host.ts
 		/** Browser-safe desktop-admin Host checks. Do not import Node APIs here. */
 		const DESKTOP_ADMIN_HEADER = "x-dsh-mobile-desktop-admin";
@@ -8769,6 +8888,7 @@ window.__ModuleLoader__.load({
 				style.dataset.plugin = "dsh-mobile";
 				style.textContent = desktopAdmin ? CONTROL_STYLES : NATIVE_MOBILE_STYLES;
 				document.head.append(style);
+				const removeVoiceSession = installVoiceSession(!desktopAdmin);
 				if (!desktopAdmin) {
 					const removeSettingsAction = ctx.slots.inject("settings.general.item", () => {
 						const removeSwitchComputer = ctx.slots.register({
@@ -8795,6 +8915,7 @@ window.__ModuleLoader__.load({
 						removeSettingsAction();
 						removeCustom();
 						removeSurface();
+						removeVoiceSession();
 						style.remove();
 					};
 				}
@@ -8840,6 +8961,7 @@ window.__ModuleLoader__.load({
 				});
 				return () => {
 					removeControl();
+					removeVoiceSession();
 					style.remove();
 				};
 			}, "dsh-mobile: stock mobile adaptation and local control");