@selvajs/ui 4.9.0 → 4.10.0

package/dist/components/preview/InputControl.svelte

@@ -150,7 +150,8 @@
 			inputId: item.paramId,
 			displayName: label,
 			slotLabel: clientSlotConfig.slotLabel,
-			value
+			value,
+			onValueChange: commit
 		})}
 	{/if}
 {:else if !hideDynamicListWhenEmpty}

package/dist/contexts/clientSlotContext.svelte.d.ts

@@ -1,4 +1,5 @@
 import type { Snippet } from 'svelte';
+import type { SupportedTypes } from '@selvajs/schemas';
 export interface ClientSlotArgs {
     /** Grasshopper parameter instance GUID (LayoutItem.paramId / SchemaInput.id). */
     inputId: string;
@@ -7,6 +8,13 @@ export interface ClientSlotArgs {
     slotLabel?: string;
     /** The current value held for this input (e.g. the prefilled JSON), if any. */
     value: unknown;
+    /**
+     * Commit a value for this input. Identical channel to a built-in widget's change
+     * — the value lands in the solve session and is sent to Compute on the next solve.
+     * `forceSolve` requests a solve even in manual-solve mode (system reconciliation).
+     * Lets a slot be an interactive control (a custom picker), not just a display cell.
+     */
+    onValueChange: (value: SupportedTypes, forceSolve?: boolean) => void;
 }
 export type ClientSlot = Snippet<[ClientSlotArgs]>;
 export declare function setClientSlot(slot: ClientSlot | undefined): void;

package/dist/public.js

@@ -7,7 +7,7 @@
 //
 // Scope: the compute-app SDK — everything an external host app needs to embed a
 // Grasshopper-driven app (ComputeApp), drive solves, and wire pre-step
-// producers. Verified against real consumers (parafa, parapet): they import
+// producers. Verified against real external host apps: they import
 // ComputeApp + its types, the solve seam, and external/storage. Nothing else.
 //
 // Deliberately NOT public: design-system primitives (Button, Card, Dialog, …),
@@ -33,7 +33,7 @@ export { default as ErrorScreen } from './components/ErrorScreen.svelte';
 // driver interface). Exported so transports outside this package can satisfy
 // SolveDriver and drive a session. See CONTEXT.md.
 export { createSolveSession, createRequestResponseDriver } from './compute/createSolveSession.svelte';
-// Pre-step producer transit storage (parafa wires producers via these).
+// Pre-step producer transit storage (host apps wire producers via these).
 export * from './external/storage';
 // Schema utilities a ComputeApp host reasonably needs to read/shape values.
 export * from './schema/defaults';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@selvajs/ui",
-  "version": "4.9.0",
+  "version": "4.10.0",
   "description": "Shared UI components and utilities for Selva applications",
   "license": "MIT",
   "publishConfig": {

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

@@ -150,7 +150,8 @@
 			inputId: item.paramId,
 			displayName: label,
 			slotLabel: clientSlotConfig.slotLabel,
-			value
+			value,
+			onValueChange: commit
 		})}
 	{/if}
 {:else if !hideDynamicListWhenEmpty}

package/src/lib/contexts/clientSlotContext.svelte.ts

@@ -1,5 +1,6 @@
 import { getContext, setContext } from 'svelte';
 import type { Snippet } from 'svelte';
+import type { SupportedTypes } from '@selvajs/schemas';
 
 // Carries the host app's slot renderer down to InputControl without threading a
 // prop through every layout layer (ComputeApp → AppLayout → TabLayout →
@@ -7,8 +8,10 @@ import type { Snippet } from 'svelte';
 //
 // An input with source.kind === 'client' and source.client.presentation === 'slot'
 // reserves its cell but renders nothing itself. Instead Selva invokes this snippet
-// so the host can render its own element (e.g. an "Edit JSON" button). Selva never
-// interprets what the host renders; `slotLabel` is passed through untouched.
+// so the host can render its own element (e.g. an "Edit JSON" button, or a custom
+// picker). Selva never interprets what the host renders; `slotLabel` is passed
+// through untouched. The host may COMMIT a value back via `onValueChange`, which
+// flows into the solve exactly like any built-in widget's change.
 
 export interface ClientSlotArgs {
 	/** Grasshopper parameter instance GUID (LayoutItem.paramId / SchemaInput.id). */
@@ -18,6 +21,13 @@ export interface ClientSlotArgs {
 	slotLabel?: string;
 	/** The current value held for this input (e.g. the prefilled JSON), if any. */
 	value: unknown;
+	/**
+	 * Commit a value for this input. Identical channel to a built-in widget's change
+	 * — the value lands in the solve session and is sent to Compute on the next solve.
+	 * `forceSolve` requests a solve even in manual-solve mode (system reconciliation).
+	 * Lets a slot be an interactive control (a custom picker), not just a display cell.
+	 */
+	onValueChange: (value: SupportedTypes, forceSolve?: boolean) => void;
 }
 
 export type ClientSlot = Snippet<[ClientSlotArgs]>;

package/src/lib/public.ts

@@ -7,7 +7,7 @@
 //
 // Scope: the compute-app SDK — everything an external host app needs to embed a
 // Grasshopper-driven app (ComputeApp), drive solves, and wire pre-step
-// producers. Verified against real consumers (parafa, parapet): they import
+// producers. Verified against real external host apps: they import
 // ComputeApp + its types, the solve seam, and external/storage. Nothing else.
 //
 // Deliberately NOT public: design-system primitives (Button, Card, Dialog, …),
@@ -56,10 +56,10 @@ export {
 } from './compute/createSolveSession.svelte';
 
 // Client-slot context type (host apps render their own cell for client-sourced
-// inputs; parafa uses ClientSlotArgs).
+// inputs, and may commit a value back via ClientSlotArgs.onValueChange).
 export type { ClientSlotArgs, ClientSlot } from './contexts/clientSlotContext.svelte';
 
-// Pre-step producer transit storage (parafa wires producers via these).
+// Pre-step producer transit storage (host apps wire producers via these).
 export * from './external/storage';
 
 // Schema utilities a ComputeApp host reasonably needs to read/shape values.