@almadar/ui 5.17.0 → 5.18.0

package/dist/avl/index.js

@@ -6467,11 +6467,13 @@ var init_Icon = __esm({
       strokeWidth,
       style
     }) => {
+      const directIcon = typeof icon === "string" ? void 0 : icon;
+      const effectiveName = typeof icon === "string" ? icon : name;
       const family = useIconFamily();
       const RenderedComponent = React98__default.useMemo(() => {
-        if (icon) return null;
-        return name ? resolveIconForFamily(name, family) : null;
-      }, [icon, name, family]);
+        if (directIcon) return null;
+        return effectiveName ? resolveIconForFamily(effectiveName, family) : null;
+      }, [directIcon, effectiveName, family]);
       const effectiveStrokeWidth = strokeWidth ?? void 0;
       const inlineStyle = {
         ...effectiveStrokeWidth === void 0 ? { strokeWidth: "var(--icon-stroke-width, 2)" } : {},
@@ -6483,8 +6485,8 @@ var init_Icon = __esm({
         color ? color : "text-current",
         className
       );
-      if (icon) {
-        const Direct = icon;
+      if (directIcon) {
+        const Direct = directIcon;
         return /* @__PURE__ */ jsx(
           Direct,
           {
@@ -8196,7 +8198,7 @@ var init_Input = __esm({
         error,
         leftIcon,
         rightIcon,
-        icon: IconComponent,
+        icon: iconProp,
         clearable,
         onClear,
         value,
@@ -8206,6 +8208,7 @@ var init_Input = __esm({
         ...props
       }, ref) => {
         const type = inputType || htmlType || "text";
+        const IconComponent = typeof iconProp === "string" ? resolveIcon(iconProp) : iconProp;
         const resolvedLeftIcon = leftIcon || IconComponent && /* @__PURE__ */ jsx(IconComponent, { className: "h-icon-default w-icon-default" });
         const showClearButton = clearable && value && String(value).length > 0;
         const isMultiline = type === "textarea";
@@ -8753,7 +8756,7 @@ var init_Avatar = __esm({
       alt,
       name,
       initials: providedInitials,
-      icon: IconComponent,
+      icon: iconProp,
       size = "md",
       status,
       badge,
@@ -8764,6 +8767,7 @@ var init_Avatar = __esm({
     }) => {
       const eventBus = useEventBus();
       const initials = providedInitials ?? (name ? generateInitials(name) : void 0);
+      const IconComponent = typeof iconProp === "string" ? resolveIcon(iconProp) : iconProp;
       const hasImage = !!src;
       const hasInitials = !!initials;
       const hasIcon = !!IconComponent;
@@ -18751,6 +18755,7 @@ var init_StateMachineView = __esm({
         setTooltip((prev) => ({ ...prev, pinned: false, visible: false }));
       }, []);
       useEventListener("UI:TOOLTIP_CLOSE", handleCloseTooltip);
+      if (!layoutData) return null;
       const { width, height, title, states, labels, entity, outputs, config } = layoutData;
       const bundles = useMemo(() => {
         const bundleMap = {};
@@ -21095,13 +21100,14 @@ function BuilderBoard({
 }) {
   const { emit } = useEventBus();
   const { t } = useTranslate();
+  const resolved = Array.isArray(entity) ? entity[0] : entity;
   const [placements, setPlacements] = useState({});
   const [headerError, setHeaderError] = useState(false);
   const [submitted, setSubmitted] = useState(false);
   const [attempts, setAttempts] = useState(0);
   const [showHint, setShowHint] = useState(false);
-  const components = entity?.components ?? [];
-  const slots = entity?.slots ?? [];
+  const components = resolved?.components ?? [];
+  const slots = resolved?.slots ?? [];
   const usedComponentIds = new Set(Object.values(placements));
   const availableComponents = components.filter((c) => !usedComponentIds.has(c.id));
   const [selectedComponent, setSelectedComponent] = useState(null);
@@ -21135,7 +21141,7 @@ function BuilderBoard({
   }, [slots, placements, attempts, completeEvent, emit]);
   const handleReset = () => {
     setSubmitted(false);
-    if (attempts >= 2 && entity.hint) {
+    if (attempts >= 2 && resolved?.hint) {
       setShowHint(true);
     }
   };
@@ -21147,20 +21153,21 @@ function BuilderBoard({
     setShowHint(false);
   };
   const getComponentById = (id) => components.find((c) => c.id === id);
+  if (!resolved) return null;
   return /* @__PURE__ */ jsx(
     Box,
     {
       className,
       style: {
-        backgroundImage: entity.theme?.background ? `url(${entity.theme.background})` : void 0,
+        backgroundImage: resolved.theme?.background ? `url(${resolved.theme.background})` : void 0,
         backgroundSize: "cover",
         backgroundPosition: "center"
       },
       children: /* @__PURE__ */ jsxs(VStack, { gap: "lg", className: "p-4", children: [
-        entity.headerImage && !headerError ? /* @__PURE__ */ jsx(Box, { className: "w-full h-32 overflow-hidden rounded-container", children: /* @__PURE__ */ jsx("img", { src: entity.headerImage, alt: "", onError: () => setHeaderError(true), className: "w-full h-full object-cover" }) }) : entity.headerImage && headerError ? /* @__PURE__ */ jsx(Box, { className: "w-full h-32 rounded-container bg-gradient-to-br from-muted to-accent opacity-60" }) : null,
+        resolved.headerImage && !headerError ? /* @__PURE__ */ jsx(Box, { className: "w-full h-32 overflow-hidden rounded-container", children: /* @__PURE__ */ jsx("img", { src: resolved.headerImage, alt: "", onError: () => setHeaderError(true), className: "w-full h-full object-cover" }) }) : resolved.headerImage && headerError ? /* @__PURE__ */ jsx(Box, { className: "w-full h-32 rounded-container bg-gradient-to-br from-muted to-accent opacity-60" }) : null,
         /* @__PURE__ */ jsx(Card, { className: "p-4", children: /* @__PURE__ */ jsxs(VStack, { gap: "sm", children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "h4", weight: "bold", children: entity.title }),
-          /* @__PURE__ */ jsx(Typography, { variant: "body", children: entity.description })
+          /* @__PURE__ */ jsx(Typography, { variant: "h4", weight: "bold", children: resolved.title }),
+          /* @__PURE__ */ jsx(Typography, { variant: "body", children: resolved.description })
         ] }) }),
         /* @__PURE__ */ jsx(Card, { className: "p-4", children: /* @__PURE__ */ jsxs(VStack, { gap: "sm", children: [
           /* @__PURE__ */ jsx(Typography, { variant: "small", weight: "bold", className: "uppercase tracking-wider text-muted-foreground", children: t("builder.components") }),
@@ -21220,9 +21227,9 @@ function BuilderBoard({
         ] }) }),
         submitted && /* @__PURE__ */ jsx(Card, { className: "p-4", children: /* @__PURE__ */ jsxs(VStack, { gap: "sm", align: "center", children: [
           /* @__PURE__ */ jsx(Icon, { icon: allCorrect ? CheckCircle : XCircle, size: "lg", className: allCorrect ? "text-success" : "text-error" }),
-          /* @__PURE__ */ jsx(Typography, { variant: "body", weight: "bold", children: allCorrect ? entity.successMessage ?? t("builder.success") : entity.failMessage ?? t("builder.incorrect") })
+          /* @__PURE__ */ jsx(Typography, { variant: "body", weight: "bold", children: allCorrect ? resolved.successMessage ?? t("builder.success") : resolved.failMessage ?? t("builder.incorrect") })
         ] }) }),
-        showHint && entity.hint && /* @__PURE__ */ jsx(Card, { className: "p-4 border-l-4 border-l-warning", children: /* @__PURE__ */ jsx(Typography, { variant: "body", children: entity.hint }) }),
+        showHint && resolved.hint && /* @__PURE__ */ jsx(Card, { className: "p-4 border-l-4 border-l-warning", children: /* @__PURE__ */ jsx(Typography, { variant: "body", children: resolved.hint }) }),
         /* @__PURE__ */ jsxs(HStack, { gap: "sm", justify: "center", children: [
           !submitted ? /* @__PURE__ */ jsxs(Button, { variant: "primary", onClick: handleSubmit, disabled: !allPlaced, children: [
             /* @__PURE__ */ jsx(Icon, { icon: Wrench, size: "sm" }),
@@ -23763,11 +23770,12 @@ function CastleBoard({
   className
 }) {
   const eventBus = useEventBus();
-  const tiles = entity.tiles;
-  const features = entity.features ?? [];
-  const units = entity.units ?? [];
-  const assetManifest = entity.assetManifest;
-  const backgroundImage = entity.backgroundImage;
+  const resolved = Array.isArray(entity) ? entity[0] : entity;
+  const tiles = resolved?.tiles ?? [];
+  const features = resolved?.features ?? [];
+  const units = resolved?.units ?? [];
+  const assetManifest = resolved?.assetManifest;
+  const backgroundImage = resolved?.backgroundImage;
   const [hoveredTile, setHoveredTile] = useState(null);
   const [selectedFeature, setSelectedFeature] = useState(null);
   const hoveredFeature = useMemo(() => {
@@ -24672,13 +24680,14 @@ function ClassifierBoard({
 }) {
   const { emit } = useEventBus();
   const { t } = useTranslate();
+  const resolved = Array.isArray(entity) ? entity[0] : entity;
   const [assignments, setAssignments] = useState({});
   const [headerError, setHeaderError] = useState(false);
   const [submitted, setSubmitted] = useState(false);
   const [attempts, setAttempts] = useState(0);
   const [showHint, setShowHint] = useState(false);
-  const items = entity?.items ?? [];
-  const categories = entity?.categories ?? [];
+  const items = resolved?.items ?? [];
+  const categories = resolved?.categories ?? [];
   const unassignedItems = items.filter((item) => !assignments[item.id]);
   const allAssigned = Object.keys(assignments).length === items.length;
   const results = submitted ? items.map((item) => ({
@@ -24710,7 +24719,7 @@ function ClassifierBoard({
   }, [items, assignments, attempts, completeEvent, emit]);
   const handleReset = () => {
     setSubmitted(false);
-    if (attempts >= 2 && entity.hint) {
+    if (attempts >= 2 && resolved?.hint) {
       setShowHint(true);
     }
   };
@@ -24720,20 +24729,21 @@ function ClassifierBoard({
     setAttempts(0);
     setShowHint(false);
   };
+  if (!resolved) return null;
   return /* @__PURE__ */ jsx(
     Box,
     {
       className,
       style: {
-        backgroundImage: entity.theme?.background ? `url(${entity.theme.background})` : void 0,
+        backgroundImage: resolved.theme?.background ? `url(${resolved.theme.background})` : void 0,
         backgroundSize: "cover",
         backgroundPosition: "center"
       },
       children: /* @__PURE__ */ jsxs(VStack, { gap: "lg", className: "p-4", children: [
-        entity.headerImage && !headerError ? /* @__PURE__ */ jsx(Box, { className: "w-full h-32 overflow-hidden rounded-container", children: /* @__PURE__ */ jsx("img", { src: entity.headerImage, alt: "", onError: () => setHeaderError(true), className: "w-full h-full object-cover" }) }) : entity.headerImage && headerError ? /* @__PURE__ */ jsx(Box, { className: "w-full h-32 rounded-container bg-gradient-to-br from-muted to-accent opacity-60" }) : null,
+        resolved.headerImage && !headerError ? /* @__PURE__ */ jsx(Box, { className: "w-full h-32 overflow-hidden rounded-container", children: /* @__PURE__ */ jsx("img", { src: resolved.headerImage, alt: "", onError: () => setHeaderError(true), className: "w-full h-full object-cover" }) }) : resolved.headerImage && headerError ? /* @__PURE__ */ jsx(Box, { className: "w-full h-32 rounded-container bg-gradient-to-br from-muted to-accent opacity-60" }) : null,
         /* @__PURE__ */ jsx(Card, { className: "p-4", children: /* @__PURE__ */ jsxs(VStack, { gap: "sm", children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "h4", weight: "bold", children: entity.title }),
-          /* @__PURE__ */ jsx(Typography, { variant: "body", children: entity.description })
+          /* @__PURE__ */ jsx(Typography, { variant: "h4", weight: "bold", children: resolved.title }),
+          /* @__PURE__ */ jsx(Typography, { variant: "body", children: resolved.description })
         ] }) }),
         unassignedItems.length > 0 && /* @__PURE__ */ jsx(Card, { className: "p-4", children: /* @__PURE__ */ jsxs(VStack, { gap: "sm", children: [
           /* @__PURE__ */ jsx(Typography, { variant: "small", weight: "bold", className: "uppercase tracking-wider text-muted-foreground", children: t("classifier.itemsToSort") }),
@@ -24785,10 +24795,10 @@ function ClassifierBoard({
         }) }),
         submitted && /* @__PURE__ */ jsx(Card, { className: "p-4", children: /* @__PURE__ */ jsxs(VStack, { gap: "sm", align: "center", children: [
           /* @__PURE__ */ jsx(Icon, { icon: allCorrect ? CheckCircle : XCircle, size: "lg", className: allCorrect ? "text-success" : "text-error" }),
-          /* @__PURE__ */ jsx(Typography, { variant: "body", weight: "bold", children: allCorrect ? entity.successMessage ?? t("classifier.allCorrect") : `${correctCount}/${items.length} ${t("classifier.correct")}` }),
-          !allCorrect && entity.failMessage && /* @__PURE__ */ jsx(Typography, { variant: "body", className: "text-muted-foreground", children: entity.failMessage })
+          /* @__PURE__ */ jsx(Typography, { variant: "body", weight: "bold", children: allCorrect ? resolved.successMessage ?? t("classifier.allCorrect") : `${correctCount}/${items.length} ${t("classifier.correct")}` }),
+          !allCorrect && resolved.failMessage && /* @__PURE__ */ jsx(Typography, { variant: "body", className: "text-muted-foreground", children: resolved.failMessage })
         ] }) }),
-        showHint && entity.hint && /* @__PURE__ */ jsx(Card, { className: "p-4 border-l-4 border-l-warning", children: /* @__PURE__ */ jsx(Typography, { variant: "body", children: entity.hint }) }),
+        showHint && resolved.hint && /* @__PURE__ */ jsx(Card, { className: "p-4 border-l-4 border-l-warning", children: /* @__PURE__ */ jsx(Typography, { variant: "body", children: resolved.hint }) }),
         /* @__PURE__ */ jsxs(HStack, { gap: "sm", justify: "center", children: [
           !submitted ? /* @__PURE__ */ jsxs(Button, { variant: "primary", onClick: handleSubmit, disabled: !allAssigned, children: [
             /* @__PURE__ */ jsx(Icon, { icon: Send, size: "sm" }),
@@ -36123,7 +36133,7 @@ var init_OptionConstraintGroup = __esm({
       title,
       description,
       options,
-      constraint,
+      constraint = { type: "single" },
       selected = [],
       onChange,
       changeEvent,
@@ -38858,7 +38868,7 @@ function DataTable({
               children: /* @__PURE__ */ jsx(
                 EmptyState,
                 {
-                  icon: emptyIcon,
+                  icon: typeof emptyIcon === "string" ? resolveIcon(emptyIcon) : emptyIcon,
                   title: resolvedEmptyTitle,
                   description: resolvedEmptyDescription,
                   actionLabel: emptyAction?.label,
@@ -38987,6 +38997,7 @@ var init_DataTable = __esm({
     init_Stack();
     init_Typography();
     init_molecules();
+    init_Icon();
     init_useEventBus();
     init_useTranslate();
     init_types3();
@@ -39007,6 +39018,7 @@ function DebuggerBoard({
 }) {
   const { emit } = useEventBus();
   const { t } = useTranslate();
+  const resolved = Array.isArray(entity) ? entity[0] : entity;
   const [flaggedLines, setFlaggedLines] = useState(/* @__PURE__ */ new Set());
   const [headerError, setHeaderError] = useState(false);
   const [submitted, setSubmitted] = useState(false);
@@ -39024,7 +39036,7 @@ function DebuggerBoard({
       return next;
     });
   };
-  const lines = entity?.lines ?? [];
+  const lines = resolved?.lines ?? [];
   const bugLines = lines.filter((l) => l.isBug);
   const correctFlags = lines.filter((l) => l.isBug && flaggedLines.has(l.id));
   const falseFlags = lines.filter((l) => !l.isBug && flaggedLines.has(l.id));
@@ -39039,7 +39051,7 @@ function DebuggerBoard({
   }, [correctFlags.length, bugLines.length, falseFlags.length, attempts, completeEvent, emit]);
   const handleReset = () => {
     setSubmitted(false);
-    if (attempts >= 2 && entity.hint) {
+    if (attempts >= 2 && resolved?.hint) {
       setShowHint(true);
     }
   };
@@ -39049,24 +39061,25 @@ function DebuggerBoard({
     setAttempts(0);
     setShowHint(false);
   };
+  if (!resolved) return null;
   return /* @__PURE__ */ jsx(
     Box,
     {
       className,
       style: {
-        backgroundImage: entity.theme?.background ? `url(${entity.theme.background})` : void 0,
+        backgroundImage: resolved.theme?.background ? `url(${resolved.theme.background})` : void 0,
         backgroundSize: "cover",
         backgroundPosition: "center"
       },
       children: /* @__PURE__ */ jsxs(VStack, { gap: "lg", className: "p-4", children: [
-        entity.headerImage && !headerError ? /* @__PURE__ */ jsx(Box, { className: "w-full h-32 overflow-hidden rounded-container", children: /* @__PURE__ */ jsx("img", { src: entity.headerImage, alt: "", onError: () => setHeaderError(true), className: "w-full h-full object-cover" }) }) : entity.headerImage && headerError ? /* @__PURE__ */ jsx(Box, { className: "w-full h-32 rounded-container bg-gradient-to-br from-muted to-accent opacity-60" }) : null,
+        resolved.headerImage && !headerError ? /* @__PURE__ */ jsx(Box, { className: "w-full h-32 overflow-hidden rounded-container", children: /* @__PURE__ */ jsx("img", { src: resolved.headerImage, alt: "", onError: () => setHeaderError(true), className: "w-full h-full object-cover" }) }) : resolved.headerImage && headerError ? /* @__PURE__ */ jsx(Box, { className: "w-full h-32 rounded-container bg-gradient-to-br from-muted to-accent opacity-60" }) : null,
         /* @__PURE__ */ jsx(Card, { className: "p-4", children: /* @__PURE__ */ jsxs(VStack, { gap: "sm", children: [
           /* @__PURE__ */ jsxs(HStack, { gap: "xs", align: "center", children: [
             /* @__PURE__ */ jsx(Icon, { icon: Bug, size: "sm" }),
-            /* @__PURE__ */ jsx(Typography, { variant: "h4", weight: "bold", children: entity.title })
+            /* @__PURE__ */ jsx(Typography, { variant: "h4", weight: "bold", children: resolved.title })
           ] }),
-          /* @__PURE__ */ jsx(Typography, { variant: "body", children: entity.description }),
-          /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-muted-foreground", children: t("debugger.findBugs", { count: String(entity.bugCount) }) })
+          /* @__PURE__ */ jsx(Typography, { variant: "body", children: resolved.description }),
+          /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-muted-foreground", children: t("debugger.findBugs", { count: String(resolved.bugCount) }) })
         ] }) }),
         /* @__PURE__ */ jsx(Card, { className: "p-0 overflow-hidden", children: /* @__PURE__ */ jsx(VStack, { gap: "none", children: lines.map((line, i) => {
           const isFlagged = flaggedLines.has(line.id);
@@ -39098,7 +39111,7 @@ function DebuggerBoard({
           );
         }) }) }),
         submitted && /* @__PURE__ */ jsx(Card, { className: "p-4", children: /* @__PURE__ */ jsxs(VStack, { gap: "sm", children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "body", weight: "bold", children: allCorrect ? entity.successMessage ?? t("debugger.allFound") : `${correctFlags.length}/${bugLines.length} ${t("debugger.bugsFound")}` }),
+          /* @__PURE__ */ jsx(Typography, { variant: "body", weight: "bold", children: allCorrect ? resolved.successMessage ?? t("debugger.allFound") : `${correctFlags.length}/${bugLines.length} ${t("debugger.bugsFound")}` }),
           bugLines.map((line) => /* @__PURE__ */ jsxs(HStack, { gap: "xs", align: "start", children: [
             /* @__PURE__ */ jsx(
               Icon,
@@ -39114,7 +39127,7 @@ function DebuggerBoard({
             ] })
           ] }, line.id))
         ] }) }),
-        showHint && entity.hint && /* @__PURE__ */ jsx(Card, { className: "p-4 border-l-4 border-l-warning", children: /* @__PURE__ */ jsx(Typography, { variant: "body", children: entity.hint }) }),
+        showHint && resolved.hint && /* @__PURE__ */ jsx(Card, { className: "p-4 border-l-4 border-l-warning", children: /* @__PURE__ */ jsx(Typography, { variant: "body", children: resolved.hint }) }),
         /* @__PURE__ */ jsxs(HStack, { gap: "sm", justify: "center", children: [
           !submitted ? /* @__PURE__ */ jsxs(Button, { variant: "primary", onClick: handleSubmit, disabled: flaggedLines.size === 0, children: [
             /* @__PURE__ */ jsx(Icon, { icon: Send, size: "sm" }),
@@ -40246,7 +40259,8 @@ function EventHandlerBoard({
 }) {
   const { emit } = useEventBus();
   const { t } = useTranslate();
-  const entityObjects = entity?.objects ?? [];
+  const resolved = Array.isArray(entity) ? entity[0] : entity;
+  const entityObjects = resolved?.objects ?? [];
   const [objects, setObjects] = useState(entityObjects);
   const [selectedObjectId, setSelectedObjectId] = useState(
     entityObjects[0]?.id || null
@@ -40281,7 +40295,7 @@ function EventHandlerBoard({
         allRules.push({ object: obj, rule });
       });
     });
-    const triggers = entity.triggerEvents || [];
+    const triggers = resolved?.triggerEvents || [];
     const eventQueue = [...triggers];
     const firedEvents = /* @__PURE__ */ new Set();
     let stepIdx = 0;
@@ -40312,12 +40326,12 @@ function EventHandlerBoard({
         matching.forEach(({ object, rule }) => {
           addLogEntry(object.icon, t("eventHandler.heardEvent", { object: object.name, event: currentEvent, action: rule.thenAction }), "done");
           eventQueue.push(rule.thenAction);
-          if (rule.thenAction === entity.goalEvent) {
+          if (rule.thenAction === resolved?.goalEvent) {
             goalReached = true;
           }
         });
       }
-      if (currentEvent === entity.goalEvent) {
+      if (currentEvent === resolved?.goalEvent) {
         goalReached = true;
       }
       stepIdx++;
@@ -40327,7 +40341,7 @@ function EventHandlerBoard({
       addLogEntry("\u{1F3AC}", t("eventHandler.simulationStarted", { events: triggers.join(", ") }), "active");
     }
     timerRef.current = setTimeout(processNext, stepDurationMs);
-  }, [playState, objects, entity, stepDurationMs, playEvent, completeEvent, emit, addLogEntry, t]);
+  }, [playState, objects, resolved, stepDurationMs, playEvent, completeEvent, emit, addLogEntry, t]);
   const handleTryAgain = useCallback(() => {
     if (timerRef.current) clearTimeout(timerRef.current);
     setPlayState("editing");
@@ -40335,12 +40349,13 @@ function EventHandlerBoard({
   }, []);
   const handleReset = useCallback(() => {
     if (timerRef.current) clearTimeout(timerRef.current);
-    setObjects(entity?.objects ?? []);
+    setObjects(resolved?.objects ?? []);
     setPlayState("editing");
     setEventLog([]);
-    setSelectedObjectId((entity?.objects ?? [])[0]?.id || null);
+    setSelectedObjectId((resolved?.objects ?? [])[0]?.id || null);
     setAttempts(0);
-  }, [entity?.objects]);
+  }, [resolved?.objects]);
+  if (!resolved) return null;
   const objectViewers = objects.map((obj) => {
     const machine = {
       name: obj.name,
@@ -40354,25 +40369,25 @@ function EventHandlerBoard({
     };
     return { obj, machine };
   });
-  const showHint = attempts >= 3 && entity.hint;
+  const showHint = attempts >= 3 && resolved.hint;
   const encourageKey = ENCOURAGEMENT_KEYS[Math.min(attempts - 1, ENCOURAGEMENT_KEYS.length - 1)] ?? ENCOURAGEMENT_KEYS[0];
   return /* @__PURE__ */ jsxs(
     VStack,
     {
       className: cn("p-4 gap-6", className),
       style: {
-        backgroundImage: entity.theme?.background ? `url(${entity.theme.background})` : void 0,
+        backgroundImage: resolved.theme?.background ? `url(${resolved.theme.background})` : void 0,
         backgroundSize: "cover",
         backgroundPosition: "center"
       },
       children: [
-        entity.headerImage && !headerError ? /* @__PURE__ */ jsx(Box, { className: "w-full h-32 overflow-hidden rounded-container", children: /* @__PURE__ */ jsx("img", { src: entity.headerImage, alt: "", onError: () => setHeaderError(true), className: "w-full h-full object-cover" }) }) : entity.headerImage && headerError ? /* @__PURE__ */ jsx(Box, { className: "w-full h-32 rounded-container bg-gradient-to-br from-muted to-accent opacity-60" }) : null,
+        resolved.headerImage && !headerError ? /* @__PURE__ */ jsx(Box, { className: "w-full h-32 overflow-hidden rounded-container", children: /* @__PURE__ */ jsx("img", { src: resolved.headerImage, alt: "", onError: () => setHeaderError(true), className: "w-full h-full object-cover" }) }) : resolved.headerImage && headerError ? /* @__PURE__ */ jsx(Box, { className: "w-full h-32 rounded-container bg-gradient-to-br from-muted to-accent opacity-60" }) : null,
         /* @__PURE__ */ jsxs(VStack, { gap: "xs", children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "h4", className: "text-foreground", children: entity.title }),
-          /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-muted-foreground", children: entity.description }),
+          /* @__PURE__ */ jsx(Typography, { variant: "h4", className: "text-foreground", children: resolved.title }),
+          /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-muted-foreground", children: resolved.description }),
           /* @__PURE__ */ jsxs(HStack, { className: "items-center p-2 rounded bg-primary/10 border border-primary/30", gap: "xs", children: [
             /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-primary font-bold", children: t("game.goal") + ":" }),
-            /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-foreground", children: entity.goalCondition })
+            /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-foreground", children: resolved.goalCondition })
           ] })
         ] }),
         /* @__PURE__ */ jsxs(VStack, { gap: "sm", children: [
@@ -40403,12 +40418,12 @@ function EventHandlerBoard({
           }
         ),
         eventLog.length > 0 && /* @__PURE__ */ jsx(EventLog, { entries: eventLog }),
-        playState === "success" && /* @__PURE__ */ jsx(Box, { className: "p-4 rounded-container bg-success/20 border border-success text-center", children: /* @__PURE__ */ jsx(Typography, { variant: "h5", className: "text-success", children: entity.successMessage || t("eventHandler.chainComplete") }) }),
+        playState === "success" && /* @__PURE__ */ jsx(Box, { className: "p-4 rounded-container bg-success/20 border border-success text-center", children: /* @__PURE__ */ jsx(Typography, { variant: "h5", className: "text-success", children: resolved.successMessage || t("eventHandler.chainComplete") }) }),
         playState === "fail" && /* @__PURE__ */ jsxs(VStack, { gap: "sm", children: [
           /* @__PURE__ */ jsx(Box, { className: "p-4 rounded-container bg-warning/10 border border-warning/30 text-center", children: /* @__PURE__ */ jsx(Typography, { variant: "body1", className: "text-foreground font-medium", children: t(encourageKey) }) }),
           showHint && /* @__PURE__ */ jsx(Box, { className: "p-3 rounded-container bg-accent/10 border border-accent/30", children: /* @__PURE__ */ jsxs(HStack, { className: "items-start", gap: "xs", children: [
             /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-accent font-bold shrink-0", children: "\u{1F4A1} " + t("game.hint") + ":" }),
-            /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-foreground", children: entity.hint })
+            /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-foreground", children: resolved.hint })
           ] }) })
         ] }),
         /* @__PURE__ */ jsxs(HStack, { gap: "sm", children: [
@@ -43529,19 +43544,20 @@ function NegotiatorBoard({
 }) {
   const { emit } = useEventBus();
   const { t } = useTranslate();
+  const resolved = Array.isArray(entity) ? entity[0] : entity;
   const [history, setHistory] = useState([]);
   const [headerError, setHeaderError] = useState(false);
   const [showHint, setShowHint] = useState(false);
   const currentRound = history.length;
-  const isComplete = currentRound >= entity.totalRounds;
+  const isComplete = currentRound >= (resolved?.totalRounds ?? 0);
   const playerTotal = history.reduce((s, r2) => s + r2.playerPayoff, 0);
   const opponentTotal = history.reduce((s, r2) => s + r2.opponentPayoff, 0);
-  const won = isComplete && playerTotal >= entity.targetScore;
-  const actions = entity?.actions ?? [];
-  const payoffMatrix = entity?.payoffMatrix ?? [];
+  const won = isComplete && playerTotal >= (resolved?.targetScore ?? 0);
+  const actions = resolved?.actions ?? [];
+  const payoffMatrix = resolved?.payoffMatrix ?? [];
   const handleAction = useCallback((actionId) => {
     if (isComplete) return;
-    const opponentAction = getOpponentAction(entity.opponentStrategy, actions, history);
+    const opponentAction = getOpponentAction(resolved?.opponentStrategy ?? "random", actions, history);
     const payoff = payoffMatrix.find(
       (p2) => p2.playerAction === actionId && p2.opponentAction === opponentAction
     );
@@ -43554,41 +43570,42 @@ function NegotiatorBoard({
     };
     const newHistory = [...history, result];
     setHistory(newHistory);
-    if (newHistory.length >= entity.totalRounds) {
+    if (newHistory.length >= (resolved?.totalRounds ?? 0)) {
       const total = newHistory.reduce((s, r2) => s + r2.playerPayoff, 0);
-      if (total >= entity.targetScore) {
+      if (total >= (resolved?.targetScore ?? 0)) {
         emit(`UI:${completeEvent}`, { success: true, score: total });
       }
-      if (newHistory.length >= 3 && entity.hint) {
+      if (newHistory.length >= 3 && resolved?.hint) {
         setShowHint(true);
       }
     }
-  }, [isComplete, entity, actions, payoffMatrix, history, currentRound, completeEvent, emit]);
+  }, [isComplete, resolved, actions, payoffMatrix, history, currentRound, completeEvent, emit]);
   const handleReset = () => {
     setHistory([]);
     setShowHint(false);
   };
   const getActionLabel = (id) => actions.find((a) => a.id === id)?.label ?? id;
+  if (!resolved) return null;
   return /* @__PURE__ */ jsx(
     Box,
     {
       className,
       style: {
-        backgroundImage: entity.theme?.background ? `url(${entity.theme.background})` : void 0,
+        backgroundImage: resolved.theme?.background ? `url(${resolved.theme.background})` : void 0,
         backgroundSize: "cover",
         backgroundPosition: "center"
       },
       children: /* @__PURE__ */ jsxs(VStack, { gap: "lg", className: "p-4", children: [
-        entity.headerImage && !headerError ? /* @__PURE__ */ jsx(Box, { className: "w-full h-32 overflow-hidden rounded-container", children: /* @__PURE__ */ jsx("img", { src: entity.headerImage, alt: "", onError: () => setHeaderError(true), className: "w-full h-full object-cover" }) }) : entity.headerImage && headerError ? /* @__PURE__ */ jsx(Box, { className: "w-full h-32 rounded-container bg-gradient-to-br from-muted to-accent opacity-60" }) : null,
+        resolved.headerImage && !headerError ? /* @__PURE__ */ jsx(Box, { className: "w-full h-32 overflow-hidden rounded-container", children: /* @__PURE__ */ jsx("img", { src: resolved.headerImage, alt: "", onError: () => setHeaderError(true), className: "w-full h-full object-cover" }) }) : resolved.headerImage && headerError ? /* @__PURE__ */ jsx(Box, { className: "w-full h-32 rounded-container bg-gradient-to-br from-muted to-accent opacity-60" }) : null,
         /* @__PURE__ */ jsx(Card, { className: "p-4", children: /* @__PURE__ */ jsxs(VStack, { gap: "sm", children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "h4", weight: "bold", children: entity.title }),
-          /* @__PURE__ */ jsx(Typography, { variant: "body", children: entity.description }),
+          /* @__PURE__ */ jsx(Typography, { variant: "h4", weight: "bold", children: resolved.title }),
+          /* @__PURE__ */ jsx(Typography, { variant: "body", children: resolved.description }),
           /* @__PURE__ */ jsxs(HStack, { gap: "md", children: [
-            /* @__PURE__ */ jsx(Badge, { size: "sm", children: t("negotiator.round", { current: String(currentRound), total: String(entity.totalRounds) }) }),
+            /* @__PURE__ */ jsx(Badge, { size: "sm", children: t("negotiator.round", { current: String(currentRound), total: String(resolved.totalRounds) }) }),
             /* @__PURE__ */ jsxs(Badge, { size: "sm", children: [
               t("negotiator.target"),
               ": ",
-              entity.targetScore
+              resolved.targetScore
             ] })
           ] })
         ] }) }),
@@ -43637,16 +43654,16 @@ function NegotiatorBoard({
         ] }) }),
         isComplete && /* @__PURE__ */ jsx(Card, { className: "p-4", children: /* @__PURE__ */ jsxs(VStack, { gap: "sm", align: "center", children: [
           /* @__PURE__ */ jsx(Icon, { icon: CheckCircle, size: "lg", className: won ? "text-success" : "text-error" }),
-          /* @__PURE__ */ jsx(Typography, { variant: "body", weight: "bold", children: won ? entity.successMessage ?? t("negotiator.success") : entity.failMessage ?? t("negotiator.failed") }),
+          /* @__PURE__ */ jsx(Typography, { variant: "body", weight: "bold", children: won ? resolved.successMessage ?? t("negotiator.success") : resolved.failMessage ?? t("negotiator.failed") }),
           /* @__PURE__ */ jsxs(Typography, { variant: "caption", className: "text-muted-foreground", children: [
             t("negotiator.finalScore"),
             ": ",
             playerTotal,
             "/",
-            entity.targetScore
+            resolved.targetScore
           ] })
         ] }) }),
-        showHint && entity.hint && !won && /* @__PURE__ */ jsx(Card, { className: "p-4 border-l-4 border-l-warning", children: /* @__PURE__ */ jsx(Typography, { variant: "body", children: entity.hint }) }),
+        showHint && resolved.hint && !won && /* @__PURE__ */ jsx(Card, { className: "p-4 border-l-4 border-l-warning", children: /* @__PURE__ */ jsx(Typography, { variant: "body", children: resolved.hint }) }),
         isComplete && !won && /* @__PURE__ */ jsx(HStack, { justify: "center", children: /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: handleReset, children: t("negotiator.playAgain") }) })
       ] })
     }
@@ -46439,15 +46456,16 @@ function SequencerBoard({
 }) {
   const { emit } = useEventBus();
   const { t } = useTranslate();
+  const resolved = Array.isArray(entity) ? entity[0] : entity;
   const [headerError, setHeaderError] = useState(false);
   const [slots, setSlots] = useState(
-    () => Array.from({ length: entity.maxSlots }, () => void 0)
+    () => Array.from({ length: resolved?.maxSlots ?? 0 }, () => void 0)
   );
   const [playState, setPlayState] = useState("idle");
   const [currentStep, setCurrentStep] = useState(-1);
   const [attempts, setAttempts] = useState(0);
   const [slotFeedback, setSlotFeedback] = useState(
-    () => Array.from({ length: entity.maxSlots }, () => null)
+    () => Array.from({ length: resolved?.maxSlots ?? 0 }, () => null)
   );
   const timerRef = useRef(null);
   useEffect(() => () => {
@@ -46481,17 +46499,17 @@ function SequencerBoard({
   }, [emit]);
   const handleReset = useCallback(() => {
     if (timerRef.current) clearTimeout(timerRef.current);
-    setSlots(Array.from({ length: entity.maxSlots }, () => void 0));
+    setSlots(Array.from({ length: resolved?.maxSlots ?? 0 }, () => void 0));
     setPlayState("idle");
     setCurrentStep(-1);
     setAttempts(0);
-    setSlotFeedback(Array.from({ length: entity.maxSlots }, () => null));
-  }, [entity.maxSlots]);
+    setSlotFeedback(Array.from({ length: resolved?.maxSlots ?? 0 }, () => null));
+  }, [resolved?.maxSlots]);
   const filledSlots = slots.filter((s) => !!s);
   const canPlay = filledSlots.length > 0 && playState === "idle";
   const handlePlay = useCallback(() => {
     if (!canPlay) return;
-    setSlotFeedback(Array.from({ length: entity.maxSlots }, () => null));
+    setSlotFeedback(Array.from({ length: resolved?.maxSlots ?? 0 }, () => null));
     emit("UI:PLAY_SOUND", { key: "confirm" });
     const sequence = slots.map((s) => s?.id || "");
     if (playEvent) {
@@ -46502,10 +46520,10 @@ function SequencerBoard({
     let step = 0;
     const advance = () => {
       step++;
-      if (step >= entity.maxSlots) {
+      if (step >= (resolved?.maxSlots ?? 0)) {
         const playerSeq = slots.map((s) => s?.id);
         const playerIds = slots.filter(Boolean).map((s) => s?.id || "");
-        const success = entity.solutions.some(
+        const success = (resolved?.solutions ?? []).some(
           (sol) => sol.length === playerIds.length && sol.every((id, i) => id === playerIds[i])
         );
         if (success) {
@@ -46517,7 +46535,7 @@ function SequencerBoard({
           }
         } else {
           setAttempts((prev) => prev + 1);
-          const feedback = computeSlotFeedback(playerSeq, entity.solutions);
+          const feedback = computeSlotFeedback(playerSeq, resolved?.solutions ?? []);
           setSlotFeedback(feedback);
           setPlayState("idle");
           setCurrentStep(-1);
@@ -46535,10 +46553,10 @@ function SequencerBoard({
       }
     };
     timerRef.current = setTimeout(advance, stepDurationMs);
-  }, [canPlay, slots, entity.maxSlots, entity.solutions, stepDurationMs, playEvent, completeEvent, emit]);
+  }, [canPlay, slots, resolved?.maxSlots, resolved?.solutions, stepDurationMs, playEvent, completeEvent, emit]);
   const machine = {
-    name: entity.title,
-    description: entity.description,
+    name: resolved?.title ?? "",
+    description: resolved?.description ?? "",
     states: slots.map((s, i) => stepLabel(s, i)),
     currentState: currentStep >= 0 ? stepLabel(slots[currentStep], currentStep) : "__idle__",
     transitions: slots.slice(0, -1).map((s, i) => ({
@@ -46547,36 +46565,37 @@ function SequencerBoard({
       event: "NEXT"
     }))
   };
-  const usedIds = entity.allowDuplicates === false ? slots.filter(Boolean).map((s) => s?.id || "") : [];
-  const showHint = attempts >= 3 && !!entity.hint;
+  const usedIds = resolved?.allowDuplicates === false ? slots.filter(Boolean).map((s) => s?.id || "") : [];
+  const showHint = attempts >= 3 && !!resolved?.hint;
   const hasFeedback = slotFeedback.some((f3) => f3 !== null);
   const correctCount = slotFeedback.filter((f3) => f3 === "correct").length;
   const encourageKey = ENCOURAGEMENT_KEYS2[Math.min(attempts - 1, ENCOURAGEMENT_KEYS2.length - 1)] ?? ENCOURAGEMENT_KEYS2[0];
+  if (!resolved) return null;
   return /* @__PURE__ */ jsxs(
     VStack,
     {
       className: cn("p-4 gap-6", className),
       style: {
-        backgroundImage: entity.theme?.background ? `url(${entity.theme.background})` : void 0,
+        backgroundImage: resolved.theme?.background ? `url(${resolved.theme.background})` : void 0,
         backgroundSize: "cover",
         backgroundPosition: "center"
       },
       children: [
-        entity.headerImage && !headerError ? /* @__PURE__ */ jsx(Box, { className: "w-full h-32 overflow-hidden rounded-container", children: /* @__PURE__ */ jsx("img", { src: entity.headerImage, alt: "", onError: () => setHeaderError(true), className: "w-full h-full object-cover" }) }) : entity.headerImage && headerError ? /* @__PURE__ */ jsx(Box, { className: "w-full h-32 rounded-container bg-gradient-to-br from-muted to-accent opacity-60" }) : null,
+        resolved.headerImage && !headerError ? /* @__PURE__ */ jsx(Box, { className: "w-full h-32 overflow-hidden rounded-container", children: /* @__PURE__ */ jsx("img", { src: resolved.headerImage, alt: "", onError: () => setHeaderError(true), className: "w-full h-full object-cover" }) }) : resolved.headerImage && headerError ? /* @__PURE__ */ jsx(Box, { className: "w-full h-32 rounded-container bg-gradient-to-br from-muted to-accent opacity-60" }) : null,
         /* @__PURE__ */ jsxs(VStack, { gap: "xs", children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "h4", className: "text-foreground", children: entity.title }),
-          /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-muted-foreground", children: entity.description })
+          /* @__PURE__ */ jsx(Typography, { variant: "h4", className: "text-foreground", children: resolved.title }),
+          /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-muted-foreground", children: resolved.description })
         ] }),
         showHint && /* @__PURE__ */ jsx(Box, { className: "p-3 rounded-container bg-accent/10 border border-accent/30", children: /* @__PURE__ */ jsxs(HStack, { className: "items-start", gap: "xs", children: [
           /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-accent font-bold shrink-0", children: "\u{1F4A1} " + t("game.hint") + ":" }),
-          /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-foreground", children: entity.hint })
+          /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-foreground", children: resolved.hint })
         ] }) }),
         filledSlots.length > 0 && /* @__PURE__ */ jsx(TraitStateViewer, { trait: machine, variant: "linear", size: "md" }),
         /* @__PURE__ */ jsxs(VStack, { gap: "xs", children: [
           /* @__PURE__ */ jsxs(HStack, { className: "items-center justify-between", children: [
             /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-muted-foreground font-medium", children: t("sequencer.yourSequence") + ":" }),
             hasFeedback && playState === "idle" && /* @__PURE__ */ jsxs(Typography, { variant: "caption", className: "text-muted-foreground", children: [
-              `${correctCount}/${entity.maxSlots} `,
+              `${correctCount}/${resolved.maxSlots} `,
               "\u2705"
             ] })
           ] }),
@@ -46584,7 +46603,7 @@ function SequencerBoard({
             SequenceBar,
             {
               slots,
-              maxSlots: entity.maxSlots,
+              maxSlots: resolved.maxSlots,
               onSlotDrop: handleSlotDrop,
               onSlotRemove: handleSlotRemove,
               playing: playState === "playing",
@@ -46598,15 +46617,15 @@ function SequencerBoard({
         playState !== "playing" && /* @__PURE__ */ jsx(
           ActionPalette,
           {
-            actions: entity.availableActions,
+            actions: resolved.availableActions,
             usedActionIds: usedIds,
-            allowDuplicates: entity.allowDuplicates !== false,
+            allowDuplicates: resolved.allowDuplicates !== false,
             categoryColors,
             label: t("sequencer.dragActions")
           }
         ),
         hasFeedback && playState === "idle" && attempts > 0 && /* @__PURE__ */ jsx(Box, { className: "p-3 rounded-container bg-warning/10 border border-warning/30 text-center", children: /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-foreground", children: t(encourageKey) }) }),
-        playState === "success" && /* @__PURE__ */ jsx(Box, { className: "p-4 rounded-container bg-success/20 border border-success text-center", children: /* @__PURE__ */ jsx(Typography, { variant: "h5", className: "text-success", children: entity.successMessage || t("sequencer.levelComplete") }) }),
+        playState === "success" && /* @__PURE__ */ jsx(Box, { className: "p-4 rounded-container bg-success/20 border border-success text-center", children: /* @__PURE__ */ jsx(Typography, { variant: "h5", className: "text-success", children: resolved.successMessage || t("sequencer.levelComplete") }) }),
         /* @__PURE__ */ jsxs(HStack, { gap: "sm", children: [
           /* @__PURE__ */ jsx(
             Button,
@@ -47429,7 +47448,8 @@ function SimulatorBoard({
 }) {
   const { emit } = useEventBus();
   const { t } = useTranslate();
-  const parameters = entity?.parameters ?? [];
+  const resolved = Array.isArray(entity) ? entity[0] : entity;
+  const parameters = resolved?.parameters ?? [];
   const [values, setValues] = useState(() => {
     const init = {};
     for (const p2 of parameters) {
@@ -47443,15 +47463,15 @@ function SimulatorBoard({
   const [showHint, setShowHint] = useState(false);
   const computeOutput = useCallback((params) => {
     try {
-      const fn = new Function("params", `return (${entity.computeExpression})`);
+      const fn = new Function("params", `return (${resolved?.computeExpression})`);
       return fn(params);
     } catch {
       return 0;
     }
-  }, [entity.computeExpression]);
+  }, [resolved?.computeExpression]);
   const output = useMemo(() => computeOutput(values) ?? 0, [computeOutput, values]);
-  const targetValue = entity?.targetValue ?? 0;
-  const targetTolerance = entity?.targetTolerance ?? 0;
+  const targetValue = resolved?.targetValue ?? 0;
+  const targetTolerance = resolved?.targetTolerance ?? 0;
   const isCorrect = Math.abs(output - targetValue) <= targetTolerance;
   const handleParameterChange = (id, value) => {
     if (submitted) return;
@@ -47466,7 +47486,7 @@ function SimulatorBoard({
   };
   const handleReset = () => {
     setSubmitted(false);
-    if (attempts >= 2 && entity.hint) {
+    if (attempts >= 2 && resolved?.hint) {
       setShowHint(true);
     }
   };
@@ -47480,20 +47500,21 @@ function SimulatorBoard({
     setAttempts(0);
     setShowHint(false);
   };
+  if (!resolved) return null;
   return /* @__PURE__ */ jsx(
     Box,
     {
       className,
       style: {
-        backgroundImage: entity.theme?.background ? `url(${entity.theme.background})` : void 0,
+        backgroundImage: resolved.theme?.background ? `url(${resolved.theme.background})` : void 0,
         backgroundSize: "cover",
         backgroundPosition: "center"
       },
       children: /* @__PURE__ */ jsxs(VStack, { gap: "lg", className: "p-4", children: [
-        entity.headerImage && !headerError ? /* @__PURE__ */ jsx(Box, { className: "w-full h-32 overflow-hidden rounded-container", children: /* @__PURE__ */ jsx("img", { src: entity.headerImage, alt: "", onError: () => setHeaderError(true), className: "w-full h-full object-cover" }) }) : entity.headerImage && headerError ? /* @__PURE__ */ jsx(Box, { className: "w-full h-32 rounded-container bg-gradient-to-br from-muted to-accent opacity-60" }) : null,
+        resolved.headerImage && !headerError ? /* @__PURE__ */ jsx(Box, { className: "w-full h-32 overflow-hidden rounded-container", children: /* @__PURE__ */ jsx("img", { src: resolved.headerImage, alt: "", onError: () => setHeaderError(true), className: "w-full h-full object-cover" }) }) : resolved.headerImage && headerError ? /* @__PURE__ */ jsx(Box, { className: "w-full h-32 rounded-container bg-gradient-to-br from-muted to-accent opacity-60" }) : null,
         /* @__PURE__ */ jsx(Card, { className: "p-4", children: /* @__PURE__ */ jsxs(VStack, { gap: "sm", children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "h4", weight: "bold", children: entity.title }),
-          /* @__PURE__ */ jsx(Typography, { variant: "body", children: entity.description })
+          /* @__PURE__ */ jsx(Typography, { variant: "h4", weight: "bold", children: resolved.title }),
+          /* @__PURE__ */ jsx(Typography, { variant: "body", children: resolved.description })
         ] }) }),
         /* @__PURE__ */ jsx(Card, { className: "p-4", children: /* @__PURE__ */ jsxs(VStack, { gap: "md", children: [
           /* @__PURE__ */ jsx(Typography, { variant: "small", weight: "bold", className: "uppercase tracking-wider text-muted-foreground", children: t("simulator.parameters") }),
@@ -47534,28 +47555,28 @@ function SimulatorBoard({
           ] }, param.id))
         ] }) }),
         /* @__PURE__ */ jsx(Card, { className: "p-4", children: /* @__PURE__ */ jsxs(VStack, { gap: "sm", align: "center", children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "small", weight: "bold", className: "uppercase tracking-wider text-muted-foreground", children: entity.outputLabel }),
+          /* @__PURE__ */ jsx(Typography, { variant: "small", weight: "bold", className: "uppercase tracking-wider text-muted-foreground", children: resolved.outputLabel }),
           /* @__PURE__ */ jsxs(Typography, { variant: "h3", weight: "bold", children: [
             output.toFixed(2),
             " ",
-            entity.outputUnit
+            resolved.outputUnit
           ] }),
           submitted && /* @__PURE__ */ jsxs(HStack, { gap: "xs", align: "center", children: [
             /* @__PURE__ */ jsx(Icon, { icon: isCorrect ? CheckCircle : XCircle, size: "sm", className: isCorrect ? "text-success" : "text-error" }),
-            /* @__PURE__ */ jsx(Typography, { variant: "body", className: isCorrect ? "text-success" : "text-error", children: isCorrect ? entity.successMessage ?? t("simulator.correct") : entity.failMessage ?? t("simulator.incorrect") })
+            /* @__PURE__ */ jsx(Typography, { variant: "body", className: isCorrect ? "text-success" : "text-error", children: isCorrect ? resolved.successMessage ?? t("simulator.correct") : resolved.failMessage ?? t("simulator.incorrect") })
           ] }),
           /* @__PURE__ */ jsxs(Typography, { variant: "caption", className: "text-muted-foreground", children: [
             t("simulator.target"),
             ": ",
             targetValue,
             " ",
-            entity?.outputUnit ?? "",
+            resolved.outputUnit,
             " (\xB1",
             targetTolerance,
             ")"
           ] })
         ] }) }),
-        showHint && entity.hint && /* @__PURE__ */ jsx(Card, { className: "p-4 border-l-4 border-l-warning", children: /* @__PURE__ */ jsx(Typography, { variant: "body", children: entity.hint }) }),
+        showHint && resolved.hint && /* @__PURE__ */ jsx(Card, { className: "p-4 border-l-4 border-l-warning", children: /* @__PURE__ */ jsx(Typography, { variant: "body", children: resolved.hint }) }),
         /* @__PURE__ */ jsxs(HStack, { gap: "sm", justify: "center", children: [
           !submitted ? /* @__PURE__ */ jsxs(Button, { variant: "primary", onClick: handleSubmit, children: [
             /* @__PURE__ */ jsx(Icon, { icon: Play, size: "sm" }),
@@ -48135,13 +48156,14 @@ function StateArchitectBoard({
 }) {
   const { emit } = useEventBus();
   const { t } = useTranslate();
-  const [transitions, setTransitions] = useState(entity.transitions);
+  const resolved = Array.isArray(entity) ? entity[0] : entity;
+  const [transitions, setTransitions] = useState(resolved?.transitions ?? []);
   const [headerError, setHeaderError] = useState(false);
   const [playState, setPlayState] = useState("editing");
-  const [currentState, setCurrentState] = useState(entity.initialState);
+  const [currentState, setCurrentState] = useState(resolved?.initialState ?? "");
   const [selectedState, setSelectedState] = useState(null);
   const [testResults, setTestResults] = useState([]);
-  const [variables, setVariables] = useState(entity.variables);
+  const [variables, setVariables] = useState(resolved?.variables ?? []);
   const [attempts, setAttempts] = useState(0);
   const timerRef = useRef(null);
   const [addingFrom, setAddingFrom] = useState(null);
@@ -48150,12 +48172,12 @@ function StateArchitectBoard({
   }, []);
   const GRAPH_W = 500;
   const GRAPH_H = 400;
-  const positions = useMemo(() => layoutStates(entity.states, GRAPH_W, GRAPH_H), [entity.states]);
+  const positions = useMemo(() => layoutStates(resolved?.states ?? [], GRAPH_W, GRAPH_H), [resolved?.states]);
   const handleStateClick = useCallback((state) => {
     if (playState !== "editing") return;
     if (addingFrom) {
       if (addingFrom !== state) {
-        const event = entity.availableEvents[0] || "EVENT";
+        const event = resolved?.availableEvents[0] || "EVENT";
         const newTrans = {
           id: `t-${nextTransId++}`,
           from: addingFrom,
@@ -48168,7 +48190,7 @@ function StateArchitectBoard({
     } else {
       setSelectedState(state);
     }
-  }, [playState, addingFrom, entity.availableEvents]);
+  }, [playState, addingFrom, resolved?.availableEvents]);
   const handleStartAddTransition = useCallback(() => {
     if (!selectedState) return;
     setAddingFrom(selectedState);
@@ -48177,9 +48199,9 @@ function StateArchitectBoard({
     setTransitions((prev) => prev.filter((t2) => t2.id !== transId));
   }, []);
   const machine = useMemo(() => ({
-    name: entity.entityName,
-    description: entity.description,
-    states: entity.states,
+    name: resolved?.entityName ?? "",
+    description: resolved?.description ?? "",
+    states: resolved?.states ?? [],
     currentState,
     transitions: transitions.map((t2) => ({
       from: t2.from,
@@ -48187,7 +48209,7 @@ function StateArchitectBoard({
       event: t2.event,
       guardHint: t2.guardHint
     }))
-  }), [entity, currentState, transitions]);
+  }), [resolved, currentState, transitions]);
   const handleTest = useCallback(() => {
     if (playState !== "editing") return;
     if (testEvent) emit(`UI:${testEvent}`, {});
@@ -48196,7 +48218,7 @@ function StateArchitectBoard({
     const results = [];
     let testIdx = 0;
     const runNextTest = () => {
-      if (testIdx >= entity.testCases.length) {
+      if (testIdx >= (resolved?.testCases.length ?? 0)) {
         const allPassed = results.every((r2) => r2.passed);
         setPlayState(allPassed ? "success" : "fail");
         setTestResults(results);
@@ -48211,8 +48233,9 @@ function StateArchitectBoard({
         }
         return;
       }
-      const testCase = entity.testCases[testIdx];
-      let state = entity.initialState;
+      const testCase = resolved?.testCases[testIdx];
+      if (!testCase) return;
+      let state = resolved.initialState;
       for (const event of testCase.events) {
         const trans = transitions.find((t2) => t2.from === state && t2.event === event);
         if (trans) {
@@ -48230,52 +48253,53 @@ function StateArchitectBoard({
       timerRef.current = setTimeout(runNextTest, stepDurationMs);
     };
     timerRef.current = setTimeout(runNextTest, stepDurationMs);
-  }, [playState, transitions, entity, stepDurationMs, testEvent, completeEvent, emit]);
+  }, [playState, transitions, resolved, stepDurationMs, testEvent, completeEvent, emit]);
   const handleTryAgain = useCallback(() => {
     if (timerRef.current) clearTimeout(timerRef.current);
     setPlayState("editing");
-    setCurrentState(entity.initialState);
+    setCurrentState(resolved?.initialState ?? "");
     setTestResults([]);
-  }, [entity.initialState]);
+  }, [resolved?.initialState]);
   const handleReset = useCallback(() => {
     if (timerRef.current) clearTimeout(timerRef.current);
-    setTransitions(entity.transitions);
+    setTransitions(resolved?.transitions ?? []);
     setPlayState("editing");
-    setCurrentState(entity.initialState);
+    setCurrentState(resolved?.initialState ?? "");
     setTestResults([]);
-    setVariables(entity.variables);
+    setVariables(resolved?.variables ?? []);
     setSelectedState(null);
     setAddingFrom(null);
     setAttempts(0);
-  }, [entity]);
+  }, [resolved]);
   const codeData = useMemo(() => ({
-    name: entity.entityName,
-    states: entity.states,
-    initialState: entity.initialState,
+    name: resolved?.entityName ?? "",
+    states: resolved?.states ?? [],
+    initialState: resolved?.initialState ?? "",
     transitions: transitions.map((t2) => ({
       from: t2.from,
       to: t2.to,
       event: t2.event,
       ...t2.guardHint ? { guard: t2.guardHint } : {}
     }))
-  }), [entity, transitions]);
+  }), [resolved, transitions]);
+  if (!resolved) return null;
   return /* @__PURE__ */ jsxs(
     VStack,
     {
       className: cn("p-4 gap-6", className),
       style: {
-        backgroundImage: entity.theme?.background ? `url(${entity.theme.background})` : void 0,
+        backgroundImage: resolved.theme?.background ? `url(${resolved.theme.background})` : void 0,
         backgroundSize: "cover",
         backgroundPosition: "center"
       },
       children: [
-        entity.headerImage && !headerError ? /* @__PURE__ */ jsx(Box, { className: "w-full h-32 overflow-hidden rounded-container", children: /* @__PURE__ */ jsx("img", { src: entity.headerImage, alt: "", onError: () => setHeaderError(true), className: "w-full h-full object-cover" }) }) : entity.headerImage && headerError ? /* @__PURE__ */ jsx(Box, { className: "w-full h-32 rounded-container bg-gradient-to-br from-muted to-accent opacity-60" }) : null,
+        resolved.headerImage && !headerError ? /* @__PURE__ */ jsx(Box, { className: "w-full h-32 overflow-hidden rounded-container", children: /* @__PURE__ */ jsx("img", { src: resolved.headerImage, alt: "", onError: () => setHeaderError(true), className: "w-full h-full object-cover" }) }) : resolved.headerImage && headerError ? /* @__PURE__ */ jsx(Box, { className: "w-full h-32 rounded-container bg-gradient-to-br from-muted to-accent opacity-60" }) : null,
         /* @__PURE__ */ jsxs(VStack, { gap: "xs", children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "h4", className: "text-foreground", children: entity.title }),
-          /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-muted-foreground", children: entity.description }),
+          /* @__PURE__ */ jsx(Typography, { variant: "h4", className: "text-foreground", children: resolved.title }),
+          /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-muted-foreground", children: resolved.description }),
           /* @__PURE__ */ jsxs(HStack, { className: "items-center p-2 rounded bg-warning/10 border border-warning/30", gap: "xs", children: [
             /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-warning font-bold", children: t("game.hint") + ":" }),
-            /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-foreground", children: entity.hint })
+            /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-foreground", children: resolved.hint })
           ] })
         ] }),
         /* @__PURE__ */ jsxs(HStack, { className: "flex-wrap items-start", gap: "lg", children: [
@@ -48323,14 +48347,14 @@ function StateArchitectBoard({
                       ]
                     }
                   ),
-                  entity.states.map((state) => /* @__PURE__ */ jsx(
+                  resolved.states.map((state) => /* @__PURE__ */ jsx(
                     StateNode2,
                     {
                       name: state,
                       position: positions[state],
                       isCurrent: state === currentState,
                       isSelected: state === selectedState,
-                      isInitial: state === entity.initialState,
+                      isInitial: state === resolved.initialState,
                       onClick: () => handleStateClick(state)
                     },
                     state
@@ -48377,7 +48401,7 @@ function StateArchitectBoard({
             /* @__PURE__ */ jsx(
               VariablePanel,
               {
-                entityName: entity.entityName,
+                entityName: resolved.entityName,
                 variables
               }
             ),
@@ -48389,15 +48413,15 @@ function StateArchitectBoard({
                 !r2.passed && /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-error", children: t("stateArchitect.gotState", { state: r2.actualState }) })
               ] }, i))
             ] }),
-            entity.showCodeView !== false && /* @__PURE__ */ jsx(CodeView, { data: codeData, label: "View Code" })
+            resolved.showCodeView !== false && /* @__PURE__ */ jsx(CodeView, { data: codeData, label: "View Code" })
           ] })
         ] }),
-        playState === "success" && /* @__PURE__ */ jsx(Box, { className: "p-4 rounded-container bg-success/20 border border-success text-center", children: /* @__PURE__ */ jsx(Typography, { variant: "h5", className: "text-success", children: entity.successMessage || t("stateArchitect.allPassed") }) }),
+        playState === "success" && /* @__PURE__ */ jsx(Box, { className: "p-4 rounded-container bg-success/20 border border-success text-center", children: /* @__PURE__ */ jsx(Typography, { variant: "h5", className: "text-success", children: resolved.successMessage || t("stateArchitect.allPassed") }) }),
         playState === "fail" && /* @__PURE__ */ jsxs(VStack, { gap: "sm", children: [
           /* @__PURE__ */ jsx(Box, { className: "p-4 rounded-container bg-warning/10 border border-warning/30 text-center", children: /* @__PURE__ */ jsx(Typography, { variant: "body1", className: "text-foreground font-medium", children: t(ENCOURAGEMENT_KEYS3[Math.min(attempts - 1, ENCOURAGEMENT_KEYS3.length - 1)] ?? ENCOURAGEMENT_KEYS3[0]) }) }),
-          attempts >= 3 && entity.hint && /* @__PURE__ */ jsx(Box, { className: "p-3 rounded-container bg-accent/10 border border-accent/30", children: /* @__PURE__ */ jsxs(HStack, { className: "items-start", gap: "xs", children: [
+          attempts >= 3 && resolved.hint && /* @__PURE__ */ jsx(Box, { className: "p-3 rounded-container bg-accent/10 border border-accent/30", children: /* @__PURE__ */ jsxs(HStack, { className: "items-start", gap: "xs", children: [
             /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-accent font-bold shrink-0", children: "\u{1F4A1} " + t("game.hint") + ":" }),
-            /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-foreground", children: entity.hint })
+            /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-foreground", children: resolved.hint })
           ] }) })
         ] }),
         /* @__PURE__ */ jsxs(HStack, { gap: "sm", children: [
@@ -49253,8 +49277,9 @@ var init_useBattleState = __esm({
   }
 });
 function UncontrolledBattleBoard({ entity, ...rest }) {
+  const resolved = Array.isArray(entity) ? entity[0] : entity;
   const battleState = useBattleState(
-    entity.initialUnits,
+    resolved?.initialUnits ?? [],
     {
       tileClickEvent: rest.tileClickEvent,
       unitClickEvent: rest.unitClickEvent,
@@ -49271,12 +49296,13 @@ function UncontrolledBattleBoard({ entity, ...rest }) {
       calculateDamage: rest.calculateDamage
     }
   );
+  if (!resolved) return null;
   return /* @__PURE__ */ jsx(
     BattleBoard,
     {
       ...rest,
       entity: {
-        ...entity,
+        ...resolved,
         units: battleState.units,
         phase: battleState.phase,
         turn: battleState.turn,
@@ -55468,6 +55494,7 @@ var init_component_registry_generated = __esm({
     init_StatsOrganism();
     init_StatusDot();
     init_StatusEffect();
+    init_StepFlow();
     init_StepFlowOrganism();
     init_SvgBranch();
     init_SvgConnection();
@@ -55786,6 +55813,7 @@ var init_component_registry_generated = __esm({
       "StatsOrganism": StatsOrganism,
       "StatusDot": StatusDot,
       "StatusEffect": StatusEffect,
+      "StepFlow": StepFlow,
       "StepFlowOrganism": StepFlowOrganism,
       "SvgBranch": SvgBranch,
       "SvgConnection": SvgConnection,
@@ -56513,11 +56541,15 @@ function SlotContentRenderer({
     }
     if (propsSchema) {
       for (const [propKey, propDef] of Object.entries(propsSchema)) {
-        const v = renderedProps[propKey];
-        if ((typeof v === "string" || typeof v === "number") && propDef.types?.some(
+        const isDate = propDef.types?.some(
           (t) => t === "date" || t === "datetime" || t === "timestamp"
-        )) {
+        );
+        if (!isDate) continue;
+        const v = renderedProps[propKey];
+        if (typeof v === "string" || typeof v === "number") {
           renderedProps[propKey] = new Date(v);
+        } else if (v == null && propDef.required) {
+          renderedProps[propKey] = /* @__PURE__ */ new Date();
         }
       }
     }
@@ -60209,12 +60241,26 @@ function collectEmbeddedTraits(schema) {
 }
 var lambdaLog = createLogger("almadar:ui:fn-form-lambda");
 function isFnFormLambda(value) {
-  return Array.isArray(value) && value.length === 3 && value[0] === "fn" && typeof value[1] === "string" && value[2] !== null && typeof value[2] === "object";
+  if (!Array.isArray(value)) return false;
+  const arr = value;
+  if (arr.length !== 3 || arr[0] !== "fn" || arr[2] === null || typeof arr[2] !== "object") {
+    return false;
+  }
+  const params = arr[1];
+  return typeof params === "string" || Array.isArray(params) && params.length > 0 && params.every((p2) => typeof p2 === "string");
+}
+function fnFormParams(value) {
+  const p2 = value[1];
+  if (typeof p2 === "string") return [p2];
+  if (Array.isArray(p2)) return p2.filter((x) => typeof x === "string");
+  return [];
 }
-function resolveLambdaBindings(body, argName, arg) {
-  const prefix = `@${argName}.`;
+function resolveLambdaBindings(body, params, item, index) {
+  const itemName = params[0];
+  const indexName = params[1];
+  const itemPrefix = itemName ? `@${itemName}.` : null;
   const lookup = (path) => {
-    let cur = arg;
+    let cur = item;
     for (const seg of path.split(".")) {
       if (cur === null || cur === void 0) return void 0;
       if (typeof cur !== "object" || Array.isArray(cur)) return void 0;
@@ -60222,21 +60268,23 @@ function resolveLambdaBindings(body, argName, arg) {
     }
     return cur;
   };
+  const recur = (b) => resolveLambdaBindings(b, params, item, index);
   if (typeof body === "string") {
-    if (body === `@${argName}`) return arg;
-    if (body.startsWith(prefix)) {
-      const v = lookup(body.slice(prefix.length));
+    if (indexName && body === `@${indexName}`) return index;
+    if (itemName && body === `@${itemName}`) return item;
+    if (itemPrefix && body.startsWith(itemPrefix)) {
+      const v = lookup(body.slice(itemPrefix.length));
       return v === void 0 || v === null ? "" : v;
     }
     return body;
   }
   if (Array.isArray(body)) {
-    return body.map((b) => resolveLambdaBindings(b, argName, arg));
+    return body.map((b) => recur(b));
   }
   if (body !== null && typeof body === "object" && !React98__default.isValidElement(body) && !(body instanceof Date) && typeof body !== "function") {
     const out = {};
     for (const [k, v] of Object.entries(body)) {
-      out[k] = resolveLambdaBindings(v, argName, arg);
+      out[k] = recur(v);
     }
     return out;
   }
@@ -60249,9 +60297,9 @@ function getSlotContentRenderer2() {
   _slotContentRenderer2 = mod.SlotContentRenderer;
   return _slotContentRenderer2;
 }
-function makeLambdaFn(argName, lambdaBody, callerKey) {
+function makeLambdaFn(params, lambdaBody, callerKey) {
   return (item, index) => {
-    const resolvedBody = resolveLambdaBindings(lambdaBody, argName, item);
+    const resolvedBody = resolveLambdaBindings(lambdaBody, params, item, index);
     if (resolvedBody === null || typeof resolvedBody !== "object" || Array.isArray(resolvedBody) || typeof resolvedBody === "function" || React98__default.isValidElement(resolvedBody) || resolvedBody instanceof Date) {
       return null;
     }
@@ -60278,8 +60326,8 @@ function convertNode(node, callerKey) {
   if (node === null || node === void 0) return node;
   if (Array.isArray(node)) {
     if (isFnFormLambda(node)) {
-      const [, argName, body] = node;
-      return makeLambdaFn(argName, body, callerKey);
+      const arr2 = node;
+      return makeLambdaFn(fnFormParams(arr2), arr2[2], callerKey);
     }
     const arr = node;
     let anyChanged = false;
@@ -60301,9 +60349,9 @@ function convertObjectProps(props) {
   for (const [key, value] of Object.entries(props)) {
     if (isFnFormLambda(value)) {
       convertedAny = true;
-      const [, argName, body] = value;
+      const arr = value;
       const targetKey = key === "renderItem" ? "children" : key;
-      out[targetKey] = makeLambdaFn(argName, body, key);
+      out[targetKey] = makeLambdaFn(fnFormParams(arr), arr[2], key);
       lambdaLog.debug(`convert key=${key} \u2192 ${targetKey}`);
       continue;
     }