@almadar/ui 5.17.0 → 5.18.0

package/dist/components/index.cjs

@@ -1880,11 +1880,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 = React80__namespace.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)" } : {},
@@ -1896,8 +1898,8 @@ var init_Icon = __esm({
         color ? color : "text-current",
         className
       );
-      if (icon) {
-        const Direct = icon;
+      if (directIcon) {
+        const Direct = directIcon;
         return /* @__PURE__ */ jsxRuntime.jsx(
           Direct,
           {
@@ -2089,7 +2091,7 @@ var init_Input = __esm({
         error,
         leftIcon,
         rightIcon,
-        icon: IconComponent,
+        icon: iconProp,
         clearable,
         onClear,
         value,
@@ -2099,6 +2101,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__ */ jsxRuntime.jsx(IconComponent, { className: "h-icon-default w-icon-default" });
         const showClearButton = clearable && value && String(value).length > 0;
         const isMultiline = type === "textarea";
@@ -2737,7 +2740,7 @@ var init_Avatar = __esm({
       alt,
       name,
       initials: providedInitials,
-      icon: IconComponent,
+      icon: iconProp,
       size = "md",
       status,
       badge,
@@ -2748,6 +2751,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;
@@ -13731,6 +13735,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 = React80.useMemo(() => {
         const bundleMap = {};
@@ -16075,13 +16080,14 @@ function BuilderBoard({
 }) {
   const { emit } = useEventBus();
   const { t } = useTranslate();
+  const resolved = Array.isArray(entity) ? entity[0] : entity;
   const [placements, setPlacements] = React80.useState({});
   const [headerError, setHeaderError] = React80.useState(false);
   const [submitted, setSubmitted] = React80.useState(false);
   const [attempts, setAttempts] = React80.useState(0);
   const [showHint, setShowHint] = React80.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] = React80.useState(null);
@@ -16115,7 +16121,7 @@ function BuilderBoard({
   }, [slots, placements, attempts, completeEvent, emit]);
   const handleReset = () => {
     setSubmitted(false);
-    if (attempts >= 2 && entity.hint) {
+    if (attempts >= 2 && resolved?.hint) {
       setShowHint(true);
     }
   };
@@ -16127,20 +16133,21 @@ function BuilderBoard({
     setShowHint(false);
   };
   const getComponentById = (id) => components.find((c) => c.id === id);
+  if (!resolved) return null;
   return /* @__PURE__ */ jsxRuntime.jsx(
     exports.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__ */ jsxRuntime.jsxs(exports.VStack, { gap: "lg", className: "p-4", children: [
-        entity.headerImage && !headerError ? /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "w-full h-32 overflow-hidden rounded-container", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: entity.headerImage, alt: "", onError: () => setHeaderError(true), className: "w-full h-full object-cover" }) }) : entity.headerImage && headerError ? /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "w-full h-32 rounded-container bg-gradient-to-br from-muted to-accent opacity-60" }) : null,
+        resolved.headerImage && !headerError ? /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "w-full h-32 overflow-hidden rounded-container", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: resolved.headerImage, alt: "", onError: () => setHeaderError(true), className: "w-full h-full object-cover" }) }) : resolved.headerImage && headerError ? /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "w-full h-32 rounded-container bg-gradient-to-br from-muted to-accent opacity-60" }) : null,
         /* @__PURE__ */ jsxRuntime.jsx(exports.Card, { className: "p-4", children: /* @__PURE__ */ jsxRuntime.jsxs(exports.VStack, { gap: "sm", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "h4", weight: "bold", children: entity.title }),
-          /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", children: entity.description })
+          /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "h4", weight: "bold", children: resolved.title }),
+          /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", children: resolved.description })
         ] }) }),
         /* @__PURE__ */ jsxRuntime.jsx(exports.Card, { className: "p-4", children: /* @__PURE__ */ jsxRuntime.jsxs(exports.VStack, { gap: "sm", children: [
           /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "small", weight: "bold", className: "uppercase tracking-wider text-muted-foreground", children: t("builder.components") }),
@@ -16200,9 +16207,9 @@ function BuilderBoard({
         ] }) }),
         submitted && /* @__PURE__ */ jsxRuntime.jsx(exports.Card, { className: "p-4", children: /* @__PURE__ */ jsxRuntime.jsxs(exports.VStack, { gap: "sm", align: "center", children: [
           /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { icon: allCorrect ? LucideIcons2.CheckCircle : LucideIcons2.XCircle, size: "lg", className: allCorrect ? "text-success" : "text-error" }),
-          /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", weight: "bold", children: allCorrect ? entity.successMessage ?? t("builder.success") : entity.failMessage ?? t("builder.incorrect") })
+          /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", weight: "bold", children: allCorrect ? resolved.successMessage ?? t("builder.success") : resolved.failMessage ?? t("builder.incorrect") })
         ] }) }),
