svedit 0.9.0 → 0.10.0

package/dist/NodeGapMarkers.svelte

@@ -1,26 +1,143 @@
 <script>
 	import { getContext } from 'svelte';
 	import NodeCaret from './NodeCaret.svelte';
+	import { PATH_SEPARATOR, serialize_path } from './utils.js';
 
 	/**
+	 * ┌─────────────────────────────────────────────────────────────────┐
+	 * │ MUST RULES — do not violate when modifying this file            │
+	 * ├─────────────────────────────────────────────────────────────────┤
+	 * │ 1. Edge markers (gap-edge.first / gap-edge.last) MUST render    │
+	 * │    OUTSIDE the node-array container — they extend into the     │
+	 * │    whitespace above/below (column) or left/right (row) of the  │
+	 * │    first/last node. They only clamp inward when the consumer   │
+	 * │    explicitly opts in via --node-caret-boundary(-x/-y).        │
+	 * │ 2. Markers MUST NEVER overlap nodes. They render strictly in   │
+	 * │    the whitespace between nodes (mid markers) or outside the   │
+	 * │    node array bounds (edge markers). Never on top of a node.  │
+	 * └─────────────────────────────────────────────────────────────────┘
+	 *
 	 * Renders insertion gap markers for a single node_array.
 	 *
 	 * Lives inside NodeArrayProperty so it inherits the --row CSS variable.
-	 * Uses var(--row, 1) with the * 99999 multiplier trick to switch between
+	 * Uses var(--row, 1) with the * 9999999 multiplier trick to switch between
 	 * column and row positioning/visuals in pure CSS — no container queries.
 	 *
-	 * Gap data is produced by node_gap_computation and published to the
-	 * svedit context. This component reads and renders it.
+	 * Reads visibility state directly from the registry. SvelteSet's per-key
+	 * tracking on `.has()` and iteration means this component only
+	 * re-evaluates when THIS array's visible-index set changes.
 	 */
 
-	let { path } = $props();
+	let { path, count } = $props();
 
 	const svedit = getContext('svedit');
