@rippling/rippling-sdk 0.2.0-alpha.36 → 0.2.0-alpha.38

package/lib/manifest/manifest-function.mjs

@@ -2,8 +2,14 @@
  * Defines a serverless function and registers it with the manifest.
  *
  * A `ManifestFunction` packages TypeScript handler code that runs on Rippling's
- * serverless infrastructure. Functions are the backing implementation for
- * {@link SduiPage} surfaces. The handler must export `onRipplingEvent`.
+ * serverless infrastructure. The handler must export `onRipplingEvent`.
+ *
+ * Functions have two primary uses:
+ * 1. **Authoring SDUI for Custom Apps** — the function returns an SDUI spec
+ *    (built with `@rippling/sdui-builder`) that renders as a page tab. Wrap the
+ *    function in an {@link SduiPage} and reference it from an {@link App}.
+ * 2. **Workflow / event handlers** — functions invoked from rules, automations,
+ *    or callbacks that do not render UI.
  *
  * This class is named `ManifestFunction` to avoid collision with the JavaScript
  * built-in `Function`. It is also re-exported as `Function` from the barrel for

package/lib/manifest/manifest-function.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"manifest-function.mjs","sourceRoot":"","sources":["../../src/lib/manifest/manifest-function.ts"],"names":[],"mappings":"AAkEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,MAAM,OAAO,gBAAgB;IAU3B;;;OAGG;IACH,YAAY,KAAoB,EAAE,KAA4B;QAC5D,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC;QAC9B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC;QACxB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC;QAC9B,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,WAAW,IAAI,EAAE,CAAC;QAC5C,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,YAAY,CAAC;QACxC,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC,iBAAiB,CAAC;QAClD,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;YAClB,IAAI,CAAC,kBAAkB,GAAG,EAAE,GAAG,CAAC,IAAI,CAAC,kBAAkB,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;QAC3F,CAAC;QACD,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC;QAC5C,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC;QACvC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC;IAED;;OAEG;IACH,UAAU;QACR,OAAO,IAAI,CAAC,QAAQ,CAAC;IACvB,CAAC;IAED;;;;OAIG;IACH,MAAM;QACJ,MAAM,SAAS,GAAwB;YACrC,IAAI,EAAE,UAAU;YAChB,IAAI,EAAE,IAAI,CAAC,KAAK;YAChB,QAAQ,EAAE,IAAI,CAAC,QAAQ;SACxB,CAAC;QACF,IAAI,IAAI,CAAC,YAAY;YAAE,SAAS,CAAC,aAAa,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC;QACpE,IAAI,IAAI,CAAC,KAAK;YAAE,SAAS,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QACrD,IAAI,IAAI,CAAC,aAAa,IAAI,IAAI;YAAE,SAAS,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC;QAC/E,IAAI,IAAI,CAAC,kBAAkB,IAAI,IAAI;YAAE,SAAS,CAAC,oBAAoB,CAAC,GAAG,IAAI,CAAC,kBAAkB,CAAC;QAC/F,IAAI,IAAI,CAAC,eAAe,IAAI,IAAI;YAAE,SAAS,CAAC,iBAAiB,CAAC,GAAG,IAAI,CAAC,eAAe,CAAC;QACtF,IAAI,IAAI,CAAC,QAAQ;YAAE,SAAS,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC;QAChD,OAAO,SAAS,CAAC;IACnB,CAAC;CACF"}
+{"version":3,"file":"manifest-function.mjs","sourceRoot":"","sources":["../../src/lib/manifest/manifest-function.ts"],"names":[],"mappings":"AAkEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,MAAM,OAAO,gBAAgB;IAU3B;;;OAGG;IACH,YAAY,KAAoB,EAAE,KAA4B;QAC5D,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC;QAC9B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC;QACxB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC;QAC9B,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,WAAW,IAAI,EAAE,CAAC;QAC5C,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,YAAY,CAAC;QACxC,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC,iBAAiB,CAAC;QAClD,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;YAClB,IAAI,CAAC,kBAAkB,GAAG,EAAE,GAAG,CAAC,IAAI,CAAC,kBAAkB,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;QAC3F,CAAC;QACD,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC;QAC5C,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC;QACvC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC;IAED;;OAEG;IACH,UAAU;QACR,OAAO,IAAI,CAAC,QAAQ,CAAC;IACvB,CAAC;IAED;;;;OAIG;IACH,MAAM;QACJ,MAAM,SAAS,GAAwB;YACrC,IAAI,EAAE,UAAU;YAChB,IAAI,EAAE,IAAI,CAAC,KAAK;YAChB,QAAQ,EAAE,IAAI,CAAC,QAAQ;SACxB,CAAC;QACF,IAAI,IAAI,CAAC,YAAY;YAAE,SAAS,CAAC,aAAa,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC;QACpE,IAAI,IAAI,CAAC,KAAK;YAAE,SAAS,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QACrD,IAAI,IAAI,CAAC,aAAa,IAAI,IAAI;YAAE,SAAS,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC;QAC/E,IAAI,IAAI,CAAC,kBAAkB,IAAI,IAAI;YAAE,SAAS,CAAC,oBAAoB,CAAC,GAAG,IAAI,CAAC,kBAAkB,CAAC;QAC/F,IAAI,IAAI,CAAC,eAAe,IAAI,IAAI;YAAE,SAAS,CAAC,iBAAiB,CAAC,GAAG,IAAI,CAAC,eAAe,CAAC;QACtF,IAAI,IAAI,CAAC,QAAQ;YAAE,SAAS,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC;QAChD,OAAO,SAAS,CAAC;IACnB,CAAC;CACF"}

