@linxin666/dsh-remote-web-ui 0.3.5 → 0.3.6

package/lib/client.js

@@ -4269,7 +4269,7 @@ window.__ModuleLoader__.load({
 		/** The building package's version, when the bundle carries it. */
 		function bakedVersion() {
 			try {
-				return "0.3.5";
+				return "0.3.6";
 			} catch {
 				return;
 			}

package/lib/mobile.js

@@ -13475,11 +13475,19 @@ function foldEvents(events, existing) {
 * Incremental folder for one message stream. Live chat folds one event at a
 * time; rebuilding the five index maps by scanning every message per event
 * made that path O(n) per event (O(n * events) per turn). A folder keeps the
-* indexes alive across folds, applies each event in O(1) map operations, and
-* returns the previous snapshot identity unchanged when nothing applied, so
-* React skips the re-render entirely. Replayed events are no-ops: the maxSeq
-* watermark advanced by the first application skips them, which also makes a
-* double-invoked React state updater harmless.
+* indexes alive across folds, applies each event in (near-)O(1) map
+* operations, and returns the previous snapshot identity unchanged when
+* nothing applied, so React skips the re-render entirely. Replayed events
+* are no-ops: the maxSeq watermark advanced by the first application skips
+* them, which also makes a double-invoked React state updater harmless.
+*
+* Cost contract: every fold that applies at least one event rebuilds the
+* snapshot as one fresh O(messages) array copy (React needs the new
+* identity), and replacement paths locate rows by an O(messages) identity
+* scan. Both are amortized by the consumer folding bursts as ONE batch on a
+* fixed cadence (see FOLD_FLUSH_MS in ChatView) instead of per event. An
+* id-to-index map was measured and deliberately rejected: at realistic
+* message counts the Map maintenance cost exceeds the identity-scan cost.
 */
 var EventFolder = class {
 	state;
@@ -14023,6 +14031,14 @@ function ChatView({ session, mux, onBack }) {
 	const liveBufferRef = (0, import_react.useRef)([]);
 	/** Incremental folder for this session's stream (indexes stay hot across events). */
 	const folderRef = (0, import_react.useRef)(void 0);
+	/**
+	* Live events buffered between fold flushes. Folding every single event
+	* costs one O(messages) snapshot copy per event; flushing at a fixed
+	* cadence folds each burst once while keeping streaming text fluid.
+	*/
+	const foldBufferRef = (0, import_react.useRef)([]);
+	/** Timer id of the scheduled fold flush, if any. */
+	const foldFlushTimerRef = (0, import_react.useRef)(void 0);
 	/** True once the live buffer hit its cap (oldest events were dropped). */
 	const liveBufferOverflowRef = (0, import_react.useRef)(false);
 	/** The session's permission select (absent = capability not composed). */
@@ -14115,7 +14131,21 @@ function ChatView({ session, mux, onBack }) {
 	}, [session.sessionId]);
 	(0, import_react.useEffect)(() => {
 		if (mux === void 0) return;
-		return mux.onFrame((frame) => {
+		/** Fold every buffered live event in one batch and publish the snapshot. */
+		const flushFoldBuffer = () => {
+			if (foldFlushTimerRef.current !== void 0) {
+				clearTimeout(foldFlushTimerRef.current);
+				foldFlushTimerRef.current = void 0;
+			}
+			const events = foldBufferRef.current;
+			if (events.length === 0) return;
+			foldBufferRef.current = [];
+			setMessages((previous) => {
+				const folder = folderRef.current;
+				return folder === void 0 ? foldEvents(events, previous) : folder.fold(events);
+			});
+		};
+		const unsubscribe = mux.onFrame((frame) => {
 			if (frame.type === "session/event") {
 				if (frame.sessionId !== session.sessionId) return;
 				const event = frame.event;
@@ -14134,10 +14164,9 @@ function ChatView({ session, mux, onBack }) {
 					liveBufferRef.current.push(event);
 					return;
 				}
-				setMessages((previous) => {
-					const folder = folderRef.current;
-					return folder === void 0 ? foldEvents([event], previous) : folder.fold([event]);
-				});
+				foldBufferRef.current.push(event);
+				if (!(event.type === "assistant/chunk" || event.type === "message/chunk")) flushFoldBuffer();
+				else if (foldFlushTimerRef.current === void 0) foldFlushTimerRef.current = setTimeout(flushFoldBuffer, 50);
 				return;
 			}
 			if (frame.type === "session/projection" && frame.sessionId === session.sessionId && frame.key === "permissions") {
@@ -14171,6 +14200,14 @@ function ChatView({ session, mux, onBack }) {
 				return;
 			}
 		});
+		return () => {
+			unsubscribe();
+			if (foldFlushTimerRef.current !== void 0) {
+				clearTimeout(foldFlushTimerRef.current);
+				foldFlushTimerRef.current = void 0;
+			}
+			foldBufferRef.current = [];
+		};
 	}, [mux, session.sessionId]);
 	(0, import_react.useEffect)(() => {
 		if (!running) return;