-	let path_str = $derived(path.join('.'));
-	// Per-path signal: only re-evaluates when THIS path's gaps change.
-	let gap_signal = $derived(svedit.insertion_gap_data?.get_gaps(path_str));
-	let my_gaps = $derived(gap_signal?.gaps ?? []);
-	let caret_gap_key = $derived(svedit.insertion_gap_data?.caret_gap_key);
+	let path_str = $derived(serialize_path(path));
+	let visible = $derived(svedit.visibility_registry.get_array_indices(path_str));
+
+	let caret_gap_key = $derived.by(() => {
+		const s = svedit.session.selection;
+		if (s?.type !== 'node' || s.anchor_offset !== s.focus_offset) return null;
+		return `${serialize_path(s.path)}-gap-${s.anchor_offset}`;
+	});
+
+	let my_gaps = $derived.by(() => {
+		const registry = svedit.visibility_registry;
+		const edge_state = registry.edge_map.get(path_str);
+		const anchor_prefix = `--${path_str}`;
+		const g_prefix = `--g-${path_str}`;
+		const container_var = `;--_c:${anchor_prefix}`;
+		const has_pair = count >= 2;
+		const pair_vars = has_pair
+			? `;--_f:${anchor_prefix}${PATH_SEPARATOR}0;--_s:${anchor_prefix}${PATH_SEPARATOR}1`
+			: '';
+
+		/** @type {Array<{key:string,offset:number,type:string,vars:string,is_first:boolean,is_last:boolean,has_pair:boolean}>} */
+		const result = [];
+
+		if (count === 0) {
+			if (visible.has(0)) {
+				result.push({
+					key: `${path_str}-gap-0`,
+					offset: 0,
+					type: 'gap-empty',
+					vars: `--_ct:${g_prefix}${PATH_SEPARATOR}0-gap-before;--_a:${anchor_prefix}${PATH_SEPARATOR}0${container_var}`,
+					is_first: true,
+					is_last: true,
+					has_pair: false
+				});
+			}
+			return result;
+		}
+
+		// Iterate visible indices (O(K)) instead of 0..count (O(N)) — at
+		// 1000 nodes with ~30 visible, this drops 1001 SvelteSet/SvelteMap
+		// reads per re-derivation to ~30. Filter stale indices >= count
+		// that may briefly remain after a node delete (until MO fires).
+		const sorted = [];
+		for (const i of visible) {
+			if (i >= 0 && i < count) sorted.push(i);
+		}
+		sorted.sort((a, b) => a - b);
+		if (sorted.length === 0) return result;
+
+		const offsets = [];
+		function add_offset(offset) {
+			if (!offsets.includes(offset)) offsets.push(offset);
+		}
+
+		// Emissions accumulate in ascending offset order, so iterating
+		// `offsets` later doesn't need a sort.
+		// Edge gap-before: emit if node 0 is in the near set AND the
+		// edge_map says the first node has reached the array's leading
+		// edge. edge_map is the scroll-aware BCR check that replaces
+		// the stale IO clip_map for edge nodes.
+		if (sorted[0] === 0 && edge_state?.first === true) {
+			add_offset(0);
+		}
+		// Mid gaps: between consecutive visible nodes. The gap at offset N
+		// sits between node N-1 and node N — emit when both are visible.
+		for (let i = 0; i < sorted.length - 1; i++) {
+			if (sorted[i + 1] === sorted[i] + 1) add_offset(sorted[i + 1]);
+		}
+		// Edge gap-after.last: same gate as gap-before but on the trailing edge.
+		if (sorted[sorted.length - 1] === count - 1 && edge_state?.last === true) {
+			add_offset(count);
+		}
+
+		for (const offset of offsets) {
+			const is_first = offset === 0;
+			const is_last = offset === count;
+
+			const g_anchor = is_first
+				? `${g_prefix}${PATH_SEPARATOR}0-gap-before`
+				: `${g_prefix}${PATH_SEPARATOR}${offset - 1}-gap-after`;
+
+			let type, vars;
+			if (is_first || is_last) {
+				type = 'gap-edge';
+				const adjacent = is_first
+					? `${anchor_prefix}${PATH_SEPARATOR}0`
+					: `${anchor_prefix}${PATH_SEPARATOR}${count - 1}`;
+				vars = `--_ct:${g_anchor};--_a:${adjacent}${container_var}${pair_vars}`;
+			} else {
+				type = 'gap-mid';
+				const p_anchor = `${anchor_prefix}${PATH_SEPARATOR}${offset - 1}`;
+				const n_anchor = `${anchor_prefix}${PATH_SEPARATOR}${offset}`;
+				vars = `--_ct:${g_anchor};--_p:${p_anchor};--_n:${n_anchor}${container_var}${pair_vars}`;
+			}
+
+			result.push({
+				key: `${path_str}-gap-${offset}`,
+				offset,
+				type,
+				vars,
+				is_first,
+				is_last,
+				has_pair
+			});
+		}
+		return result;
+	});
 </script>
 
 {#each my_gaps as gap (gap.key)}
@@ -30,7 +147,9 @@
 		class:first={gap.is_first}
 		class:last={gap.is_last}
 		class:pair={gap.has_pair}
-		style={gap.vars}
+		style={`${gap.vars};anchor-name:--gm-${gap.key}`}
+		data-gap-array-path={path_str}
+		data-gap-offset={gap.offset}
 		contenteditable="false"
 	>
 		{#if gap.key === caret_gap_key}
@@ -73,15 +192,15 @@
 	 * --node-caret-boundary-x        (per-axis override; clamps left/right only)
 	 * --node-caret-boundary-y        (per-axis override; clamps top/bottom only)
 	 *
-	 * Row/column detection uses var(--row, 1) with the * 99999 multiplier
+	 * Row/column detection uses var(--row, 1) with the * 9999999 multiplier
 	 * trick throughout. Shorthand:
 	 *   --_R: var(--row, 1)              (1 when row, 0 when column)
 	 *   --_C: calc(1 - var(--row, 1))    (1 when column, 0 when row)
 	 *
-	 * Inside min(): + var(--_X) * 99999px makes a branch huge → min ignores it.
-	 * Inside max(): + var(--_X) * -99999px makes a branch tiny → max ignores it.
+	 * Inside min(): + var(--_X) * 9999999px makes a branch huge → min ignores it.
+	 * Inside max(): + var(--_X) * -9999999px makes a branch tiny → max ignores it.
 	 * Nested min/max inherit the outermost convention: if the root is min(),
-	 * all branches (even inside inner max()) use + 99999px to disable.
+	 * all branches (even inside inner max()) use + 9999999px to disable.
 	 */
 
 	/* Suppress caret blink during active click on a node gap. */
@@ -120,6 +239,21 @@
 		margin: 0 !important; /* prevent unwanted margin from parent elements */
 	}
 
+	/*
+	 * position-anchor ties the marker's containing-block/scroll behavior to
+	 * a specific anchor element, so the marker tracks its anchor's scroll
+	 * container the same way NodeGap's .svedit-selectable does. Without it,
+	 * markers inside a nested scroll container stay fixed in viewport space
+	 * while the anchored nodes scroll away.
+	 */
+	.gap-marker.gap-empty,
+	.gap-marker.gap-edge {
+		position-anchor: var(--_a);
+	}
+	.gap-marker.gap-mid {
+		position-anchor: var(--_p);
+	}
+
 	/* --------------------------------------------------------------------- */
 	/* Empty array                                                           */
 	/* --------------------------------------------------------------------- */
@@ -130,9 +264,9 @@
 		left: anchor(var(--_a) left);
 		bottom: anchor(var(--_a) bottom);
 		right: max(
-			calc(anchor(var(--_a) right) + var(--_R) * -99999px),
-			calc(anchor(var(--_a) right) + var(--_C) * -99999px),
-			calc(anchor(var(--_a) left) - var(--_eg) + var(--_C) * -99999px)
+			calc(anchor(var(--_a) right) + var(--_R) * -9999999px),
+			calc(anchor(var(--_a) right) + var(--_C) * -9999999px),
+			calc(anchor(var(--_a) left) - var(--_eg) + var(--_C) * -9999999px)
 		);
 	}
 
