@signal9/era-ui 12.1.1 → 12.1.2

package/dist/ui/pane/pane-root.svelte

@@ -98,6 +98,10 @@
 	let dragging = false;
 	const live = { x: position.x, y: position.y };
 
+	/* Applies any zone mutation that arrived while a gesture was live. Assigned
+	 * by the zone effect below, called by onDragEnd — see the observer there. */
+	let flushZones: (() => void) | null = null;
+
 	const track = (data: DragEventData) => {
 		live.x = data.offset.x;
 		live.y = data.offset.y;
@@ -160,6 +164,7 @@
 			dragging = false;
 			track(data);
 			sync(data);
+			flushZones?.();
 			onDragEnd?.(data);
 		}
 	});
@@ -211,7 +216,35 @@
 			}
 		};
 		syncZones();
-		const observer = new MutationObserver(syncZones);
+
+		/* MID-DRAG MUTATIONS DO NOT RE-WALK THE SUBTREE.
+		 *
+		 * The observer watches childList across the whole subtree, so ANY content
+		 * that ticks — a clock, a streaming response, a terminal, a swarm's forty
+		 * rows — fires this on every mutation, and each call is a full
+		 * querySelectorAll over the pane. Measured on a pane whose body updated on
+		 * an 8ms interval: 419 walks during a single 200-move drag, about two per
+		 * frame, none of which could change anything.
+		 *
+		 * They cannot change anything because the gesture has ALREADY claimed its
+		 * zone: handle and cancel registrations are read at pointerdown to decide
+		 * whether a drag starts, and that decision is made. So the walk is deferred
+		 * to drag end, where it costs one call instead of hundreds. A pane with a
+		 * static body never notices — it was 0 walks before and is 0 now. */
+		let missed = false;
+		const onMutate = () => {
+			if (dragging) {
+				missed = true;
+				return;
+			}
+			syncZones();
+		};
+		flushZones = () => {
+			if (!missed) return;
+			missed = false;
+			syncZones();
+		};
+		const observer = new MutationObserver(onMutate);
 		observer.observe(node, {
 			subtree: true,
 			childList: true,
@@ -219,6 +252,7 @@
 		});
 		return () => {
 			observer.disconnect();
+			flushZones = null;
 			for (const mark of marks.values()) mark.off();
 		};
 	});

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@signal9/era-ui",
-	"version": "12.1.1",
+	"version": "12.1.2",
 	"scripts": {
 		"dev": "vite dev --host",
 		"build": "vite build && npm run prepack",