dsh-mobile 0.6.10 → 0.6.12

package/lib/client.js

@@ -3484,9 +3484,10 @@ window.__ModuleLoader__.load({
   [data-dsh-mobile-center] pre { max-width:100%; overflow-x:auto; }
   [data-dsh-mobile-center] :is(img,video,canvas,svg) { max-width:100%; }
   [data-dsh-mobile-message-scroll] { box-sizing:border-box !important; width:100% !important; padding:8px 10px 20px !important; }
-  [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-history-loader] { position:relative !important; display:grid !important; grid-template-columns:minmax(0,1fr) !important; justify-items:center !important; flex:0 0 auto !important; min-height:48px !important; font-size:var(--dsh-content-font-size-secondary,13px); line-height:1.5; }
+  [data-dsh-mobile-history-loader]::before,[data-dsh-mobile-history-loader] button { box-sizing:border-box !important; grid-area:1/1 !important; min-height:48px !important; max-width:100% !important; padding:8px 12px !important; font:inherit !important; white-space:normal !important; overflow-wrap:anywhere; }
+  [data-dsh-mobile-history-loader]::before { content:attr(data-dsh-mobile-history-label); visibility:hidden; pointer-events:none; }
+  [data-dsh-mobile-history-loader] button { min-width:48px !important; touch-action:manipulation; }
   /* 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; }
@@ -3849,6 +3850,158 @@ window.__ModuleLoader__.load({
 			return currentTop <= AUTO_HISTORY_THRESHOLD_PX && currentTop < previousTop - .5;
 		}
 		/**
+		* Retain the native idle label's wrapping space while its button displays a shorter busy label.
+		* @param loader - the row whose hidden sizing text shares the button's grid cell.
+		* @param button - the upstream control which owns the localized idle and busy labels.
+		*/
+		function syncHistoryLoaderLabel(loader, button) {
+			if (button.disabled) return;
+			const label = button.textContent?.trim() ?? "";
+			if (loader.dataset.dshMobileHistoryLabel !== label) loader.dataset.dshMobileHistoryLabel = label;
+		}
+		/**
+		* Maximum gap between input or scrolling events before an unused loading intent expires.
+		* A held finger may re-arm on its next owned move; an undelivered touch end cannot keep the lease alive.
+		*/
+		const HISTORY_SCROLL_QUIET_MS = 1600;
+		/**
+		* One shared options object for every intent listener, so a listener is removed by
+		* exactly the registration it came from. Capture keeps `wheel` and `touchmove`
+		* visible even where DSH stops propagation, and is harmless for the scroller's own
+		* `scroll`/`scrollend`.
+		*/
+		const HISTORY_INTENT_LISTENER_OPTIONS = {
+			passive: true,
+			capture: true
+		};
+		/**
+		* The events that carry a history-loading intent. The scroller is not focusable, so
+		* there is no `keydown`: a keyboard reader scrolls it through the page instead.
+		*/
+		const HISTORY_INTENT_EVENTS = [
+			"touchstart",
+			"touchmove",
+			"wheel",
+			"scroll",
+			"scrollend",
+			"touchend",
+			"touchcancel"
+		];
+		/**
+		* The history gate's session identity for one sync pass. `composer` must be the
+		* composer this pass resolved itself: the media binding captures the composer
+		* only later in the same sync, so resolving through that capture lags one pass
+		* behind, and a session switch that reuses the scroller node while replacing
+		* the composer would still report the previous session's id, skip the reset,
+		* and leave the old arm live inside the new session.
+		*/
+		function resolveHistoryGateIdentity(input) {
+			const { sessionId } = resolveComposerSessionOrigin(input.composer, input.selectedRow, input.selectedRowToken);
+			return {
+				sessionId,
+				sessionChanged: sessionId !== input.previousSessionId
+			};
+		}
+		/**
+		* Decide whether a scroll near the top of the history is the user's, because DSH
+		* writes `scrollTop` itself while it prepends a loaded page. An ungated listener read
+		* that compensation as another upward fling, clicked "Load earlier" again, and shook
+		* the view in a chain. Only fresh input arms the gate, one arm buys at most one
+		* successful load, and an arm with no further input expires quietly.
+		*/
+		function createHistoryAutoLoadGate(hooks) {
+			let armed = false;
+			const touchIds = /* @__PURE__ */ new Set();
+			let disposed = false;
+			let previousTop = hooks.getTop();
+			let quietPending = false;
+			let quietId;
+			const cancelQuiet = () => {
+				if (!quietPending) return;
+				quietPending = false;
+				hooks.cancel(quietId);
+				quietId = void 0;
+			};
+			const onQuiet = () => {
+				quietPending = false;
+				quietId = void 0;
+				armed = false;
+			};
+			const restartQuiet = () => {
+				cancelQuiet();
+				if (disposed) return;
+				quietPending = true;
+				quietId = hooks.schedule(onQuiet, HISTORY_SCROLL_QUIET_MS);
+			};
+			const arm = () => {
+				armed = true;
+				restartQuiet();
+			};
+			const onScroll = () => {
+				const top = hooks.getTop();
+				const eligible = armed && hooks.shouldLoad(previousTop, top);
+				previousTop = top;
+				if (eligible && hooks.tryLoad()) {
+					armed = false;
+					cancelQuiet();
+					return;
+				}
+				if (armed) restartQuiet();
+			};
+			return {
+				handleEvent: (event) => {
+					if (disposed) return;
+					switch (event.type) {
+						case "touchstart":
+							for (const touch of Array.from(event.changedTouches ?? [])) touchIds.add(touch.identifier);
+							if ((event.changedTouches?.length ?? 0) > 0) arm();
+							break;
+						case "touchmove":
+							if (Array.from(event.changedTouches ?? []).some((touch) => touchIds.has(touch.identifier))) arm();
+							break;
+						case "wheel":
+							arm();
+							break;
+						case "touchend":
+						case "touchcancel": {
+							let endedOwnedTouch = false;
+							for (const touch of Array.from(event.changedTouches ?? [])) if (touchIds.delete(touch.identifier)) endedOwnedTouch = true;
+							if (endedOwnedTouch) restartQuiet();
+							break;
+						}
+						case "scrollend":
+							armed = false;
+							cancelQuiet();
+							break;
+						case "scroll": onScroll();
+					}
+				},
+				reset: (top) => {
+					armed = false;
+					touchIds.clear();
+					previousTop = top;
+					cancelQuiet();
+				},
+				dispose: () => {
+					disposed = true;
+					armed = false;
+					touchIds.clear();
+					cancelQuiet();
+				},
+				state: () => ({
+					armed,
+					previousTop
+				})
+			};
+		}
+		/** Attach a gate to one scroller; the disposer removes exactly the listeners it added. */
+		function bindHistoryAutoLoadGate(scroller, gate) {
+			for (const type of HISTORY_INTENT_EVENTS) scroller.addEventListener(type, gate.handleEvent, HISTORY_INTENT_LISTENER_OPTIONS);
+			return () => {
+				for (const type of HISTORY_INTENT_EVENTS) scroller.removeEventListener(type, gate.handleEvent, HISTORY_INTENT_LISTENER_OPTIONS);
+			};
+		}
+		/**
 		* Whether the overlay scrim belongs on screen. The scrim exists for the
 		* slide-in drawer only — it dims the page and catches the tap that closes the
 		* drawer — so it is shown while that drawer is open *and* the overlay query is
@@ -4270,16 +4423,17 @@ window.__ModuleLoader__.load({
 			let disposeEnterBinding;
 			const sessionTokens = /* @__PURE__ */ new WeakMap();
 			let nextSessionToken = 0;
+			const sessionRowToken = (row) => {
+				let token = sessionTokens.get(row);
+				if (token === void 0) {
+					token = `stock-${String(++nextSessionToken)}`;
+					sessionTokens.set(row, token);
+				}
+				return token;
+			};
 			const currentSessionOrigin = () => {
 				const selectedRow = document.querySelector("[role=\"treeitem\"][aria-selected=\"true\"]");
-				return resolveComposerSessionOrigin(boundComposer, selectedRow, (row) => {
-					let token = sessionTokens.get(row);
-					if (token === void 0) {
-						token = `stock-${String(++nextSessionToken)}`;
-						sessionTokens.set(row, token);
-					}
-					return token;
-				});
+				return resolveComposerSessionOrigin(boundComposer, selectedRow, sessionRowToken);
 			};
 			const disposeBrowserComposerSoftEnter = bindBrowserComposerSoftEnter(document, (editor, composerCard) => ({
 				appBridge: nativeAppOwnsComposerEnter(window),
@@ -4524,26 +4678,68 @@ window.__ModuleLoader__.load({
 			let transitionTimer = 0;
 			let transitionTarget;
 			let historyScroller;
-			let historyPreviousTop = 0;
+			let historySessionId = null;
+			let disposeHistoryGate;
+			let historyLoaderBinding;
+			const historyLabelObserver = new MutationObserver(() => schedule());
+			const bindHistoryLoader = (next) => {
+				if (historyLoaderBinding?.element === next) return;
+				historyLabelObserver.disconnect();
+				if (historyLoaderBinding !== void 0) {
+					const { element, originalLabel } = historyLoaderBinding;
+					if (originalLabel === void 0) delete element.dataset.dshMobileHistoryLabel;
+					else element.dataset.dshMobileHistoryLabel = originalLabel;
+				}
+				historyLoaderBinding = next === void 0 ? void 0 : {
+					element: next,
+					originalLabel: next.dataset.dshMobileHistoryLabel
+				};
+				if (next !== void 0) historyLabelObserver.observe(next, {
+					childList: true,
+					characterData: true,
+					subtree: true
+				});
+			};
 			const historyLoadButton = () => {
 				return (historyScroller === void 0 ? void 0 : firstByClassSuffix(historyScroller, "_older"))?.querySelector("button") ?? void 0;
 			};
-			const onHistoryScroll = () => {
-				if (historyScroller === void 0) return;
-				const currentTop = Math.max(0, historyScroller.scrollTop);
-				const shouldLoad = shouldAutoLoadEarlier(historyPreviousTop, currentTop);
-				historyPreviousTop = currentTop;
-				if (!shouldLoad) return;
-				const button = historyLoadButton();
-				if (button === void 0 || button.disabled || button.getAttribute("aria-disabled") === "true") return;
-				button.click();
-			};
-			const bindHistoryScroller = (next) => {
-				if (historyScroller === next) return;
-				historyScroller?.removeEventListener("scroll", onHistoryScroll);
-				historyScroller = next;
-				historyPreviousTop = next?.scrollTop ?? 0;
-				historyScroller?.addEventListener("scroll", onHistoryScroll, { passive: true });
+			const historyAutoLoadGate = createHistoryAutoLoadGate({
+				getTop: () => Math.max(0, historyScroller?.scrollTop ?? 0),
+				shouldLoad: shouldAutoLoadEarlier,
+				tryLoad: () => {
+					const button = historyLoadButton();
+					if (button === void 0 || button.disabled || button.getAttribute("aria-disabled") === "true") return false;
+					button.click();
+					return true;
+				},
+				schedule: (fn, ms) => window.setTimeout(fn, ms),
+				cancel: (id) => {
+					window.clearTimeout(id);
+				}
+			});
+			/**
+			* Rebind the gate to the conversation scroller, and drop an arm that belongs to a
+			* session the reader has already left: DSH can reuse the same scroller node, so the
+			* session identity has to be checked even when the node did not change. The
+			* composer is this pass's own resolution, never the media binding's capture.
+			*/
+			const bindHistoryScroller = (next, composer) => {
+				if (historyScroller !== next) {
+					disposeHistoryGate?.();
+					disposeHistoryGate = void 0;
+					historyScroller = next;
+					historyAutoLoadGate.reset(next?.scrollTop ?? 0);
+					if (next !== void 0) disposeHistoryGate = bindHistoryAutoLoadGate(next, historyAutoLoadGate);
+				}
+				const identity = resolveHistoryGateIdentity({
+					previousSessionId: historySessionId,
+					composer,
+					selectedRow: document.querySelector("[role=\"treeitem\"][aria-selected=\"true\"]"),
+					selectedRowToken: sessionRowToken
+				});
+				historySessionId = identity.sessionId;
+				if (!identity.sessionChanged) return;
+				historyAutoLoadGate.reset(historyScroller?.scrollTop ?? 0);
 			};
 			const animateNavigation = (event) => {
 				if (!(event.target instanceof Element)) return;
@@ -4614,7 +4810,8 @@ window.__ModuleLoader__.load({
 				if (center === void 0) {
 					syncPanHeader(void 0);
 					syncComposerEnterNewline(null);
-					bindHistoryScroller(void 0);
+					bindHistoryScroller(void 0, null);
+					bindHistoryLoader(void 0);
 					syncMediaBinding(null);
 					setCameraActionDisabled(true, label("Apri prima una sessione", "Open a session first", "请先打开会话"));
 					cameraButton.remove();
@@ -4628,17 +4825,15 @@ window.__ModuleLoader__.load({
 					viewArea = firstByClassSuffix(center, "_viewArea");
 					if (viewArea !== void 0) viewArea.dataset.dshMobileView = "true";
 					const conversation = center.querySelector("[data-conversation-scroll]");
-					bindHistoryScroller(conversation ?? void 0);
+					const composerCard = center.querySelector("[data-composer-card]");
+					bindHistoryScroller(conversation ?? void 0, composerCard ?? null);
 					const historyLoader = conversation === null ? void 0 : firstByClassSuffix(conversation, "_older");
+					bindHistoryLoader(historyLoader);
 					if (historyLoader !== void 0) {
 						historyLoader.dataset.dshMobileHistoryLoader = "true";
 						historyLoader.setAttribute("aria-live", "polite");
 						const button = historyLoader.querySelector("button");
-						if (button !== null) {
-							button.tabIndex = -1;
-							if (button.disabled) button.removeAttribute("aria-hidden");
-							else button.setAttribute("aria-hidden", "true");
-						}
+						if (button !== null) syncHistoryLoaderLabel(historyLoader, button);
 					}
 					const messageColumn = conversation === null ? void 0 : firstByClassSuffix(conversation, "_column");
 					const messageScroll = messageColumn?.parentElement;
@@ -4653,7 +4848,6 @@ window.__ModuleLoader__.load({
 						table.before(wrapper);
 						wrapper.append(table);
 					}
-					const composerCard = center.querySelector("[data-composer-card]");
 					const composerRow = composerCard?.querySelector(":scope > [data-input-scroll]")?.nextElementSibling;
 					if (!(composerRow instanceof HTMLElement)) {
 						syncComposerEnterNewline(null);
@@ -4805,7 +4999,10 @@ window.__ModuleLoader__.load({
 				if (transitionRestartFrame !== 0) cancelAnimationFrame(transitionRestartFrame);
 				if (transitionTimer !== 0) clearTimeout(transitionTimer);
 				transitionTarget?.removeAttribute("data-dsh-mobile-view-transition");
-				historyScroller?.removeEventListener("scroll", onHistoryScroll);
+				disposeHistoryGate?.();
+				disposeHistoryGate = void 0;
+				historyAutoLoadGate.dispose();
+				bindHistoryLoader(void 0);
 				document.removeEventListener("pointerdown", onPointerDown, true);
 				document.removeEventListener("keydown", onKeyDown, true);
 				document.removeEventListener("pointerdown", onTogglePointerDown, true);