@@ -141,37 +275,37 @@
 	/* Column: spans from prev bottom to next top, with a centering branch  */
 	/* that guarantees at least --_gm height when the gap is too small.     */
 	/* Row: spans prev node. Row left/right use complex narrowing logic;    */
-	/* row branches all get + var(--_C) * 99999px so they're ignored in     */
+	/* row branches all get + var(--_C) * 9999999px so they're ignored in     */
 	/* column layout.                                                        */
 	/* --------------------------------------------------------------------- */
 
 	.gap-marker.gap-mid {
 		top: min(
-			calc(anchor(var(--_p) bottom) + var(--_R) * 99999px),
+			calc(anchor(var(--_p) bottom) + var(--_R) * 9999999px),
 			calc(
 				(anchor(var(--_p) bottom) + anchor(var(--_n) top)) / 2
 				- var(--_gm) / 2
-				+ var(--_R) * 99999px
+				+ var(--_R) * 9999999px
 			),
-			calc(anchor(var(--_p) top) + var(--_C) * 99999px)
+			calc(anchor(var(--_p) top) + var(--_C) * 9999999px)
 		);
 		bottom: min(
-			calc(anchor(var(--_n) top) + var(--_R) * 99999px),
+			calc(anchor(var(--_n) top) + var(--_R) * 9999999px),
 			calc(
 				(anchor(var(--_p) bottom) + anchor(var(--_n) top)) / 2
 				- var(--_gm) / 2
-				+ var(--_R) * 99999px
+				+ var(--_R) * 9999999px
 			),
-			calc(anchor(var(--_p) bottom) + var(--_C) * 99999px)
+			calc(anchor(var(--_p) bottom) + var(--_C) * 9999999px)
 		);
 		left: min(
-			calc(anchor(var(--_p) left) + var(--_R) * 99999px),
-			calc(anchor(var(--_p) right) + var(--_C) * 99999px),
+			calc(anchor(var(--_p) left) + var(--_R) * 9999999px),
+			calc(anchor(var(--_p) right) + var(--_C) * 9999999px),
 			calc(
 				(anchor(var(--_p) right) + anchor(var(--_n) left)) / 2
 				- var(--_gm) / 2
 				+ max(0px, anchor(var(--_p) right) - anchor(var(--_n) left)) * 9999
-				+ var(--_C) * 99999px
+				+ var(--_C) * 9999999px
 			),
 			/* Wrap narrowing: centers marker in a gap-width region at prev_right.
 			   The + 0.5px disables this branch for zero-gap grids (items touching)
@@ -185,9 +319,19 @@
 				) / 2
 				+ max(0px, anchor(var(--_n) left) - anchor(var(--_p) right)) * 9999
 				+ max(0px, anchor(var(--_f) right) - anchor(var(--_s) left) + 0.5px) * 9999
-				+ var(--_C) * 99999px
+				+ var(--_C) * 9999999px
+			),
+			/* Safety clamp for wrap: pins marker inside CB when prev/next wrap
+			   across rows (so the marker ends at the right edge of row 1).
+			   Disabled in nowrap/horizontal-scroll where p and n are
+			   side-by-side on the same row — there the other branches
+			   position correctly and this clamp would wrongly force the
+			   marker to the CB right. */
+			calc(
+				100% - var(--_gm)
+				+ max(0px, anchor(var(--_n) left) - anchor(var(--_p) right) + 0.5px) * 9999
+				+ var(--_C) * 9999999px
 			),
-			calc(100% - var(--_gm) + var(--_C) * 99999px),
 			calc(
 				100% - max(
 					max(0px, anchor(var(--_s) left) - anchor(var(--_f) right)),
@@ -199,20 +343,28 @@
 					- 0.5px
 				) * 9999
 				+ max(0px, anchor(var(--_n) left) - anchor(var(--_p) right)) * 9999
-				+ var(--_C) * 99999px
+				+ var(--_C) * 9999999px
 			)
 		);
 		right: max(
-			calc(0px + var(--_C) * -99999px),
+			/* CB-right floor, disabled in nowrap/horizontal-scroll where n
+			   extends past CB right (p_right - n_left > 0 in right context,
+			   equivalent to n_left_body > p_right_body in layout). In that
+			   case the marker must extend past CB right to reach the gap,
+			   so right must be allowed to go negative. */
+			calc(
+				0px + var(--_C) * -9999999px
+				- max(0px, anchor(var(--_p) right) - anchor(var(--_n) left) + 0.5px) * 9999
+			),
 			min(
-				calc(anchor(var(--_p) right) + var(--_R) * 99999px),
+				calc(anchor(var(--_p) right) + var(--_R) * 9999999px),
 				calc(
-					anchor(var(--_n) left) + var(--_C) * 99999px
+					anchor(var(--_n) left) + var(--_C) * 9999999px
 				),
 				calc(
 					(anchor(var(--_p) right) + anchor(var(--_n) left)) / 2
 					- var(--_gm) / 2
-					+ var(--_C) * 99999px
+					+ var(--_C) * 9999999px
 				),
 				max(
 					/* Symmetric right-side narrowing. The + 0.5px mirrors the left
@@ -227,7 +379,7 @@
 							)
 						) / 2
 						- max(0px, anchor(var(--_s) left) - anchor(var(--_f) right) + 0.5px) * 9999
-						+ var(--_C) * 99999px
+						+ var(--_C) * 9999999px
 					),
 					calc(
 						anchor(var(--_p) right) - var(--_gm)
@@ -236,21 +388,21 @@
 							- (max(0px, anchor(var(--_f) right) - anchor(var(--_s) left)))
 							+ 0.5px
 						) * 9999
-						+ var(--_C) * 99999px
+						+ var(--_C) * 9999999px
 					),
 					calc(
 						anchor(var(--_p) right) - var(--_gm)
 						- max(0px, anchor(var(--_f) right) - anchor(var(--_s) left)) * 9999
-						+ var(--_C) * 99999px
+						+ var(--_C) * 9999999px
 					),
 					calc(
 						anchor(var(--_p) right)
 						- (anchor(var(--_n) left) - anchor(var(--_p) right)) * 9999
-						+ var(--_C) * 99999px
+						+ var(--_C) * 9999999px
 					),
 					min(
-						calc(anchor(var(--_c) right) + var(--_C) * 99999px),
-						calc(anchor(var(--_p) right) - var(--_eg) + var(--_C) * 99999px)
+						calc(anchor(var(--_c) right) + var(--_C) * 9999999px),
+						calc(anchor(var(--_p) right) - var(--_eg) + var(--_C) * 9999999px)
 					)
 				)
 			)
@@ -271,20 +423,20 @@
 		--_b-t: anchor(var(--node-caret-boundary-y, var(--node-caret-boundary, --_no-boundary)) top, 0px);
 		--_b-l: anchor(var(--node-caret-boundary-x, var(--node-caret-boundary, --_no-boundary)) left, 0px);
 		top: min(
-			calc(anchor(var(--_a) top) + var(--_C) * 99999px),
-			calc(max(var(--_b-t), calc(anchor(var(--_a) top) - var(--_gm))) + var(--_R) * 99999px)
+			calc(anchor(var(--_a) top) + var(--_C) * 9999999px),
+			calc(max(var(--_b-t), calc(anchor(var(--_a) top) - var(--_gm))) + var(--_R) * 9999999px)
 		);
 		bottom: min(
-			calc(anchor(var(--_a) bottom) + var(--_C) * 99999px),
-			calc(anchor(var(--_a) top) + var(--_R) * 99999px)
+			calc(anchor(var(--_a) bottom) + var(--_C) * 9999999px),
+			calc(anchor(var(--_a) top) + var(--_R) * 9999999px)
 		);
 		left: min(
-			calc(anchor(var(--_a) left) + var(--_R) * 99999px),
-			calc(max(var(--_b-l), calc(anchor(var(--_a) left) - var(--_gm))) + var(--_C) * 99999px)
+			calc(anchor(var(--_a) left) + var(--_R) * 9999999px),
+			calc(max(var(--_b-l), calc(anchor(var(--_a) left) - var(--_gm))) + var(--_C) * 9999999px)
 		);
 		right: min(
-			calc(anchor(var(--_a) right) + var(--_R) * 99999px),
-			calc(anchor(var(--_a) left) + var(--_C) * 99999px)
+			calc(anchor(var(--_a) right) + var(--_R) * 9999999px),
+			calc(anchor(var(--_a) left) + var(--_C) * 9999999px)
 		);
 	}
 
@@ -295,51 +447,57 @@
 	.gap-edge.last {
 		--_b-b: anchor(var(--node-caret-boundary-y, var(--node-caret-boundary, --_no-boundary)) bottom, 0px);
 		--_b-r: anchor(var(--node-caret-boundary-x, var(--node-caret-boundary, --_no-boundary)) right, 0px);
-		--_b-bt: anchor(var(--node-caret-boundary-y, var(--node-caret-boundary, --_no-boundary)) bottom, 99999px);
-		--_b-rl: anchor(var(--node-caret-boundary-x, var(--node-caret-boundary, --_no-boundary)) right, 99999px);
+		--_b-bt: anchor(var(--node-caret-boundary-y, var(--node-caret-boundary, --_no-boundary)) bottom, 9999999px);
+		--_b-rl: anchor(var(--node-caret-boundary-x, var(--node-caret-boundary, --_no-boundary)) right, 9999999px);
 		top: min(
-			calc(anchor(var(--_a) top) + var(--_C) * 99999px),
+			calc(anchor(var(--_a) top) + var(--_C) * 9999999px),
 			calc(
 				min(
 					anchor(var(--_a) bottom),
 					calc(var(--_b-bt) - var(--_gm))
-				) + var(--_R) * 99999px
+				) + var(--_R) * 9999999px
 			)
 		);
 		bottom: min(
-			calc(anchor(var(--_a) bottom) + var(--_C) * 99999px),
-			calc(max(var(--_b-b), calc(anchor(var(--_a) bottom) - var(--_gm))) + var(--_R) * 99999px)
+			calc(anchor(var(--_a) bottom) + var(--_C) * 9999999px),
+			calc(max(var(--_b-b), calc(anchor(var(--_a) bottom) - var(--_gm))) + var(--_R) * 9999999px)
 		);
 		left: min(
-			calc(anchor(var(--_a) left) + var(--_R) * 99999px),
+			calc(anchor(var(--_a) left) + var(--_R) * 9999999px),
 			calc(
 				min(
 					anchor(var(--_a) right),
 					calc(var(--_b-rl) - var(--_gm))
-				) + var(--_C) * 99999px
+				) + var(--_C) * 9999999px
 			),
-			calc(100% - var(--_gm) + var(--_C) * 99999px)
+			calc(100% - var(--_gm) + var(--_C) * 9999999px)
 		);
 		right: max(
-			calc(var(--_b-r) + var(--_C) * -99999px),
-			calc(anchor(var(--_a) right) + var(--_R) * -99999px),
-			calc(anchor(var(--_a) right) - var(--_gm) + var(--_C) * -99999px),
-			calc(anchor(var(--_c) right) + var(--_C) * -99999px)
+			calc(var(--_b-r) + var(--_C) * -9999999px),
+			calc(anchor(var(--_a) right) + var(--_R) * -9999999px),
+			calc(anchor(var(--_a) right) - var(--_gm) + var(--_C) * -9999999px),
+			/* Column / wrap-layout fill: when the last item sits within
+			   the container (non-overflow), max picks anchor(--_c right)
+			   and the marker stretches to the containers trailing edge.
+			   In row-overflow this branch is dominated by anchor(--_a right)
+			   which is smaller, so the marker follows the trailing node
+			   past the container. */
+			calc(anchor(var(--_c) right) + var(--_C) * -9999999px)
 		);
 	}
 
 	/* --------------------------------------------------------------------- */
 	/* Trailing gap in row with 2+ items: complex narrowing using --_f/--_s  */
 	/* Overrides .gap-edge.last — must re-include col branch for both left   */
-	/* (min: + 99999px to disable) and right (max: * -99999px to disable).   */
+	/* (min: + 9999999px to disable) and right (max: * -9999999px to disable).   */
 	/* --------------------------------------------------------------------- */
 
 	/* Purpose of this + 0.5px: disable for zero-gap grids (see .gap-mid comment). */
 	.gap-marker.gap-edge.last.pair {
 		left: min(
-			calc(anchor(var(--_a) left) + var(--_R) * 99999px),
-			calc(anchor(var(--_a) right) + var(--_C) * 99999px),
-			calc(var(--_b-rl) - var(--_gm) + var(--_C) * 99999px),
+			calc(anchor(var(--_a) left) + var(--_R) * 9999999px),
+			calc(anchor(var(--_a) right) + var(--_C) * 9999999px),
+			calc(var(--_b-rl) - var(--_gm) + var(--_C) * 9999999px),
 			calc(
 				anchor(var(--_a) right)
 				+ (max(0px, anchor(var(--_s) left) - anchor(var(--_f) right))) / 2
@@ -349,9 +507,18 @@
 				) / 2
 				+ max(0px, anchor(var(--_f) right) - anchor(var(--_s) left)) * 9999
 				+ max(0px, anchor(var(--_a) right) - anchor(var(--_c) right) + 0.5px) * 9999
-				+ var(--_C) * 99999px
+				+ var(--_C) * 9999999px
+			),
+			/* Safety clamp for wrap: pins marker inside CB when items 0 and 1
+			   wrap across rows. Disabled in nowrap/horizontal-scroll where
+			   items 0 and 1 are side-by-side on the same row — there the
+			   anchor-based branches position correctly and this clamp would
+			   wrongly force the marker to the CB right. */
+			calc(
+				100% - var(--_gm)
+				+ max(0px, anchor(var(--_s) left) - anchor(var(--_f) right) + 0.5px) * 9999
+				+ var(--_C) * 9999999px
 			),
-			calc(100% - var(--_gm) + var(--_C) * 99999px),
 			calc(
 				100% - max(
 					max(0px, anchor(var(--_s) left) - anchor(var(--_f) right)),
@@ -362,12 +529,12 @@
 					- (anchor(var(--_c) right) - anchor(var(--_a) right))
 					- 0.5px
 				) * 9999
-				+ var(--_C) * 99999px
+				+ var(--_C) * 9999999px
 			)
 		);
 		right: max(
-			calc(anchor(var(--_a) right) + var(--_R) * -99999px),
-			calc(var(--_b-r) + var(--_C) * -99999px),
+			calc(anchor(var(--_a) right) + var(--_R) * -9999999px),
+			calc(var(--_b-r) + var(--_C) * -9999999px),
 			calc(
 				anchor(var(--_a) right)
 				- (
@@ -379,7 +546,7 @@
 				) / 2
 				- max(0px, anchor(var(--_s) left) - anchor(var(--_f) right)) * 9999
 				- max(0px, anchor(var(--_c) right) - anchor(var(--_a) right) + 0.5px) * 9999
-				+ var(--_C) * -99999px
+				+ var(--_C) * -9999999px
 			),
 			calc(
 				anchor(var(--_a) right) - var(--_gm)
@@ -388,16 +555,16 @@
 					- (max(0px, anchor(var(--_f) right) - anchor(var(--_s) left)))
 					+ 0.5px
 				) * 9999
-				+ var(--_C) * -99999px
+				+ var(--_C) * -9999999px
 			),
 			calc(
 				anchor(var(--_a) right) - var(--_gm)
 				- max(0px, anchor(var(--_f) right) - anchor(var(--_s) left)) * 9999
-				+ var(--_C) * -99999px
+				+ var(--_C) * -9999999px
 			),
 			min(
-				calc(anchor(var(--_c) right) + var(--_C) * -99999px),
-				calc(anchor(var(--_a) right) - var(--_eg) + var(--_C) * -99999px)
+				calc(anchor(var(--_c) right) + var(--_C) * -9999999px),
+				calc(anchor(var(--_a) right) - var(--_eg) + var(--_C) * -9999999px)
 			)
 		);
 	}