-        showHint && entity.hint && /* @__PURE__ */ jsxRuntime.jsx(exports.Card, { className: "p-4 border-l-4 border-l-warning", children: /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", children: entity.hint }) }),
+        showHint && resolved.hint && /* @__PURE__ */ jsxRuntime.jsx(exports.Card, { className: "p-4 border-l-4 border-l-warning", children: /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", children: resolved.hint }) }),
         /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "sm", justify: "center", children: [
           !submitted ? /* @__PURE__ */ jsxRuntime.jsxs(exports.Button, { variant: "primary", onClick: handleSubmit, disabled: !allPlaced, children: [
             /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { icon: LucideIcons2.Wrench, size: "sm" }),
@@ -18743,11 +18750,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] = React80.useState(null);
   const [selectedFeature, setSelectedFeature] = React80.useState(null);
   const hoveredFeature = React80.useMemo(() => {
@@ -19698,13 +19706,14 @@ function ClassifierBoard({
 }) {
   const { emit } = useEventBus();
   const { t } = useTranslate();
+  const resolved = Array.isArray(entity) ? entity[0] : entity;
   const [assignments, setAssignments] = React80.useState({});
   const [headerError, setHeaderError] = React80.useState(false);
   const [submitted, setSubmitted] = React80.useState(false);
   const [attempts, setAttempts] = React80.useState(0);
   const [showHint, setShowHint] = React80.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) => ({
@@ -19736,7 +19745,7 @@ function ClassifierBoard({
   }, [items, assignments, attempts, completeEvent, emit]);
   const handleReset = () => {
     setSubmitted(false);
-    if (attempts >= 2 && entity.hint) {
+    if (attempts >= 2 && resolved?.hint) {
       setShowHint(true);
     }
   };
@@ -19746,20 +19755,21 @@ function ClassifierBoard({
     setAttempts(0);
     setShowHint(false);
   };
+  if (!resolved) return null;
   return /* @__PURE__ */ jsxRuntime.jsx(
     exports.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__ */ jsxRuntime.jsxs(exports.VStack, { gap: "lg", className: "p-4", children: [
-        entity.headerImage && !headerError ? /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "w-full h-32 overflow-hidden rounded-container", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: entity.headerImage, alt: "", onError: () => setHeaderError(true), className: "w-full h-full object-cover" }) }) : entity.headerImage && headerError ? /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "w-full h-32 rounded-container bg-gradient-to-br from-muted to-accent opacity-60" }) : null,
+        resolved.headerImage && !headerError ? /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "w-full h-32 overflow-hidden rounded-container", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: resolved.headerImage, alt: "", onError: () => setHeaderError(true), className: "w-full h-full object-cover" }) }) : resolved.headerImage && headerError ? /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "w-full h-32 rounded-container bg-gradient-to-br from-muted to-accent opacity-60" }) : null,
         /* @__PURE__ */ jsxRuntime.jsx(exports.Card, { className: "p-4", children: /* @__PURE__ */ jsxRuntime.jsxs(exports.VStack, { gap: "sm", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "h4", weight: "bold", children: entity.title }),
-          /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", children: entity.description })
+          /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "h4", weight: "bold", children: resolved.title }),
+          /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", children: resolved.description })
         ] }) }),
         unassignedItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(exports.Card, { className: "p-4", children: /* @__PURE__ */ jsxRuntime.jsxs(exports.VStack, { gap: "sm", children: [
           /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "small", weight: "bold", className: "uppercase tracking-wider text-muted-foreground", children: t("classifier.itemsToSort") }),
@@ -19811,10 +19821,10 @@ function ClassifierBoard({
         }) }),
         submitted && /* @__PURE__ */ jsxRuntime.jsx(exports.Card, { className: "p-4", children: /* @__PURE__ */ jsxRuntime.jsxs(exports.VStack, { gap: "sm", align: "center", children: [
           /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { icon: allCorrect ? LucideIcons2.CheckCircle : LucideIcons2.XCircle, size: "lg", className: allCorrect ? "text-success" : "text-error" }),
-          /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", weight: "bold", children: allCorrect ? entity.successMessage ?? t("classifier.allCorrect") : `${correctCount}/${items.length} ${t("classifier.correct")}` }),
-          !allCorrect && entity.failMessage && /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", className: "text-muted-foreground", children: entity.failMessage })
+          /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", weight: "bold", children: allCorrect ? resolved.successMessage ?? t("classifier.allCorrect") : `${correctCount}/${items.length} ${t("classifier.correct")}` }),
+          !allCorrect && resolved.failMessage && /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", className: "text-muted-foreground", children: resolved.failMessage })
         ] }) }),
