@selvajs/ui 4.12.0 → 4.12.2

package/dist/components/preview/InputControl.svelte

@@ -115,28 +115,40 @@
 	// change (the user didn't pick the new option), so force a solve — otherwise manual-solve
 	// schemas would keep the prior output on screen, making it look like the auto-picked option
 	// produced it.
+	// Distinguishes "never selected" from "user deliberately cleared": the empty→
+	// first-option fallback below must not fight a real user action (e.g. unchecking
+	// every checklist entry), only fill the initial void.
+	let userTouched = false;
+
 	$effect(() => {
 		if (!isDynamicValueListWidget(item) || !dynamicListHasOptions) return;
 		const validValues = new Set(Object.values(dynamicListOptions));
+		const firstOption = Object.values(dynamicListOptions)[0];
 		// Route through onChange (not commit) — value is a one-way prop here, so writing it
 		// directly from an effect trips Svelte's binding-ownership check.
+		// A NEVER-made selection (empty string/array, e.g. no default on a fresh page)
+		// gets the same first-option fallback as a stale one: an empty selection solves
+		// as an empty string, which cascades through the definition as null-data errors
+		// ("File not found: .dmf", Text→Number conversion failures, …) and the empty
+		// result then gets replayed by the solve caches.
 		if (Array.isArray(value)) {
 			const pruned = value.filter((v) => typeof v === 'string' && validValues.has(v));
-			if (pruned.length !== value.length) {
-				// Fall back to first option when checklist becomes fully empty after pruning
-				onChange(
-					item.paramId,
-					pruned.length > 0 ? pruned : [Object.values(dynamicListOptions)[0]],
-					true
-				);
+			if (pruned.length !== value.length || (value.length === 0 && !userTouched)) {
+				// Fall back to first option when the checklist is fully pruned or was
+				// never selected; a user-cleared checklist stays empty.
+				onChange(item.paramId, pruned.length > 0 ? pruned : [firstOption], true);
 			}
-		} else if (typeof value === 'string' && value && !validValues.has(value)) {
-			// Fall back to first available option instead of clearing to empty
-			onChange(item.paramId, Object.values(dynamicListOptions)[0], true);
+		} else if (
+			(typeof value === 'string' && value && !validValues.has(value)) ||
+			((value == null || value === '') && !userTouched)
+		) {
+			// Stale single value, or never-selected — fall back to the first option.
+			onChange(item.paramId, firstOption, true);
 		}
 	});
 
 	function commit(newValue: SupportedTypes) {
+		userTouched = true;
 		value = newValue;
 		onChange(item.paramId, newValue);
 	}

package/dist/compute/createSolveSession.svelte.js

@@ -4,7 +4,7 @@
 // SolveDriver. A completed solve re-enters via report().
 import { readExternalValue } from '../external/storage';
 import { createComputeThrottle } from './computeThrottle.svelte';
-import { buildInitialValues, makeInitialFlags, applyValueChange, applySolveResult } from './solve-session-core';
+import { buildInitialValues, makeInitialFlags, applyValueChange, applySolveResult, pickInputValues } from './solve-session-core';
 export function createSolveSession(args) {
     let currentSchema = args.schema;
     const flags = makeInitialFlags(currentSchema?.instanceSolve);
@@ -19,7 +19,9 @@ export function createSolveSession(args) {
         hasNeverSolved: flags.hasNeverSolved
     });
     function dispatch() {
-        args.driver.solve($state.snapshot(state.values));
+        // Input values only: outputs merged into state.values (for widgets that read
+        // them, e.g. dynamic value lists) must not be echoed back to the transport.
+        args.driver.solve(pickInputValues(currentSchema, $state.snapshot(state.values)));
     }
     return {
         get values() {

package/dist/compute/solve-session-core.d.ts

@@ -38,6 +38,15 @@ export declare function applyValueChange(state: SolveSessionState, id: string, v
     state: SolveSessionState;
     shouldSolve: boolean;
 };
+/**
+ * Projects the session's live values down to solve INPUTS. Solve outputs are merged
+ * into the same values map after each solve (applySolveResult) so widgets like
+ * dynamic value lists can read them — but they are not solve inputs, and echoing
+ * them back to the driver re-uploads potentially MB-sized payloads (a measured
+ * 6.4 MB options list) that no backend reads. Every transport gets this projection
+ * for free by going through the session's dispatch.
+ */
+export declare function pickInputValues(schema: UISchema | undefined, values: Record<string, unknown>): Record<string, unknown>;
 /**
  * Merges a reported solve result into the state and clears the post-solve lifecycle
  * flags. Missing result arrays are treated as empty.

package/dist/compute/solve-session-core.js

@@ -52,6 +52,24 @@ export function applyValueChange(state, id, value, instanceSolve) {
     }
     return { state, shouldSolve: true };
 }
+/**
+ * Projects the session's live values down to solve INPUTS. Solve outputs are merged
+ * into the same values map after each solve (applySolveResult) so widgets like
+ * dynamic value lists can read them — but they are not solve inputs, and echoing
+ * them back to the driver re-uploads potentially MB-sized payloads (a measured
+ * 6.4 MB options list) that no backend reads. Every transport gets this projection
+ * for free by going through the session's dispatch.
+ */
+export function pickInputValues(schema, values) {
+    if (!schema?.inputs)
+        return values;
+    const picked = {};
+    for (const input of schema.inputs) {
+        if (input.id in values)
+            picked[input.id] = values[input.id];
+    }
+    return picked;
+}
 /**
  * Merges a reported solve result into the state and clears the post-solve lifecycle
  * flags. Missing result arrays are treated as empty.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@selvajs/ui",
-  "version": "4.12.0",
+  "version": "4.12.2",
   "description": "Shared UI components and utilities for Selva applications",
   "license": "MIT",
   "publishConfig": {
@@ -37,7 +37,7 @@
     "**/*.css"
   ],
   "peerDependencies": {
-    "@selvajs/compute": "^3.0.0-beta.1",
+    "@selvajs/compute": "^3.0.1",
     "@sveltejs/kit": "^2",
     "bits-ui": "^2.18.0",
     "svelte": "^5",
@@ -72,8 +72,8 @@
     "svelte": "5.55.5",
     "tailwind-variants": "^3.2.2",
     "vitest": "^3.2.6",
-    "@selvajs/schemas": "4.6.1",
-    "@selvajs/config": "0.0.2"
+    "@selvajs/config": "0.0.2",
+    "@selvajs/schemas": "4.6.1"
   },
   "scripts": {
     "dev": "vite dev",

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

@@ -115,28 +115,40 @@
 	// change (the user didn't pick the new option), so force a solve — otherwise manual-solve
 	// schemas would keep the prior output on screen, making it look like the auto-picked option
 	// produced it.
+	// Distinguishes "never selected" from "user deliberately cleared": the empty→
+	// first-option fallback below must not fight a real user action (e.g. unchecking
+	// every checklist entry), only fill the initial void.
+	let userTouched = false;
+
 	$effect(() => {
 		if (!isDynamicValueListWidget(item) || !dynamicListHasOptions) return;
 		const validValues = new Set(Object.values(dynamicListOptions));
+		const firstOption = Object.values(dynamicListOptions)[0];
 		// Route through onChange (not commit) — value is a one-way prop here, so writing it
 		// directly from an effect trips Svelte's binding-ownership check.
+		// A NEVER-made selection (empty string/array, e.g. no default on a fresh page)
+		// gets the same first-option fallback as a stale one: an empty selection solves
+		// as an empty string, which cascades through the definition as null-data errors
+		// ("File not found: .dmf", Text→Number conversion failures, …) and the empty
+		// result then gets replayed by the solve caches.
 		if (Array.isArray(value)) {
 			const pruned = value.filter((v) => typeof v === 'string' && validValues.has(v));
-			if (pruned.length !== value.length) {
-				// Fall back to first option when checklist becomes fully empty after pruning
-				onChange(
-					item.paramId,
-					pruned.length > 0 ? pruned : [Object.values(dynamicListOptions)[0]],
-					true
-				);
+			if (pruned.length !== value.length || (value.length === 0 && !userTouched)) {
+				// Fall back to first option when the checklist is fully pruned or was
+				// never selected; a user-cleared checklist stays empty.
+				onChange(item.paramId, pruned.length > 0 ? pruned : [firstOption], true);
 			}
-		} else if (typeof value === 'string' && value && !validValues.has(value)) {
-			// Fall back to first available option instead of clearing to empty
-			onChange(item.paramId, Object.values(dynamicListOptions)[0], true);
+		} else if (
+			(typeof value === 'string' && value && !validValues.has(value)) ||
+			((value == null || value === '') && !userTouched)
+		) {
+			// Stale single value, or never-selected — fall back to the first option.
+			onChange(item.paramId, firstOption, true);
 		}
 	});
 
 	function commit(newValue: SupportedTypes) {
+		userTouched = true;
 		value = newValue;
 		onChange(item.paramId, newValue);
 	}

package/src/lib/compute/createSolveSession.svelte.ts

@@ -12,6 +12,7 @@ import {
 	makeInitialFlags,
 	applyValueChange,
 	applySolveResult,
+	pickInputValues,
 	type SolveSessionState
 } from './solve-session-core';
 
@@ -75,7 +76,9 @@ export function createSolveSession(args: SolveSessionArgs): SolveSession {
 	});
 
 	function dispatch() {
-		args.driver.solve($state.snapshot(state.values));
+		// Input values only: outputs merged into state.values (for widgets that read
+		// them, e.g. dynamic value lists) must not be echoed back to the transport.
+		args.driver.solve(pickInputValues(currentSchema, $state.snapshot(state.values)));
 	}
 
 	return {

package/src/lib/compute/createSolveSession.test.ts

@@ -67,4 +67,19 @@ describe('createSolveSession.setValue', () => {
 		session.setValue('a', 'y', true);
 		expect(driver.solves.length).toBe(1);
 	});
+
+	it('never echoes output-keyed values back to the driver', () => {
+		const driver = recordingDriver();
+		const session = createSolveSession({ schema: schema(true), scopeKey: 's', driver });
+		// A solve result merges outputs into the session's values map (how widgets
+		// like dynamic value lists read them) — e.g. a multi-MB options payload.
+		session.report({ outputs: { out: { options: { huge: 'payload' } } } });
+		session.setValue('a', 'y');
+		expect(driver.solves.length).toBe(1);
+		expect(driver.solves[0].a).toBe('y');
+		// The output entry lives in session.values for widgets…
+		expect(session.values.out).toBeDefined();
+		// …but must not travel back through the transport.
+		expect(driver.solves[0]).not.toHaveProperty('out');
+	});
 });

package/src/lib/compute/solve-session-core.ts

@@ -85,6 +85,26 @@ export function applyValueChange(
 	return { state, shouldSolve: true };
 }
 
+/**
+ * Projects the session's live values down to solve INPUTS. Solve outputs are merged
+ * into the same values map after each solve (applySolveResult) so widgets like
+ * dynamic value lists can read them — but they are not solve inputs, and echoing
+ * them back to the driver re-uploads potentially MB-sized payloads (a measured
+ * 6.4 MB options list) that no backend reads. Every transport gets this projection
+ * for free by going through the session's dispatch.
+ */
+export function pickInputValues(
+	schema: UISchema | undefined,
+	values: Record<string, unknown>
+): Record<string, unknown> {
+	if (!schema?.inputs) return values;
+	const picked: Record<string, unknown> = {};
+	for (const input of schema.inputs) {
+		if (input.id in values) picked[input.id] = values[input.id];
+	}
+	return picked;
+}
+
 /**
  * Merges a reported solve result into the state and clears the post-solve lifecycle
  * flags. Missing result arrays are treated as empty.