@@ -420,20 +587,20 @@
 		&:not(.gap-empty)::before {
 			--_mi: var(--node-caret-marker-inset, 2px);
 			top: min(
-				calc(50% + var(--_R) * 99999px),
-				calc(var(--_mi) + var(--_C) * 99999px)
+				calc(50% + var(--_R) * 9999999px),
+				calc(var(--_mi) + var(--_C) * 9999999px)
 			);
 			bottom: min(
-				calc(50% + var(--_R) * 99999px),
-				calc(var(--_mi) + var(--_C) * 99999px)
+				calc(50% + var(--_R) * 9999999px),
+				calc(var(--_mi) + var(--_C) * 9999999px)
 			);
 			left: min(
-				calc(var(--_mi) + var(--_R) * 99999px),
-				calc(50% + var(--_C) * 99999px)
+				calc(var(--_mi) + var(--_R) * 9999999px),
+				calc(50% + var(--_C) * 9999999px)
 			);
 			right: min(
-				calc(var(--_mi) + var(--_R) * 99999px),
-				calc(50% + var(--_C) * 99999px)
+				calc(var(--_mi) + var(--_R) * 9999999px),
+				calc(50% + var(--_C) * 9999999px)
 			);
 			border-top: calc(var(--_C) * 1px) dashed var(--node-caret-gap-color, var(--svedit-canvas-stroke));
 			border-left: calc(var(--_R) * 1px) dashed var(--node-caret-gap-color, var(--svedit-canvas-stroke));
@@ -471,7 +638,7 @@
 		}
 	}
 