package/lib/sdui/actions.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"actions.d.mts","sourceRoot":"","sources":["../../src/lib/sdui/actions.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACjC,SAAS,CAAC,EAAE,aAAa,GAAG;QAAE,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAAE,CAAC;IAC7D,OAAO,CAAC,EAAE,aAAa,GAAG;QAAE,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAAE,CAAC;CAC5D;AAED,wBAAgB,GAAG,CAAC,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,GAAG,aAAa,CAE/D;AAED,wBAAgB,IAAI,CAAC,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE;IAAE,KAAK,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,aAAa,CAM5F;AAED,wBAAgB,MAAM,CAAC,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,GAAG,aAAa,CAElE;AAED,wBAAgB,YAAY,CAC1B,UAAU,EAAE,MAAM,EAClB,MAAM,EAAE,MAAM,EACd,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAC7B,aAAa,CAQf;AAED,wBAAgB,GAAG,CAAC,MAAM,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,aAAa,CAEnF;AAED,wBAAgB,MAAM,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,aAAa,CAEtE;AAED,wBAAgB,QAAQ,CAAC,SAAS,SAAoB,GAAG,aAAa,CAErE;AAED,wBAAgB,SAAS,CAAC,OAAO,EAAE,MAAM,GAAG,aAAa,CAExD;AAED,wBAAgB,UAAU,IAAI,aAAa,CAE1C"}
+{"version":3,"file":"actions.d.mts","sourceRoot":"","sources":["../../src/lib/sdui/actions.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACjC,SAAS,CAAC,EAAE,aAAa,GAAG;QAAE,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAAE,CAAC;IAC7D,OAAO,CAAC,EAAE,aAAa,GAAG;QAAE,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAAE,CAAC;CAC5D;AAED,wBAAgB,GAAG,CAAC,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,GAAG,aAAa,CAE/D;AAED,wBAAgB,IAAI,CAAC,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE;IAAE,KAAK,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,aAAa,CAO5F;AAED,wBAAgB,MAAM,CAAC,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,GAAG,aAAa,CAKlE;AAED,wBAAgB,YAAY,CAC1B,UAAU,EAAE,MAAM,EAClB,MAAM,EAAE,MAAM,EACd,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAC7B,aAAa,CAiBf;AAED,wBAAgB,GAAG,CAAC,MAAM,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,aAAa,CAEnF;AAED,wBAAgB,MAAM,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,aAAa,CAEtE;AAED,wBAAgB,QAAQ,CAAC,SAAS,SAAoB,GAAG,aAAa,CAErE;AAED,wBAAgB,SAAS,CAAC,OAAO,EAAE,MAAM,GAAG,aAAa,CAExD;AAED,wBAAgB,UAAU,IAAI,aAAa,CAE1C"}

package/lib/sdui/actions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../../src/lib/sdui/actions.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACjC,SAAS,CAAC,EAAE,aAAa,GAAG;QAAE,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAAE,CAAC;IAC7D,OAAO,CAAC,EAAE,aAAa,GAAG;QAAE,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAAE,CAAC;CAC5D;AAED,wBAAgB,GAAG,CAAC,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,GAAG,aAAa,CAE/D;AAED,wBAAgB,IAAI,CAAC,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE;IAAE,KAAK,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,aAAa,CAM5F;AAED,wBAAgB,MAAM,CAAC,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,GAAG,aAAa,CAElE;AAED,wBAAgB,YAAY,CAC1B,UAAU,EAAE,MAAM,EAClB,MAAM,EAAE,MAAM,EACd,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAC7B,aAAa,CAQf;AAED,wBAAgB,GAAG,CAAC,MAAM,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,aAAa,CAEnF;AAED,wBAAgB,MAAM,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,aAAa,CAEtE;AAED,wBAAgB,QAAQ,CAAC,SAAS,SAAoB,GAAG,aAAa,CAErE;AAED,wBAAgB,SAAS,CAAC,OAAO,EAAE,MAAM,GAAG,aAAa,CAExD;AAED,wBAAgB,UAAU,IAAI,aAAa,CAE1C"}
+{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../../src/lib/sdui/actions.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACjC,SAAS,CAAC,EAAE,aAAa,GAAG;QAAE,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAAE,CAAC;IAC7D,OAAO,CAAC,EAAE,aAAa,GAAG;QAAE,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAAE,CAAC;CAC5D;AAED,wBAAgB,GAAG,CAAC,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,GAAG,aAAa,CAE/D;AAED,wBAAgB,IAAI,CAAC,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE;IAAE,KAAK,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,aAAa,CAO5F;AAED,wBAAgB,MAAM,CAAC,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,GAAG,aAAa,CAKlE;AAED,wBAAgB,YAAY,CAC1B,UAAU,EAAE,MAAM,EAClB,MAAM,EAAE,MAAM,EACd,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAC7B,aAAa,CAiBf;AAED,wBAAgB,GAAG,CAAC,MAAM,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,aAAa,CAEnF;AAED,wBAAgB,MAAM,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,aAAa,CAEtE;AAED,wBAAgB,QAAQ,CAAC,SAAS,SAAoB,GAAG,aAAa,CAErE;AAED,wBAAgB,SAAS,CAAC,OAAO,EAAE,MAAM,GAAG,aAAa,CAExD;AAED,wBAAgB,UAAU,IAAI,aAAa,CAE1C"}

package/lib/sdui/actions.js

@@ -14,25 +14,35 @@ function set(ref, value) {
     return { action: 'setState', params: { statePath: (0, state_1.extractPath)(ref), value } };
 }
 function push(ref, value, opts) {
-    const params = { statePath: (0, state_1.extractPath)(ref), value };
-    if (opts?.clear) {
-        params['clearStatePath'] = (0, state_1.extractPath)(opts.clear);
-    }
+    const params = {
+        statePath: (0, state_1.extractPath)(ref),
+        value,
+        ...(opts?.clear ? { clearStatePath: (0, state_1.extractPath)(opts.clear) } : {}),
+    };
     return { action: 'pushState', params };
 }
 function remove(ref, index) {
-    return { action: 'removeState', params: { statePath: (0, state_1.extractPath)(ref), index } };
+    return {
+        action: 'removeState',
+        params: { statePath: (0, state_1.extractPath)(ref), index },
+    };
 }
 function callFunction(functionId, action, opts) {
     const { responsePath, onSuccess, onError, ...rest } = opts || {};
-    const params = { functionId, action, ...rest };
-    if (responsePath !== undefined)
-        params['responsePath'] = responsePath;
-    const binding = { action: 'triggerFunction', params };
-    if (onSuccess)
-        binding.onSuccess = onSuccess;
-    if (onError)
-        binding.onError = onError;
+    // Spread rest FIRST so explicit functionId/action always win if opts
+    // happens to carry colliding keys.
+    const params = {
+        ...rest,
+        functionId,
+        action,
+        ...(responsePath !== undefined ? { responsePath } : {}),
+    };
+    const binding = {
+        action: 'triggerFunction',
+        params,
+        ...(onSuccess ? { onSuccess: onSuccess } : {}),
+        ...(onError ? { onError: onError } : {}),
+    };
     return binding;
 }
 function nav(config) {

package/lib/sdui/actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"actions.js","sourceRoot":"","sources":["../../src/lib/sdui/actions.ts"],"names":[],"mappings":";;AASA,kBAEC;AAED,oBAMC;AAED,wBAEC;AAED,oCAYC;AAED,kBAEC;AAED,wBAEC;AAED,4BAEC;AAED,8BAEC;AAED,gCAEC;AAzDD,sCAAsC;AAStC,SAAgB,GAAG,CAAC,GAAY,EAAE,KAAc;IAC9C,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,IAAA,mBAAW,EAAC,GAAG,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC;AAChF,CAAC;AAED,SAAgB,IAAI,CAAC,GAAY,EAAE,KAAc,EAAE,IAA0B;IAC3E,MAAM,MAAM,GAA4B,EAAE,SAAS,EAAE,IAAA,mBAAW,EAAC,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC;IAC/E,IAAI,IAAI,EAAE,KAAK,EAAE,CAAC;QAChB,MAAM,CAAC,gBAAgB,CAAC,GAAG,IAAA,mBAAW,EAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACrD,CAAC;IACD,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC;AACzC,CAAC;AAED,SAAgB,MAAM,CAAC,GAAY,EAAE,KAAc;IACjD,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,IAAA,mBAAW,EAAC,GAAG,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC;AACnF,CAAC;AAED,SAAgB,YAAY,CAC1B,UAAkB,EAClB,MAAc,EACd,IAA8B;IAE9B,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,IAAI,IAAI,EAAE,CAAC;IACjE,MAAM,MAAM,GAA4B,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,CAAC;IACxE,IAAI,YAAY,KAAK,SAAS;QAAE,MAAM,CAAC,cAAc,CAAC,GAAG,YAAY,CAAC;IACtE,MAAM,OAAO,GAAkB,EAAE,MAAM,EAAE,iBAAiB,EAAE,MAAM,EAAE,CAAC;IACrE,IAAI,SAAS;QAAE,OAAO,CAAC,SAAS,GAAG,SAA0B,CAAC;IAC9D,IAAI,OAAO;QAAE,OAAO,CAAC,OAAO,GAAG,OAAwB,CAAC;IACxD,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,SAAgB,GAAG,CAAC,MAAgD;IAClE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;AAChD,CAAC;AAED,SAAgB,MAAM,CAAC,OAAe,EAAE,OAAe;IACrD,OAAO,EAAE,MAAM,EAAE,kBAAkB,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,CAAC;AACtE,CAAC;AAED,SAAgB,QAAQ,CAAC,SAAS,GAAG,iBAAiB;IACpD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,EAAE,CAAC;AAC3D,CAAC;AAED,SAAgB,SAAS,CAAC,OAAe;IACvC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,EAAE,CAAC;AACtD,CAAC;AAED,SAAgB,UAAU;IACxB,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC;AAClC,CAAC"}
+{"version":3,"file":"actions.js","sourceRoot":"","sources":["../../src/lib/sdui/actions.ts"],"names":[],"mappings":";;AASA,kBAEC;AAED,oBAOC;AAED,wBAKC;AAED,oCAqBC;AAED,kBAEC;AAED,wBAEC;AAED,4BAEC;AAED,8BAEC;AAED,gCAEC;AAtED,sCAAsC;AAStC,SAAgB,GAAG,CAAC,GAAY,EAAE,KAAc;IAC9C,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,IAAA,mBAAW,EAAC,GAAG,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC;AAChF,CAAC;AAED,SAAgB,IAAI,CAAC,GAAY,EAAE,KAAc,EAAE,IAA0B;IAC3E,MAAM,MAAM,GAA4B;QACtC,SAAS,EAAE,IAAA,mBAAW,EAAC,GAAG,CAAC;QAC3B,KAAK;QACL,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,IAAA,mBAAW,EAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;KACpE,CAAC;IACF,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC;AACzC,CAAC;AAED,SAAgB,MAAM,CAAC,GAAY,EAAE,KAAc;IACjD,OAAO;QACL,MAAM,EAAE,aAAa;QACrB,MAAM,EAAE,EAAE,SAAS,EAAE,IAAA,mBAAW,EAAC,GAAG,CAAC,EAAE,KAAK,EAAE;KAC/C,CAAC;AACJ,CAAC;AAED,SAAgB,YAAY,CAC1B,UAAkB,EAClB,MAAc,EACd,IAA8B;IAE9B,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,IAAI,IAAI,EAAE,CAAC;IACjE,qEAAqE;IACrE,mCAAmC;IACnC,MAAM,MAAM,GAA4B;QACtC,GAAG,IAAI;QACP,UAAU;QACV,MAAM;QACN,GAAG,CAAC,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;KACxD,CAAC;IACF,MAAM,OAAO,GAAkB;QAC7B,MAAM,EAAE,iBAAiB;QACzB,MAAM;QACN,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,SAA0B,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC/D,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,OAAwB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;KAC1D,CAAC;IACF,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,SAAgB,GAAG,CAAC,MAAgD;IAClE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;AAChD,CAAC;AAED,SAAgB,MAAM,CAAC,OAAe,EAAE,OAAe;IACrD,OAAO,EAAE,MAAM,EAAE,kBAAkB,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,CAAC;AACtE,CAAC;AAED,SAAgB,QAAQ,CAAC,SAAS,GAAG,iBAAiB;IACpD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,EAAE,CAAC;AAC3D,CAAC;AAED,SAAgB,SAAS,CAAC,OAAe;IACvC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,EAAE,CAAC;AACtD,CAAC;AAED,SAAgB,UAAU;IACxB,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC;AAClC,CAAC"}

package/lib/sdui/actions.mjs

@@ -3,25 +3,35 @@ export function set(ref, value) {
     return { action: 'setState', params: { statePath: extractPath(ref), value } };
 }
 export function push(ref, value, opts) {
-    const params = { statePath: extractPath(ref), value };
-    if (opts?.clear) {
-        params['clearStatePath'] = extractPath(opts.clear);
-    }
+    const params = {
+        statePath: extractPath(ref),
+        value,
+        ...(opts?.clear ? { clearStatePath: extractPath(opts.clear) } : {}),
+    };
     return { action: 'pushState', params };
 }
 export function remove(ref, index) {
-    return { action: 'removeState', params: { statePath: extractPath(ref), index } };
+    return {
+        action: 'removeState',
+        params: { statePath: extractPath(ref), index },
+    };
 }
 export function callFunction(functionId, action, opts) {
     const { responsePath, onSuccess, onError, ...rest } = opts || {};
-    const params = { functionId, action, ...rest };
-    if (responsePath !== undefined)
-        params['responsePath'] = responsePath;
-    const binding = { action: 'triggerFunction', params };
-    if (onSuccess)
-        binding.onSuccess = onSuccess;
-    if (onError)
-        binding.onError = onError;
+    // Spread rest FIRST so explicit functionId/action always win if opts
+    // happens to carry colliding keys.
+    const params = {
+        ...rest,
+        functionId,
+        action,
+        ...(responsePath !== undefined ? { responsePath } : {}),
+    };
+    const binding = {
+        action: 'triggerFunction',
+        params,
+        ...(onSuccess ? { onSuccess: onSuccess } : {}),
+        ...(onError ? { onError: onError } : {}),
+    };
     return binding;
 }
 export function nav(config) {

package/lib/sdui/actions.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"actions.mjs","sourceRoot":"","sources":["../../src/lib/sdui/actions.ts"],"names":[],"mappings":"OAAO,EAAE,WAAW,EAAE;AAStB,MAAM,UAAU,GAAG,CAAC,GAAY,EAAE,KAAc;IAC9C,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,WAAW,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC;AAChF,CAAC;AAED,MAAM,UAAU,IAAI,CAAC,GAAY,EAAE,KAAc,EAAE,IAA0B;IAC3E,MAAM,MAAM,GAA4B,EAAE,SAAS,EAAE,WAAW,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC;IAC/E,IAAI,IAAI,EAAE,KAAK,EAAE,CAAC;QAChB,MAAM,CAAC,gBAAgB,CAAC,GAAG,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACrD,CAAC;IACD,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC;AACzC,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,GAAY,EAAE,KAAc;IACjD,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,WAAW,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC;AACnF,CAAC;AAED,MAAM,UAAU,YAAY,CAC1B,UAAkB,EAClB,MAAc,EACd,IAA8B;IAE9B,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,IAAI,IAAI,EAAE,CAAC;IACjE,MAAM,MAAM,GAA4B,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,CAAC;IACxE,IAAI,YAAY,KAAK,SAAS;QAAE,MAAM,CAAC,cAAc,CAAC,GAAG,YAAY,CAAC;IACtE,MAAM,OAAO,GAAkB,EAAE,MAAM,EAAE,iBAAiB,EAAE,MAAM,EAAE,CAAC;IACrE,IAAI,SAAS;QAAE,OAAO,CAAC,SAAS,GAAG,SAA0B,CAAC;IAC9D,IAAI,OAAO;QAAE,OAAO,CAAC,OAAO,GAAG,OAAwB,CAAC;IACxD,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,MAAM,UAAU,GAAG,CAAC,MAAgD;IAClE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;AAChD,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,OAAe,EAAE,OAAe;IACrD,OAAO,EAAE,MAAM,EAAE,kBAAkB,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,CAAC;AACtE,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,SAAS,GAAG,iBAAiB;IACpD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,EAAE,CAAC;AAC3D,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,OAAe;IACvC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,EAAE,CAAC;AACtD,CAAC;AAED,MAAM,UAAU,UAAU;IACxB,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC;AAClC,CAAC"}
+{"version":3,"file":"actions.mjs","sourceRoot":"","sources":["../../src/lib/sdui/actions.ts"],"names":[],"mappings":"OAAO,EAAE,WAAW,EAAE;AAStB,MAAM,UAAU,GAAG,CAAC,GAAY,EAAE,KAAc;IAC9C,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,WAAW,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC;AAChF,CAAC;AAED,MAAM,UAAU,IAAI,CAAC,GAAY,EAAE,KAAc,EAAE,IAA0B;IAC3E,MAAM,MAAM,GAA4B;QACtC,SAAS,EAAE,WAAW,CAAC,GAAG,CAAC;QAC3B,KAAK;QACL,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;KACpE,CAAC;IACF,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC;AACzC,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,GAAY,EAAE,KAAc;IACjD,OAAO;QACL,MAAM,EAAE,aAAa;QACrB,MAAM,EAAE,EAAE,SAAS,EAAE,WAAW,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE;KAC/C,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,YAAY,CAC1B,UAAkB,EAClB,MAAc,EACd,IAA8B;IAE9B,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,IAAI,IAAI,EAAE,CAAC;IACjE,qEAAqE;IACrE,mCAAmC;IACnC,MAAM,MAAM,GAA4B;QACtC,GAAG,IAAI;QACP,UAAU;QACV,MAAM;QACN,GAAG,CAAC,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;KACxD,CAAC;IACF,MAAM,OAAO,GAAkB;QAC7B,MAAM,EAAE,iBAAiB;QACzB,MAAM;QACN,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,SAA0B,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC/D,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,OAAwB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;KAC1D,CAAC;IACF,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,MAAM,UAAU,GAAG,CAAC,MAAgD;IAClE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;AAChD,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,OAAe,EAAE,OAAe;IACrD,OAAO,EAAE,MAAM,EAAE,kBAAkB,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,CAAC;AACtE,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,SAAS,GAAG,iBAAiB;IACpD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,EAAE,CAAC;AAC3D,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,OAAe;IACvC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,EAAE,CAAC;AACtD,CAAC;AAED,MAAM,UAAU,UAAU;IACxB,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC;AAClC,CAAC"}

package/lib/sdui/component.d.mts

@@ -1,20 +1,28 @@
 /**
  * component() — creates a stateful component boundary.
  *
- * Provides ctx.useState (scoped local state) and ctx.useEffect (onMount actions).
- * The returned element is automatically wrapped with _LocalStateProvider in the rendered spec.
+ * Provides ctx.localState (scoped local state slot) and ctx.onMount (an
+ * action that fires once when the component mounts on the client). The
+ * runtime handles state setup and mount firing; consumers don't need to
+ * know how the wrapping is implemented.
+ *
+ * NOTE: these are NOT React hooks. The factory runs ONCE at spec-build
+ * time, producing a JSON description of the UI. `localState` returns a
+ * path-builder proxy (not a [value, setter] tuple); `onMount` registers
+ * a JSON action that fires on first client render (not an effect that
+ * re-runs).
  *
  * Usage:
  *   function MembersGrid(props) {
  *     return component((ctx) => {
- *       const local = ctx.useState({ data: [], loading: true })
- *       ctx.useEffect(fetchAction)
- *       return { element: DataGrid({ ... }), refresh: fetchAction }
+ *       const local = ctx.localState({ data: [], loading: true })
+ *       ctx.onMount(fetchAction)
+ *       return { element: DataGrid({ ... }) }
  *     })
  *   }
  */
-import type { SpecNode } from "./components.mjs";
 import type { ActionBinding } from "./actions.mjs";
+import type { SpecNode } from "./components.mjs";
 export declare function _resetIdCounter(): void;
 export interface StateScope {
     /** Read state value: { $state: "/auto_xxx/field" } */
@@ -27,14 +35,23 @@ export interface StateScope {
     readonly $path: string;
 }
 interface ComponentContext {
-    /** Declare scoped local state. Returns a proxy for reading/binding. */
-    useState<T extends Record<string, unknown>>(initial: T): StateScope;
-    /** Register an action to fire on mount (when element becomes visible). */
-    useEffect(action: ActionBinding | ActionBinding[]): void;
+    /**
+     * Declare a scoped local state slot. Returns a path-builder proxy whose
+     * property accesses produce `{ $state: '/path' }` references for reading
+     * and `.$bind` for two-way binding. Not a React hook — runs once when
+     * the factory is invoked, never returns `[value, setter]`.
+     */
+    localState<T extends Record<string, unknown>>(initial: T): StateScope;
+    /**
+     * Register a JSON action to fire once when the component mounts on the
+     * client. Not a React effect — does not re-run, has no dependency
+     * tracking. Pass an `ActionBinding` (e.g. from `set(...)`, `callFunction(...)`)
+     * or an array of them.
+     */
+    onMount(action: ActionBinding | ActionBinding[]): void;
 }
 interface ComponentResult {
     element: SpecNode;
-    [key: string]: any;
 }
 export declare function component(factory: (ctx: ComponentContext) => ComponentResult): ComponentResult;
 export {};

package/lib/sdui/component.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.mts","sourceRoot":"","sources":["../../src/lib/sdui/component.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;OAEI,KAAK,EAAE,QAAQ,EAAE;OACjB,KAAK,EAAE,aAAa,EAAE;AAQ7B,wBAAgB,eAAe,IAAI,IAAI,CAEtC;AAED,MAAM,WAAW,UAAU;IACzB,sDAAsD;IACtD,QAAQ,EAAE,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;IAC5B,sDAAsD;IACtD,QAAQ,CAAC,KAAK,EAAE;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,CAAC;IACvC,sBAAsB;IACtB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB;AAED,UAAU,gBAAgB;IACxB,uEAAuE;IACvE,QAAQ,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC,GAAG,UAAU,CAAC;IACpE,0EAA0E;IAC1E,SAAS,CAAC,MAAM,EAAE,aAAa,GAAG,aAAa,EAAE,GAAG,IAAI,CAAC;CAC1D;AAED,UAAU,eAAe;IACvB,OAAO,EAAE,QAAQ,CAAC;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAkBD,wBAAgB,SAAS,CAAC,OAAO,EAAE,CAAC,GAAG,EAAE,gBAAgB,KAAK,eAAe,GAAG,eAAe,CAuD9F"}
+{"version":3,"file":"component.d.mts","sourceRoot":"","sources":["../../src/lib/sdui/component.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;OAEI,KAAK,EAAE,aAAa,EAAE;OACtB,KAAK,EAAE,QAAQ,EAAE;AAaxB,wBAAgB,eAAe,IAAI,IAAI,CAEtC;AAED,MAAM,WAAW,UAAU;IACzB,sDAAsD;IACtD,QAAQ,EAAE,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;IAC5B,sDAAsD;IACtD,QAAQ,CAAC,KAAK,EAAE;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,CAAC;IACvC,sBAAsB;IACtB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB;AAED,UAAU,gBAAgB;IACxB;;;;;OAKG;IACH,UAAU,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC,GAAG,UAAU,CAAC;IAEtE;;;;;OAKG;IACH,OAAO,CAAC,MAAM,EAAE,aAAa,GAAG,aAAa,EAAE,GAAG,IAAI,CAAC;CACxD;AAED,UAAU,eAAe;IACvB,OAAO,EAAE,QAAQ,CAAC;CACnB;AAkBD,wBAAgB,SAAS,CAAC,OAAO,EAAE,CAAC,GAAG,EAAE,gBAAgB,KAAK,eAAe,GAAG,eAAe,CAwE9F"}

package/lib/sdui/component.d.ts

@@ -1,20 +1,28 @@
 /**
  * component() — creates a stateful component boundary.
  *
- * Provides ctx.useState (scoped local state) and ctx.useEffect (onMount actions).
- * The returned element is automatically wrapped with _LocalStateProvider in the rendered spec.
+ * Provides ctx.localState (scoped local state slot) and ctx.onMount (an
+ * action that fires once when the component mounts on the client). The
+ * runtime handles state setup and mount firing; consumers don't need to
+ * know how the wrapping is implemented.
+ *
+ * NOTE: these are NOT React hooks. The factory runs ONCE at spec-build
+ * time, producing a JSON description of the UI. `localState` returns a
+ * path-builder proxy (not a [value, setter] tuple); `onMount` registers
+ * a JSON action that fires on first client render (not an effect that
+ * re-runs).
  *
  * Usage:
  *   function MembersGrid(props) {
  *     return component((ctx) => {
- *       const local = ctx.useState({ data: [], loading: true })
- *       ctx.useEffect(fetchAction)
- *       return { element: DataGrid({ ... }), refresh: fetchAction }
+ *       const local = ctx.localState({ data: [], loading: true })
+ *       ctx.onMount(fetchAction)
+ *       return { element: DataGrid({ ... }) }
  *     })
  *   }
  */
-import type { SpecNode } from "./components.js";
 import type { ActionBinding } from "./actions.js";
+import type { SpecNode } from "./components.js";
 export declare function _resetIdCounter(): void;
 export interface StateScope {
     /** Read state value: { $state: "/auto_xxx/field" } */
@@ -27,14 +35,23 @@ export interface StateScope {
     readonly $path: string;
 }
 interface ComponentContext {
-    /** Declare scoped local state. Returns a proxy for reading/binding. */
-    useState<T extends Record<string, unknown>>(initial: T): StateScope;
-    /** Register an action to fire on mount (when element becomes visible). */
-    useEffect(action: ActionBinding | ActionBinding[]): void;
+    /**
+     * Declare a scoped local state slot. Returns a path-builder proxy whose
+     * property accesses produce `{ $state: '/path' }` references for reading
+     * and `.$bind` for two-way binding. Not a React hook — runs once when
+     * the factory is invoked, never returns `[value, setter]`.
+     */
+    localState<T extends Record<string, unknown>>(initial: T): StateScope;
+    /**
+     * Register a JSON action to fire once when the component mounts on the
+     * client. Not a React effect — does not re-run, has no dependency
+     * tracking. Pass an `ActionBinding` (e.g. from `set(...)`, `callFunction(...)`)
+     * or an array of them.
+     */
+    onMount(action: ActionBinding | ActionBinding[]): void;
 }
 interface ComponentResult {
     element: SpecNode;
-    [key: string]: any;
 }
 export declare function component(factory: (ctx: ComponentContext) => ComponentResult): ComponentResult;
 export {};

package/lib/sdui/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/lib/sdui/component.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;OAEI,KAAK,EAAE,QAAQ,EAAE;OACjB,KAAK,EAAE,aAAa,EAAE;AAQ7B,wBAAgB,eAAe,IAAI,IAAI,CAEtC;AAED,MAAM,WAAW,UAAU;IACzB,sDAAsD;IACtD,QAAQ,EAAE,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;IAC5B,sDAAsD;IACtD,QAAQ,CAAC,KAAK,EAAE;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,CAAC;IACvC,sBAAsB;IACtB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB;AAED,UAAU,gBAAgB;IACxB,uEAAuE;IACvE,QAAQ,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC,GAAG,UAAU,CAAC;IACpE,0EAA0E;IAC1E,SAAS,CAAC,MAAM,EAAE,aAAa,GAAG,aAAa,EAAE,GAAG,IAAI,CAAC;CAC1D;AAED,UAAU,eAAe;IACvB,OAAO,EAAE,QAAQ,CAAC;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAkBD,wBAAgB,SAAS,CAAC,OAAO,EAAE,CAAC,GAAG,EAAE,gBAAgB,KAAK,eAAe,GAAG,eAAe,CAuD9F"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/lib/sdui/component.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;OAEI,KAAK,EAAE,aAAa,EAAE;OACtB,KAAK,EAAE,QAAQ,EAAE;AAaxB,wBAAgB,eAAe,IAAI,IAAI,CAEtC;AAED,MAAM,WAAW,UAAU;IACzB,sDAAsD;IACtD,QAAQ,EAAE,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;IAC5B,sDAAsD;IACtD,QAAQ,CAAC,KAAK,EAAE;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,CAAC;IACvC,sBAAsB;IACtB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB;AAED,UAAU,gBAAgB;IACxB;;;;;OAKG;IACH,UAAU,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC,GAAG,UAAU,CAAC;IAEtE;;;;;OAKG;IACH,OAAO,CAAC,MAAM,EAAE,aAAa,GAAG,aAAa,EAAE,GAAG,IAAI,CAAC;CACxD;AAED,UAAU,eAAe;IACvB,OAAO,EAAE,QAAQ,CAAC;CACnB;AAkBD,wBAAgB,SAAS,CAAC,OAAO,EAAE,CAAC,GAAG,EAAE,gBAAgB,KAAK,eAAe,GAAG,eAAe,CAwE9F"}

package/lib/sdui/component.js

@@ -2,15 +2,23 @@
 /**
  * component() — creates a stateful component boundary.
  *
- * Provides ctx.useState (scoped local state) and ctx.useEffect (onMount actions).
- * The returned element is automatically wrapped with _LocalStateProvider in the rendered spec.
+ * Provides ctx.localState (scoped local state slot) and ctx.onMount (an
+ * action that fires once when the component mounts on the client). The
+ * runtime handles state setup and mount firing; consumers don't need to
+ * know how the wrapping is implemented.
+ *
+ * NOTE: these are NOT React hooks. The factory runs ONCE at spec-build
+ * time, producing a JSON description of the UI. `localState` returns a
+ * path-builder proxy (not a [value, setter] tuple); `onMount` registers
+ * a JSON action that fires on first client render (not an effect that
+ * re-runs).
  *
  * Usage:
  *   function MembersGrid(props) {
  *     return component((ctx) => {
- *       const local = ctx.useState({ data: [], loading: true })
- *       ctx.useEffect(fetchAction)
- *       return { element: DataGrid({ ... }), refresh: fetchAction }
+ *       const local = ctx.localState({ data: [], loading: true })
+ *       ctx.onMount(fetchAction)
+ *       return { element: DataGrid({ ... }) }
  *     })
  *   }
  */
@@ -18,8 +26,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports._resetIdCounter = _resetIdCounter;
 exports.component = component;
 let _idCounter = 0;
+// Counter-only IDs (no Date.now()) so the same factory body produces the
+// same paths across runs. The counter is monotonic per process; calling
+// `_resetIdCounter()` (tests only) brings it back to 0 so snapshot tests
+// stay stable.
 function generateId() {
-    return `auto_${(++_idCounter).toString(36)}_${Date.now().toString(36)}`;
+    _idCounter += 1;
+    return `auto_${_idCounter.toString(36)}`;
 }
 // Reset counter (for testing)
 function _resetIdCounter() {
@@ -45,51 +58,71 @@ function createScopeProxy(basePath) {
     return new Proxy({}, handler);
 }
 function component(factory) {
-    let localState = null;
-    let mountAction = null;
+    const states = [];
+    const mountActions = [];
     const ctx = {
-        useState(initial) {
+        localState(initial) {
             const path = `/${generateId()}`;
-            localState = { path, initial };
+            states.push({ path, initial });
             return createScopeProxy(path);
         },
-        useEffect(action) {
-            mountAction = action;
+        onMount(action) {
+            mountActions.push(action);
         },
     };
     const result = factory(ctx);
-    // Capture state after factory execution (TS can't track closure mutations)
-    const capturedState = localState;
-    const capturedMount = mountAction;
-    // If no local state and no effects, return as-is
-    if (!capturedState && !capturedMount) {
+    // No state, no effects → return as-is.
+    if (states.length === 0 && mountActions.length === 0) {
         return result;
     }
-    // Wrap element with _LocalStateProvider
-    const providerProps = {};
-    if (capturedState) {
-        providerProps['statePath'] = capturedState.path;
-        providerProps['initialValue'] = capturedState.initial;
+    // Collapse zero/one/many mount actions for the single onMountAction slot
+    // on the innermost wrapper.
+    let combinedMount;
+    if (mountActions.length === 1) {
+        combinedMount = mountActions[0];
     }
-    if (capturedMount) {
-        providerProps['onMountAction'] = capturedMount;
+    else if (mountActions.length > 1) {
+        combinedMount = mountActions.flatMap((a) => (Array.isArray(a) ? a : [a]));
     }
-    const wrapper = {
-        type: '_LocalStateProvider',
-        props: providerProps,
-        children: [result.element],
-    };
-    // Attach the local state to the spec's state tree
-    // The render() function will collect this via a special marker
-    if (capturedState) {
-        wrapper._localStateRegistration = {
-            path: capturedState.path,
-            initial: capturedState.initial,
+    let wrapped = result.element;
+    if (states.length === 0) {
+        // Mount-only: a single state-provider wrapper carries onMountAction.
+        wrapped = {
+            type: '_LocalStateProvider',
+            props: combinedMount ? { onMountAction: combinedMount } : {},
+            children: [wrapped],
         };
     }
+    else {
+        // One state-provider wrapper per localState() call, nested
+        // innermost-first. Mount actions attach to the innermost wrapper so
+        // every state slot is initialized before any action fires.
+        for (let i = states.length - 1; i >= 0; i--) {
+            const state = states[i];
+            if (state) {
+                const isInnermost = i === states.length - 1;
+                const props = {
+                    statePath: state.path,
+                    initialValue: state.initial,
+                    ...(isInnermost && combinedMount ? { onMountAction: combinedMount } : {}),
+                };
+                const wrapper = {
+                    type: '_LocalStateProvider',
+                    props,
+                    children: [wrapped],
+                };
+                // render() picks up this marker to populate spec.state.
+                wrapper._localStateRegistration = {
+                    path: state.path,
+                    initial: state.initial,
+                };
+                wrapped = wrapper;
+            }
+        }
+    }
     return {
         ...result,
-        element: wrapper,
+        element: wrapped,
     };
 }
 //# sourceMappingURL=component.js.map

package/lib/sdui/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../src/lib/sdui/component.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../src/lib/sdui/component.ts"],"names":[],"mappings":"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"}

package/lib/sdui/component.mjs

@@ -1,21 +1,34 @@
 /**
  * component() — creates a stateful component boundary.
  *
- * Provides ctx.useState (scoped local state) and ctx.useEffect (onMount actions).
- * The returned element is automatically wrapped with _LocalStateProvider in the rendered spec.
+ * Provides ctx.localState (scoped local state slot) and ctx.onMount (an
+ * action that fires once when the component mounts on the client). The
+ * runtime handles state setup and mount firing; consumers don't need to
+ * know how the wrapping is implemented.
+ *
+ * NOTE: these are NOT React hooks. The factory runs ONCE at spec-build
+ * time, producing a JSON description of the UI. `localState` returns a
+ * path-builder proxy (not a [value, setter] tuple); `onMount` registers
+ * a JSON action that fires on first client render (not an effect that
+ * re-runs).
  *
  * Usage:
  *   function MembersGrid(props) {
  *     return component((ctx) => {
- *       const local = ctx.useState({ data: [], loading: true })
- *       ctx.useEffect(fetchAction)
- *       return { element: DataGrid({ ... }), refresh: fetchAction }
+ *       const local = ctx.localState({ data: [], loading: true })
+ *       ctx.onMount(fetchAction)
+ *       return { element: DataGrid({ ... }) }
  *     })
  *   }
  */
 let _idCounter = 0;
+// Counter-only IDs (no Date.now()) so the same factory body produces the
+// same paths across runs. The counter is monotonic per process; calling
+// `_resetIdCounter()` (tests only) brings it back to 0 so snapshot tests
+// stay stable.
 function generateId() {
-    return `auto_${(++_idCounter).toString(36)}_${Date.now().toString(36)}`;
+    _idCounter += 1;
+    return `auto_${_idCounter.toString(36)}`;
 }
 // Reset counter (for testing)
 export function _resetIdCounter() {
@@ -41,51 +54,71 @@ function createScopeProxy(basePath) {
     return new Proxy({}, handler);
 }
 export function component(factory) {
-    let localState = null;
-    let mountAction = null;
+    const states = [];
+    const mountActions = [];
     const ctx = {
-        useState(initial) {
+        localState(initial) {
             const path = `/${generateId()}`;
-            localState = { path, initial };
+            states.push({ path, initial });
             return createScopeProxy(path);
         },
-        useEffect(action) {
-            mountAction = action;
+        onMount(action) {
+            mountActions.push(action);
         },
     };
     const result = factory(ctx);
-    // Capture state after factory execution (TS can't track closure mutations)
-    const capturedState = localState;
-    const capturedMount = mountAction;
-    // If no local state and no effects, return as-is
-    if (!capturedState && !capturedMount) {
+    // No state, no effects → return as-is.
+    if (states.length === 0 && mountActions.length === 0) {
         return result;
     }
-    // Wrap element with _LocalStateProvider
-    const providerProps = {};
-    if (capturedState) {
-        providerProps['statePath'] = capturedState.path;
-        providerProps['initialValue'] = capturedState.initial;
+    // Collapse zero/one/many mount actions for the single onMountAction slot
+    // on the innermost wrapper.
+    let combinedMount;
+    if (mountActions.length === 1) {
+        combinedMount = mountActions[0];
     }
-    if (capturedMount) {
-        providerProps['onMountAction'] = capturedMount;
+    else if (mountActions.length > 1) {
+        combinedMount = mountActions.flatMap((a) => (Array.isArray(a) ? a : [a]));
     }
-    const wrapper = {
-        type: '_LocalStateProvider',
-        props: providerProps,
-        children: [result.element],
-    };
-    // Attach the local state to the spec's state tree
-    // The render() function will collect this via a special marker
-    if (capturedState) {
-        wrapper._localStateRegistration = {
-            path: capturedState.path,
-            initial: capturedState.initial,
+    let wrapped = result.element;
+    if (states.length === 0) {
+        // Mount-only: a single state-provider wrapper carries onMountAction.
+        wrapped = {
+            type: '_LocalStateProvider',
+            props: combinedMount ? { onMountAction: combinedMount } : {},
+            children: [wrapped],
         };
     }
+    else {
+        // One state-provider wrapper per localState() call, nested
+        // innermost-first. Mount actions attach to the innermost wrapper so
+        // every state slot is initialized before any action fires.
+        for (let i = states.length - 1; i >= 0; i--) {
+            const state = states[i];
+            if (state) {
+                const isInnermost = i === states.length - 1;
+                const props = {
+                    statePath: state.path,
+                    initialValue: state.initial,
+                    ...(isInnermost && combinedMount ? { onMountAction: combinedMount } : {}),
+                };
+                const wrapper = {
+                    type: '_LocalStateProvider',
+                    props,
+                    children: [wrapped],
+                };
+                // render() picks up this marker to populate spec.state.
+                wrapper._localStateRegistration = {
+                    path: state.path,
+                    initial: state.initial,
+                };
+                wrapped = wrapper;
+            }
+        }
+    }
     return {
         ...result,
-        element: wrapper,
+        element: wrapped,
     };
 }
 //# sourceMappingURL=component.mjs.map