-        showHint && entity.hint && /* @__PURE__ */ jsxRuntime.jsx(exports.Card, { className: "p-4 border-l-4 border-l-warning", children: /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", children: entity.hint }) }),
+        showHint && resolved.hint && /* @__PURE__ */ jsxRuntime.jsx(exports.Card, { className: "p-4 border-l-4 border-l-warning", children: /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", children: resolved.hint }) }),
         /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "sm", justify: "center", children: [
           !submitted ? /* @__PURE__ */ jsxRuntime.jsxs(exports.Button, { variant: "primary", onClick: handleSubmit, disabled: !allAssigned, children: [
             /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { icon: LucideIcons2.Send, size: "sm" }),
@@ -31875,7 +31885,7 @@ var init_OptionConstraintGroup = __esm({
       title,
       description,
       options,
-      constraint,
+      constraint = { type: "single" },
       selected = [],
       onChange,
       changeEvent,
@@ -35117,7 +35127,7 @@ function DataTable({
               children: /* @__PURE__ */ jsxRuntime.jsx(
                 exports.EmptyState,
                 {
-                  icon: emptyIcon,
+                  icon: typeof emptyIcon === "string" ? resolveIcon(emptyIcon) : emptyIcon,
                   title: resolvedEmptyTitle,
                   description: resolvedEmptyDescription,
                   actionLabel: emptyAction?.label,
@@ -35246,6 +35256,7 @@ var init_DataTable = __esm({
     init_Stack();
     init_Typography();
     init_molecules();
+    init_Icon();
     init_useEventBus();
     init_useTranslate();
     init_types3();
@@ -35266,6 +35277,7 @@ function DebuggerBoard({
 }) {
   const { emit } = useEventBus();
   const { t } = useTranslate();
+  const resolved = Array.isArray(entity) ? entity[0] : entity;
   const [flaggedLines, setFlaggedLines] = React80.useState(/* @__PURE__ */ new Set());
   const [headerError, setHeaderError] = React80.useState(false);
   const [submitted, setSubmitted] = React80.useState(false);
@@ -35283,7 +35295,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));
@@ -35298,7 +35310,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);
     }
   };
@@ -35308,24 +35320,25 @@ function DebuggerBoard({
     setAttempts(0);
     setShowHint(false);
   };
+  if (!resolved) return null;
   return /* @__PURE__ */ jsxRuntime.jsx(
     exports.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__ */ jsxRuntime.jsxs(exports.VStack, { gap: "lg", className: "p-4", children: [
-        entity.headerImage && !headerError ? /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "w-full h-32 overflow-hidden rounded-container", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: entity.headerImage, alt: "", onError: () => setHeaderError(true), className: "w-full h-full object-cover" }) }) : entity.headerImage && headerError ? /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "w-full h-32 rounded-container bg-gradient-to-br from-muted to-accent opacity-60" }) : null,
+        resolved.headerImage && !headerError ? /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "w-full h-32 overflow-hidden rounded-container", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: resolved.headerImage, alt: "", onError: () => setHeaderError(true), className: "w-full h-full object-cover" }) }) : resolved.headerImage && headerError ? /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "w-full h-32 rounded-container bg-gradient-to-br from-muted to-accent opacity-60" }) : null,
         /* @__PURE__ */ jsxRuntime.jsx(exports.Card, { className: "p-4", children: /* @__PURE__ */ jsxRuntime.jsxs(exports.VStack, { gap: "sm", children: [
           /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "xs", align: "center", children: [
             /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { icon: LucideIcons2.Bug, size: "sm" }),
-            /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "h4", weight: "bold", children: entity.title })
+            /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "h4", weight: "bold", children: resolved.title })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", children: entity.description }),
-          /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", className: "text-muted-foreground", children: t("debugger.findBugs", { count: String(entity.bugCount) }) })
+          /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", children: resolved.description }),
+          /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", className: "text-muted-foreground", children: t("debugger.findBugs", { count: String(resolved.bugCount) }) })
         ] }) }),
         /* @__PURE__ */ jsxRuntime.jsx(exports.Card, { className: "p-0 overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(exports.VStack, { gap: "none", children: lines.map((line, i) => {
           const isFlagged = flaggedLines.has(line.id);
@@ -35357,7 +35370,7 @@ function DebuggerBoard({
           );
         }) }) }),
         submitted && /* @__PURE__ */ jsxRuntime.jsx(exports.Card, { className: "p-4", children: /* @__PURE__ */ jsxRuntime.jsxs(exports.VStack, { gap: "sm", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", weight: "bold", children: allCorrect ? entity.successMessage ?? t("debugger.allFound") : `${correctFlags.length}/${bugLines.length} ${t("debugger.bugsFound")}` }),
+          /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", weight: "bold", children: allCorrect ? resolved.successMessage ?? t("debugger.allFound") : `${correctFlags.length}/${bugLines.length} ${t("debugger.bugsFound")}` }),
           bugLines.map((line) => /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "xs", align: "start", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               exports.Icon,
@@ -35373,7 +35386,7 @@ function DebuggerBoard({
             ] })
           ] }, line.id))
         ] }) }),