-	/* Debugging styles  */
+	/* Debugging styles - DO NOT CHANGE OR REMOVE */
 	/* :global([data-type="node_array"]) {
 		outline: 0.1px solid green;
 	}

package/dist/NodeGapMarkers.svelte.d.ts

@@ -5,8 +5,10 @@ type NodeGapMarkers = {
 };
 declare const NodeGapMarkers: import("svelte").Component<{
     path: any;
+    count: any;
 }, {}, "">;
 type $$ComponentProps = {
     path: any;
+    count: any;
 };
 //# sourceMappingURL=NodeGapMarkers.svelte.d.ts.map

package/dist/NodeGapMarkers.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NodeGapMarkers.svelte.d.ts","sourceRoot":"","sources":["../src/lib/NodeGapMarkers.svelte.js"],"names":[],"mappings":";;;;;AA0CA;UArB0B,GAAG;WAqBgC;wBArB3C;IAAE,IAAI,EAAE,GAAG,CAAA;CAAE"}
+{"version":3,"file":"NodeGapMarkers.svelte.d.ts","sourceRoot":"","sources":["../src/lib/NodeGapMarkers.svelte.js"],"names":[],"mappings":";;;;;AAgKA;UA3H0B,GAAG;WAAS,GAAG;WA2HoB;wBA3H3C;IAAE,IAAI,EAAE,GAAG,CAAC;IAAC,KAAK,EAAE,GAAG,CAAA;CAAE"}

package/dist/NodeSelectionMarkers.svelte

@@ -1,5 +1,6 @@
 <script>
 	import { getContext } from 'svelte';
+	import { serialize_path } from './utils.js';
 
 	const svedit = getContext('svedit');
 	let selected_node_paths = $derived(get_selected_node_paths());
@@ -22,13 +23,13 @@
 {#if svedit.session.selection?.type === 'property'}
 	<div
 		class="selected-property-overlay"
-		style="position-anchor: --{svedit.session.selection.path.join('-')};"
+		style="position-anchor: --{serialize_path(svedit.session.selection.path)};"
 	></div>
 {/if}
 
 {#if selected_node_paths}
-	{#each selected_node_paths as path (path.join('-'))}
-		<div class="selected-node-overlay" style="position-anchor: --{path.join('-')};"></div>
+	{#each selected_node_paths as path (serialize_path(path))}
+		<div class="selected-node-overlay" style="position-anchor: --{serialize_path(path)};"></div>
 	{/each}
 {/if}
 

package/dist/NodeSelectionMarkers.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NodeSelectionMarkers.svelte.d.ts","sourceRoot":"","sources":["../src/lib/NodeSelectionMarkers.svelte.js"],"names":[],"mappings":";;;;;AAwCA,8FAAmE"}
+{"version":3,"file":"NodeSelectionMarkers.svelte.d.ts","sourceRoot":"","sources":["../src/lib/NodeSelectionMarkers.svelte.js"],"names":[],"mappings":";;;;;AA0CA,8FAAmE"}

package/dist/Session.svelte.d.ts

@@ -52,7 +52,18 @@ export default class Session {
      * @returns {string}
      */
     get document_id(): string;
