@selvajs/ui 4.12.4 → 5.0.0-beta.0

package/dist/components/preview/InputControl.svelte

@@ -120,24 +120,53 @@
 	// — which throws NREs in downstream geometry components (e.g. Bounding Rectangle) and nulls
 	// every output beyond them. So every terminal state below resolves to a valid option; there
 	// is deliberately no "user cleared it, stay empty" path.
+	//
+	// LOOP BREAKER: a definition whose computed options DEPEND on the selection can oscillate —
+	// auto-pick A → solve → new options exclude A → auto-pick B → solve → … Each cycle force-
+	// solves and re-parses/re-renders the (possibly multi-MB) options, which FREEZES the tab
+	// (each solve result blocks the main thread; the loop never yields). Bound consecutive
+	// system-initiated picks; any real user commit resets the budget.
+	const MAX_CONSECUTIVE_AUTO_PICKS = 3;
+	let autoPickCount = 0;
+
 	$effect(() => {
 		if (!isDynamicValueListWidget(item) || !dynamicListHasOptions) return;
 		const validValues = new Set(Object.values(dynamicListOptions));
 		const firstOption = Object.values(dynamicListOptions)[0];
+		// Already valid → stable; refill the auto-pick budget and stop.
+		const isValid = Array.isArray(value)
+			? value.length > 0 && value.every((v) => typeof v === 'string' && validValues.has(v))
+			: typeof value === 'string' && value !== '' && validValues.has(value);
+		if (isValid) {
+			autoPickCount = 0;
+			return;
+		}
+		if (autoPickCount >= MAX_CONSECUTIVE_AUTO_PICKS) {
+			console.warn(
+				`[InputControl] dynamic value list "${item.paramId}": options keep invalidating the ` +
+					`auto-picked selection (${autoPickCount} consecutive system picks) — the definition's ` +
+					`options likely depend on the selection. Stopping auto-reconciliation to avoid a solve loop.`
+			);
+			return;
+		}
 		if (Array.isArray(value)) {
 			const pruned = value.filter((v) => typeof v === 'string' && validValues.has(v));
 			// Empty (never selected or fully pruned) always falls back to the first option —
 			// a checklist that solves empty produces the same null cascade as a single value.
 			if (pruned.length !== value.length || value.length === 0) {
+				autoPickCount++;
 				onChange(item.paramId, pruned.length > 0 ? pruned : [firstOption], true);
 			}
 		} else if (typeof value !== 'string' || value === '' || !validValues.has(value)) {
 			// Never-selected or stale single value — fall back to the first option.
+			autoPickCount++;
 			onChange(item.paramId, firstOption, true);
 		}
 	});
 
 	function commit(newValue: SupportedTypes) {
+		// A real user pick re-arms the system fallback (see autoPickCount above).
+		autoPickCount = 0;
 		value = newValue;
 		onChange(item.paramId, newValue);
 	}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@selvajs/ui",
-  "version": "4.12.4",
+  "version": "5.0.0-beta.0",
   "description": "Shared UI components and utilities for Selva applications",
   "license": "MIT",
   "publishConfig": {
@@ -37,13 +37,13 @@
     "**/*.css"
   ],
   "peerDependencies": {
-    "@selvajs/compute": "^3.0.1",
+    "@selvajs/compute": "^3.1.0-beta.3",
     "@sveltejs/kit": "^2",
     "bits-ui": "^2.18.0",
     "svelte": "^5",
     "tailwind-variants": "^3.2.2",
     "three": "^0.184.0",
-    "@selvajs/schemas": "^4.6.1"
+    "@selvajs/schemas": "^4.7.0-beta.0"
   },
   "peerDependenciesMeta": {
     "three": {
@@ -63,17 +63,17 @@
   },
   "devDependencies": {
     "@internationalized/date": "^3.12.1",
-    "@sveltejs/kit": "2.58.0",
+    "@sveltejs/kit": "2.69.1",
     "@sveltejs/vite-plugin-svelte": "^6.2.4",
     "@types/three": "^0.184.0",
     "bits-ui": "^2.18.0",
     "rhino3dm": "8.17.0",
     "rimraf": "^6.0.1",
-    "svelte": "5.55.5",
+    "svelte": "5.56.4",
     "tailwind-variants": "^3.2.2",
     "vitest": "^3.2.6",
     "@selvajs/config": "0.0.2",
-    "@selvajs/schemas": "4.6.1"
+    "@selvajs/schemas": "4.7.0-beta.0"
   },
   "scripts": {
     "dev": "vite dev",

package/src/lib/components/preview/InputControl.svelte

@@ -120,24 +120,53 @@
 	// — which throws NREs in downstream geometry components (e.g. Bounding Rectangle) and nulls
 	// every output beyond them. So every terminal state below resolves to a valid option; there
 	// is deliberately no "user cleared it, stay empty" path.
+	//
+	// LOOP BREAKER: a definition whose computed options DEPEND on the selection can oscillate —
+	// auto-pick A → solve → new options exclude A → auto-pick B → solve → … Each cycle force-
+	// solves and re-parses/re-renders the (possibly multi-MB) options, which FREEZES the tab
+	// (each solve result blocks the main thread; the loop never yields). Bound consecutive
+	// system-initiated picks; any real user commit resets the budget.
+	const MAX_CONSECUTIVE_AUTO_PICKS = 3;
+	let autoPickCount = 0;
+
 	$effect(() => {
 		if (!isDynamicValueListWidget(item) || !dynamicListHasOptions) return;
 		const validValues = new Set(Object.values(dynamicListOptions));
 		const firstOption = Object.values(dynamicListOptions)[0];
+		// Already valid → stable; refill the auto-pick budget and stop.
+		const isValid = Array.isArray(value)
+			? value.length > 0 && value.every((v) => typeof v === 'string' && validValues.has(v))
+			: typeof value === 'string' && value !== '' && validValues.has(value);
+		if (isValid) {
+			autoPickCount = 0;
+			return;
+		}
+		if (autoPickCount >= MAX_CONSECUTIVE_AUTO_PICKS) {
+			console.warn(
+				`[InputControl] dynamic value list "${item.paramId}": options keep invalidating the ` +
+					`auto-picked selection (${autoPickCount} consecutive system picks) — the definition's ` +
+					`options likely depend on the selection. Stopping auto-reconciliation to avoid a solve loop.`
+			);
+			return;
+		}
 		if (Array.isArray(value)) {
 			const pruned = value.filter((v) => typeof v === 'string' && validValues.has(v));
 			// Empty (never selected or fully pruned) always falls back to the first option —
 			// a checklist that solves empty produces the same null cascade as a single value.
 			if (pruned.length !== value.length || value.length === 0) {
+				autoPickCount++;
 				onChange(item.paramId, pruned.length > 0 ? pruned : [firstOption], true);
 			}
 		} else if (typeof value !== 'string' || value === '' || !validValues.has(value)) {
 			// Never-selected or stale single value — fall back to the first option.
+			autoPickCount++;
 			onChange(item.paramId, firstOption, true);
 		}
 	});
 
 	function commit(newValue: SupportedTypes) {
+		// A real user pick re-arms the system fallback (see autoPickCount above).
+		autoPickCount = 0;
 		value = newValue;
 		onChange(item.paramId, newValue);
 	}