@nodegx/mcp 0.1.0 → 0.2.1

package/dist/kit-extract.cjs

@@ -13726,10 +13726,98 @@ var require_editorconnection = __commonJS({
   }
 });
 
+// ../nodegx-project-contract/typecasts.ts
+var TYPECASTS;
+var init_typecasts = __esm({
+  "../nodegx-project-contract/typecasts.ts"() {
+    "use strict";
+    TYPECASTS = [
+      {
+        from: "string",
+        to: ["number", "boolean", "image", "color", "enum", "textStyle", "dimension", "array", "object"]
+      },
+      {
+        from: "boolean",
+        to: ["number", "string", "signal"]
+      },
+      {
+        from: "number",
+        to: ["boolean", "string", "dimension"]
+      },
+      {
+        from: "date",
+        to: ["string"]
+      },
+      {
+        from: "signal",
+        to: ["boolean", "number"]
+      },
+      {
+        from: "image",
+        to: []
+      },
+      {
+        from: "cloudfile",
+        to: ["string", "image"]
+      },
+      {
+        // The resolved color string (context.styles.resolveColor already
+        // produces it), so a Color variable can feed anything that takes text.
+        from: "color",
+        to: ["string"]
+      },
+      {
+        // P88 GAM-023 ruling (Richard, 2026-09-17): an enum is a string. An enum value is
+        // already the option's string, so a dropdown's value wired into a text port (or a
+        // component output typed string) arrives as it is. Only `string`: an enum into
+        // `number` still has nothing to convert it.
+        from: "enum",
+        to: ["string"]
+      },
+      {
+        // PORT-TYPE-CONTRACT.md: declaring `object` must not strand the port.
+        // The string form is JSON — the conversion lives in
+        // Node.setInputValue, which mirrors the existing string -> object
+        // parse on the way out.
+        from: "object",
+        to: ["string"]
+      },
+      {
+        from: "domelement",
+        to: []
+      },
+      {
+        from: "reference",
+        to: []
+      },
+      {
+        from: "font",
+        to: []
+      },
+      {
+        from: "textStyle",
+        to: ["string"]
+      },
+      {
+        // Collection is deprecated but supported via typecasts
+        from: "collection",
+        to: ["array"]
+      },
+      {
+        // R21 (2026-10-11): `optionslist` — a Dropdown's Items has been an `optionslist` since 2026-09-05, and a list
+        // wired into it is what it holds (the Dropdown reads it as its options).
+        from: "array",
+        to: ["collection", "string", "optionslist"]
+      }
+    ];
+  }
+});
+
 // ../noodl-runtime/src/nodelibraryexport.ts
 var require_nodelibraryexport = __commonJS({
   "../noodl-runtime/src/nodelibraryexport.ts"(exports2, module2) {
     "use strict";
+    init_typecasts();
     function formatDynamicPorts(nodeMetadata) {
       const dynamicports = [];
       for (const dp of nodeMetadata.dynamicports) {
@@ -13801,84 +13889,9 @@ var require_nodelibraryexport = __commonJS({
     function generateNodeLibrary2(nodeRegister, options) {
       const isCloud = options?.runtimeType === "cloud";
       const obj = {
-        //note: needs to include ALL types
-        typecasts: [
-          {
-            from: "string",
-            to: ["number", "boolean", "image", "color", "enum", "textStyle", "dimension", "array", "object"]
-          },
-          {
-            from: "boolean",
-            to: ["number", "string", "signal"]
-          },
-          {
-            from: "number",
-            to: ["boolean", "string", "dimension"]
-          },
-          {
-            from: "date",
-            to: ["string"]
-          },
-          {
-            from: "signal",
-            to: ["boolean", "number"]
-          },
-          {
-            from: "image",
-            to: []
-          },
-          {
-            from: "cloudfile",
-            to: ["string", "image"]
-          },
-          {
-            // The resolved color string (context.styles.resolveColor already
-            // produces it), so a Color variable can feed anything that takes text.
-            from: "color",
-            to: ["string"]
-          },
-          {
-            // P88 GAM-023 ruling (Richard, 2026-09-17): an enum is a string. An enum value is
-            // already the option's string, so a dropdown's value wired into a text port (or a
-            // component output typed string) arrives as it is. Only `string`: an enum into
-            // `number` still has nothing to convert it.
-            from: "enum",
-            to: ["string"]
-          },
-          {
-            // PORT-TYPE-CONTRACT.md: declaring `object` must not strand the port.
-            // The string form is JSON — the conversion lives in
-            // Node.setInputValue, which mirrors the existing string -> object
-            // parse on the way out.
-            from: "object",
-            to: ["string"]
-          },
-          {
-            from: "domelement",
-            to: []
-          },
-          {
-            from: "reference",
-            to: []
-          },
-          {
-            from: "font",
-            to: []
-          },
-          {
-            from: "textStyle",
-            to: ["string"]
-          },
-          {
-            // Collection is deprecated but supported via typecasts
-            from: "collection",
-            to: ["array"]
-          },
-          {
-            from: "array",
-            to: ["collection", "string"]
-          }
-        ],
+        // P107 NSP-021 (s88): the one table, `@nodegx/project-contract/typecasts` — the editor's canvas, Ports tab and
+        // validator read the same rows. A copy, so nothing here can change the shared one.
+        typecasts: TYPECASTS.map((cast) => ({ from: cast.from, to: [...cast.to] })),
         dynamicports: [
           {
             type: "conditionalports",
@@ -14012,6 +14025,9 @@ var require_nodelibraryexport = __commonJS({
         if (nodeMetadata.deprecated) {
           nodeObj.deprecated = true;
         }
+        if (typeof nodeMetadata.replacedBy === "string") {
+          nodeObj.replacedBy = nodeMetadata.replacedBy;
+        }
         if (nodeMetadata.haveComponentPorts) {
           nodeObj.haveComponentPorts = true;
         }
@@ -15614,6 +15630,7 @@ var require_nodedefinition = __commonJS({
         name: opts.name,
         displayNodeName: opts.displayNodeName || opts.displayName,
         deprecated: opts.deprecated,
+        replacedBy: opts.replacedBy,
         haveComponentPorts: opts.haveComponentPorts,
         // P77 SBR-008 §9 — ports under this prefix are declared by the author's wires. Carried
         // through to the editor so it stops calling such a wire broken before the runtime has
@@ -17021,6 +17038,7 @@ var require_restnode = __commonJS({
       // would strand the one capability that has no mechanical conversion. The conversion path
       // belongs to LIB-006.
       deprecated: true,
+      replacedBy: "net.noodl.HTTP",
       category: "Data",
       color: "data",
       searchTags: ["http", "request", "fetch"],
@@ -20228,7 +20246,7 @@ var require_simplejavascript = __commonJS({
         function _managePortsForNode(node) {
           function _updatePorts() {
             const ports = [];
-            const _outputTypeEnums = inputTypeEnums.concat([
+            const _outputTypeEnums = [{ value: "*", label: "Any" }].concat(inputTypeEnums, [
               {
                 value: "signal",
                 label: "Signal"
@@ -20247,7 +20265,7 @@ var require_simplejavascript = __commonJS({
                     enums: _outputTypeEnums,
                     allowEditOnly: true
                   },
-                  default: "string",
+                  default: "*",
                   parent: "scriptOutputs",
                   parentItemId: p.id
                 });
@@ -23061,7 +23079,7 @@ function recordFilterBackendType(ctx, fallback) {
 var PARSE_PORT_TYPES, PARSE_SYSTEM_CLASSES;
 var init_record_ports = __esm({
   "../noodl-runtime/src/nodes/std-library/data/record-ports.ts"() {
-    init_resolveBackend();
+    init_resolveBackend_pure();
     init_schema_ports();
     PARSE_PORT_TYPES = Object.freeze({
       String: "string",
@@ -25300,6 +25318,7 @@ async function planDelete(ctx, collection, objectId) {
 async function deleteKeepingLinks(ctx, collection, objectId, acl) {
   const plan = await planDelete(ctx, collection, objectId);
   if (plan && plan.blocked.length) throw new StillLinked(collection, objectId, plan.blocked);
+  if (plan && ctx.held) await ctx.held(plan);
   await ctx.delete(collection, objectId, acl);
   if (!plan) return null;
   for (const u of plan.unlinked) await ctx.save(u.collection, u.objectId, { [u.field]: null });
@@ -25403,6 +25422,9 @@ async function dryRunMigration(ctx, plan) {
         }
         const over = Array.from(seen.values()).filter((n) => n > 1).reduce((a, n) => a + n, 0);
         if (over > 0) dry.refusals.push({ says: c.says, rows: over });
+      } else if (c.refuse === "empty") {
+        const empty = (await allRows(ctx, c.collection)).filter((r) => r[c.field] === void 0 || r[c.field] === null).length;
+        if (empty > 0) dry.refusals.push({ says: c.says, rows: empty });
       } else if (c.refuse === "more-than-one") {
         const seen = /* @__PURE__ */ new Map();
         for (const row of await allRows(ctx, c.record)) {
@@ -25425,6 +25447,14 @@ async function dryRunMigration(ctx, plan) {
     }
   }
   for (const s of plan.steps) {
+    if ("schema" in s && s.schema.action === "setSeries") {
+      const put = Object.entries(s.schema.columns).filter(([, series]) => series !== null);
+      if (put.length) {
+        const rows = await allRows(ctx, s.schema.table);
+        for (const [field] of put) dry.moves.push({ says: s.says, rows: rows.filter((r) => isEmpty(r[field])).length });
+      }
+      continue;
+    }
     if (!("move" in s)) continue;
     if ("linkToRecord" in s.move) {
       const m = s.move.linkToRecord;
@@ -25462,6 +25492,14 @@ function applySchema(ctx, body) {
       if (typeof sm.setWhenTargetGoes !== "function") throw new Error("the schema surface cannot say what happens to a link when its record goes");
       sm.setWhenTargetGoes(body.table, body.columns);
       return;
+    case "setSeries":
+      if (typeof sm.setSeries !== "function") throw new Error("the schema surface cannot hand out numbers");
+      sm.setSeries(body.table, body.columns);
+      return;
+    case "setRequired":
+      if (typeof sm.setRequired !== "function") throw new Error("the schema surface cannot make a field required or optional");
+      sm.setRequired(body.table, body.columns);
+      return;
     case "setChecks":
       if (typeof sm.reconcileChecks !== "function") throw new Error("the schema surface has no reconcileChecks");
       sm.reconcileChecks(body.table, body.checks);
@@ -25560,6 +25598,12 @@ function migrationPlanProblems(plan) {
       const r = s.rules;
       if (!isObject(r) || !isWords(r.collection)) out.push(`${at}: the rules name their collection`);
       else if (r.onlyWhile !== null && !isObject(r.onlyWhile)) out.push(`${at}: the rules are { update?, delete? }, or null for none`);
+      for (const key of ["fields", "wasFields"]) {
+        const f = isObject(r) ? r[key] : void 0;
+        if (f === void 0 || f === null) continue;
+        if (!isObject(f) || Object.values(f).some((rule) => !isObject(rule) || rule.read !== "nobody"))
+          out.push(`${at}: the ${key === "fields" ? "" : "earlier "}field rules are { <field>: { "read": "nobody" } }, or null for none`);
+      }
     }
     if ("backup" in s && s.backup !== true) out.push(`${at}: a backup step is { backup: true }`);
     if ("schema" in s) {
@@ -25569,6 +25613,12 @@ function migrationPlanProblems(plan) {
       else if (b.action === "createTable" || b.action === "addColumn") {
         const cols = b.action === "createTable" ? b.columns : [b.column];
         if (Array.isArray(cols)) for (const p of whenTargetGoesProblems(String(b.table), cols.filter(isObject))) out.push(`${at}: ${p}`);
+      } else if (b.action === "setSeries") {
+        if (!isObject(b.columns) || Object.values(b.columns).some((v) => v !== null && (!isObject(v) || !isWords(v.format))))
+          out.push(`${at}: a series change is { columns: { <field>: { format, restart?, gapFree? } or null } }`);
+      } else if (b.action === "setRequired") {
+        if (!isObject(b.columns) || !Object.keys(b.columns).length || Object.values(b.columns).some((v) => typeof v !== "boolean"))
+          out.push(`${at}: a required change is { columns: { <field>: true (required) or false (optional) } }`);
       }
     }
     if ("move" in s) {
@@ -25656,13 +25706,15 @@ var init_migration = __esm({
       "renameColumn",
       "describeTable",
       "setWhenTargetGoes",
+      "setSeries",
+      "setRequired",
       "setChecks",
       "setIndexes",
       "dropColumn",
       "deleteTable"
     ];
     MOVES = ["linkToRecord", "recordToLink", "fieldAcross"];
-    REFUSALS = ["more-than-one", "none", "rows", "outside-list", "duplicates"];
+    REFUSALS = ["more-than-one", "none", "rows", "outside-list", "duplicates", "empty"];
     LOSSES = ["values", "rows"];
     isObject = (v) => !!v && typeof v === "object" && !Array.isArray(v);
     isWords = (v) => typeof v === "string" && v.trim() !== "";
@@ -26328,8 +26380,9 @@ var init_ParseWireAdapter = __esm({
             });
             options.success(res);
           },
-          error: function() {
-            options.error();
+          // P107-S99-AGGWORDS: the server's words, as `query` passes them since HLT-023.
+          error: function(res) {
+            options.error(res && res.error);
           }
         });
       }
@@ -26342,8 +26395,9 @@ var init_ParseWireAdapter = __esm({
           success: function(response) {
             options.success(response.count);
           },
-          error: function() {
-            options.error();
+          // P107-S99-AGGWORDS: the server's words, as `query` passes them since HLT-023.
+          error: function(res) {
+            options.error(res && res.error);
           }
         });
       }
@@ -26355,8 +26409,9 @@ var init_ParseWireAdapter = __esm({
           success: function(response) {
             options.success(response.results);
           },
-          error: function() {
-            options.error();
+          // P107-S99-AGGWORDS: the server's words, as `query` passes them since HLT-023.
+          error: function(res) {
+            options.error(res && res.error);
           }
         });
       }
@@ -37490,8 +37545,12 @@ var require_variablenode2 = __commonJS({
           group: "General",
           getter: function() {
             const internal2 = this._internal;
-            if (!internal2.name) return;
-            return internal2.variablesModel.get(internal2.name);
+            if (internal2.name) return internal2.variablesModel.get(internal2.name);
+            const name2 = this.model?.parameters?.name;
+            if (!name2 || typeof name2 !== "string") return;
+            const value2 = internal2.variablesModel.get(name2);
+            internal2.seeded = { name: name2, value: value2 };
+            return value2;
           }
         }
       },
@@ -37558,9 +37617,11 @@ var require_variablenode2 = __commonJS({
           });
         },
         setVariableName: function(name2) {
+          const seeded = this._internal.seeded;
+          this._internal.seeded = void 0;
           this._internal.name = name2;
           this.flagOutputDirty("name");
-          this.flagOutputDirty("value");
+          if (!seeded || seeded.name !== name2 || this._internal.variablesModel.get(name2) !== seeded.value) this.flagOutputDirty("value");
           this.sendSignalOnOutput("fetched");
         },
         _onNodeDeleted: function() {
@@ -39867,6 +39928,11 @@ var require_counter = __commonJS({
   "../noodl-runtime/src/nodes/std-library/counter.ts"(exports2, module2) {
     "use strict";
     init_outcome();
+    var MIN_ABOVE_MAX = "counter/min-above-max";
+    function checkLimits(node) {
+      const { limitsMin: min, limitsMax: max } = node._internal;
+      node.setDiagnostic(MIN_ABOVE_MAX, min > max ? `Min Value ${min} is above Max Value ${max}. With Limits Enabled on, the count gets stuck.` : null);
+    }
     var CounterNode = {
       name: "Counter",
       docs: "https://docs.noodl.net/nodes/math/counter",
@@ -39942,7 +40008,8 @@ var require_counter = __commonJS({
             if (this._internal.startValueSet === false) {
               this._internal.startValueSet = true;
               this._internal.currentValue = this._internal.startValue;
-              this.flagOutputDirty("currentCount");
+              if (this._internal.seededCount !== this._internal.currentValue) this.flagOutputDirty("currentCount");
+              this._internal.seededCount = void 0;
               this.sendSignalOnOutput("countChanged");
             }
           }
@@ -39957,6 +40024,7 @@ var require_counter = __commonJS({
           default: 0,
           set: function(value2) {
             this._internal.limitsMin = Number(value2);
+            checkLimits(this);
           }
         },
         limitsMax: {
@@ -39969,6 +40037,7 @@ var require_counter = __commonJS({
           default: 0,
           set: function(value2) {
             this._internal.limitsMax = Number(value2);
+            checkLimits(this);
           }
         },
         limitsEnabled: {
@@ -39991,6 +40060,13 @@ var require_counter = __commonJS({
           type: "number",
           description: "The count as it stands",
           getter: function() {
+            if (this._internal.startValueSet === false) {
+              const start = this.model?.parameters?.startValue;
+              if (start !== void 0 && start !== null && start !== "" && !isNaN(Number(start))) {
+                this._internal.seededCount = Number(start);
+                return Number(start);
+              }
+            }
             return this._internal.currentValue;
           }
         },
@@ -43482,7 +43558,7 @@ function parseXML(text2, options = {}) {
     return {
       error: {
         code: "xml/too-large",
-        message: `This XML is ${Math.round(text2.length / 1024)} KB, over the ${Math.round(maxBytes / 1024)} KB limit. Raise Max Bytes on the node if the source really is this big`
+        message: `This XML is ${Math.round(text2.length / 1024)} K characters, over the ${Math.round(maxBytes / 1024)} K limit. Raise Max Characters on the node if the source really is this big`
       }
     };
   }
@@ -43602,10 +43678,10 @@ var require_parsexml = __commonJS({
         },
         maxBytes: {
           type: "number",
-          displayName: "Max Bytes",
+          displayName: "Max Characters",
           group: "General",
           default: DEFAULT_MAX_BYTES,
-          description: "Refuse a document larger than this, before parsing it. A big document costs many times its own size in memory once it is an object, and a server can always send more than you expected",
+          description: "Refuse a document longer than this many characters (not bytes), before parsing it. A big document costs many times its own size in memory once it is an object, and a server can always send more than you expected",
           set: function(value2) {
             const n = Number(value2);
             this._internal.maxBytes = isFinite(n) && n > 0 ? n : DEFAULT_MAX_BYTES;
@@ -43981,10 +44057,10 @@ var require_parsefeed = __commonJS({
         },
         maxBytes: {
           type: "number",
-          displayName: "Max Bytes",
+          displayName: "Max Characters",
           group: "General",
           default: DEFAULT_MAX_BYTES,
-          description: "Refuse a document larger than this, before parsing it. Raise it for a source that really does publish its whole archive in one file",
+          description: "Refuse a document longer than this many characters (not bytes), before parsing it. Raise it for a source that really does publish its whole archive in one file",
           set: function(value2) {
             const n = Number(value2);
             this._internal.maxBytes = isFinite(n) && n > 0 ? n : DEFAULT_MAX_BYTES;
@@ -44699,12 +44775,11 @@ function userBackendPickerPorts(ctx) {
 function userPropertyPorts(ctx, options) {
   const ports = [];
   if (!ctx.selectedCollection) return ports;
-  const parseWire = isParseWireContext(ctx);
   for (const field of ctx.selectedCollection.fields || []) {
     if (!field || !field.name) continue;
     if (options.ignore.indexOf(field.name) !== -1) continue;
     if (isRelationField(field)) continue;
-    if (!parseWire && !shouldShowField(field)) continue;
+    if (!shouldShowField(field)) continue;
     ports.push({
       name: "prop-" + field.name,
       displayName: field.displayName || field.name,
@@ -59482,7 +59557,7 @@ var init_node_shared_port_definitions = __esm({
 var require_react_dom_production = __commonJS({
   "../../../../OpenNoodl/node_modules/react-dom/cjs/react-dom.production.js"(exports2) {
     "use strict";
-    var React32 = require_react();
+    var React33 = require_react();
     function formatProdErrorMessage(code) {
       var url = "https://react.dev/errors/" + code;
       if (1 < arguments.length) {
@@ -59522,7 +59597,7 @@ var require_react_dom_production = __commonJS({
         implementation
       };
     }
-    var ReactSharedInternals = React32.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+    var ReactSharedInternals = React33.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
     function getCrossOriginStringAs(as, input2) {
       if ("font" === as) return "";
       if ("string" === typeof input2)
@@ -59676,7 +59751,7 @@ var require_react_dom_development = __commonJS({
         return dispatcher;
       }
       "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-      var React32 = require_react(), Internals = {
+      var React33 = require_react(), Internals = {
         d: {
           f: noop2,
           r: function() {
@@ -59694,7 +59769,7 @@ var require_react_dom_development = __commonJS({
         },
         p: 0,
         findDOMNode: null
-      }, REACT_PORTAL_TYPE = Symbol.for("react.portal"), ReactSharedInternals = React32.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+      }, REACT_PORTAL_TYPE = Symbol.for("react.portal"), ReactSharedInternals = React33.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
       "function" === typeof Map && null != Map.prototype && "function" === typeof Map.prototype.forEach && "function" === typeof Set && null != Set.prototype && "function" === typeof Set.prototype.clear && "function" === typeof Set.prototype.forEach || console.error(
         "React depends on Map and Set built-in types. Make sure that you load a polyfill in older browsers. https://reactjs.org/link/react-polyfills"
       );
@@ -59897,6 +59972,48 @@ var require_react_dom = __commonJS({
   }
 });
 
+// ../noodl-viewer-react/src/kit-node-boundary.ts
+function kitNodeFailedMessage(nodeName, error) {
+  const reason = error instanceof Error ? error.message : String(error);
+  return `The kit node "${nodeName}" failed while drawing and shows nothing: ${reason}`;
+}
+function nodeFailedMessage(nodeName, error) {
+  const reason = error instanceof Error ? error.message : String(error);
+  return `The node "${nodeName}" failed while drawing and shows nothing; the rest of the page keeps drawing: ${reason}`;
+}
+function withNodeBoundary(node, element) {
+  return import_react3.default.createElement(KitNodeBoundary, { node, code: NODE_FAILED, describe: nodeFailedMessage }, element);
+}
+var import_react3, KIT_NODE_FAILED, NODE_FAILED, KitNodeBoundary, BOUNDED;
+var init_kit_node_boundary = __esm({
+  "../noodl-viewer-react/src/kit-node-boundary.ts"() {
+    import_react3 = __toESM(require_react());
+    KIT_NODE_FAILED = "kit-node/render-failed";
+    NODE_FAILED = "node/render-failed";
+    KitNodeBoundary = class extends import_react3.default.Component {
+      constructor() {
+        super(...arguments);
+        this.state = { failed: false };
+      }
+      static getDerivedStateFromError() {
+        return { failed: true };
+      }
+      componentDidCatch(error) {
+        const { node, code = KIT_NODE_FAILED, describe: describe2 = kitNodeFailedMessage } = this.props;
+        const message = describe2(node.name ?? "unknown", error);
+        try {
+          node.raiseRuntimeError && node.raiseRuntimeError(code, message, { error: String(error) });
+        } catch (e) {
+        }
+      }
+      render() {
+        return this.state.failed ? null : this.props.children;
+      }
+    };
+    BOUNDED = Symbol("kit-node-boundary");
+  }
+});
+
 // ../noodl-viewer-react/src/components/visual/Icon/iconSourceProblem.ts
 function iconSourceProblem(value2, displayName = "This icon input") {
   if (value2 === void 0 || value2 === null) return null;
@@ -60903,6 +61020,7 @@ function createNodeFromReactComponent(def2) {
     displayNodeName: def2.displayNodeName || def2.displayName,
     category: "Visual",
     deprecated: def2.deprecated,
+    replacedBy: def2.replacedBy,
     ssr: def2.ssr,
     allowChildren: def2.allowChildren === void 0 ? true : def2.allowChildren,
     //default to true
@@ -61371,7 +61489,7 @@ function createNodeFromReactComponent(def2) {
         if (!this.wantsToBeMounted) {
           return;
         }
-        return import_react3.default.createElement(NoodlReactComponent, {
+        return import_react4.default.createElement(NoodlReactComponent, {
           key: this.reactKey,
           noodlNode: this,
           ref: (ref) => {
@@ -61760,7 +61878,7 @@ function createNodeFromReactComponent(def2) {
       index: 9999,
       type: "boolean",
       group: "General",
-      description: "Removes the element from the page entirely when false, unlike Visible which leaves its space behind",
+      description: "Removes the element from the page entirely when false, unlike Visible which leaves its space behind. Wired, it counts as true until the first value arrives, so set it to false here to start hidden (a lock, a private screen)",
       default: true,
       set(value2) {
         value2 = value2 ? true : false;
@@ -61924,12 +62042,13 @@ function createNodeFromReactComponent(def2) {
 function isObject4(item) {
   return item && typeof item === "object" && !Array.isArray(item);
 }
-var import_react3, import_react_dom, ICON_SOURCE_DIAGNOSTIC, DATA_ATTRIBUTE_NAME_PATTERN, DATA_ATTRIBUTE_NAME, DATA_ATTRIBUTES_PARAMETER, DATA_ATTRIBUTES_RULE, SCROLL_ALIGNMENTS, NoodlReactComponent, reactKeyCounter;
+var import_react4, import_react_dom, ICON_SOURCE_DIAGNOSTIC, DATA_ATTRIBUTE_NAME_PATTERN, DATA_ATTRIBUTE_NAME, DATA_ATTRIBUTES_PARAMETER, DATA_ATTRIBUTES_RULE, SCROLL_ALIGNMENTS, NoodlReactComponent, reactKeyCounter;
 var init_react_component_node = __esm({
   "../noodl-viewer-react/src/react-component-node.ts"() {
     "use strict";
-    import_react3 = __toESM(require_react());
+    import_react4 = __toESM(require_react());
     import_react_dom = __toESM(require_react_dom());
+    init_kit_node_boundary();
     init_iconSourceProblem();
     init_dom_boundingbox_oberver();
     init_drag_drop();
@@ -61961,7 +62080,7 @@ var init_react_component_node = __esm({
       }
     };
     SCROLL_ALIGNMENTS = ["nearest", "start", "center", "end"];
-    NoodlReactComponent = class extends import_react3.default.Component {
+    NoodlReactComponent = class extends import_react4.default.Component {
       componentDidMount() {
         const node = this.props.noodlNode;
         if (node._pendingScrollIntoView && node.getDOMElement()) {
@@ -62036,7 +62155,7 @@ var init_react_component_node = __esm({
           layout_default.size(finalStyle, props);
           layout_default.align(finalStyle, props);
         }
-        return import_react3.default.createElement(noodlNode.reactComponent, props, noodlNode.renderChildren());
+        return withNodeBoundary(noodlNode, import_react4.default.createElement(noodlNode.reactComponent, props, noodlNode.renderChildren()));
       }
     };
     reactKeyCounter = 0;
@@ -62179,11 +62298,11 @@ var init_labelText = __esm({
 
 // ../noodl-viewer-react/src/components/controls/Checkbox/Checkbox.tsx
 function Checkbox(props) {
-  const [checked, setChecked] = (0, import_react4.useState)(props.checked);
-  (0, import_react4.useEffect)(() => {
+  const [checked, setChecked] = (0, import_react5.useState)(props.checked);
+  (0, import_react5.useEffect)(() => {
     setChecked(!!props.checked);
   }, []);
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     setChecked(!!props.checked);
   }, [props.checked, props.checkedWrites]);
   const style2 = { ...props.style };
@@ -62215,7 +62334,7 @@ function Checkbox(props) {
   function _renderIcon() {
     if (!checked) return null;
     if (props.iconSourceType === "image" && props.iconImageSource !== void 0)
-      return /* @__PURE__ */ import_react4.default.createElement(
+      return /* @__PURE__ */ import_react5.default.createElement(
         "img",
         {
           alt: "",
@@ -62233,7 +62352,7 @@ function Checkbox(props) {
         color: props.iconColor,
         position: "absolute"
       };
-      return /* @__PURE__ */ import_react4.default.createElement(IconGlyph, { source: props.iconIconSource, style: style3 });
+      return /* @__PURE__ */ import_react5.default.createElement(IconGlyph, { source: props.iconIconSource, style: style3 });
     }
     return null;
   }
@@ -62241,7 +62360,7 @@ function Checkbox(props) {
     if (!checked) return null;
     if (props.iconSourceType === "image" && props.iconImageSource !== void 0) return null;
     if (props.iconSourceType === "icon" && props.iconIconSource !== void 0) return null;
-    return /* @__PURE__ */ import_react4.default.createElement(
+    return /* @__PURE__ */ import_react5.default.createElement(
       "svg",
       {
         "aria-hidden": "true",
@@ -62258,7 +62377,7 @@ function Checkbox(props) {
           color: props.styles.checkbox?.borderTopColor || props.styles.checkbox?.borderColor || "currentColor"
         }
       },
-      /* @__PURE__ */ import_react4.default.createElement(
+      /* @__PURE__ */ import_react5.default.createElement(
         "path",
         {
           d: "M3.5 8.5l3 3 6-6",
@@ -62271,7 +62390,7 @@ function Checkbox(props) {
       )
     );
   }
-  const checkbox = /* @__PURE__ */ import_react4.default.createElement(
+  const checkbox = /* @__PURE__ */ import_react5.default.createElement(
     "div",
     {
       ref: props.useLabel ? void 0 : noodlRootRef(props.noodlNode),
@@ -62281,7 +62400,7 @@ function Checkbox(props) {
       "noodl-style-tag": "checkbox"
     },
     props.useIcon ? _renderIcon() || _renderDefaultCheck() : null,
-    /* @__PURE__ */ import_react4.default.createElement(
+    /* @__PURE__ */ import_react5.default.createElement(
       "input",
       {
         type: "checkbox",
@@ -62304,7 +62423,7 @@ function Checkbox(props) {
       labelStyle.cursor = "default";
     }
     labelStyle.color = props.noodlNode.context.styles.resolveColor(labelStyle.color);
-    return /* @__PURE__ */ import_react4.default.createElement(
+    return /* @__PURE__ */ import_react5.default.createElement(
       "div",
       {
         ref: noodlRootRef(props.noodlNode),
@@ -62313,16 +62432,16 @@ function Checkbox(props) {
         ...utils_default.controlEvents(props)
       },
       checkbox,
-      /* @__PURE__ */ import_react4.default.createElement("label", { className: "ndl-controls-pointer", style: labelStyle, htmlFor: props.id, "noodl-style-tag": "label" }, labelText(props.label))
+      /* @__PURE__ */ import_react5.default.createElement("label", { className: "ndl-controls-pointer", style: labelStyle, htmlFor: props.id, "noodl-style-tag": "label" }, labelText(props.label))
     );
   } else {
-    return /* @__PURE__ */ import_react4.default.createElement("div", { style: { ...clearedRootStyles(style2), display: "contents" } }, checkbox, null);
+    return /* @__PURE__ */ import_react5.default.createElement("div", { style: { ...clearedRootStyles(style2), display: "contents" } }, checkbox, null);
   }
 }
-var import_react4;
+var import_react5;
 var init_Checkbox = __esm({
   "../noodl-viewer-react/src/components/controls/Checkbox/Checkbox.tsx"() {
-    import_react4 = __toESM(require_react());
+    import_react5 = __toESM(require_react());
     init_layout();
     init_utils2();
     init_noodl_root_ref();
@@ -62569,8 +62688,8 @@ var init_checkbox = __esm({
 
 // ../noodl-viewer-react/src/components/controls/Select/Select.tsx
 function Select(props) {
-  const [value2, setValue] = (0, import_react5.useState)(props.value);
-  (0, import_react5.useEffect)(() => {
+  const [value2, setValue] = (0, import_react6.useState)(props.value);
+  (0, import_react6.useEffect)(() => {
     setValue(props.value);
     props.valueChanged(props.value);
   }, [props.value, props.items, props.valueWrites]);
@@ -62585,12 +62704,12 @@ function Select(props) {
   const { height, ...otherStyles } = style2;
   function _renderIcon() {
     if (props.iconSourceType === "image" && props.iconImageSource !== void 0)
-      return /* @__PURE__ */ import_react5.default.createElement("img", { alt: "", src: props.iconImageSource, style: { width: props.iconSize, height: props.iconSize } });
+      return /* @__PURE__ */ import_react6.default.createElement("img", { alt: "", src: props.iconImageSource, style: { width: props.iconSize, height: props.iconSize } });
     else if (props.iconSourceType === "icon" && props.iconIconSource !== void 0) {
       const style3 = { fontSize: props.iconSize, color: props.iconColor };
       if (props.iconPlacement === "left" || props.iconPlacement === void 0) style3.marginRight = props.iconSpacing;
       else style3.marginLeft = props.iconSpacing;
-      return /* @__PURE__ */ import_react5.default.createElement(IconGlyph, { source: props.iconIconSource, style: style3 });
+      return /* @__PURE__ */ import_react6.default.createElement(IconGlyph, { source: props.iconIconSource, style: style3 });
     }
     return null;
   }
@@ -62630,9 +62749,9 @@ function Select(props) {
   }
   let options = [];
   if (props.items) {
-    options = props.items.map((i2) => /* @__PURE__ */ import_react5.default.createElement("option", { key: i2.Value, value: i2.Value, disabled: i2.Disabled === "true" || i2.Disabled === true ? true : void 0 }, i2.Label));
+    options = props.items.map((i2) => /* @__PURE__ */ import_react6.default.createElement("option", { key: i2.Value, value: i2.Value, disabled: i2.Disabled === "true" || i2.Disabled === true ? true : void 0 }, i2.Label));
   }
-  const chevron = props.showChevron === false ? null : /* @__PURE__ */ import_react5.default.createElement(
+  const chevron = props.showChevron === false ? null : /* @__PURE__ */ import_react6.default.createElement(
     "span",
     {
       style: {
@@ -62643,7 +62762,7 @@ function Select(props) {
         pointerEvents: "none"
       }
     },
-    /* @__PURE__ */ import_react5.default.createElement("svg", { width: "10", height: "6", viewBox: "0 0 10 6", fill: "none", focusable: "false", "aria-hidden": "true" }, /* @__PURE__ */ import_react5.default.createElement(
+    /* @__PURE__ */ import_react6.default.createElement("svg", { width: "10", height: "6", viewBox: "0 0 10 6", fill: "none", focusable: "false", "aria-hidden": "true" }, /* @__PURE__ */ import_react6.default.createElement(
       "path",
       {
         d: "M1 1l4 4 4-4",
@@ -62656,11 +62775,11 @@ function Select(props) {
   );
   let label = null;
   if (selectedIndex >= 0 && selectedIndex < props.items.length) {
-    label = /* @__PURE__ */ import_react5.default.createElement("span", null, props.items[selectedIndex].Label);
+    label = /* @__PURE__ */ import_react6.default.createElement("span", null, props.items[selectedIndex].Label);
   } else if (props.placeholder) {
-    label = /* @__PURE__ */ import_react5.default.createElement("span", { style: { opacity: props.placeholderOpacity } }, labelText(props.placeholder));
+    label = /* @__PURE__ */ import_react6.default.createElement("span", { style: { opacity: props.placeholderOpacity } }, labelText(props.placeholder));
   }
-  const inputWrapper = /* @__PURE__ */ import_react5.default.createElement(
+  const inputWrapper = /* @__PURE__ */ import_react6.default.createElement(
     "div",
     {
       ref: props.useLabel ? void 0 : noodlRootRef(props.noodlNode),
@@ -62670,7 +62789,7 @@ function Select(props) {
       "noodl-style-tag": "inputWrapper"
     },
     props.useIcon && props.iconPlacement === "left" ? _renderIcon() : null,
-    /* @__PURE__ */ import_react5.default.createElement(
+    /* @__PURE__ */ import_react6.default.createElement(
       "div",
       {
         style: {
@@ -62684,7 +62803,7 @@ function Select(props) {
     ),
     props.useIcon && props.iconPlacement === "right" ? _renderIcon() : null,
     chevron,
-    /* @__PURE__ */ import_react5.default.createElement(
+    /* @__PURE__ */ import_react6.default.createElement(
       "select",
       {
         ...inputProps,
@@ -62696,7 +62815,7 @@ function Select(props) {
           props.valueChanged && props.valueChanged(e.target.value);
         }
       },
-      /* @__PURE__ */ import_react5.default.createElement("option", { value: "", disabled: true, selected: true, hidden: true }),
+      /* @__PURE__ */ import_react6.default.createElement("option", { value: "", disabled: true, selected: true, hidden: true }),
       options
     )
   );
@@ -62713,7 +62832,7 @@ function Select(props) {
       // P107-C80 / C66 (P109 ISL-031, ruled "keeps the keyboard" and "Fix it with the label work"): ONE tree whether the label
       // shows or not, so React keeps the select (and the keyboard on it) when Enable Label changes, and one element carries
       // the root ref. Without a label the outer div makes no box (display: contents) and the input wrapper is the root, as before.
-      /* @__PURE__ */ import_react5.default.createElement("div", { ref: noodlRootRef(props.noodlNode), ...dataAttributeProps(props.dom), style: outerWrapperStyle }, /* @__PURE__ */ import_react5.default.createElement(
+      /* @__PURE__ */ import_react6.default.createElement("div", { ref: noodlRootRef(props.noodlNode), ...dataAttributeProps(props.dom), style: outerWrapperStyle }, /* @__PURE__ */ import_react6.default.createElement(
         "label",
         {
           htmlFor: props.id,
@@ -62728,13 +62847,13 @@ function Select(props) {
       ), inputWrapper)
     );
   } else {
-    return /* @__PURE__ */ import_react5.default.createElement("div", { style: { ...clearedRootStyles(style2), display: "contents" } }, null, inputWrapper);
+    return /* @__PURE__ */ import_react6.default.createElement("div", { style: { ...clearedRootStyles(style2), display: "contents" } }, null, inputWrapper);
   }
 }
-var import_react5;
+var import_react6;
 var init_Select = __esm({
   "../noodl-viewer-react/src/components/controls/Select/Select.tsx"() {
-    import_react5 = __toESM(require_react());
+    import_react6 = __toESM(require_react());
     init_layout();
     init_utils2();
     init_noodl_root_ref();
@@ -62755,7 +62874,8 @@ function optionItems(items) {
   if (!items) return items;
   if (typeof items === "string") return readItems(items);
   if (!Array.isArray(items)) return [];
-  return items.some((item) => item === null || item === void 0) ? items.filter((item) => item !== null && item !== void 0) : items;
+  if (!items.some((item) => item === null || item === void 0 || typeof item !== "object")) return items;
+  return items.filter((item) => item !== null && item !== void 0).map((item) => typeof item === "object" ? item : { Label: String(item), Value: String(item) });
 }
 function readItems(stored) {
   let source2 = stored;
@@ -63070,11 +63190,11 @@ var init_options = __esm({
 });
 
 // ../noodl-viewer-react/src/contexts/radiobuttoncontext.ts
-var import_react6, RadioButtonContext, radiobuttoncontext_default;
+var import_react7, RadioButtonContext, radiobuttoncontext_default;
 var init_radiobuttoncontext = __esm({
   "../noodl-viewer-react/src/contexts/radiobuttoncontext.ts"() {
-    import_react6 = __toESM(require_react());
-    RadioButtonContext = import_react6.default.createContext(null);
+    import_react7 = __toESM(require_react());
+    RadioButtonContext = import_react7.default.createContext(null);
     radiobuttoncontext_default = RadioButtonContext;
   }
 });
@@ -63084,7 +63204,7 @@ function isPercentage2(size) {
   return size && size[size.length - 1] === "%";
 }
 function RadioButton(props) {
-  const radioButtonGroup = (0, import_react7.useContext)(radiobuttoncontext_default);
+  const radioButtonGroup = (0, import_react8.useContext)(radiobuttoncontext_default);
   const style2 = { ...props.style };
   if (props.parentLayout === "none") {
     style2.position = "absolute";
@@ -63092,12 +63212,12 @@ function RadioButton(props) {
   layout_default.align(style2, props);
   const checked = radioButtonGroup ? radioButtonGroup.selected === props.value : false;
   const hasGroup = radioButtonGroup !== null;
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     if (!hasGroup) props.groupMissing && props.groupMissing();
   }, [hasGroup, props.groupMissing]);
   const click = radioButtonGroup ? radioButtonGroup.click : null;
-  const seen = (0, import_react7.useRef)(click ? click.seq : 0);
-  (0, import_react7.useEffect)(() => {
+  const seen = (0, import_react8.useRef)(click ? click.seq : 0);
+  (0, import_react8.useEffect)(() => {
     let fromClick = false;
     if (click && click.seq !== seen.current) {
       seen.current = click.seq;
@@ -63134,10 +63254,10 @@ function RadioButton(props) {
   function _renderIcon() {
     if (!checked) return null;
     if (props.iconSourceType === "image" && props.iconImageSource !== void 0)
-      return /* @__PURE__ */ import_react7.default.createElement("img", { alt: "", src: props.iconImageSource, style: { width: props.iconSize, height: props.iconSize } });
+      return /* @__PURE__ */ import_react8.default.createElement("img", { alt: "", src: props.iconImageSource, style: { width: props.iconSize, height: props.iconSize } });
     else if (props.iconSourceType === "icon" && props.iconIconSource !== void 0) {
       const style3 = { fontSize: props.iconSize, color: props.iconColor };
-      return /* @__PURE__ */ import_react7.default.createElement(IconGlyph, { source: props.iconIconSource, style: style3, className: "ndl-controls-abs-center" });
+      return /* @__PURE__ */ import_react8.default.createElement(IconGlyph, { source: props.iconIconSource, style: style3, className: "ndl-controls-abs-center" });
     }
     return null;
   }
@@ -63152,7 +63272,7 @@ function RadioButton(props) {
     borderRadius: "inherit",
     position: "absolute"
   };
-  const radioButton = /* @__PURE__ */ import_react7.default.createElement(
+  const radioButton = /* @__PURE__ */ import_react8.default.createElement(
     "div",
     {
       ref: props.useLabel ? void 0 : noodlRootRef(props.noodlNode),
@@ -63161,9 +63281,9 @@ function RadioButton(props) {
       style: props.useLabel ? { ...clearedRootStyles(style2), ...inputWrapperStyle } : inputWrapperStyle,
       "noodl-style-tag": "radio"
     },
-    /* @__PURE__ */ import_react7.default.createElement("div", { style: fillStyle, "noodl-style-tag": "fill" }),
+    /* @__PURE__ */ import_react8.default.createElement("div", { style: fillStyle, "noodl-style-tag": "fill" }),
     props.useIcon ? _renderIcon() : null,
-    /* @__PURE__ */ import_react7.default.createElement(
+    /* @__PURE__ */ import_react8.default.createElement(
       "input",
       {
         type: "radio",
@@ -63191,15 +63311,15 @@ function RadioButton(props) {
     if (isPercentage2(props.styles.radio.height)) {
       wrapperStyle.height = props.styles.radio.height;
     }
-    return /* @__PURE__ */ import_react7.default.createElement("div", { ref: noodlRootRef(props.noodlNode), ...dataAttributeProps(props.dom), style: wrapperStyle, ...utils_default.controlEvents(props) }, radioButton, /* @__PURE__ */ import_react7.default.createElement("label", { className: "ndl-controls-pointer", style: labelStyle, htmlFor: props.id, "noodl-style-tag": "label" }, labelText(props.label)));
+    return /* @__PURE__ */ import_react8.default.createElement("div", { ref: noodlRootRef(props.noodlNode), ...dataAttributeProps(props.dom), style: wrapperStyle, ...utils_default.controlEvents(props) }, radioButton, /* @__PURE__ */ import_react8.default.createElement("label", { className: "ndl-controls-pointer", style: labelStyle, htmlFor: props.id, "noodl-style-tag": "label" }, labelText(props.label)));
   } else {
-    return /* @__PURE__ */ import_react7.default.createElement("div", { style: { ...clearedRootStyles(style2), display: "contents" } }, radioButton, null);
+    return /* @__PURE__ */ import_react8.default.createElement("div", { style: { ...clearedRootStyles(style2), display: "contents" } }, radioButton, null);
   }
 }
-var import_react7;
+var import_react8;
 var init_RadioButton = __esm({
   "../noodl-viewer-react/src/components/controls/RadioButton/RadioButton.tsx"() {
-    import_react7 = __toESM(require_react());
+    import_react8 = __toESM(require_react());
     init_radiobuttoncontext();
     init_layout();
     init_utils2();
@@ -63404,8 +63524,8 @@ var init_radiobutton = __esm({
 
 // ../noodl-viewer-react/src/components/controls/RadioButtonGroup/RadioButtonGroup.tsx
 function RadioButtonGroup(props) {
-  const [selection, setSelection] = (0, import_react8.useState)({ value: props.value, click: null });
-  const clicks = (0, import_react8.useRef)(0);
+  const [selection, setSelection] = (0, import_react9.useState)({ value: props.value, click: null });
+  const clicks = (0, import_react9.useRef)(0);
   const context = {
     selected: selection.value,
     click: selection.click,
@@ -63416,7 +63536,7 @@ function RadioButtonGroup(props) {
       props.valueChanged && props.valueChanged(value2);
     }
   };
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     setSelection({ value: props.value, click: null });
   }, [props.value, props.valueWrites]);
   const style2 = { ...props.style };
@@ -63425,12 +63545,12 @@ function RadioButtonGroup(props) {
   let className = "ndl-controls-radiobuttongroup";
   if (props.className) className = className + " " + props.className;
   const defaultsClass = layerDefaults(style2);
-  return /* @__PURE__ */ import_react8.default.createElement(radiobuttoncontext_default.Provider, { value: context }, /* @__PURE__ */ import_react8.default.createElement("div", { ref: noodlRootRef(props.noodlNode), ...dataAttributeProps(props.dom), className: withDefaultsClass(className, defaultsClass), style: style2 }, props.children));
+  return /* @__PURE__ */ import_react9.default.createElement(radiobuttoncontext_default.Provider, { value: context }, /* @__PURE__ */ import_react9.default.createElement("div", { ref: noodlRootRef(props.noodlNode), ...dataAttributeProps(props.dom), className: withDefaultsClass(className, defaultsClass), style: style2 }, props.children));
 }
-var import_react8;
+var import_react9;
 var init_RadioButtonGroup = __esm({
   "../noodl-viewer-react/src/components/controls/RadioButtonGroup/RadioButtonGroup.tsx"() {
-    import_react8 = __toESM(require_react());
+    import_react9 = __toESM(require_react());
     init_radiobuttoncontext();
     init_default_style_layer();
     init_layout();
@@ -63635,8 +63755,8 @@ function hasUnitPx(value2) {
   return value2 && value2[value2.length - 1] === "x";
 }
 function Slider(props) {
-  const [value2, setValue] = (0, import_react9.useState)(props.handle);
-  (0, import_react9.useEffect)(() => {
+  const [value2, setValue] = (0, import_react10.useState)(props.handle);
+  (0, import_react10.useEffect)(() => {
     setValue(props.drawHandle());
   }, [props.valueWrites]);
   function onValueChanged(value3) {
@@ -63701,7 +63821,7 @@ function Slider(props) {
   setBorderStyle(thumbStyle, "thumb", props);
   setBorderRadius(thumbStyle, "thumb", props);
   setShadow(thumbStyle, "thumb", props);
-  return /* @__PURE__ */ import_react9.default.createElement("div", { ref: noodlRootRef(props.noodlNode), ...dataAttributeProps(props.dom), style: divStyle }, /* @__PURE__ */ import_react9.default.createElement("div", { style: trackStyle }), /* @__PURE__ */ import_react9.default.createElement("div", { style: thumbStyle }), /* @__PURE__ */ import_react9.default.createElement(
+  return /* @__PURE__ */ import_react10.default.createElement("div", { ref: noodlRootRef(props.noodlNode), ...dataAttributeProps(props.dom), style: divStyle }, /* @__PURE__ */ import_react10.default.createElement("div", { style: trackStyle }), /* @__PURE__ */ import_react10.default.createElement("div", { style: thumbStyle }), /* @__PURE__ */ import_react10.default.createElement(
     "input",
     {
       className,
@@ -63714,10 +63834,10 @@ function Slider(props) {
     }
   ));
 }
-var import_react9;
+var import_react10;
 var init_Slider = __esm({
   "../noodl-viewer-react/src/components/controls/Slider/Slider.tsx"() {
-    import_react9 = __toESM(require_react());
+    import_react10 = __toESM(require_react());
     init_layout();
     init_utils2();
     init_noodl_root_ref();
@@ -64001,7 +64121,7 @@ function addShadowInputs(definition4, opts) {
     }
   });
 }
-var thumbPopout, trackPopout, RangeNode, slider_default;
+var thumbPopout, MAX_BELOW_MIN, trackPopout, RangeNode, slider_default;
 var init_slider = __esm({
   "../noodl-viewer-react/src/nodes/controls/slider.ts"() {
     init_Slider2();
@@ -64010,6 +64130,7 @@ var init_slider = __esm({
     init_react_component_node();
     init_utils2();
     thumbPopout = { group: "thumb-styles", label: "Thumb Styles" };
+    MAX_BELOW_MIN = "slider/max-below-min";
     trackPopout = { group: "track-styles", label: "Track Styles" };
     RangeNode = {
       name: "net.noodl.controls.range",
@@ -64227,6 +64348,9 @@ var init_slider = __esm({
         },
         /** Min, Max or Step written: the next paint draws the handle against them (C74) — no word for it */
         _attributeChanged() {
+          const min = rangeAttribute(this.props.min) ?? 0;
+          const max = rangeAttribute(this.props.max) ?? 100;
+          this.setDiagnostic(MAX_BELOW_MIN, max < min ? `Max ${max} is below Min ${min}, so the handle stays at Min and cannot be moved.` : null);
           this.props.valueWrites++;
           this.forceUpdate();
         },
@@ -64305,17 +64429,17 @@ function preventGlobalFocusChange(e) {
   e.stopPropagation();
   window.removeEventListener("click", preventGlobalFocusChange, true);
 }
-var import_react10, TextInput;
+var import_react11, TextInput;
 var init_TextInput = __esm({
   "../noodl-viewer-react/src/components/controls/TextInput/TextInput.tsx"() {
-    import_react10 = __toESM(require_react());
+    import_react11 = __toESM(require_react());
     init_layout();
     init_utils2();
     init_textInputValue();
     init_noodl_root_ref();
     init_IconGlyph();
     init_labelText();
-    TextInput = class extends import_react10.default.Component {
+    TextInput = class extends import_react11.default.Component {
       constructor(props) {
         super(props);
         /**
@@ -64334,7 +64458,7 @@ var init_TextInput = __esm({
           value: props.startValue === null || props.startValue === void 0 ? "" : String(props.startValue)
         };
         this.text = this.state.value;
-        this.ref = import_react10.default.createRef();
+        this.ref = import_react11.default.createRef();
       }
       /** P107-C72 — the Type or Max length as it stands on the node, not as React last drew it. */
       live(key) {
@@ -64372,7 +64496,7 @@ var init_TextInput = __esm({
         const props = this.props;
         const _renderIcon = () => {
           if (props.iconSourceType === "image" && props.iconImageSource !== void 0)
-            return /* @__PURE__ */ import_react10.default.createElement(
+            return /* @__PURE__ */ import_react11.default.createElement(
               "img",
               {
                 alt: "",
@@ -64392,7 +64516,7 @@ var init_TextInput = __esm({
             };
             if (props.iconPlacement === "left" || props.iconPlacement === void 0) style3.marginRight = props.iconSpacing;
             else style3.marginLeft = props.iconSpacing;
-            return /* @__PURE__ */ import_react10.default.createElement(IconGlyph, { source: props.iconIconSource, style: style3 });
+            return /* @__PURE__ */ import_react11.default.createElement(IconGlyph, { source: props.iconIconSource, style: style3 });
           }
           return null;
         };
@@ -64427,7 +64551,7 @@ var init_TextInput = __esm({
           onChange: (e) => this.onChange(e)
         };
         if (props.type !== "textArea") {
-          inputContent = /* @__PURE__ */ import_react10.default.createElement(
+          inputContent = /* @__PURE__ */ import_react11.default.createElement(
             "input",
             {
               ref: (ref) => {
@@ -64445,7 +64569,7 @@ var init_TextInput = __esm({
           );
         } else {
           inputProps.style.resize = "none";
-          inputContent = /* @__PURE__ */ import_react10.default.createElement(
+          inputContent = /* @__PURE__ */ import_react11.default.createElement(
             "textarea",
             {
               ref: (ref) => {
@@ -64483,7 +64607,7 @@ var init_TextInput = __esm({
         if (props.type !== "textArea") {
           inputWrapperStyle.alignItems = "center";
         }
-        const inputWithWrapper = /* @__PURE__ */ import_react10.default.createElement(
+        const inputWithWrapper = /* @__PURE__ */ import_react11.default.createElement(
           "div",
           {
             ref: props.useLabel ? void 0 : noodlRootRef(this.props.noodlNode),
@@ -64509,10 +64633,10 @@ var init_TextInput = __esm({
             // P107-C80 / C66 (P109 ISL-031, ruled "keeps the keyboard" and "Fix it with the label work"): ONE tree whether the label
             // shows or not, so React keeps the field (and the keyboard on it) when Enable Label changes, and one element carries
             // the root ref. Without a label the outer div makes no box (display: contents) and the wrapper is the root, as before.
-            /* @__PURE__ */ import_react10.default.createElement("div", { ref: noodlRootRef(this.props.noodlNode), ...dataAttributeProps(props.dom), style: otherStyles }, /* @__PURE__ */ import_react10.default.createElement("label", { htmlFor: props.id, style: labelStyle, "noodl-style-tag": "label" }, labelText(props.label)), inputWithWrapper)
+            /* @__PURE__ */ import_react11.default.createElement("div", { ref: noodlRootRef(this.props.noodlNode), ...dataAttributeProps(props.dom), style: otherStyles }, /* @__PURE__ */ import_react11.default.createElement("label", { htmlFor: props.id, style: labelStyle, "noodl-style-tag": "label" }, labelText(props.label)), inputWithWrapper)
           );
         } else {
-          return /* @__PURE__ */ import_react10.default.createElement("div", { style: { ...clearedRootStyles(style2), display: "contents" } }, null, inputWithWrapper);
+          return /* @__PURE__ */ import_react11.default.createElement("div", { style: { ...clearedRootStyles(style2), display: "contents" } }, null, inputWithWrapper);
         }
       }
       onKeyDown(e) {
@@ -65647,18 +65771,18 @@ function decodeOrKeep(text2) {
 }
 function PageStackReactComponent(props) {
   const { didMount, willUnmount, style: style2, children } = props;
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     didMount();
     return () => {
       willUnmount();
     };
   }, []);
-  return /* @__PURE__ */ import_react11.default.createElement("div", { ref: noodlRootRef(props.noodlNode), ...dataAttributeProps(props.dom), style: style2 }, children);
+  return /* @__PURE__ */ import_react12.default.createElement("div", { ref: noodlRootRef(props.noodlNode), ...dataAttributeProps(props.dom), style: style2 }, children);
 }
-var import_react11, import_runtime, PageStack, navigation_stack_default;
+var import_react12, import_runtime, PageStack, navigation_stack_default;
 var init_navigation_stack = __esm({
   "../noodl-viewer-react/src/nodes/navigation/navigation-stack.tsx"() {
-    import_react11 = __toESM(require_react());
+    import_react12 = __toESM(require_react());
     import_runtime = __toESM(require_noodl_runtime());
     init_outcome();
     init_async_queue();
@@ -66624,9 +66748,9 @@ var init_navigation_stack = __esm({
   }
 });
 
-// type-stub:/Users/richardosborne/vscode_projects/OpenNoodl-worktrees/own011-publish/packages/noodl-viewer-react/src/types.ts
+// type-stub:/Users/richardosborne/vscode_projects/OpenNoodl-worktrees/npm021-pack/packages/noodl-viewer-react/src/types.ts
 var require_types2 = __commonJS({
-  "type-stub:/Users/richardosborne/vscode_projects/OpenNoodl-worktrees/own011-publish/packages/noodl-viewer-react/src/types.ts"(exports2, module2) {
+  "type-stub:/Users/richardosborne/vscode_projects/OpenNoodl-worktrees/npm021-pack/packages/noodl-viewer-react/src/types.ts"(exports2, module2) {
     var noop2 = new Proxy(function() {
     }, { get: () => noop2, apply: () => noop2 });
     module2.exports = new Proxy({}, { get: () => noop2 });
@@ -66649,12 +66773,12 @@ function Page(props) {
   if (!inBrowser2) {
     applyMetaTags();
   }
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (!inBrowser2) return;
     applyMetaTags();
   });
   const defaultsClass = layerDefaults(style2);
-  return /* @__PURE__ */ import_react12.default.createElement(
+  return /* @__PURE__ */ import_react13.default.createElement(
     "div",
     {
       ref: noodlRootRef(props.noodlNode),
@@ -66665,10 +66789,10 @@ function Page(props) {
     children
   );
 }
-var import_react12, import_types4, ogPopout, twitterPopout, OG_TYPES, TWITTER_CARDS, META_TAGS;
+var import_react13, import_types4, ogPopout, twitterPopout, OG_TYPES, TWITTER_CARDS, META_TAGS;
 var init_Page = __esm({
   "../noodl-viewer-react/src/components/navigation/Page/Page.tsx"() {
-    import_react12 = __toESM(require_react());
+    import_react13 = __toESM(require_react());
     init_default_style_layer();
     init_layout();
     import_types4 = __toESM(require_types2());
@@ -66912,6 +67036,7 @@ var init_page = __esm({
           type: "string",
           set: function(value2) {
             this._internal.title = value2;
+            if (this._internal.onTitleChanged) this._internal.onTitleChanged();
           }
         },
         urlPath: {
@@ -67039,6 +67164,7 @@ var init_page = __esm({
             },*/
         setTitle: function(value2) {
           this._internal.title = value2;
+          if (this._internal.onTitleChanged) this._internal.onTitleChanged();
         },
         setUrlPath: function(value2) {
           this._internal.urlPath = value2;
@@ -67211,13 +67337,13 @@ var init_router_handler = __esm({
 // ../noodl-viewer-react/src/nodes/navigation/router.tsx
 function RouterReactComponent(props) {
   const { didMount, willUnmount, children, style: style2 } = props;
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     didMount();
     return () => {
       willUnmount();
     };
   }, []);
-  return /* @__PURE__ */ import_react13.default.createElement(
+  return /* @__PURE__ */ import_react14.default.createElement(
     "div",
     {
       ref: noodlRootRef(props.noodlNode),
@@ -67269,10 +67395,10 @@ function shallowObjectsEqual(object1, object2) {
   }
   return keys1.every((key) => object1[key] === object2[key]);
 }
-var import_react13, import_runtime3, import_types5, RESET_DIAGNOSIS_CODES, RouterNode, router_default;
+var import_react14, import_runtime3, import_types5, RESET_DIAGNOSIS_CODES, RouterNode, router_default;
 var init_router = __esm({
   "../noodl-viewer-react/src/nodes/navigation/router.tsx"() {
-    import_react13 = __toESM(require_react());
+    import_react14 = __toESM(require_react());
     import_runtime3 = __toESM(require_noodl_runtime());
     init_outcome();
     init_async_queue();
@@ -67587,6 +67713,29 @@ var init_router = __esm({
           }
           return kept;
         },
+        /**
+         * P109-S45-WIREDTITLE — the browser tab is named by the Page node's current Title, the typed one from the Pages list
+         * when it has none.
+         *
+         * The tab used to be set once, from the router index's entry, which the exporter builds from the Page node's
+         * *parameters*: a Title wired from a Translation or a record reached the Page node and never the tab. A wired value
+         * arrives after the page is shown, and can change while it shows, so the Page node calls back on every Title it is
+         * given, and the callback names the tab only while this Router is still showing that page (a page left, or kept and
+         * hidden, names nothing). Current Page Title still reads the Pages list, as its description says.
+         */
+        _nameTabFromPage(content) {
+          const pages = content && content.nodeScope ? content.nodeScope.getNodesWithType("Page") : void 0;
+          const pageNode = pages && pages.length === 1 && pages[0]._internal && typeof pages[0].getTitle === "function" ? pages[0] : void 0;
+          const nameTab = () => {
+            if (this._internal.currentPageComponent !== content || !this._internal.currentPage) return;
+            const title = pageNode ? pageNode.getTitle() : void 0;
+            import_types5.Noodl.SEO.setTitle(
+              title !== void 0 && title !== null && title !== "" ? String(title) : this._internal.currentPage.title
+            );
+          };
+          if (pageNode) pageNode._internal.onTitleChanged = nameTab;
+          nameTab();
+        },
         _showKeptPage(content) {
           _eachNodeOf(content, (n) => n._onPageShown && n._onPageShown());
         },
@@ -67700,7 +67849,7 @@ var init_router = __esm({
           this._internal.currentParams = params;
           this.flagOutputDirty("currentPageTitle");
           this.flagOutputDirty("currentPageComponent");
-          import_types5.Noodl.SEO.setTitle(this._internal.currentPage.title);
+          this._nameTabFromPage(content);
           this._updatePageInputs(this._internal.currentPageComponent.nodeScope, params);
           const group = kept || this.createPageContainer();
           if (!kept) {
@@ -67970,7 +68119,7 @@ var init_router = __esm({
           this._internal.currentParams = args.params;
           this.flagOutputDirty("currentPageTitle");
           this.flagOutputDirty("currentPageComponent");
-          import_types5.Noodl.SEO.setTitle(this._internal.currentPage.title);
+          this._nameTabFromPage(content);
           const pageInputNodes = content.nodeScope.getNodesWithType("PageInputs");
           if (pageInputNodes !== void 0 && pageInputNodes.length > 0) {
             pageInputNodes.forEach((node) => {
@@ -68264,17 +68413,17 @@ function shapePoints(shape, size, points) {
       return starPoints(size, points);
   }
 }
-var import_react14, MAX_POINTS, Circle;
+var import_react15, MAX_POINTS, Circle;
 var init_Circle = __esm({
   "../noodl-viewer-react/src/components/visual/Circle/Circle.tsx"() {
-    import_react14 = __toESM(require_react());
+    import_react15 = __toESM(require_react());
     init_default_style_layer();
     init_layout();
     init_pointerlisteners();
     init_sanitize_inline_svg();
     init_noodl_root_ref();
     MAX_POINTS = 500;
-    Circle = class extends import_react14.default.Component {
+    Circle = class extends import_react15.default.Component {
       constructor(props) {
         super(props);
       }
@@ -68286,7 +68435,7 @@ var init_Circle = __esm({
         const { startAngle, endAngle } = this.props;
         let custom = null;
         if (shape === "svg") {
-          custom = /* @__PURE__ */ import_react14.default.createElement(
+          custom = /* @__PURE__ */ import_react15.default.createElement(
             "span",
             {
               "data-ndl-drawing": "",
@@ -68296,13 +68445,13 @@ var init_Circle = __esm({
           );
         } else if (shape === "circle") {
           if (this.props.fillEnabled) {
-            fill = /* @__PURE__ */ import_react14.default.createElement("path", { d: filledArc(r, r, r, startAngle, endAngle), fill: this.props.fillColor });
+            fill = /* @__PURE__ */ import_react15.default.createElement("path", { d: filledArc(r, r, r, startAngle, endAngle), fill: this.props.fillColor });
           }
           if (this.props.strokeEnabled) {
             const { strokeColor, strokeWidth, strokeLineCap } = this.props;
             const strokeRadius = r - this.props.strokeWidth / 2;
             const path2 = arc(r, r, strokeRadius, startAngle, endAngle);
-            stroke = /* @__PURE__ */ import_react14.default.createElement(
+            stroke = /* @__PURE__ */ import_react15.default.createElement(
               "path",
               {
                 d: path2,
@@ -68318,12 +68467,12 @@ var init_Circle = __esm({
           const cornerRadius = Math.max(0, this.props.cornerRadius ?? 0);
           const points = shapePoints(shape, this.props.size, pointCount);
           if (this.props.fillEnabled) {
-            fill = /* @__PURE__ */ import_react14.default.createElement("path", { d: roundedPolygonPath(points, cornerRadius), fill: this.props.fillColor });
+            fill = /* @__PURE__ */ import_react15.default.createElement("path", { d: roundedPolygonPath(points, cornerRadius), fill: this.props.fillColor });
           }
           if (this.props.strokeEnabled) {
             const { strokeColor, strokeWidth } = this.props;
             const inset = insetPolygon(points, strokeWidth / 2);
-            stroke = /* @__PURE__ */ import_react14.default.createElement(
+            stroke = /* @__PURE__ */ import_react15.default.createElement(
               "path",
               {
                 d: roundedPolygonPath(inset, Math.max(0, cornerRadius - strokeWidth / 2)),
@@ -68341,7 +68490,7 @@ var init_Circle = __esm({
           style2.pointerEvents = "none";
         }
         const defaultsClass = layerDefaults(style2);
-        return /* @__PURE__ */ import_react14.default.createElement(
+        return /* @__PURE__ */ import_react15.default.createElement(
           "div",
           {
             ref: noodlRootRef(this.props.noodlNode),
@@ -68350,7 +68499,7 @@ var init_Circle = __esm({
             ...pointerProps(this.props),
             style: style2
           },
-          custom ?? /* @__PURE__ */ import_react14.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: this.props.size, height: this.props.size }, fill, stroke)
+          custom ?? /* @__PURE__ */ import_react15.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: this.props.size, height: this.props.size }, fill, stroke)
         );
       }
     };
@@ -68620,7 +68769,7 @@ function itemsProblem(value2) {
 }
 function ForEachComponent(props) {
   const { didMount, willUnmount } = props;
-  (0, import_react15.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     didMount();
     return () => {
       willUnmount();
@@ -68632,10 +68781,10 @@ function _typeName(t) {
   if (typeof t === "object") return t.name;
   else return t;
 }
-var import_react15, import_runtime4, import_collection, import_model2, ITEMS_DIAGNOSTIC, defaultDynamicScript, ForEachDefinition, defaultMapCode, ForEachModule, foreach_default;
+var import_react16, import_runtime4, import_collection, import_model2, ITEMS_DIAGNOSTIC, defaultDynamicScript, ForEachDefinition, defaultMapCode, ForEachModule, foreach_default;
 var init_foreach = __esm({
   "../noodl-viewer-react/src/nodes/std-library/data/foreach.tsx"() {
-    import_react15 = __toESM(require_react());
+    import_react16 = __toESM(require_react());
     import_runtime4 = __toESM(require_noodl_runtime());
     import_collection = __toESM(require_collection());
     import_model2 = __toESM(require_model());
@@ -69168,7 +69317,7 @@ var init_foreach = __esm({
           this.unbindCurrentCollection();
         },
         render() {
-          return /* @__PURE__ */ import_react15.default.createElement(ForEachComponent, { key: this.id, didMount: () => this.didMount(), willUnmount: () => this.willUnmount() });
+          return /* @__PURE__ */ import_react16.default.createElement(ForEachComponent, { key: this.id, didMount: () => this.didMount(), willUnmount: () => this.willUnmount() });
         },
         didMount() {
           this.isMounted = true;
@@ -69521,7 +69670,7 @@ function calcAutoFit(minWidth, containerWidth, marginX, childCount) {
 }
 function partitionColumnChildren(slot) {
   const childArray = Array.isArray(slot) ? slot : [slot];
-  const elements = childArray.filter((child) => (0, import_react16.isValidElement)(child));
+  const elements = childArray.filter((child) => (0, import_react17.isValidElement)(child));
   return {
     children: elements.filter((child) => child.type !== ForEachComponent),
     // `filter`, not `find`: a Columns node can hold more than one Repeater, and only the
@@ -69562,13 +69711,13 @@ function readColumnLayoutString(value2) {
   }
 }
 function Columns(props) {
-  const [containerWidth, setContainerWidth] = (0, import_react16.useState)(null);
-  const [containerElement, setContainerElement] = (0, import_react16.useState)(null);
-  const rootRef = (0, import_react16.useCallback)((el) => {
+  const [containerWidth, setContainerWidth] = (0, import_react17.useState)(null);
+  const [containerElement, setContainerElement] = (0, import_react17.useState)(null);
+  const rootRef = (0, import_react17.useCallback)((el) => {
     setContainerElement(el);
     props.noodlNode?.setDOMElement(el);
   }, []);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if (!containerElement) {
       setContainerWidth(null);
       return;
@@ -69584,10 +69733,10 @@ function Columns(props) {
   }, [containerElement, props.marginX]);
   const { children, forEachComponents } = partitionColumnChildren(props.children);
   const masonry = props.packing === "masonry";
-  const itemElements = (0, import_react16.useRef)([]);
-  const columnAmountRef = (0, import_react16.useRef)(1);
-  const [masonryOffsets, setMasonryOffsets] = (0, import_react16.useState)(null);
-  (0, import_react16.useLayoutEffect)(() => {
+  const itemElements = (0, import_react17.useRef)([]);
+  const columnAmountRef = (0, import_react17.useRef)(1);
+  const [masonryOffsets, setMasonryOffsets] = (0, import_react17.useState)(null);
+  (0, import_react17.useLayoutEffect)(() => {
     if (!masonry) {
       setMasonryOffsets(null);
       return;
@@ -69610,14 +69759,14 @@ function Columns(props) {
   const columnLayout = readColumnLayoutString(props.layoutString);
   const resolved = columnLayout === null ? null : resolveColumnLayout(columnLayout, props, containerWidth, children.length);
   const breakpoint = resolved?.breakpoint ?? "Default";
-  (0, import_react16.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     props.onBreakpointChanged?.(breakpoint);
     if (breakpoint === "Medium") props.onAtMedium?.();
     else if (breakpoint === "Small") props.onAtSmall?.();
   }, [breakpoint]);
   if (!props.children) return null;
   if (resolved === null) {
-    return /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, props.children);
+    return /* @__PURE__ */ import_react17.default.createElement(import_react17.default.Fragment, null, props.children);
   }
   const { layout, columnAmount, fractionSize } = resolved;
   columnAmountRef.current = columnAmount;
@@ -69660,7 +69809,7 @@ function Columns(props) {
     ...props.style
   };
   const defaultsClass = layerDefaults(containerStyle, COLUMNS_CONTAINER_SOURCES);
-  return /* @__PURE__ */ import_react16.default.createElement(
+  return /* @__PURE__ */ import_react17.default.createElement(
     "div",
     {
       className: withDefaultsClass(["columns-container", props.className].join(" "), defaultsClass),
@@ -69671,7 +69820,7 @@ function Columns(props) {
     forEachComponents,
     children.map((child, i2) => {
       const column = i2 % columnAmount;
-      return /* @__PURE__ */ import_react16.default.createElement(
+      return /* @__PURE__ */ import_react17.default.createElement(
         "div",
         {
           className: masonry ? "column-item column-item--masonry" : "column-item",
@@ -69705,10 +69854,10 @@ function Columns(props) {
     })
   );
 }
-var import_react16, COLUMNS_CONTAINER_SOURCES;
+var import_react17, COLUMNS_CONTAINER_SOURCES;
 var init_Columns = __esm({
   "../noodl-viewer-react/src/components/visual/Columns/Columns.tsx"() {
-    import_react16 = __toESM(require_react());
+    import_react17 = __toESM(require_react());
     init_foreach();
     init_noodl_root_ref();
     init_default_style_layer();
@@ -71561,7 +71710,7 @@ var require_DraggableCore = __commonJS({
       value: true
     });
     exports2.default = void 0;
-    var React32 = _interopRequireWildcard(require_react());
+    var React33 = _interopRequireWildcard(require_react());
     var _propTypes = _interopRequireDefault(require_prop_types());
     var _reactDom = _interopRequireDefault(require_react_dom());
     var _domFns = require_domFns();
@@ -71615,7 +71764,7 @@ var require_DraggableCore = __commonJS({
       }
     };
     var dragEventFor = eventsFor.mouse;
-    var DraggableCore = class extends React32.Component {
+    var DraggableCore = class extends React33.Component {
       constructor() {
         super(...arguments);
         _defineProperty(this, "dragging", false);
@@ -71766,7 +71915,7 @@ var require_DraggableCore = __commonJS({
         return this.props?.nodeRef ? this.props?.nodeRef?.current : _reactDom.default.findDOMNode(this);
       }
       render() {
-        return /* @__PURE__ */ React32.cloneElement(React32.Children.only(this.props.children), {
+        return /* @__PURE__ */ React33.cloneElement(React33.Children.only(this.props.children), {
           // Note: mouseMove handler is attached to document so it will still function
           // when the user drags quickly and leaves the bounds of the element.
           onMouseDown: this.onMouseDown,
@@ -71945,7 +72094,7 @@ var require_Draggable = __commonJS({
       }
     });
     exports2.default = void 0;
-    var React32 = _interopRequireWildcard(require_react());
+    var React33 = _interopRequireWildcard(require_react());
     var _propTypes = _interopRequireDefault(require_prop_types());
     var _reactDom = _interopRequireDefault(require_react_dom());
     var _clsx = require_clsx();
@@ -71997,7 +72146,7 @@ var require_Draggable = __commonJS({
       }
       return ("string" === r ? String : Number)(t);
     }
-    var Draggable2 = class extends React32.Component {
+    var Draggable2 = class extends React33.Component {
       // React 16.3+
       // Arity (props, state)
       static getDerivedStateFromProps(_ref, _ref2) {
@@ -72159,11 +72308,11 @@ var require_Draggable = __commonJS({
           [defaultClassNameDragging]: this.state.dragging,
           [defaultClassNameDragged]: this.state.dragged
         });
-        return /* @__PURE__ */ React32.createElement(_DraggableCore.default, _extends({}, draggableCoreProps, {
+        return /* @__PURE__ */ React33.createElement(_DraggableCore.default, _extends({}, draggableCoreProps, {
           onStart: this.onDragStart,
           onDrag: this.onDrag,
           onStop: this.onDragStop
-        }), /* @__PURE__ */ React32.cloneElement(React32.Children.only(children), {
+        }), /* @__PURE__ */ React33.cloneElement(React33.Children.only(children), {
           className,
           style: {
             ...children.props.style,
@@ -72323,18 +72472,22 @@ function setDragValues(event, props) {
 function canDrag(axis, on) {
   return axis === on || axis === "both";
 }
-var import_react17, import_react_draggable, DRAG_CANCEL, Drag;
+function dragEnabled(enabled) {
+  if (enabled === void 0 || enabled === null) return true;
+  return !!enabled && enabled !== "false";
+}
+var import_react18, import_react_draggable, DRAG_CANCEL, Drag;
 var init_Drag = __esm({
   "../noodl-viewer-react/src/components/visual/Drag/Drag.tsx"() {
-    import_react17 = __toESM(require_react());
+    import_react18 = __toESM(require_react());
     import_react_draggable = __toESM(require_cjs());
     init_easecurves();
     DRAG_CANCEL = "input, textarea, select, button, a, [contenteditable]";
-    Drag = class extends import_react17.default.Component {
+    Drag = class extends import_react18.default.Component {
       constructor(props) {
         super(props);
         /** P107-C103 — the element a Drag with more than one child wraps them in, and moves. */
-        this.wrapperRef = import_react17.default.createRef();
+        this.wrapperRef = import_react18.default.createRef();
         this.state = { x: 0, y: 0 };
         const self2 = this;
         this.draggableNodeRef = {
@@ -72458,13 +72611,13 @@ var init_Drag = __esm({
       render() {
         const props = this.props;
         const bounds = props.useParentBounds ? "parent" : void 0;
-        const children = import_react17.default.Children.toArray(props.children);
+        const children = import_react18.default.Children.toArray(props.children);
         if (children.length === 0) return null;
         const look = {
           ...props.className ? { className: props.className } : {},
           ...props.style && Object.keys(props.style).length > 0 ? { style: props.style } : {}
         };
-        const moved = children.length === 1 ? import_react17.default.cloneElement(children[0], { parentLayout: props.parentLayout, ...look }) : /* @__PURE__ */ import_react17.default.createElement(
+        const moved = children.length === 1 ? import_react18.default.cloneElement(children[0], { parentLayout: props.parentLayout, ...look }) : /* @__PURE__ */ import_react18.default.createElement(
           "div",
           {
             ref: this.wrapperRef,
@@ -72477,15 +72630,15 @@ var init_Drag = __esm({
               ...look.style
             }
           },
-          children.map((c) => import_react17.default.cloneElement(c, { parentLayout: "column" }))
+          children.map((c) => import_react18.default.cloneElement(c, { parentLayout: "column" }))
         );
-        return /* @__PURE__ */ import_react17.default.createElement(
+        return /* @__PURE__ */ import_react18.default.createElement(
           import_react_draggable.default,
           {
             nodeRef: this.draggableNodeRef,
             axis: props.axis,
             bounds,
-            disabled: props.enabled === false,
+            disabled: !dragEnabled(props.enabled),
             cancel: DRAG_CANCEL,
             scale: props.scale || 1,
             position: { x: this.state.x, y: this.state.y },
@@ -72651,7 +72804,7 @@ var init_drag = __esm({
         enabled: {
           group: "Drag",
           displayName: "Enabled",
-          description: "Lets the user drag this element; when off it still renders and still responds to the Snap actions",
+          description: 'Lets the user drag this element; when off (false, 0, empty or the text "false") it still renders and still responds to the Snap actions',
           type: "boolean",
           default: true
         },
@@ -76620,13 +76773,13 @@ function safely(value2) {
   }
   return safeAlignment ? `safe ${value2}` : value2;
 }
-var import_core, import_mouse_wheel, import_scroll_bar, import_react18, import_patched_momentum_scroll, safeAlignment, Group;
+var import_core, import_mouse_wheel, import_scroll_bar, import_react19, import_patched_momentum_scroll, safeAlignment, Group;
 var init_Group = __esm({
   "../noodl-viewer-react/src/components/visual/Group/Group.tsx"() {
     import_core = __toESM(require_core3());
     import_mouse_wheel = __toESM(require_mouse_wheel_min());
     import_scroll_bar = __toESM(require_scroll_bar_min());
-    import_react18 = __toESM(require_react());
+    import_react19 = __toESM(require_react());
     init_default_style_layer();
     init_layout();
     init_pointerlisteners();
@@ -76637,7 +76790,7 @@ var init_Group = __esm({
     import_core.default.use(nested_scroll_plugin_default);
     import_core.default.use(import_mouse_wheel.default);
     import_core.default.use(slide_scroll_plugin_default);
-    Group = class extends import_react18.default.Component {
+    Group = class extends import_react19.default.Component {
       constructor(props) {
         super(props);
         this.state = {};
@@ -76647,7 +76800,7 @@ var init_Group = __esm({
           if (el) el.noodlNode = this.props.noodlNode;
         };
         this.scrollNeedsToInit = false;
-        this.scrollRef = import_react18.default.createRef();
+        this.scrollRef = import_react19.default.createRef();
       }
       componentDidMount() {
         if (this.props.scrollEnabled && !this.props.nativeScroll) {
@@ -76842,7 +76995,7 @@ var init_Group = __esm({
         }
         return (
           // `data-ndl-slots`: the cards sit in here, not in the Group's own element — drag-drop.ts counts Drop Index among them (P107-C88)
-          /* @__PURE__ */ import_react18.default.createElement("div", { className: "scroll-wrapper-internal", "data-ndl-slots": "", style: childStyle }, this.props.children)
+          /* @__PURE__ */ import_react19.default.createElement("div", { className: "scroll-wrapper-internal", "data-ndl-slots": "", style: childStyle }, this.props.children)
         );
       }
       /**
@@ -76903,7 +77056,7 @@ var init_Group = __esm({
           style2.pointerEvents = "none";
         }
         const defaultsClass = layerDefaults(style2);
-        return /* @__PURE__ */ import_react18.default.createElement(
+        return /* @__PURE__ */ import_react19.default.createElement(
           Component,
           {
             className: withDefaultsClass(props.className, defaultsClass),
@@ -77452,24 +77605,24 @@ function Icon(props) {
     if (props.iconSourceType === "image" && props.iconImageSource !== void 0) {
       style3.width = props.iconSize;
       style3.height = props.iconSize;
-      return /* @__PURE__ */ import_react19.default.createElement("img", { alt: "", src: props.iconImageSource, style: style3 });
+      return /* @__PURE__ */ import_react20.default.createElement("img", { alt: "", src: props.iconImageSource, style: style3 });
     } else if (props.iconSourceType === "icon" && props.iconIconSource !== void 0) {
       style3.fontSize = props.iconSize;
       style3.color = props.iconColor;
       style3.lineHeight = 1;
-      return /* @__PURE__ */ import_react19.default.createElement("div", { style: { lineHeight: 0 } }, /* @__PURE__ */ import_react19.default.createElement(IconGlyph, { source: props.iconIconSource, style: style3 }));
+      return /* @__PURE__ */ import_react20.default.createElement("div", { style: { lineHeight: 0 } }, /* @__PURE__ */ import_react20.default.createElement(IconGlyph, { source: props.iconIconSource, style: style3 }));
     }
     return null;
   }
   let className = "ndl-visual-icon";
   if (props.className) className = className + " " + props.className;
   const defaultsClass = layerDefaults(style2);
-  return /* @__PURE__ */ import_react19.default.createElement("div", { ref: noodlRootRef(props.noodlNode), ...dataAttributeProps(props.dom), className: withDefaultsClass(className, defaultsClass), style: style2 }, _renderIcon());
+  return /* @__PURE__ */ import_react20.default.createElement("div", { ref: noodlRootRef(props.noodlNode), ...dataAttributeProps(props.dom), className: withDefaultsClass(className, defaultsClass), style: style2 }, _renderIcon());
 }
-var import_react19;
+var import_react20;
 var init_Icon = __esm({
   "../noodl-viewer-react/src/components/visual/Icon/Icon.tsx"() {
-    import_react19 = __toESM(require_react());
+    import_react20 = __toESM(require_react());
     init_default_style_layer();
     init_layout();
     init_noodl_root_ref();
@@ -77549,7 +77702,7 @@ function Image(props) {
     }
   }
   const defaultsClass = layerDefaults(style2);
-  return /* @__PURE__ */ import_react20.default.createElement(
+  return /* @__PURE__ */ import_react21.default.createElement(
     "img",
     {
       ref: noodlRootRef(props.noodlNode),
@@ -77562,10 +77715,10 @@ function Image(props) {
     }
   );
 }
-var import_react20, import_types6;
+var import_react21, import_types6;
 var init_Image = __esm({
   "../noodl-viewer-react/src/components/visual/Image/Image.tsx"() {
-    import_react20 = __toESM(require_react());
+    import_react21 = __toESM(require_react());
     init_default_style_layer();
     init_layout();
     init_pointerlisteners();
@@ -77809,7 +77962,7 @@ function Text(props) {
     style2.pointerEvents = "none";
   }
   const defaultsClass = layerDefaults(style2);
-  return /* @__PURE__ */ import_react21.default.createElement(
+  return /* @__PURE__ */ import_react22.default.createElement(
     Component,
     {
       ref: noodlRootRef(props.noodlNode),
@@ -77821,10 +77974,10 @@ function Text(props) {
     renderableText(props.text)
   );
 }
-var import_react21;
+var import_react22;
 var init_Text = __esm({
   "../noodl-viewer-react/src/components/visual/Text/Text.tsx"() {
-    import_react21 = __toESM(require_react());
+    import_react22 = __toESM(require_react());
     init_default_style_layer();
     init_layout();
     init_pointerlisteners();
@@ -78050,6 +78203,9 @@ function seconds(value2) {
   if (!isFinite(n)) return void 0;
   return Math.max(0, n);
 }
+function startSeconds(startTime) {
+  return seconds(startTime) ?? 0;
+}
 function withMediaFragment(src, startTime, endTime) {
   if (typeof src !== "string" || src === "") return src;
   const start = seconds(startTime);
@@ -78158,10 +78314,10 @@ var init_video_embed = __esm({
 });
 
 // ../noodl-viewer-react/src/components/visual/Video/Video.tsx
-var import_react22, import_types7, SILENT_PLAY_REJECTIONS, CachedVideo, Video;
+var import_react23, import_types7, SILENT_PLAY_REJECTIONS, CachedVideo, Video;
 var init_Video = __esm({
   "../noodl-viewer-react/src/components/visual/Video/Video.tsx"() {
-    import_react22 = __toESM(require_react());
+    import_react23 = __toESM(require_react());
     init_default_style_layer();
     init_layout();
     init_pointerlisteners();
@@ -78169,7 +78325,7 @@ var init_Video = __esm({
     init_video_embed();
     import_types7 = __toESM(require_types2());
     SILENT_PLAY_REJECTIONS = ["AbortError"];
-    CachedVideo = class extends import_react22.default.PureComponent {
+    CachedVideo = class extends import_react23.default.PureComponent {
       componentDidUpdate() {
         if (this.video) {
           this.video.muted = this.props.muted;
@@ -78188,7 +78344,7 @@ var init_Video = __esm({
             src = baseUrl + src.substring(1);
           }
         }
-        return /* @__PURE__ */ import_react22.default.createElement(
+        return /* @__PURE__ */ import_react23.default.createElement(
           "video",
           {
             ...videoProps,
@@ -78203,7 +78359,7 @@ var init_Video = __esm({
         );
       }
     };
-    Video = class extends import_react22.default.Component {
+    Video = class extends import_react23.default.Component {
       constructor(props) {
         super(props);
         this.wantToPlay = false;
@@ -78262,7 +78418,7 @@ var init_Video = __esm({
       restart() {
         this.wantToPlay = true;
         if (this.canPlay) {
-          this.video.currentTime = 0;
+          this.video.currentTime = startSeconds(this.props.dom?.startTime);
           this.startPlayback();
         }
       }
@@ -78273,7 +78429,7 @@ var init_Video = __esm({
       reset() {
         this.wantToPlay = false;
         if (this.video) {
-          this.video.currentTime = 0;
+          this.video.currentTime = startSeconds(this.props.dom?.startTime);
           this.video.pause();
         }
       }
@@ -78298,7 +78454,7 @@ var init_Video = __esm({
           muted: props.dom?.muted
         });
         if (embed.kind === "iframe") {
-          return /* @__PURE__ */ import_react22.default.createElement(
+          return /* @__PURE__ */ import_react23.default.createElement(
             "iframe",
             {
               className: withDefaultsClass(props.className, defaultsClass),
@@ -78315,7 +78471,7 @@ var init_Video = __esm({
             }
           );
         }
-        return /* @__PURE__ */ import_react22.default.createElement(
+        return /* @__PURE__ */ import_react23.default.createElement(
           CachedVideo,
           {
             ...props.dom,
@@ -78420,7 +78576,7 @@ var init_video = __esm({
           type: "signal",
           group: "Video Actions",
           displayName: "Restart",
-          description: "Seeks to the beginning and plays, then fires Done",
+          description: "Seeks to Start Time (the beginning when there is none) and plays, then fires Done",
           tooltip: {
             standard: "Restart the video from the beginning"
           },
@@ -78455,7 +78611,7 @@ var init_video = __esm({
           type: "signal",
           group: "Video Actions",
           displayName: "Reset",
-          description: "Stops playback and seeks to the beginning",
+          description: "Stops playback and seeks to Start Time (the beginning when there is none)",
           valueChangedToTrue() {
             this.outcomeOnInnerComponent((inner) => inner.reset(), { code: "video/reset-failed" });
           }
@@ -78965,7 +79121,7 @@ var init_utils3 = __esm({
 
 // ../noodl-viewer-react/src/nodes-deprecated/controls/button.tsx
 function Button2(props) {
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     props.focusChanged && props.focusChanged(false);
     props.hoverChanged && props.hoverChanged(false);
     props.pressedChanged && props.pressedChanged(false);
@@ -78981,7 +79137,7 @@ function Button2(props) {
   }
   let className = "ndl-controls-button";
   if (props.className) className = className + " " + props.className;
-  return /* @__PURE__ */ import_react23.default.createElement(
+  return /* @__PURE__ */ import_react24.default.createElement(
     "button",
     {
       className,
@@ -78995,10 +79151,10 @@ function Button2(props) {
     props.children
   );
 }
-var import_react23, ButtonNode2, definition, button_default2;
+var import_react24, ButtonNode2, definition, button_default2;
 var init_button2 = __esm({
   "../noodl-viewer-react/src/nodes-deprecated/controls/button.tsx"() {
-    import_react23 = __toESM(require_react());
+    import_react24 = __toESM(require_react());
     init_fontloader();
     init_guid();
     init_layout();
@@ -79014,6 +79170,7 @@ var init_button2 = __esm({
       // `displayName`. The picker therefore offered two entries reading the same word, and
       // the one an author was most likely to reach for was this one.
       deprecated: true,
+      replacedBy: "net.noodl.controls.button",
       docs: "https://docs.noodl.net/nodes/visual/button",
       allowChildren: true,
       noodlNodeAsProp: true,
@@ -79396,11 +79553,11 @@ function _styleTemplate3(_class, props) {
     `;
 }
 function CheckBox(props) {
-  const [checked, setChecked] = (0, import_react24.useState)(props.checked);
-  (0, import_react24.useEffect)(() => {
+  const [checked, setChecked] = (0, import_react25.useState)(props.checked);
+  (0, import_react25.useEffect)(() => {
     setChecked(!!props.checked);
   }, []);
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     setChecked(!!props.checked);
   }, [props.checked]);
   const style2 = { ...props.style };
@@ -79417,7 +79574,7 @@ function CheckBox(props) {
   );
   let className = "ndl-controls-checkbox-" + props._nodeId + " ndl-controls-checkbox";
   if (props.className) className = className + " " + props.className;
-  return /* @__PURE__ */ import_react24.default.createElement(
+  return /* @__PURE__ */ import_react25.default.createElement(
     "input",
     {
       className,
@@ -79434,10 +79591,10 @@ function CheckBox(props) {
     }
   );
 }
-var import_react24, CheckBoxNode2, checkbox_default2;
+var import_react25, CheckBoxNode2, checkbox_default2;
 var init_checkbox2 = __esm({
   "../noodl-viewer-react/src/nodes-deprecated/controls/checkbox.tsx"() {
-    import_react24 = __toESM(require_react());
+    import_react25 = __toESM(require_react());
     init_guid();
     init_layout();
     init_node_shared_port_definitions();
@@ -79452,6 +79609,7 @@ var init_checkbox2 = __esm({
       // `displayName`. The picker therefore offered two entries reading the same word, and
       // the one an author was most likely to reach for was this one.
       deprecated: true,
+      replacedBy: "net.noodl.controls.checkbox",
       displayName: "Checkbox",
       docs: "https://docs.noodl.net/nodes/visual/checkbox",
       allowChildren: false,
@@ -79711,12 +79869,12 @@ function FieldSet(props) {
   layout_default.align(style2, props);
   let className = "ndl-controls-fieldset";
   if (props.className) className = className + " " + props.className;
-  return /* @__PURE__ */ import_react25.default.createElement("fieldset", { className, ...dataAttributeProps(props.dom), style: style2 }, props.children);
+  return /* @__PURE__ */ import_react26.default.createElement("fieldset", { className, ...dataAttributeProps(props.dom), style: style2 }, props.children);
 }
-var import_react25, FieldSetNode, fieldset_default;
+var import_react26, FieldSetNode, fieldset_default;
 var init_fieldset = __esm({
   "../noodl-viewer-react/src/nodes-deprecated/controls/fieldset.tsx"() {
-    import_react25 = __toESM(require_react());
+    import_react26 = __toESM(require_react());
     init_flex();
     init_layout();
     init_node_shared_port_definitions();
@@ -79792,7 +79950,7 @@ function Form(props) {
   layout_default.align(style2, props);
   let className = "ndl-controls-form";
   if (props.className) className = className + " " + props.className;
-  return /* @__PURE__ */ import_react26.default.createElement(
+  return /* @__PURE__ */ import_react27.default.createElement(
     "form",
     {
       className,
@@ -79806,10 +79964,10 @@ function Form(props) {
     props.children
   );
 }
-var import_react26, FormNode, form_default;
+var import_react27, FormNode, form_default;
 var init_form = __esm({
   "../noodl-viewer-react/src/nodes-deprecated/controls/form.tsx"() {
-    import_react26 = __toESM(require_react());
+    import_react27 = __toESM(require_react());
     init_flex();
     init_layout();
     init_node_shared_port_definitions();
@@ -79895,12 +80053,12 @@ function Label(props) {
   };
   let className = "ndl-controls-label";
   if (props.className) className = className + " " + props.className;
-  return /* @__PURE__ */ import_react27.default.createElement("label", { className, style: style2, ...tagProps, ...dataAttributeProps(props.dom) }, props.text);
+  return /* @__PURE__ */ import_react28.default.createElement("label", { className, style: style2, ...tagProps, ...dataAttributeProps(props.dom) }, props.text);
 }
-var import_react27, LabelNode, label_default;
+var import_react28, LabelNode, label_default;
 var init_label = __esm({
   "../noodl-viewer-react/src/nodes-deprecated/controls/label.tsx"() {
-    import_react27 = __toESM(require_react());
+    import_react28 = __toESM(require_react());
     init_layout();
     init_node_shared_port_definitions();
     init_react_component_node();
@@ -79912,6 +80070,7 @@ var init_label = __esm({
       allowChildren: true,
       noodlNodeAsProp: true,
       deprecated: true,
+      replacedBy: "Text",
       getReactComponent() {
         return Label;
       },
@@ -79937,11 +80096,11 @@ var init_label = __esm({
 
 // ../noodl-viewer-react/src/nodes-deprecated/controls/options.tsx
 function Options(props) {
-  const [value2, setValue] = (0, import_react28.useState)(props.value);
-  (0, import_react28.useEffect)(() => {
+  const [value2, setValue] = (0, import_react29.useState)(props.value);
+  (0, import_react29.useEffect)(() => {
     setValue(props.value);
   }, []);
-  (0, import_react28.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     setValue(props.value);
   }, [props.value]);
   let style2 = { ...props.style };
@@ -79957,7 +80116,7 @@ function Options(props) {
   const tagProps = { id: props.id, style: style2, onClick: props.onClick };
   let className = "ndl-controls-select";
   if (props.className) className = className + " " + props.className;
-  return /* @__PURE__ */ import_react28.default.createElement(
+  return /* @__PURE__ */ import_react29.default.createElement(
     "select",
     {
       className,
@@ -79974,7 +80133,7 @@ function Options(props) {
         props.valueChanged && props.valueChanged(e.target.value);
       }
     },
-    props.items !== void 0 ? props.items.map((i2) => /* @__PURE__ */ import_react28.default.createElement(
+    props.items !== void 0 ? props.items.map((i2) => /* @__PURE__ */ import_react29.default.createElement(
       "option",
       {
         value: i2.Value,
@@ -79985,10 +80144,10 @@ function Options(props) {
     )) : null
   );
 }
-var import_react28, OptionsNode2, definition2, options_default2;
+var import_react29, OptionsNode2, definition2, options_default2;
 var init_options2 = __esm({
   "../noodl-viewer-react/src/nodes-deprecated/controls/options.tsx"() {
-    import_react28 = __toESM(require_react());
+    import_react29 = __toESM(require_react());
     init_fontloader();
     init_guid();
     init_layout();
@@ -80004,6 +80163,7 @@ var init_options2 = __esm({
       // `displayName`. The picker therefore offered two entries reading the same word, and
       // the one an author was most likely to reach for was this one.
       deprecated: true,
+      replacedBy: "net.noodl.controls.options",
       displayName: "Options",
       docs: "https://docs.noodl.net/nodes/visual/options",
       allowChildren: false,
@@ -80335,7 +80495,7 @@ function _styleTemplate4(_class, props) {
     `;
 }
 function RadioButton2(props) {
-  const radioButtonGroup = (0, import_react29.useContext)(radiobuttoncontext_default);
+  const radioButtonGroup = (0, import_react30.useContext)(radiobuttoncontext_default);
   const style2 = { ...props.style };
   layout_default.size(style2, props);
   layout_default.align(style2, props);
@@ -80351,7 +80511,7 @@ function RadioButton2(props) {
   );
   let className = "ndl-controls-radiobutton-" + props._nodeId + " ndl-controls-radiobutton";
   if (props.className) className = className + " " + props.className;
-  return /* @__PURE__ */ import_react29.default.createElement(
+  return /* @__PURE__ */ import_react30.default.createElement(
     "input",
     {
       className,
@@ -80368,10 +80528,10 @@ function RadioButton2(props) {
     }
   );
 }
-var import_react29, RadioButtonNode2, radiobutton_default2;
+var import_react30, RadioButtonNode2, radiobutton_default2;
 var init_radiobutton2 = __esm({
   "../noodl-viewer-react/src/nodes-deprecated/controls/radiobutton.tsx"() {
-    import_react29 = __toESM(require_react());
+    import_react30 = __toESM(require_react());
     init_radiobuttoncontext();
     init_guid();
     init_layout();
@@ -80387,6 +80547,7 @@ var init_radiobutton2 = __esm({
       // `displayName`. The picker therefore offered two entries reading the same word, and
       // the one an author was most likely to reach for was this one.
       deprecated: true,
+      replacedBy: "net.noodl.controls.radiobutton",
       displayName: "Radio Button",
       docs: "https://docs.noodl.net/nodes/visual/radiobutton",
       allowChildren: false,
@@ -80692,11 +80853,11 @@ function _styleTemplate5(_class, props) {
     `;
 }
 function Range(props) {
-  const [value2, setValue] = (0, import_react30.useState)(props.value);
-  (0, import_react30.useEffect)(() => {
+  const [value2, setValue] = (0, import_react31.useState)(props.value);
+  (0, import_react31.useEffect)(() => {
     setValue(props.value);
   }, []);
-  (0, import_react30.useEffect)(() => {
+  (0, import_react31.useEffect)(() => {
     setValue(props.value);
   }, [props.value]);
   const style2 = { ...props.style };
@@ -80706,7 +80867,7 @@ function Range(props) {
   utils_default2.updateStylesForClass("ndl-controls-range-" + props._nodeId, props, _styleTemplate5);
   let className = "ndl-controls-range-" + props._nodeId + " ndl-controls-range";
   if (props.className) className = className + " " + props.className;
-  return /* @__PURE__ */ import_react30.default.createElement(
+  return /* @__PURE__ */ import_react31.default.createElement(
     "input",
     {
       className,
@@ -80723,10 +80884,10 @@ function Range(props) {
     }
   );
 }
-var import_react30, RangeNode2, range_default;
+var import_react31, RangeNode2, range_default;
 var init_range = __esm({
   "../noodl-viewer-react/src/nodes-deprecated/controls/range.tsx"() {
-    import_react30 = __toESM(require_react());
+    import_react31 = __toESM(require_react());
     init_guid();
     init_layout();
     init_node_shared_port_definitions();
@@ -80741,6 +80902,7 @@ var init_range = __esm({
       // `displayName`. The picker therefore offered two entries reading the same word, and
       // the one an author was most likely to reach for was this one.
       deprecated: true,
+      replacedBy: "net.noodl.controls.range",
       docs: "https://docs.noodl.net/nodes/visual/range",
       allowChildren: false,
       noodlNodeAsProp: true,
@@ -81002,10 +81164,10 @@ function preventGlobalFocusChange2(e) {
   e.stopPropagation();
   window.removeEventListener("click", preventGlobalFocusChange2, true);
 }
-var import_react31, TextFieldComponent, TextInput2, definition3, text_input_default2;
+var import_react32, TextFieldComponent, TextInput2, definition3, text_input_default2;
 var init_text_input2 = __esm({
   "../noodl-viewer-react/src/nodes-deprecated/controls/text-input.tsx"() {
-    import_react31 = __toESM(require_react());
+    import_react32 = __toESM(require_react());
     init_fontloader();
     init_guid();
     init_layout();
@@ -81013,13 +81175,13 @@ var init_text_input2 = __esm({
     init_react_component_node();
     init_noodl_root_ref();
     init_utils3();
-    TextFieldComponent = class extends import_react31.default.Component {
+    TextFieldComponent = class extends import_react32.default.Component {
       constructor(props) {
         super(props);
         this.state = {
           value: props.startValue
         };
-        this.ref = import_react31.default.createRef();
+        this.ref = import_react32.default.createRef();
       }
       setText(value2) {
         this.setState({ value: value2 });
@@ -81049,7 +81211,7 @@ var init_text_input2 = __esm({
           onChange: (e) => this.onChange(e)
         };
         if (this.props.type !== "textArea") {
-          return /* @__PURE__ */ import_react31.default.createElement(
+          return /* @__PURE__ */ import_react32.default.createElement(
             "input",
             {
               ref: this.ref,
@@ -81061,7 +81223,7 @@ var init_text_input2 = __esm({
           );
         } else {
           sharedProps.style.resize = "none";
-          return /* @__PURE__ */ import_react31.default.createElement(
+          return /* @__PURE__ */ import_react32.default.createElement(
             "textarea",
             {
               ref: this.ref,
@@ -81095,6 +81257,7 @@ var init_text_input2 = __esm({
       // `displayName`. The picker therefore offered two entries reading the same word, and
       // the one an author was most likely to reach for was this one.
       deprecated: true,
+      replacedBy: "net.noodl.controls.textinput",
       docs: "https://docs.noodl.net/nodes/visual/text-input",
       allowChildren: false,
       noodlNodeAsProp: true,
@@ -82372,9 +82535,14 @@ function _typename(type) {
   if (typeof type === "string") return type;
   else return type.name;
 }
+function _isSignalPort(node, plug, name2) {
+  const modelPort = (plug === "input" ? node.model.inputPorts : node.model.outputPorts)[name2];
+  const type = modelPort !== void 0 ? modelPort.type : node._internal.codePorts[plug][name2];
+  return type !== void 0 && _typename(type) === "signal";
+}
 function userInputSetter(name2, value2) {
   if (this._internal.hasParsedCode === true) {
-    if (this.model.inputPorts[name2] !== void 0 && _typename(this.model.inputPorts[name2].type) === "signal") {
+    if (_isSignalPort(this, "input", name2)) {
       if (this._internal.definedObject && typeof this._internal.definedObject[name2] === "function") {
         if (value2) scheduleSignal.call(this, name2);
       }
@@ -82462,6 +82630,7 @@ var init_javascript = __esm({
         internal2.destroyFunction = void 0;
         internal2.setupFunction = void 0;
         internal2.hasParsedCode = false;
+        internal2.codePorts = { input: {}, output: {} };
         internal2.changedInputs = {};
         internal2.signalScheduled = {};
         internal2.killed = false;
@@ -82659,7 +82828,13 @@ var init_javascript = __esm({
               }
             }
           });
-          Object.keys(this.model.outputPorts).forEach((name2) => {
+          const codePorts = { input: {}, output: {} };
+          for (const p of parser.getPorts()) {
+            if ((p.plug === "input" || p.plug === "output") && p.type !== void 0) codePorts[p.plug][p.name] = p.type;
+          }
+          this._internal.codePorts = codePorts;
+          const codeSignals = Object.keys(codePorts.output).filter((name2) => _typename(codePorts.output[name2]) === "signal");
+          (/* @__PURE__ */ new Set([...Object.keys(this.model.outputPorts), ...codeSignals])).forEach((name2) => {
             this.registerOutputIfNeeded(name2);
           });
           this._internal.setupFunction = parser.setup;
@@ -82696,15 +82871,15 @@ var init_javascript = __esm({
             return;
           }
           const self2 = this;
-          const isSignal = _typename(this.model.outputPorts[name2].type) === "signal";
+          const isSignal = () => _isSignalPort(self2, "output", name2);
           Object.defineProperty(this._internal.outputProperties, name2, {
             set: function(value2) {
-              if (isSignal) return;
+              if (isSignal()) return;
               self2._internal.outputValues[name2] = value2;
               self2.flagOutputDirty(name2);
             },
             get: function() {
-              if (isSignal)
+              if (isSignal())
                 return () => {
                   if (self2.hasOutput(name2)) self2.sendSignalOnOutput(name2);
                 };
@@ -82830,6 +83005,10 @@ var init_javascript = __esm({
               }
             ];
             const _outputTypeEnums = [
+              {
+                value: "*",
+                label: "Any"
+              },
               {
                 value: "string",
                 label: "String"
@@ -82868,7 +83047,7 @@ var init_javascript = __esm({
                     enums: _outputTypeEnums,
                     allowEditOnly: true
                   },
-                  default: "string",
+                  default: "*",
                   parent: "scriptOutputs",
                   parentItemId: p.id
                 });
@@ -89334,7 +89513,7 @@ function updatePorts6(nodeId, _parameters, editorConnection, systemCollections)
     const c = systemCollections.find((c2) => c2.name === "_User");
     if (c && c.schema && c.schema.properties) {
       const props = c.schema.properties;
-      const _ignoreKeys = ["authData", "password", "username", "createdAt", "updatedAt", "emailVerified", "email"];
+      const _ignoreKeys = ["authData", "password", "username", "createdAt", "updatedAt", "emailVerified", "email", "ACL"];
       for (const key in props) {
         if (_ignoreKeys.indexOf(key) !== -1) continue;
         const p = props[key];
@@ -90735,6 +90914,7 @@ var init_cloudfunction = __esm({
       usePortAsLabel: "functionName",
       docs: "https://docs.noodl.net/nodes/data/cloud-data/cloud-function",
       deprecated: true,
+      replacedBy: "CloudFunction2",
       initialize: function() {
         this._internal.paramsValues = {};
       },
@@ -91012,6 +91192,7 @@ var init_componentstate = __esm({
       color: "component",
       docs: "https://docs.noodl.net/nodes/component-utilities/component-object",
       deprecated: true,
+      replacedBy: "net.noodl.ComponentObject",
       initialize: function() {
         this._internal.inputValues = {};
         this._internal.onModelChangedCallback = (args) => {
@@ -91224,6 +91405,7 @@ var init_parentcomponentstate = __esm({
       color: "component",
       docs: "https://docs.noodl.net/nodes/component-utilities/parent-component-object",
       deprecated: true,
+      replacedBy: "net.noodl.ParentComponentObject",
       initialize() {
         this._internal.inputValues = {};
         this._internal.onModelChangedCallback = (args) => {
@@ -91497,6 +91679,7 @@ var init_modelnode = __esm({
       color: "data",
       deprecated: true,
       // Use new model node
+      replacedBy: "Model2",
       initialize: function() {
         const internal2 = this._internal;
         internal2.inputValues = {};
@@ -91749,6 +91932,7 @@ var init_variablenode = __esm({
       color: "data",
       deprecated: true,
       // use newvariable instead
+      replacedBy: "Variable2",
       initialize: function() {
         const _this = this;
         const internal2 = this._internal;
@@ -93928,6 +94112,7 @@ var init_dbmodelnode = __esm({
       color: "data",
       deprecated: true,
       // Use record node
+      replacedBy: "DbModel2",
       initialize: function() {
         const internal2 = this._internal;
         internal2.inputValues = {};
@@ -94792,6 +94977,7 @@ var init_dbcollectionnode = __esm({
       color: "data",
       deprecated: true,
       // Use Query Records
+      replacedBy: "DbCollection2",
       initialize: function() {
         const _this = this;
         let collectionChangedScheduled = false;
@@ -95153,6 +95339,7 @@ var init_collectionnode = __esm({
       color: "data",
       deprecated: true,
       // Use new array node
+      replacedBy: "Collection2",
       initialize: function() {
         const _this = this;
         let collectionChangedScheduled = false;