-        showHint && entity.hint && /* @__PURE__ */ jsxRuntime.jsx(exports.Card, { className: "p-4 border-l-4 border-l-warning", children: /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", children: entity.hint }) }),
+        showHint && resolved.hint && /* @__PURE__ */ jsxRuntime.jsx(exports.Card, { className: "p-4 border-l-4 border-l-warning", children: /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", children: resolved.hint }) }),
         /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "sm", justify: "center", children: [
           !submitted ? /* @__PURE__ */ jsxRuntime.jsxs(exports.Button, { variant: "primary", onClick: handleSubmit, disabled: flaggedLines.size === 0, children: [
             /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { icon: LucideIcons2.Send, size: "sm" }),
@@ -36600,7 +36613,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] = React80.useState(entityObjects);
   const [selectedObjectId, setSelectedObjectId] = React80.useState(
     entityObjects[0]?.id || null
@@ -36635,7 +36649,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;
@@ -36666,12 +36680,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++;
@@ -36681,7 +36695,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 = React80.useCallback(() => {
     if (timerRef.current) clearTimeout(timerRef.current);
     setPlayState("editing");
@@ -36689,12 +36703,13 @@ function EventHandlerBoard({
   }, []);
   const handleReset = React80.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,
@@ -36708,25 +36723,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__ */ jsxRuntime.jsxs(
     exports.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__ */ jsxRuntime.jsx(exports.Box, { className: "w-full h-32 overflow-hidden rounded-container", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: entity.headerImage, alt: "", onError: () => setHeaderError(true), className: "w-full h-full object-cover" }) }) : entity.headerImage && headerError ? /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "w-full h-32 rounded-container bg-gradient-to-br from-muted to-accent opacity-60" }) : null,
+        resolved.headerImage && !headerError ? /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "w-full h-32 overflow-hidden rounded-container", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: resolved.headerImage, alt: "", onError: () => setHeaderError(true), className: "w-full h-full object-cover" }) }) : resolved.headerImage && headerError ? /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "w-full h-32 rounded-container bg-gradient-to-br from-muted to-accent opacity-60" }) : null,
         /* @__PURE__ */ jsxRuntime.jsxs(exports.VStack, { gap: "xs", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "h4", className: "text-foreground", children: entity.title }),
-          /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body2", className: "text-muted-foreground", children: entity.description }),
+          /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "h4", className: "text-foreground", children: resolved.title }),
+          /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body2", className: "text-muted-foreground", children: resolved.description }),
           /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { className: "items-center p-2 rounded bg-primary/10 border border-primary/30", gap: "xs", children: [
             /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", className: "text-primary font-bold", children: t("game.goal") + ":" }),
-            /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", className: "text-foreground", children: entity.goalCondition })
+            /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", className: "text-foreground", children: resolved.goalCondition })
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(exports.VStack, { gap: "sm", children: [
@@ -36757,12 +36772,12 @@ function EventHandlerBoard({
           }
         ),
         eventLog.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(EventLog, { entries: eventLog }),
-        playState === "success" && /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "p-4 rounded-container bg-success/20 border border-success text-center", children: /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "h5", className: "text-success", children: entity.successMessage || t("eventHandler.chainComplete") }) }),
+        playState === "success" && /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "p-4 rounded-container bg-success/20 border border-success text-center", children: /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "h5", className: "text-success", children: resolved.successMessage || t("eventHandler.chainComplete") }) }),
         playState === "fail" && /* @__PURE__ */ jsxRuntime.jsxs(exports.VStack, { gap: "sm", children: [
           /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "p-4 rounded-container bg-warning/10 border border-warning/30 text-center", children: /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body1", className: "text-foreground font-medium", children: t(encourageKey) }) }),
           showHint && /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "p-3 rounded-container bg-accent/10 border border-accent/30", children: /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { className: "items-start", gap: "xs", children: [
             /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body2", className: "text-accent font-bold shrink-0", children: "\u{1F4A1} " + t("game.hint") + ":" }),
-            /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body2", className: "text-foreground", children: entity.hint })
+            /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body2", className: "text-foreground", children: resolved.hint })
           ] }) })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "sm", children: [
@@ -39976,19 +39991,20 @@ function NegotiatorBoard({
 }) {
   const { emit } = useEventBus();
   const { t } = useTranslate();
+  const resolved = Array.isArray(entity) ? entity[0] : entity;
   const [history, setHistory] = React80.useState([]);
   const [headerError, setHeaderError] = React80.useState(false);
   const [showHint, setShowHint] = React80.useState(false);
   const currentRound = history.length;
-  const isComplete = currentRound >= entity.totalRounds;
+  const isComplete = currentRound >= (resolved?.totalRounds ?? 0);
   const playerTotal = history.reduce((s, r) => s + r.playerPayoff, 0);
   const opponentTotal = history.reduce((s, r) => s + r.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 = React80.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
     );
@@ -40001,41 +40017,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, r) => s + r.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__ */ jsxRuntime.jsx(
     exports.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__ */ jsxRuntime.jsxs(exports.VStack, { gap: "lg", className: "p-4", children: [
-        entity.headerImage && !headerError ? /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "w-full h-32 overflow-hidden rounded-container", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: entity.headerImage, alt: "", onError: () => setHeaderError(true), className: "w-full h-full object-cover" }) }) : entity.headerImage && headerError ? /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "w-full h-32 rounded-container bg-gradient-to-br from-muted to-accent opacity-60" }) : null,
+        resolved.headerImage && !headerError ? /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "w-full h-32 overflow-hidden rounded-container", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: resolved.headerImage, alt: "", onError: () => setHeaderError(true), className: "w-full h-full object-cover" }) }) : resolved.headerImage && headerError ? /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "w-full h-32 rounded-container bg-gradient-to-br from-muted to-accent opacity-60" }) : null,
         /* @__PURE__ */ jsxRuntime.jsx(exports.Card, { className: "p-4", children: /* @__PURE__ */ jsxRuntime.jsxs(exports.VStack, { gap: "sm", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "h4", weight: "bold", children: entity.title }),
-          /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", children: entity.description }),
+          /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "h4", weight: "bold", children: resolved.title }),
+          /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", children: resolved.description }),
           /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "md", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(exports.Badge, { size: "sm", children: t("negotiator.round", { current: String(currentRound), total: String(entity.totalRounds) }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(exports.Badge, { size: "sm", children: t("negotiator.round", { current: String(currentRound), total: String(resolved.totalRounds) }) }),
             /* @__PURE__ */ jsxRuntime.jsxs(exports.Badge, { size: "sm", children: [
               t("negotiator.target"),
               ": ",
-              entity.targetScore
+              resolved.targetScore
             ] })
           ] })
         ] }) }),