-    validate_doc(): void;
+    /**
+     * Validates the parts of a transaction result that can be affected by the transaction.
+     *
+     * This is intentionally narrower than full document validation. It validates all
+     * created/modified nodes, plus nodes that still reference created, modified, or
+     * deleted nodes. That catches local node invariants and dangling references left
+     * behind by deletes without scanning every node on every apply.
+     *
+     * @param {Transaction} transaction - The transaction result to validate
+     * @throws {Error} Throws if the transaction result is invalid
+     */
+    validate_transaction_result(transaction: Transaction): void;
     generate_id(): any;
     /**
      * Initialize commands and keymap for this session.

package/dist/Session.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Session.svelte.d.ts","sourceRoot":"","sources":["../src/lib/Session.svelte.js"],"names":[],"mappings":"AA8BA;;;GAGG;AAEH;IA8BC;;;;;;OAMG;IACH,oBANW,cAAc,OACd,QAAQ,UACR,MAAM,YAEd;QAA4B,SAAS,GAA7B,SAAS;KACnB,EAWA;IA3CD,6BAA6B;IAC7B,QADW,cAAc,CACH;IAEtB,uBAAuB;IACvB,KADW,QAAQ,CACA;IAEnB,kBAAkB;IAClB,QADW,GAAG,CACQ;IAEtB,eAAyB;IACzB,sBAA+B;IAC/B,wBAA2C;IAI3C,aAA0B;IAC1B,WAAwB;IAGxB,kBAA6C;IAC7C,kBAAkE;IAGlE,mBAAmD;IACnD,gCAA6E;IA6B7E;;;;OAIG;IACH,qBAHW,SAAS,GAAG,IAAI,EAM1B;IAhBD;;;OAGG;IACH,iBAFa,SAAS,GAAG,IAAI,CAI5B;IAYD;;;;;;OAMG;IACH,4BAEC;IAED;;;OAGG;IACH,mBAFa,MAAM,CAIlB;IAED,qBAIC;IAED,mBAMC;IAED;;;;;;;;;OASG;IACH,6BAFW,MAAM,QAQhB;IAED,sCAKC;IAGD,yBAkBC;IAED;;;;OAIG;IACH,UAFa,WAAW,CAKvB;IAED;;;;;;;OAOG;IACH,mBAJW,WAAW,cAEnB;QAA0B,KAAK,GAAvB,OAAO;KACjB,QA4CA;IAED,aAgBC;IAED,aAaC;IAED;;;;;;;;;;;;;;;;;;;OAmBG;IACH,UAlBW,YAAY,GAAC,MAAM,GACjB,GAAG,CAmBf;IAED;;;;;;;;;;;;;;;;;;;;;;;;;OAyBG;IACH,cAHW,YAAY,GACV;QAAC,IAAI,EAAE,UAAU,GAAC,MAAM,CAAC;QAAC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAC,CAIzD;IAED;;;;;OAKG;IACH,WAHW,GAAG,GACD,QAAQ,CAIpB;IAED;;;;;OAKG;IACH,sBAJW,MAAM,cACN,SAAS,GACP,OAAO,CAcnB;IAED;;;;;OAKG;IACH,uCAHW,SAAS,GACP,SAAS,GAAC,IAAI,CAe1B;IAED;;;;;;OAMG;IACH,oCAHW,MAAM,GACJ,UAAU,GAAC,IAAI,CAI3B;IAED;;;;MA6BC;IAGD,kCAOC;IAED,0BAOC;IAED,sBAmCC;IAED;;;;;;;;;;;OAWG;IACH,kBAJW,MAAM,GACJ,KAAK,CAAC,YAAY,CAAC,CAK/B;IAED;;;;;;;OAOG;IACH,WAFa,QAAQ,CAWpB;IAID,gDAEC;IAGD,uCAEC;IAGD;;;OAGG;IACH,8BAHW,MAAM,GACJ,MAAM,EAAE,CAOpB;;CACD;;;;;gBAzfa,SAAS;;oCAPb,cAAc;8BAAd,cAAc;+BAAd,cAAc;wBAzBA,yBAAyB;kCAyBvC,cAAc;8BAAd,cAAc;gCAAd,cAAc;kCAAd,cAAc;4BAAd,cAAc"}
+{"version":3,"file":"Session.svelte.d.ts","sourceRoot":"","sources":["../src/lib/Session.svelte.js"],"names":[],"mappings":"AAgCA;;;GAGG;AAEH;IA+BC;;;;;;OAMG;IACH,oBANW,cAAc,OACd,QAAQ,UACR,MAAM,YAEd;QAA4B,SAAS,GAA7B,SAAS;KACnB,EAYA;IA7CD,6BAA6B;IAC7B,QADW,cAAc,CACH;IAEtB,uBAAuB;IACvB,KADW,QAAQ,CACA;IAEnB,kBAAkB;IAClB,QADW,GAAG,CACQ;IAEtB,eAAyB;IACzB,sBAA+B;IAC/B,wBAA2C;IAI3C,aAA0B;IAC1B,WAAwB;IAGxB,kBAA6C;IAC7C,kBAAkE;IAGlE,mBAAmD;IACnD,gCAA6E;IA+B7E;;;;OAIG;IACH,qBAHW,SAAS,GAAG,IAAI,EAM1B;IAhBD;;;OAGG;IACH,iBAFa,SAAS,GAAG,IAAI,CAI5B;IAYD;;;;;;OAMG;IACH,4BAEC;IAED;;;OAGG;IACH,mBAFa,MAAM,CAIlB;IAED;;;;;;;;;;OAUG;IACH,yCAHW,WAAW,QA4BrB;IAED,mBAMC;IAED;;;;;;;;;OASG;IACH,6BAFW,MAAM,QAQhB;IAED,sCAKC;IAGD,yBAkBC;IAED;;;;OAIG;IACH,UAFa,WAAW,CAKvB;IAED;;;;;;;OAOG;IACH,mBAJW,WAAW,cAEnB;QAA0B,KAAK,GAAvB,OAAO;KACjB,QA6CA;IAED,aAgBC;IAED,aAaC;IAED;;;;;;;;;;;;;;;;;;;OAmBG;IACH,UAlBW,YAAY,GAAC,MAAM,GACjB,GAAG,CAmBf;IAED;;;;;;;;;;;;;;;;;;;;;;;;;OAyBG;IACH,cAHW,YAAY,GACV;QAAC,IAAI,EAAE,UAAU,GAAC,MAAM,CAAC;QAAC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAC,CAIzD;IAED;;;;;OAKG;IACH,WAHW,GAAG,GACD,QAAQ,CAIpB;IAED;;;;;OAKG;IACH,sBAJW,MAAM,cACN,SAAS,GACP,OAAO,CAcnB;IAED;;;;;OAKG;IACH,uCAHW,SAAS,GACP,SAAS,GAAC,IAAI,CAe1B;IAED;;;;;;OAMG;IACH,oCAHW,MAAM,GACJ,UAAU,GAAC,IAAI,CAI3B;IAED;;;;MA6BC;IAGD,kCAOC;IAED,0BAOC;IAED,sBAmCC;IAED;;;;;;;;;;;OAWG;IACH,kBAJW,MAAM,GACJ,KAAK,CAAC,YAAY,CAAC,CAK/B;IAED;;;;;;;OAOG;IACH,WAFa,QAAQ,CAWpB;IAID,gDAEC;IAGD,uCAEC;IAGD;;;OAGG;IACH,8BAHW,MAAM,GACJ,MAAM,EAAE,CAOpB;;CACD;;;;;gBA5hBa,SAAS;;oCAPb,cAAc;8BAAd,cAAc;+BAAd,cAAc;wBA3BA,yBAAyB;kCA2BvC,cAAc;8BAAd,cAAc;gCAAd,cAAc;kCAAd,cAAc;4BAAd,cAAc"}