@@ -40084,16 +40101,16 @@ function NegotiatorBoard({
         ] }) }),
         isComplete && /* @__PURE__ */ jsxRuntime.jsx(exports.Card, { className: "p-4", children: /* @__PURE__ */ jsxRuntime.jsxs(exports.VStack, { gap: "sm", align: "center", children: [
           /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { icon: LucideIcons2.CheckCircle, size: "lg", className: won ? "text-success" : "text-error" }),
-          /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", weight: "bold", children: won ? entity.successMessage ?? t("negotiator.success") : entity.failMessage ?? t("negotiator.failed") }),
+          /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", weight: "bold", children: won ? resolved.successMessage ?? t("negotiator.success") : resolved.failMessage ?? t("negotiator.failed") }),
           /* @__PURE__ */ jsxRuntime.jsxs(exports.Typography, { variant: "caption", className: "text-muted-foreground", children: [
             t("negotiator.finalScore"),
             ": ",
             playerTotal,
             "/",
-            entity.targetScore
+            resolved.targetScore
           ] })
         ] }) }),
-        showHint && entity.hint && !won && /* @__PURE__ */ jsxRuntime.jsx(exports.Card, { className: "p-4 border-l-4 border-l-warning", children: /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", children: entity.hint }) }),
+        showHint && resolved.hint && !won && /* @__PURE__ */ jsxRuntime.jsx(exports.Card, { className: "p-4 border-l-4 border-l-warning", children: /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", children: resolved.hint }) }),
         isComplete && !won && /* @__PURE__ */ jsxRuntime.jsx(exports.HStack, { justify: "center", children: /* @__PURE__ */ jsxRuntime.jsx(exports.Button, { variant: "primary", onClick: handleReset, children: t("negotiator.playAgain") }) })
       ] })
     }
@@ -42912,15 +42929,16 @@ function SequencerBoard({
 }) {
   const { emit } = useEventBus();
   const { t } = useTranslate();
+  const resolved = Array.isArray(entity) ? entity[0] : entity;
   const [headerError, setHeaderError] = React80.useState(false);
   const [slots, setSlots] = React80.useState(
-    () => Array.from({ length: entity.maxSlots }, () => void 0)
+    () => Array.from({ length: resolved?.maxSlots ?? 0 }, () => void 0)
   );
   const [playState, setPlayState] = React80.useState("idle");
   const [currentStep, setCurrentStep] = React80.useState(-1);
   const [attempts, setAttempts] = React80.useState(0);
   const [slotFeedback, setSlotFeedback] = React80.useState(
-    () => Array.from({ length: entity.maxSlots }, () => null)
+    () => Array.from({ length: resolved?.maxSlots ?? 0 }, () => null)
   );
   const timerRef = React80.useRef(null);
   React80.useEffect(() => () => {
@@ -42954,17 +42972,17 @@ function SequencerBoard({
   }, [emit]);
   const handleReset = React80.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 = React80.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) {
@@ -42975,10 +42993,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) {
@@ -42990,7 +43008,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);
@@ -43008,10 +43026,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) => ({
@@ -43020,36 +43038,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__ */ jsxRuntime.jsxs(
     exports.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__ */ jsxRuntime.jsx(exports.Box, { className: "w-full h-32 overflow-hidden rounded-container", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: entity.headerImage, alt: "", onError: () => setHeaderError(true), className: "w-full h-full object-cover" }) }) : entity.headerImage && headerError ? /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "w-full h-32 rounded-container bg-gradient-to-br from-muted to-accent opacity-60" }) : null,
+        resolved.headerImage && !headerError ? /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "w-full h-32 overflow-hidden rounded-container", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: resolved.headerImage, alt: "", onError: () => setHeaderError(true), className: "w-full h-full object-cover" }) }) : resolved.headerImage && headerError ? /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "w-full h-32 rounded-container bg-gradient-to-br from-muted to-accent opacity-60" }) : null,
         /* @__PURE__ */ jsxRuntime.jsxs(exports.VStack, { gap: "xs", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "h4", className: "text-foreground", children: entity.title }),
-          /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body2", className: "text-muted-foreground", children: entity.description })
+          /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "h4", className: "text-foreground", children: resolved.title }),
+          /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body2", className: "text-muted-foreground", children: resolved.description })
         ] }),
         showHint && /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "p-3 rounded-container bg-accent/10 border border-accent/30", children: /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { className: "items-start", gap: "xs", children: [
           /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body2", className: "text-accent font-bold shrink-0", children: "\u{1F4A1} " + t("game.hint") + ":" }),
-          /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body2", className: "text-foreground", children: entity.hint })
+          /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body2", className: "text-foreground", children: resolved.hint })
         ] }) }),
         filledSlots.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(TraitStateViewer, { trait: machine, variant: "linear", size: "md" }),
         /* @__PURE__ */ jsxRuntime.jsxs(exports.VStack, { gap: "xs", children: [
           /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { className: "items-center justify-between", children: [
             /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body2", className: "text-muted-foreground font-medium", children: t("sequencer.yourSequence") + ":" }),
             hasFeedback && playState === "idle" && /* @__PURE__ */ jsxRuntime.jsxs(exports.Typography, { variant: "caption", className: "text-muted-foreground", children: [
-              `${correctCount}/${entity.maxSlots} `,
+              `${correctCount}/${resolved.maxSlots} `,
               "\u2705"
             ] })
           ] }),
@@ -43057,7 +43076,7 @@ function SequencerBoard({
             SequenceBar,
             {
               slots,
-              maxSlots: entity.maxSlots,
+              maxSlots: resolved.maxSlots,
               onSlotDrop: handleSlotDrop,
               onSlotRemove: handleSlotRemove,
               playing: playState === "playing",
@@ -43071,15 +43090,15 @@ function SequencerBoard({
         playState !== "playing" && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(exports.Box, { className: "p-3 rounded-container bg-warning/10 border border-warning/30 text-center", children: /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body2", className: "text-foreground", children: t(encourageKey) }) }),
-        playState === "success" && /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "p-4 rounded-container bg-success/20 border border-success text-center", children: /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "h5", className: "text-success", children: entity.successMessage || t("sequencer.levelComplete") }) }),
+        playState === "success" && /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "p-4 rounded-container bg-success/20 border border-success text-center", children: /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "h5", className: "text-success", children: resolved.successMessage || t("sequencer.levelComplete") }) }),
         /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "sm", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             exports.Button,
@@ -43902,7 +43921,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] = React80.useState(() => {
     const init = {};
     for (const p2 of parameters) {
@@ -43916,15 +43936,15 @@ function SimulatorBoard({
   const [showHint, setShowHint] = React80.useState(false);
   const computeOutput = React80.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 = React80.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;
@@ -43939,7 +43959,7 @@ function SimulatorBoard({
   };
   const handleReset = () => {
     setSubmitted(false);
-    if (attempts >= 2 && entity.hint) {
+    if (attempts >= 2 && resolved?.hint) {
       setShowHint(true);
     }
   };
@@ -43953,20 +43973,21 @@ function SimulatorBoard({
     setAttempts(0);
     setShowHint(false);
   };
+  if (!resolved) return null;
   return /* @__PURE__ */ jsxRuntime.jsx(
     exports.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__ */ jsxRuntime.jsxs(exports.VStack, { gap: "lg", className: "p-4", children: [
-        entity.headerImage && !headerError ? /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "w-full h-32 overflow-hidden rounded-container", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: entity.headerImage, alt: "", onError: () => setHeaderError(true), className: "w-full h-full object-cover" }) }) : entity.headerImage && headerError ? /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "w-full h-32 rounded-container bg-gradient-to-br from-muted to-accent opacity-60" }) : null,
+        resolved.headerImage && !headerError ? /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "w-full h-32 overflow-hidden rounded-container", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: resolved.headerImage, alt: "", onError: () => setHeaderError(true), className: "w-full h-full object-cover" }) }) : resolved.headerImage && headerError ? /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "w-full h-32 rounded-container bg-gradient-to-br from-muted to-accent opacity-60" }) : null,
         /* @__PURE__ */ jsxRuntime.jsx(exports.Card, { className: "p-4", children: /* @__PURE__ */ jsxRuntime.jsxs(exports.VStack, { gap: "sm", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "h4", weight: "bold", children: entity.title }),
-          /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", children: entity.description })
+          /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "h4", weight: "bold", children: resolved.title }),
+          /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", children: resolved.description })
         ] }) }),
         /* @__PURE__ */ jsxRuntime.jsx(exports.Card, { className: "p-4", children: /* @__PURE__ */ jsxRuntime.jsxs(exports.VStack, { gap: "md", children: [
           /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "small", weight: "bold", className: "uppercase tracking-wider text-muted-foreground", children: t("simulator.parameters") }),
@@ -44007,28 +44028,28 @@ function SimulatorBoard({
           ] }, param.id))
         ] }) }),
         /* @__PURE__ */ jsxRuntime.jsx(exports.Card, { className: "p-4", children: /* @__PURE__ */ jsxRuntime.jsxs(exports.VStack, { gap: "sm", align: "center", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "small", weight: "bold", className: "uppercase tracking-wider text-muted-foreground", children: entity.outputLabel }),
+          /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "small", weight: "bold", className: "uppercase tracking-wider text-muted-foreground", children: resolved.outputLabel }),
           /* @__PURE__ */ jsxRuntime.jsxs(exports.Typography, { variant: "h3", weight: "bold", children: [
             output.toFixed(2),
             " ",
-            entity.outputUnit
+            resolved.outputUnit
           ] }),
           submitted && /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "xs", align: "center", children: [
             /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { icon: isCorrect ? LucideIcons2.CheckCircle : LucideIcons2.XCircle, size: "sm", className: isCorrect ? "text-success" : "text-error" }),
-            /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", className: isCorrect ? "text-success" : "text-error", children: isCorrect ? entity.successMessage ?? t("simulator.correct") : entity.failMessage ?? t("simulator.incorrect") })
+            /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", className: isCorrect ? "text-success" : "text-error", children: isCorrect ? resolved.successMessage ?? t("simulator.correct") : resolved.failMessage ?? t("simulator.incorrect") })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs(exports.Typography, { variant: "caption", className: "text-muted-foreground", children: [
             t("simulator.target"),
             ": ",
             targetValue,
             " ",
-            entity?.outputUnit ?? "",
+            resolved.outputUnit,
             " (\xB1",
             targetTolerance,
             ")"
           ] })
         ] }) }),
-        showHint && entity.hint && /* @__PURE__ */ jsxRuntime.jsx(exports.Card, { className: "p-4 border-l-4 border-l-warning", children: /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", children: entity.hint }) }),
+        showHint && resolved.hint && /* @__PURE__ */ jsxRuntime.jsx(exports.Card, { className: "p-4 border-l-4 border-l-warning", children: /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", children: resolved.hint }) }),
         /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "sm", justify: "center", children: [
           !submitted ? /* @__PURE__ */ jsxRuntime.jsxs(exports.Button, { variant: "primary", onClick: handleSubmit, children: [
             /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { icon: LucideIcons2.Play, size: "sm" }),
@@ -44719,13 +44740,14 @@ function StateArchitectBoard({
 }) {
   const { emit } = useEventBus();
   const { t } = useTranslate();
-  const [transitions, setTransitions] = React80.useState(entity.transitions);
+  const resolved = Array.isArray(entity) ? entity[0] : entity;
+  const [transitions, setTransitions] = React80.useState(resolved?.transitions ?? []);
   const [headerError, setHeaderError] = React80.useState(false);
   const [playState, setPlayState] = React80.useState("editing");
-  const [currentState, setCurrentState] = React80.useState(entity.initialState);
+  const [currentState, setCurrentState] = React80.useState(resolved?.initialState ?? "");
   const [selectedState, setSelectedState] = React80.useState(null);
   const [testResults, setTestResults] = React80.useState([]);
-  const [variables, setVariables] = React80.useState(entity.variables);
+  const [variables, setVariables] = React80.useState(resolved?.variables ?? []);
   const [attempts, setAttempts] = React80.useState(0);
   const timerRef = React80.useRef(null);
   const [addingFrom, setAddingFrom] = React80.useState(null);
@@ -44734,12 +44756,12 @@ function StateArchitectBoard({
   }, []);
   const GRAPH_W = 500;
   const GRAPH_H = 400;
-  const positions = React80.useMemo(() => layoutStates(entity.states, GRAPH_W, GRAPH_H), [entity.states]);
+  const positions = React80.useMemo(() => layoutStates(resolved?.states ?? [], GRAPH_W, GRAPH_H), [resolved?.states]);
   const handleStateClick = React80.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,
@@ -44752,7 +44774,7 @@ function StateArchitectBoard({
     } else {
       setSelectedState(state);
     }
-  }, [playState, addingFrom, entity.availableEvents]);
+  }, [playState, addingFrom, resolved?.availableEvents]);
   const handleStartAddTransition = React80.useCallback(() => {
     if (!selectedState) return;
     setAddingFrom(selectedState);
@@ -44761,9 +44783,9 @@ function StateArchitectBoard({
     setTransitions((prev) => prev.filter((t2) => t2.id !== transId));
   }, []);
   const machine = React80.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,
@@ -44771,7 +44793,7 @@ function StateArchitectBoard({
       event: t2.event,
       guardHint: t2.guardHint
     }))
-  }), [entity, currentState, transitions]);
+  }), [resolved, currentState, transitions]);
   const handleTest = React80.useCallback(() => {
     if (playState !== "editing") return;
     if (testEvent) emit(`UI:${testEvent}`, {});
@@ -44780,7 +44802,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((r) => r.passed);
         setPlayState(allPassed ? "success" : "fail");
         setTestResults(results);
@@ -44795,8 +44817,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) {
@@ -44814,52 +44837,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 = React80.useCallback(() => {
     if (timerRef.current) clearTimeout(timerRef.current);
     setPlayState("editing");
-    setCurrentState(entity.initialState);
+    setCurrentState(resolved?.initialState ?? "");
     setTestResults([]);
-  }, [entity.initialState]);
+  }, [resolved?.initialState]);
   const handleReset = React80.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 = React80.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__ */ jsxRuntime.jsxs(
     exports.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__ */ jsxRuntime.jsx(exports.Box, { className: "w-full h-32 overflow-hidden rounded-container", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: entity.headerImage, alt: "", onError: () => setHeaderError(true), className: "w-full h-full object-cover" }) }) : entity.headerImage && headerError ? /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "w-full h-32 rounded-container bg-gradient-to-br from-muted to-accent opacity-60" }) : null,
+        resolved.headerImage && !headerError ? /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "w-full h-32 overflow-hidden rounded-container", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: resolved.headerImage, alt: "", onError: () => setHeaderError(true), className: "w-full h-full object-cover" }) }) : resolved.headerImage && headerError ? /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "w-full h-32 rounded-container bg-gradient-to-br from-muted to-accent opacity-60" }) : null,
         /* @__PURE__ */ jsxRuntime.jsxs(exports.VStack, { gap: "xs", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "h4", className: "text-foreground", children: entity.title }),
-          /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body2", className: "text-muted-foreground", children: entity.description }),
+          /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "h4", className: "text-foreground", children: resolved.title }),
+          /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body2", className: "text-muted-foreground", children: resolved.description }),
           /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { className: "items-center p-2 rounded bg-warning/10 border border-warning/30", gap: "xs", children: [
             /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", className: "text-warning font-bold", children: t("game.hint") + ":" }),
-            /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", className: "text-foreground", children: entity.hint })
+            /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", className: "text-foreground", children: resolved.hint })
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { className: "flex-wrap items-start", gap: "lg", children: [
@@ -44907,14 +44931,14 @@ function StateArchitectBoard({
                       ]
                     }
                   ),
-                  entity.states.map((state) => /* @__PURE__ */ jsxRuntime.jsx(
+                  resolved.states.map((state) => /* @__PURE__ */ jsxRuntime.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
@@ -44961,7 +44985,7 @@ function StateArchitectBoard({
             /* @__PURE__ */ jsxRuntime.jsx(
               VariablePanel,
               {
-                entityName: entity.entityName,
+                entityName: resolved.entityName,
                 variables
               }
             ),
@@ -44973,15 +44997,15 @@ function StateArchitectBoard({
                 !r.passed && /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", className: "text-error", children: t("stateArchitect.gotState", { state: r.actualState }) })
               ] }, i))
             ] }),
-            entity.showCodeView !== false && /* @__PURE__ */ jsxRuntime.jsx(CodeView, { data: codeData, label: "View Code" })
+            resolved.showCodeView !== false && /* @__PURE__ */ jsxRuntime.jsx(CodeView, { data: codeData, label: "View Code" })
           ] })
         ] }),
-        playState === "success" && /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "p-4 rounded-container bg-success/20 border border-success text-center", children: /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "h5", className: "text-success", children: entity.successMessage || t("stateArchitect.allPassed") }) }),
+        playState === "success" && /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "p-4 rounded-container bg-success/20 border border-success text-center", children: /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "h5", className: "text-success", children: resolved.successMessage || t("stateArchitect.allPassed") }) }),
         playState === "fail" && /* @__PURE__ */ jsxRuntime.jsxs(exports.VStack, { gap: "sm", children: [
           /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "p-4 rounded-container bg-warning/10 border border-warning/30 text-center", children: /* @__PURE__ */ jsxRuntime.jsx(exports.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__ */ jsxRuntime.jsx(exports.Box, { className: "p-3 rounded-container bg-accent/10 border border-accent/30", children: /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { className: "items-start", gap: "xs", children: [
+          attempts >= 3 && resolved.hint && /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "p-3 rounded-container bg-accent/10 border border-accent/30", children: /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { className: "items-start", gap: "xs", children: [
             /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body2", className: "text-accent font-bold shrink-0", children: "\u{1F4A1} " + t("game.hint") + ":" }),
-            /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body2", className: "text-foreground", children: entity.hint })
+            /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body2", className: "text-foreground", children: resolved.hint })
           ] }) })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "sm", children: [
@@ -45958,8 +45982,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,
@@ -45976,12 +46001,13 @@ function UncontrolledBattleBoard({ entity, ...rest }) {
       calculateDamage: rest.calculateDamage
     }
   );
+  if (!resolved) return null;
   return /* @__PURE__ */ jsxRuntime.jsx(
     BattleBoard,
     {
       ...rest,
       entity: {
-        ...entity,
+        ...resolved,
         units: battleState.units,
         phase: battleState.phase,
         turn: battleState.turn,
@@ -46752,6 +46778,7 @@ var init_component_registry_generated = __esm({
     init_StatsOrganism();
     init_StatusDot();
     init_StatusEffect();
+    init_StepFlow();
     init_StepFlowOrganism();
     init_SvgBranch();
     init_SvgConnection();
@@ -47070,6 +47097,7 @@ var init_component_registry_generated = __esm({
       "StatsOrganism": exports.StatsOrganism,
       "StatusDot": exports.StatusDot,
       "StatusEffect": StatusEffect,
+      "StepFlow": exports.StepFlow,
       "StepFlowOrganism": exports.StepFlowOrganism,
       "SvgBranch": exports.SvgBranch,
       "SvgConnection": exports.SvgConnection,
@@ -47797,11 +47825,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();
         }
       }
     }