@almadar/ui 5.21.11 → 5.22.2

package/dist/components/index.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import * as React79 from 'react';
-import React79__default, { useContext, useMemo, useRef, useEffect, useCallback, Suspense, useState, lazy, createContext, useLayoutEffect, useId, useSyncExternalStore } from 'react';
+import * as React80 from 'react';
+import React80__default, { useContext, useMemo, useRef, useEffect, useCallback, Suspense, useState, lazy, createContext, useLayoutEffect, useId, useSyncExternalStore } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { EventBusContext, useTraitScope, TraitScopeProvider } from '@almadar/ui/providers';
@@ -211,7 +211,7 @@ var init_SvgFlow = __esm({
       opacity = 1,
       className
     }) => {
-      const markerId = React79__default.useMemo(() => {
+      const markerId = React80__default.useMemo(() => {
         flowIdCounter += 1;
         return `almadar-flow-arrow-${flowIdCounter}`;
       }, []);
@@ -260,7 +260,7 @@ var init_SvgGrid = __esm({
       x,
       y,
       cols = 4,
-      rows = 3,
+      rows: rows2 = 3,
       spacing = 20,
       nodeRadius = 3,
       color = "var(--color-primary)",
@@ -269,7 +269,7 @@ var init_SvgGrid = __esm({
       highlights = []
     }) => {
       const highlightSet = new Set(highlights);
-      return /* @__PURE__ */ jsx("g", { className, opacity, children: Array.from({ length: rows }).map(
+      return /* @__PURE__ */ jsx("g", { className, opacity, children: Array.from({ length: rows2 }).map(
         (_, row) => Array.from({ length: cols }).map((_2, col) => {
           const index = row * cols + col;
           const isHighlighted = highlightSet.has(index);
@@ -754,7 +754,7 @@ var init_SvgRing = __esm({
       className,
       label
     }) => {
-      const gradientId = React79__default.useMemo(() => {
+      const gradientId = React80__default.useMemo(() => {
         ringIdCounter += 1;
         return `almadar-ring-glow-${ringIdCounter}`;
       }, []);
@@ -1836,7 +1836,7 @@ var init_Icon = __esm({
       const directIcon = typeof icon === "string" ? void 0 : icon;
       const effectiveName = typeof icon === "string" ? icon : name;
       const family = useIconFamily();
-      const RenderedComponent = React79__default.useMemo(() => {
+      const RenderedComponent = React80__default.useMemo(() => {
         if (directIcon) return null;
         return effectiveName ? resolveIconForFamily(effectiveName, family) : null;
       }, [directIcon, effectiveName, family]);
@@ -1894,7 +1894,7 @@ function resolveIconProp(value, sizeClass) {
     const IconComp = value;
     return /* @__PURE__ */ jsx(IconComp, { className: sizeClass });
   }
-  if (React79__default.isValidElement(value)) {
+  if (React80__default.isValidElement(value)) {
     return value;
   }
   if (typeof value === "object" && value !== null && "render" in value) {
@@ -1970,7 +1970,7 @@ var init_Button = __esm({
       md: "h-icon-default w-icon-default",
       lg: "h-icon-default w-icon-default"
     };
-    Button = React79__default.forwardRef(
+    Button = React80__default.forwardRef(
       ({
         className,
         variant = "primary",
@@ -2036,7 +2036,7 @@ var init_Input = __esm({
   "components/core/atoms/Input.tsx"() {
     init_cn();
     init_Icon();
-    Input = React79__default.forwardRef(
+    Input = React80__default.forwardRef(
       ({
         className,
         inputType,
@@ -2049,7 +2049,7 @@ var init_Input = __esm({
         onClear,
         value,
         options,
-        rows = 3,
+        rows: rows2 = 3,
         onChange,
         ...props
       }, ref) => {
@@ -2099,7 +2099,7 @@ var init_Input = __esm({
               ref,
               value,
               onChange,
-              rows,
+              rows: rows2,
               className: baseClassName,
               ...props
             }
@@ -2157,7 +2157,7 @@ var Label;
 var init_Label = __esm({
   "components/core/atoms/Label.tsx"() {
     init_cn();
-    Label = React79__default.forwardRef(
+    Label = React80__default.forwardRef(
       ({ className, required, children, ...props }, ref) => {
         return /* @__PURE__ */ jsxs(
           "label",
@@ -2183,7 +2183,7 @@ var Textarea;
 var init_Textarea = __esm({
   "components/core/atoms/Textarea.tsx"() {
     init_cn();
-    Textarea = React79__default.forwardRef(
+    Textarea = React80__default.forwardRef(
       ({ className, error, ...props }, ref) => {
         return /* @__PURE__ */ jsx(
           "textarea",
@@ -2213,7 +2213,7 @@ var init_Select = __esm({
   "components/core/atoms/Select.tsx"() {
     init_cn();
     init_Icon();
-    Select = React79__default.forwardRef(
+    Select = React80__default.forwardRef(
       ({ className, options, placeholder, error, ...props }, ref) => {
         return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
           /* @__PURE__ */ jsxs(
@@ -2255,7 +2255,7 @@ var Checkbox;
 var init_Checkbox = __esm({
   "components/core/atoms/Checkbox.tsx"() {
     init_cn();
-    Checkbox = React79__default.forwardRef(
+    Checkbox = React80__default.forwardRef(
       ({ className, label, id, ...props }, ref) => {
         const inputId = id || `checkbox-${Math.random().toString(36).substr(2, 9)}`;
         return /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
@@ -2346,7 +2346,7 @@ var init_Card = __esm({
       chip: "shadow-none rounded-pill border-[length:var(--border-width)] border-border",
       "tile-image-first": "p-0 overflow-hidden"
     };
-    Card = React79__default.forwardRef(
+    Card = React80__default.forwardRef(
       ({
         className,
         variant = "bordered",
@@ -2384,9 +2384,9 @@ var init_Card = __esm({
       }
     );
     Card.displayName = "Card";
-    CardHeader = React79__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-4", className), ...props }));
+    CardHeader = React80__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-4", className), ...props }));
     CardHeader.displayName = "CardHeader";
-    CardTitle = React79__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    CardTitle = React80__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
       "h3",
       {
         ref,
@@ -2399,11 +2399,11 @@ var init_Card = __esm({
       }
     ));
     CardTitle.displayName = "CardTitle";
-    CardContent = React79__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props }));
+    CardContent = React80__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props }));
     CardContent.displayName = "CardContent";
     CardBody = CardContent;
     CardBody.displayName = "CardBody";
-    CardFooter = React79__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    CardFooter = React80__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
       "div",
       {
         ref,
@@ -2456,7 +2456,7 @@ var init_Badge = __esm({
       md: "px-2.5 py-1 text-sm",
       lg: "px-3 py-1.5 text-base"
     };
-    Badge = React79__default.forwardRef(
+    Badge = React80__default.forwardRef(
       ({ className, variant = "default", size = "sm", amount, label, icon, children, onRemove, removeLabel, ...props }, ref) => {
         const iconSizes3 = {
           sm: "h-icon-default w-icon-default",
@@ -2549,7 +2549,7 @@ var init_FilterPill = __esm({
       md: "w-3.5 h-3.5",
       lg: "w-4 h-4"
     };
-    FilterPill = React79__default.forwardRef(
+    FilterPill = React80__default.forwardRef(
       ({
         className,
         variant = "default",
@@ -2626,7 +2626,7 @@ var init_Spinner = __esm({
       md: "h-6 w-6",
       lg: "h-8 w-8"
     };
-    Spinner = React79__default.forwardRef(
+    Spinner = React80__default.forwardRef(
       ({ className, size = "md", ...props }, ref) => {
         return /* @__PURE__ */ jsx(
           "div",
@@ -2910,7 +2910,7 @@ var init_Box = __esm({
       fixed: "fixed",
       sticky: "sticky"
     };
-    Box = React79__default.forwardRef(
+    Box = React80__default.forwardRef(
       ({
         padding,
         paddingX,
@@ -2960,7 +2960,7 @@ var init_Box = __esm({
           onMouseLeave?.(e);
         }, [hoverEvent, eventBus, onMouseLeave]);
         const isClickable = action || onClick;
-        return React79__default.createElement(
+        return React80__default.createElement(
           Component,
           {
             ref,
@@ -3282,7 +3282,7 @@ var init_Radio = __esm({
       md: "w-2.5 h-2.5",
       lg: "w-3 h-3"
     };
-    Radio = React79__default.forwardRef(
+    Radio = React80__default.forwardRef(
       ({
         label,
         helperText,
@@ -3299,12 +3299,12 @@ var init_Radio = __esm({
         onChange,
         ...props
       }, ref) => {
-        const reactId = React79__default.useId();
+        const reactId = React80__default.useId();
         const baseId = id || `radio-${reactId}`;
         const hasError = !!error;
         const eventBus = useEventBus();
-        const [selected, setSelected] = React79__default.useState(value);
-        React79__default.useEffect(() => {
+        const [selected, setSelected] = React80__default.useState(value);
+        React80__default.useEffect(() => {
           if (value !== void 0) setSelected(value);
         }, [value]);
         const pick = (next, e) => {
@@ -3486,7 +3486,7 @@ var init_Switch = __esm({
   "components/core/atoms/Switch.tsx"() {
     "use client";
     init_cn();
-    Switch = React79.forwardRef(
+    Switch = React80.forwardRef(
       ({
         checked,
         defaultChecked = false,
@@ -3497,10 +3497,10 @@ var init_Switch = __esm({
         name,
         className
       }, ref) => {
-        const [isChecked, setIsChecked] = React79.useState(
+        const [isChecked, setIsChecked] = React80.useState(
           checked !== void 0 ? checked : defaultChecked
         );
-        React79.useEffect(() => {
+        React80.useEffect(() => {
           if (checked !== void 0) {
             setIsChecked(checked);
           }
@@ -4371,7 +4371,7 @@ var Dialog;
 var init_Dialog = __esm({
   "components/core/atoms/Dialog.tsx"() {
     init_cn();
-    Dialog = React79__default.forwardRef(
+    Dialog = React80__default.forwardRef(
       ({
         role = "dialog",
         "aria-modal": ariaModal = true,
@@ -4397,7 +4397,7 @@ var Aside;
 var init_Aside = __esm({
   "components/core/atoms/Aside.tsx"() {
     init_cn();
-    Aside = React79__default.forwardRef(
+    Aside = React80__default.forwardRef(
       ({ className, children, ...rest }, ref) => /* @__PURE__ */ jsx("aside", { ref, className: cn(className), ...rest, children })
     );
     Aside.displayName = "Aside";
@@ -4475,8 +4475,8 @@ var init_LawReferenceTooltip = __esm({
       className
     }) => {
       const { t } = useTranslate();
-      const [isVisible, setIsVisible] = React79__default.useState(false);
-      const timeoutRef = React79__default.useRef(null);
+      const [isVisible, setIsVisible] = React80__default.useState(false);
+      const timeoutRef = React80__default.useRef(null);
       const handleMouseEnter = () => {
         if (timeoutRef.current) clearTimeout(timeoutRef.current);
         timeoutRef.current = setTimeout(() => setIsVisible(true), 200);
@@ -4485,7 +4485,7 @@ var init_LawReferenceTooltip = __esm({
         if (timeoutRef.current) clearTimeout(timeoutRef.current);
         setIsVisible(false);
       };
-      React79__default.useEffect(() => {
+      React80__default.useEffect(() => {
         return () => {
           if (timeoutRef.current) clearTimeout(timeoutRef.current);
         };
@@ -4695,7 +4695,7 @@ var init_StatusDot = __esm({
       md: "w-2.5 h-2.5",
       lg: "w-3 h-3"
     };
-    StatusDot = React79__default.forwardRef(
+    StatusDot = React80__default.forwardRef(
       ({ className, status = "offline", pulse = false, size = "md", label, ...props }, ref) => {
         return /* @__PURE__ */ jsx(
           "span",
@@ -4749,7 +4749,7 @@ var init_TrendIndicator = __esm({
       down: "trending-down",
       flat: "arrow-right"
     };
-    TrendIndicator = React79__default.forwardRef(
+    TrendIndicator = React80__default.forwardRef(
       ({
         className,
         value,
@@ -4816,7 +4816,7 @@ var init_RangeSlider = __esm({
       md: "w-4 h-4",
       lg: "w-5 h-5"
     };
-    RangeSlider = React79__default.forwardRef(
+    RangeSlider = React80__default.forwardRef(
       ({
         className,
         min = 0,
@@ -5412,7 +5412,7 @@ var init_ContentSection = __esm({
       md: "py-16",
       lg: "py-24"
     };
-    ContentSection = React79__default.forwardRef(
+    ContentSection = React80__default.forwardRef(
       ({ children, background = "default", padding = "lg", id, className }, ref) => {
         return /* @__PURE__ */ jsx(
           Box,
@@ -5946,7 +5946,7 @@ var init_AnimatedReveal = __esm({
       "scale-up": { opacity: 1, transform: "scale(1) translateY(0)" },
       "none": {}
     };
-    AnimatedReveal = React79__default.forwardRef(
+    AnimatedReveal = React80__default.forwardRef(
       ({
         trigger = "scroll",
         animation = "fade-up",
@@ -6106,7 +6106,7 @@ var init_AnimatedGraphic = __esm({
   "components/marketing/atoms/AnimatedGraphic.tsx"() {
     "use client";
     init_cn();
-    AnimatedGraphic = React79__default.forwardRef(
+    AnimatedGraphic = React80__default.forwardRef(
       ({
         src,
         svgContent,
@@ -6129,7 +6129,7 @@ var init_AnimatedGraphic = __esm({
         const fetchedSvg = useFetchedSvg(svgContent ? void 0 : src);
         const resolvedSvg = svgContent ?? fetchedSvg;
         const prevAnimateRef = useRef(animate);
-        const setRef = React79__default.useCallback(
+        const setRef = React80__default.useCallback(
           (node) => {
             containerRef.current = node;
             if (typeof ref === "function") ref(node);
@@ -6819,7 +6819,7 @@ var init_ErrorBoundary = __esm({
         }
       );
     };
-    ErrorBoundary = class extends React79__default.Component {
+    ErrorBoundary = class extends React80__default.Component {
       constructor(props) {
         super(props);
         __publicField(this, "reset", () => {
@@ -6864,15 +6864,15 @@ function HeaderSkeleton({ className }) {
     ] })
   ] });
 }
-function TableSkeleton({ rows = 5, columns = 4, className }) {
+function TableSkeleton({ rows: rows2 = 5, columns = 4, className }) {
   return /* @__PURE__ */ jsxs(VStack, { gap: "none", className: cn("border border-border rounded-lg overflow-hidden", className), children: [
     /* @__PURE__ */ jsx(HStack, { className: "px-4 py-3 bg-muted/30 border-b border-border", children: Array.from({ length: columns }).map((_, i) => /* @__PURE__ */ jsx(SkeletonBlock, { className: "h-4 flex-1 mx-2" }, i)) }),
-    Array.from({ length: rows }).map((_, rowIdx) => /* @__PURE__ */ jsx(
+    Array.from({ length: rows2 }).map((_, rowIdx) => /* @__PURE__ */ jsx(
       HStack,
       {
         className: cn(
           "px-4 py-3",
-          rowIdx < rows - 1 && "border-b border-border"
+          rowIdx < rows2 - 1 && "border-b border-border"
         ),
         children: Array.from({ length: columns }).map((_2, colIdx) => /* @__PURE__ */ jsx(SkeletonLine, { className: "flex-1 mx-2" }, colIdx))
       },
@@ -6920,18 +6920,18 @@ function CardSkeleton({ className }) {
     }
   );
 }
-function TextSkeleton({ rows = 3, className }) {
-  return /* @__PURE__ */ jsx(VStack, { gap: "sm", className, children: Array.from({ length: rows }).map((_, i) => /* @__PURE__ */ jsx(
+function TextSkeleton({ rows: rows2 = 3, className }) {
+  return /* @__PURE__ */ jsx(VStack, { gap: "sm", className, children: Array.from({ length: rows2 }).map((_, i) => /* @__PURE__ */ jsx(
     SkeletonLine,
     {
-      className: i === rows - 1 ? "w-2/3" : "w-full"
+      className: i === rows2 - 1 ? "w-2/3" : "w-full"
     },
     i
   )) });
 }
 function Skeleton({
   variant = "text",
-  rows,
+  rows: rows2,
   columns,
   fields,
   className
@@ -6941,15 +6941,15 @@ function Skeleton({
     case "header":
       return /* @__PURE__ */ jsx(HeaderSkeleton, { className });
     case "table":
-      return /* @__PURE__ */ jsx(TableSkeleton, { rows, columns, className });
+      return /* @__PURE__ */ jsx(TableSkeleton, { rows: rows2, columns, className });
     case "form":
       return /* @__PURE__ */ jsx(FormSkeleton, { fields, className });
     case "card":
       return /* @__PURE__ */ jsx(CardSkeleton, { className });
     case "text":
-      return /* @__PURE__ */ jsx(TextSkeleton, { rows, className });
+      return /* @__PURE__ */ jsx(TextSkeleton, { rows: rows2, className });
     default:
-      return /* @__PURE__ */ jsx(TextSkeleton, { rows, className });
+      return /* @__PURE__ */ jsx(TextSkeleton, { rows: rows2, className });
   }
 }
 var pulseClass;
@@ -7858,8 +7858,8 @@ var init_Tooltip = __esm({
           if (hideTimeoutRef.current) clearTimeout(hideTimeoutRef.current);
         };
       }, []);
-      const triggerElement = React79__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
-      const trigger = React79__default.cloneElement(triggerElement, {
+      const triggerElement = React80__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
+      const trigger = React80__default.cloneElement(triggerElement, {
         ref: triggerRef,
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
@@ -8014,8 +8014,8 @@ var init_Popover = __esm({
         onMouseEnter: handleOpen,
         onMouseLeave: handleClose
       };
-      const childElement = React79__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
-      const triggerElement = React79__default.cloneElement(
+      const childElement = React80__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
+      const triggerElement = React80__default.cloneElement(
         childElement,
         {
           ref: triggerRef,
@@ -8076,7 +8076,7 @@ var init_Menu = __esm({
       className
     }) => {
       const eventBus = useEventBus();
-      const { t } = useTranslate();
+      const { t, direction } = useTranslate();
       const [isOpen, setIsOpen] = useState(false);
       const [activeSubMenu, setActiveSubMenu] = useState(null);
       const [triggerRect, setTriggerRect] = useState(null);
@@ -8130,8 +8130,20 @@ var init_Menu = __esm({
         "bottom-start": "top-full left-0 mt-2",
         "bottom-end": "top-full right-0 mt-2"
       };
-      const triggerChild = React79__default.isValidElement(trigger) ? trigger : /* @__PURE__ */ jsx(Typography, { variant: "small", as: "span", children: trigger });
-      const triggerElement = React79__default.cloneElement(
+      const rtlMirror = {
+        "top-left": "top-right",
+        "top-right": "top-left",
+        "bottom-left": "bottom-right",
+        "bottom-right": "bottom-left",
+        "top-start": "top-end",
+        "top-end": "top-start",
+        "bottom-start": "bottom-end",
+        "bottom-end": "bottom-start"
+      };
+      const effectivePosition = direction === "rtl" ? rtlMirror[position] ?? position : position;
+      const subMenuSideClass = direction === "rtl" ? "right-full mr-2" : "left-full ml-2";
+      const triggerChild = React80__default.isValidElement(trigger) ? trigger : /* @__PURE__ */ jsx(Typography, { variant: "small", as: "span", children: trigger });
+      const triggerElement = React80__default.cloneElement(
         triggerChild,
         {
           ref: triggerRef,
@@ -8157,7 +8169,7 @@ var init_Menu = __esm({
             onMouseEnter: () => hasSubMenu && setActiveSubMenu(itemId),
             "data-testid": item.event ? `action-${item.event}` : void 0,
             className: cn(
-              "w-full flex items-center justify-between gap-3 px-4 py-2 text-left",
+              "w-full flex items-center justify-between gap-3 px-4 py-2 text-start",
               "text-sm transition-colors",
               "hover:bg-muted",
               "focus:outline-none focus:bg-muted",
@@ -8176,7 +8188,7 @@ var init_Menu = __esm({
                 }
               ),
               item.badge !== void 0 && /* @__PURE__ */ jsx(Badge, { variant: "default", size: "sm", children: item.badge }),
-              hasSubMenu && /* @__PURE__ */ jsx(Icon, { name: "chevron-right", size: "sm", className: "flex-shrink-0" })
+              hasSubMenu && /* @__PURE__ */ jsx(Icon, { name: direction === "rtl" ? "chevron-left" : "chevron-right", size: "sm", className: "flex-shrink-0" })
             ] })
           },
           itemId
@@ -8196,7 +8208,8 @@ var init_Menu = __esm({
               Box,
               {
                 className: cn(
-                  "absolute left-full top-0 ml-2 z-50",
+                  "absolute top-0 z-50",
+                  subMenuSideClass,
                   menuContainerStyles
                 ),
                 children: renderMenuItems(item.subMenu)
@@ -8214,12 +8227,12 @@ var init_Menu = __esm({
             className: cn(
               "absolute z-50",
               menuContainerStyles,
-              positionClasses3[position],
+              positionClasses3[effectivePosition],
               className
             ),
             style: {
-              left: position.includes("left") ? 0 : "auto",
-              right: position.includes("right") ? 0 : "auto"
+              left: effectivePosition.includes("left") ? 0 : "auto",
+              right: effectivePosition.includes("right") ? 0 : "auto"
             },
             role: "menu",
             children: renderMenuItems(items)
@@ -8537,13 +8550,13 @@ var init_MapView = __esm({
         shadowSize: [41, 41]
       });
       L.Marker.prototype.options.icon = defaultIcon;
-      const { useEffect: useEffect69, useRef: useRef66, useCallback: useCallback113, useState: useState99 } = React79__default;
+      const { useEffect: useEffect70, useRef: useRef67, useCallback: useCallback114, useState: useState100 } = React80__default;
       const { Typography: Typography2 } = await Promise.resolve().then(() => (init_Typography(), Typography_exports));
       const { useEventBus: useEventBus2 } = await Promise.resolve().then(() => (init_useEventBus(), useEventBus_exports));
       function MapUpdater({ centerLat, centerLng, zoom }) {
         const map = useMap();
-        const prevRef = useRef66({ centerLat, centerLng, zoom });
-        useEffect69(() => {
+        const prevRef = useRef67({ centerLat, centerLng, zoom });
+        useEffect70(() => {
           const prev = prevRef.current;
           if (prev.centerLat !== centerLat || prev.centerLng !== centerLng || prev.zoom !== zoom) {
             map.setView([centerLat, centerLng], zoom);
@@ -8554,7 +8567,7 @@ var init_MapView = __esm({
       }
       function MapClickHandler({ onMapClick }) {
         const map = useMap();
-        useEffect69(() => {
+        useEffect70(() => {
           if (!onMapClick) return;
           const handler = (e) => {
             onMapClick(e.latlng.lat, e.latlng.lng);
@@ -8582,8 +8595,8 @@ var init_MapView = __esm({
         showAttribution = true
       }) {
         const eventBus = useEventBus2();
-        const [clickedPosition, setClickedPosition] = useState99(null);
-        const handleMapClick = useCallback113((lat, lng) => {
+        const [clickedPosition, setClickedPosition] = useState100(null);
+        const handleMapClick = useCallback114((lat, lng) => {
           if (showClickedPin) {
             setClickedPosition({ lat, lng });
           }
@@ -8592,7 +8605,7 @@ var init_MapView = __esm({
             eventBus.emit(`UI:${mapClickEvent}`, { latitude: lat, longitude: lng });
           }
         }, [onMapClick, mapClickEvent, eventBus, showClickedPin]);
-        const handleMarkerClick = useCallback113((marker) => {
+        const handleMarkerClick = useCallback114((marker) => {
           onMarkerClick?.(marker);
           if (markerClickEvent) {
             eventBus.emit(`UI:${markerClickEvent}`, { ...marker });
@@ -8783,7 +8796,7 @@ function InputPattern({
   fieldName
 }) {
   const { emit } = useEventBus();
-  const [localValue, setLocalValue] = React79__default.useState(value);
+  const [localValue, setLocalValue] = React80__default.useState(value);
   const handleChange = (e) => {
     setLocalValue(e.target.value);
     if (onChange) {
@@ -8813,7 +8826,7 @@ function InputPattern({
 function TextareaPattern({
   value = "",
   placeholder,
-  rows = 4,
+  rows: rows2 = 4,
   disabled = false,
   fieldError,
   onChange,
@@ -8821,7 +8834,7 @@ function TextareaPattern({
   fieldName
 }) {
   const { emit } = useEventBus();
-  const [localValue, setLocalValue] = React79__default.useState(value);
+  const [localValue, setLocalValue] = React80__default.useState(value);
   const handleChange = (e) => {
     setLocalValue(e.target.value);
     if (onChange) {
@@ -8833,7 +8846,7 @@ function TextareaPattern({
     {
       value: localValue,
       placeholder,
-      rows,
+      rows: rows2,
       disabled,
       error: fieldError,
       onChange: handleChange,
@@ -8853,7 +8866,7 @@ function SelectPattern({
   fieldName
 }) {
   const { emit } = useEventBus();
-  const [localValue, setLocalValue] = React79__default.useState(value);
+  const [localValue, setLocalValue] = React80__default.useState(value);
   const handleChange = (e) => {
     setLocalValue(e.target.value);
     if (onChange) {
@@ -8882,7 +8895,7 @@ function CheckboxPattern({
   className
 }) {
   const { emit } = useEventBus();
-  const [localChecked, setLocalChecked] = React79__default.useState(checked);
+  const [localChecked, setLocalChecked] = React80__default.useState(checked);
   const handleChange = (e) => {
     setLocalChecked(e.target.checked);
     if (onChange) {
@@ -9195,9 +9208,9 @@ function ControlButton({
   className
 }) {
   const eventBus = useEventBus();
-  const [isPressed, setIsPressed] = React79.useState(false);
+  const [isPressed, setIsPressed] = React80.useState(false);
   const actualPressed = pressed ?? isPressed;
-  const handlePointerDown = React79.useCallback(
+  const handlePointerDown = React80.useCallback(
     (e) => {
       e.preventDefault();
       if (disabled) return;
@@ -9207,7 +9220,7 @@ function ControlButton({
     },
     [disabled, pressEvent, eventBus, onPress]
   );
-  const handlePointerUp = React79.useCallback(
+  const handlePointerUp = React80.useCallback(
     (e) => {
       e.preventDefault();
       if (disabled) return;
@@ -9217,7 +9230,7 @@ function ControlButton({
     },
     [disabled, releaseEvent, eventBus, onRelease]
   );
-  const handlePointerLeave = React79.useCallback(
+  const handlePointerLeave = React80.useCallback(
     (e) => {
       if (isPressed) {
         setIsPressed(false);
@@ -9294,8 +9307,8 @@ function ActionButtons({
   disabled
 }) {
   const eventBus = useEventBus();
-  const [activeButtons, setActiveButtons] = React79.useState(/* @__PURE__ */ new Set());
-  const handlePress = React79.useCallback(
+  const [activeButtons, setActiveButtons] = React80.useState(/* @__PURE__ */ new Set());
+  const handlePress = React80.useCallback(
     (id) => {
       setActiveButtons((prev) => new Set(prev).add(id));
       if (actionEvent) eventBus.emit(`UI:${actionEvent}`, { id, pressed: true });
@@ -9303,7 +9316,7 @@ function ActionButtons({
     },
     [actionEvent, eventBus, onAction]
   );
-  const handleRelease = React79.useCallback(
+  const handleRelease = React80.useCallback(
     (id) => {
       setActiveButtons((prev) => {
         const next = new Set(prev);
@@ -9499,6 +9512,91 @@ var init_ActionPalette = __esm({
     ActionPalette.displayName = "ActionPalette";
   }
 });
+function parseValue(value) {
+  if (value === "" || value == null) return { num: 0, prefix: "", suffix: "", decimals: 0 };
+  const match = String(value).match(/^([^0-9]*)([0-9]+(?:\.[0-9]+)?)(.*)$/);
+  if (!match) {
+    return { num: 0, prefix: "", suffix: String(value), decimals: 0 };
+  }
+  const numStr = match[2];
+  const decimalIdx = numStr.indexOf(".");
+  const decimals = decimalIdx >= 0 ? numStr.length - decimalIdx - 1 : 0;
+  return {
+    prefix: match[1],
+    num: parseFloat(numStr),
+    suffix: match[3],
+    decimals
+  };
+}
+var AnimatedCounter2;
+var init_AnimatedCounter2 = __esm({
+  "components/core/molecules/AnimatedCounter.tsx"() {
+    "use client";
+    init_cn();
+    init_Box();
+    init_Typography();
+    AnimatedCounter2 = ({
+      value,
+      label,
+      duration = 1500,
+      className
+    }) => {
+      const ref = useRef(null);
+      const [displayValue, setDisplayValue] = useState("0");
+      const [hasAnimated, setHasAnimated] = useState(false);
+      const animate = useCallback(() => {
+        const { num: num2, prefix, suffix, decimals } = parseValue(value);
+        if (num2 === 0) {
+          setDisplayValue(String(value));
+          return;
+        }
+        const startTime = performance.now();
+        const tick = (now) => {
+          const elapsed = now - startTime;
+          const progress = Math.min(elapsed / duration, 1);
+          const eased = 1 - Math.pow(1 - progress, 3);
+          const current = eased * num2;
+          setDisplayValue(`${prefix}${current.toFixed(decimals)}${suffix}`);
+          if (progress < 1) {
+            requestAnimationFrame(tick);
+          } else {
+            setDisplayValue(String(value));
+          }
+        };
+        requestAnimationFrame(tick);
+      }, [value, duration]);
+      useEffect(() => {
+        if (hasAnimated) return;
+        const el = ref.current;
+        if (!el) return;
+        const observer2 = new IntersectionObserver(
+          (entries) => {
+            if (entries[0].isIntersecting) {
+              setHasAnimated(true);
+              animate();
+              observer2.disconnect();
+            }
+          },
+          { threshold: 0.3 }
+        );
+        observer2.observe(el);
+        return () => observer2.disconnect();
+      }, [hasAnimated, animate]);
+      return /* @__PURE__ */ jsxs(Box, { ref, className: cn("flex flex-col items-center gap-1 p-4", className), children: [
+        /* @__PURE__ */ jsx(
+          Typography,
+          {
+            variant: "h2",
+            className: "text-primary font-bold tabular-nums",
+            children: hasAnimated ? displayValue : "0"
+          }
+        ),
+        /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "muted", className: "text-center", children: label })
+      ] });
+    };
+    AnimatedCounter2.displayName = "AnimatedCounter";
+  }
+});
 var AuthLayout;
 var init_AuthLayout = __esm({
   "components/core/templates/AuthLayout.tsx"() {
@@ -10751,6 +10849,39 @@ var init_IsometricCanvas2 = __esm({
     init_IsometricCanvas();
   }
 });
+
+// components/game/organisms/boardEntity.ts
+function boardEntity(entity) {
+  if (!entity) return void 0;
+  return Array.isArray(entity) ? entity[0] : entity;
+}
+function str(v) {
+  return v == null ? "" : String(v);
+}
+function num(v, fallback = 0) {
+  const n = Number(v);
+  return Number.isFinite(n) ? n : fallback;
+}
+function rows(v) {
+  return Array.isArray(v) ? v : [];
+}
+function vec2(v) {
+  const o = v ?? {};
+  return { x: num(o.x), y: num(o.y) };
+}
+function unitPosition(u) {
+  return vec2(u.position);
+}
+function unitTeam(u) {
+  return str(u.team);
+}
+function unitHealth(u) {
+  return num(u.health);
+}
+var init_boardEntity = __esm({
+  "components/game/organisms/boardEntity.ts"() {
+  }
+});
 function BattleBoard({
   entity,
   scale = 0.45,
@@ -10777,43 +10908,49 @@ function BattleBoard({
   attackEvent,
   className
 }) {
-  const tiles = entity.tiles;
-  const features = entity.features ?? [];
-  const boardWidth = entity.boardWidth ?? 8;
-  const boardHeight = entity.boardHeight ?? 6;
-  const assetManifest = entity.assetManifest;
-  const backgroundImage = entity.backgroundImage;
-  const units = entity.units;
-  const selectedUnitId = entity.selectedUnitId;
-  const currentPhase = entity.phase;
-  const currentTurn = entity.turn;
-  const gameResult = entity.gameResult;
+  const board = boardEntity(entity) ?? {};
+  const tiles = Array.isArray(board.tiles) ? board.tiles : [];
+  const features = Array.isArray(board.features) ? board.features : [];
+  const boardWidth = num(board.boardWidth, 8);
+  const boardHeight = num(board.boardHeight, 6);
+  const assetManifest = board.assetManifest;
+  const backgroundImage = board.backgroundImage;
+  const units = rows(board.units);
+  const selectedUnitId = board.selectedUnitId ?? null;
+  const currentPhase = str(board.phase) || "observation";
+  const currentTurn = num(board.turn, 1);
+  const gameResult = board.gameResult ?? null;
   const eventBus = useEventBus();
   const { t } = useTranslate();
   const [hoveredTile, setHoveredTile] = useState(null);
   const [isShaking, setIsShaking] = useState(false);
   const selectedUnit = useMemo(
-    () => units.find((u) => u.id === selectedUnitId) ?? null,
+    () => units.find((u) => str(u.id) === selectedUnitId) ?? null,
     [units, selectedUnitId]
   );
   const hoveredUnit = useMemo(() => {
     if (!hoveredTile) return null;
-    return units.find(
-      (u) => u.position.x === hoveredTile.x && u.position.y === hoveredTile.y && u.health > 0
-    ) ?? null;
+    return units.find((u) => {
+      const p2 = unitPosition(u);
+      return p2.x === hoveredTile.x && p2.y === hoveredTile.y && unitHealth(u) > 0;
+    }) ?? null;
   }, [hoveredTile, units]);
-  const playerUnits = useMemo(() => units.filter((u) => u.team === "player" && u.health > 0), [units]);
-  const enemyUnits = useMemo(() => units.filter((u) => u.team === "enemy" && u.health > 0), [units]);
+  const playerUnits = useMemo(() => units.filter((u) => unitTeam(u) === "player" && unitHealth(u) > 0), [units]);
+  const enemyUnits = useMemo(() => units.filter((u) => unitTeam(u) === "enemy" && unitHealth(u) > 0), [units]);
   const validMoves = useMemo(() => {
     if (!selectedUnit || currentPhase !== "movement") return [];
     const moves = [];
-    const range = selectedUnit.movement;
+    const range = num(selectedUnit.movement);
+    const origin = unitPosition(selectedUnit);
     for (let dy = -range; dy <= range; dy++) {
       for (let dx = -range; dx <= range; dx++) {
-        const nx = selectedUnit.position.x + dx;
-        const ny = selectedUnit.position.y + dy;
+        const nx = origin.x + dx;
+        const ny = origin.y + dy;
         const dist = Math.abs(dx) + Math.abs(dy);
-        if (dist > 0 && dist <= range && nx >= 0 && nx < boardWidth && ny >= 0 && ny < boardHeight && !units.some((u) => u.position.x === nx && u.position.y === ny && u.health > 0)) {
+        if (dist > 0 && dist <= range && nx >= 0 && nx < boardWidth && ny >= 0 && ny < boardHeight && !units.some((u) => {
+          const p2 = unitPosition(u);
+          return p2.x === nx && p2.y === ny && unitHealth(u) > 0;
+        })) {
           moves.push({ x: nx, y: ny });
         }
       }
@@ -10822,11 +10959,14 @@ function BattleBoard({
   }, [selectedUnit, currentPhase, units, boardWidth, boardHeight]);
   const attackTargets = useMemo(() => {
     if (!selectedUnit || currentPhase !== "action") return [];
-    return units.filter((u) => u.team !== selectedUnit.team && u.health > 0).filter((u) => {
-      const dx = Math.abs(u.position.x - selectedUnit.position.x);
-      const dy = Math.abs(u.position.y - selectedUnit.position.y);
+    const sp = unitPosition(selectedUnit);
+    const sTeam = unitTeam(selectedUnit);
+    return units.filter((u) => unitTeam(u) !== sTeam && unitHealth(u) > 0).filter((u) => {
+      const p2 = unitPosition(u);
+      const dx = Math.abs(p2.x - sp.x);
+      const dy = Math.abs(p2.y - sp.y);
       return dx <= 1 && dy <= 1 && dx + dy > 0;
-    }).map((u) => u.position);
+    }).map((u) => unitPosition(u));
   }, [selectedUnit, currentPhase, units]);
   const MOVE_SPEED_MS_PER_TILE = 300;
   const movementAnimRef = useRef(null);
@@ -10866,23 +11006,25 @@ function BattleBoard({
     return () => clearInterval(interval);
   }, []);
   const isoUnits = useMemo(() => {
-    return units.filter((u) => u.health > 0).map((unit) => {
-      const pos = movingPositions.get(unit.id) ?? unit.position;
+    return units.filter((u) => unitHealth(u) > 0).map((unit) => {
+      const id = str(unit.id);
+      const pos = movingPositions.get(id) ?? unitPosition(unit);
+      const unitTraits = Array.isArray(unit.traits) ? unit.traits : void 0;
       return {
-        id: unit.id,
+        id,
         position: pos,
-        name: unit.name,
-        team: unit.team,
-        health: unit.health,
-        maxHealth: unit.maxHealth,
-        unitType: unit.unitType,
-        heroId: unit.heroId,
-        sprite: unit.sprite,
-        traits: unit.traits?.map((t2) => ({
-          name: t2.name,
-          currentState: t2.currentState,
-          states: t2.states,
-          cooldown: t2.cooldown ?? 0
+        name: str(unit.name),
+        team: unitTeam(unit),
+        health: unitHealth(unit),
+        maxHealth: num(unit.maxHealth),
+        unitType: unit.unitType == null ? void 0 : str(unit.unitType),
+        heroId: unit.heroId == null ? void 0 : str(unit.heroId),
+        sprite: unit.sprite == null ? void 0 : str(unit.sprite),
+        traits: unitTraits?.map((tr) => ({
+          name: tr.name,
+          currentState: tr.currentState,
+          states: tr.states,
+          cooldown: tr.cooldown ?? 0
         }))
       };
     });
@@ -10894,8 +11036,8 @@ function BattleBoard({
     [scale, baseOffsetX]
   );
   const checkGameEnd = useCallback(() => {
-    const pa = units.filter((u) => u.team === "player" && u.health > 0);
-    const ea = units.filter((u) => u.team === "enemy" && u.health > 0);
+    const pa = units.filter((u) => unitTeam(u) === "player" && unitHealth(u) > 0);
+    const ea = units.filter((u) => unitTeam(u) === "enemy" && unitHealth(u) > 0);
     if (pa.length === 0) {
       onGameEnd?.("defeat");
       if (gameEndEvent) {
@@ -10909,21 +11051,22 @@ function BattleBoard({
     }
   }, [units, onGameEnd, gameEndEvent, eventBus]);
   const handleUnitClick = useCallback((unitId) => {
-    const unit = units.find((u) => u.id === unitId);
+    const unit = units.find((u) => str(u.id) === unitId);
     if (!unit) return;
     if (unitClickEvent) {
       eventBus.emit(`UI:${unitClickEvent}`, { unitId });
     }
     if (currentPhase === "action" && selectedUnit) {
-      if (unit.team === "enemy" && attackTargets.some((t2) => t2.x === unit.position.x && t2.y === unit.position.y)) {
-        const damage = calculateDamage2 ? calculateDamage2(selectedUnit, unit) : Math.max(1, selectedUnit.attack - unit.defense);
+      const up = unitPosition(unit);
+      if (unitTeam(unit) === "enemy" && attackTargets.some((t2) => t2.x === up.x && t2.y === up.y)) {
+        const damage = calculateDamage2 ? calculateDamage2(selectedUnit, unit) : Math.max(1, num(selectedUnit.attack) - num(unit.defense));
         setIsShaking(true);
         setTimeout(() => setIsShaking(false), 300);
         onAttack?.(selectedUnit, unit, damage);
         if (attackEvent) {
           eventBus.emit(`UI:${attackEvent}`, {
-            attackerId: selectedUnit.id,
-            targetId: unit.id,
+            attackerId: str(selectedUnit.id),
+            targetId: str(unit.id),
             damage
           });
         }
@@ -10938,9 +11081,9 @@ function BattleBoard({
     if (currentPhase === "movement" && selectedUnit) {
       if (movementAnimRef.current) return;
       if (validMoves.some((m) => m.x === x && m.y === y)) {
-        const from = { ...selectedUnit.position };
+        const from = { ...unitPosition(selectedUnit) };
         const to = { x, y };
-        startMoveAnimation(selectedUnit.id, from, to, () => {
+        startMoveAnimation(str(selectedUnit.id), from, to, () => {
           onUnitMove?.(selectedUnit, to);
         });
       }
@@ -11098,6 +11241,7 @@ var init_BattleBoard = __esm({
     init_Typography();
     init_Stack();
     init_IsometricCanvas2();
+    init_boardEntity();
     init_isometric();
     BattleBoard.displayName = "BattleBoard";
   }
@@ -12178,7 +12322,7 @@ var init_CodeBlock = __esm({
     log5 = createLogger("almadar:ui:markdown-code");
     LINE_PROPS_FN = (n) => ({ "data-line": String(n - 1) });
     HIDDEN_LINE_NUMBERS = { display: "none" };
-    CodeBlock = React79__default.memo(
+    CodeBlock = React80__default.memo(
       ({
         code: rawCode,
         language = "text",
@@ -12320,24 +12464,24 @@ var init_CodeBlock = __esm({
             return;
           }
           lineEls.forEach((el) => {
-            const num = parseInt(el.getAttribute("data-line") ?? "-1", 10);
-            if (hiddenLines.has(num)) {
+            const num2 = parseInt(el.getAttribute("data-line") ?? "-1", 10);
+            if (hiddenLines.has(num2)) {
               el.style.display = "none";
               return;
             }
             el.style.display = "";
             el.style.position = "relative";
             el.style.paddingLeft = "1.2em";
-            const region = foldStartMap.get(num);
+            const region = foldStartMap.get(num2);
             if (!region) return;
-            const isCollapsed = collapsed.has(num);
+            const isCollapsed = collapsed.has(num2);
             const toggle = document.createElement("span");
             toggle.className = "fold-toggle";
             toggle.textContent = isCollapsed ? "\u25B6" : "\u25BC";
             toggle.style.cssText = "position:absolute;left:0;top:0;width:1.2em;text-align:center;cursor:pointer;color:#858585;font-size:10px;user-select:none;line-height:inherit;height:100%";
             toggle.addEventListener("click", (e) => {
               e.stopPropagation();
-              toggleFoldRef.current(num);
+              toggleFoldRef.current(num2);
             });
             el.insertBefore(toggle, el.firstChild);
             if (isCollapsed) {
@@ -12615,7 +12759,7 @@ var init_MarkdownContent = __esm({
     init_Box();
     init_CodeBlock();
     init_cn();
-    MarkdownContent = React79__default.memo(
+    MarkdownContent = React80__default.memo(
       ({ content, direction, className }) => {
         const { t: _t } = useTranslate();
         const safeContent = typeof content === "string" ? content : String(content ?? "");
@@ -13711,7 +13855,7 @@ var init_StateMachineView = __esm({
                 style: { top: title ? 30 : 0 },
                 children: [
                   entity && /* @__PURE__ */ jsx(EntityBox, { entity, config }),
-                  states.map((state) => renderStateNode ? /* @__PURE__ */ jsx(React79__default.Fragment, { children: renderStateNode(state, config) }, state.id) : /* @__PURE__ */ jsx(
+                  states.map((state) => renderStateNode ? /* @__PURE__ */ jsx(React80__default.Fragment, { children: renderStateNode(state, config) }, state.id) : /* @__PURE__ */ jsx(
                     StateNode,
                     {
                       state,
@@ -14590,10 +14734,13 @@ var init_BookChapterView = __esm({
     init_cn();
     BookChapterView = ({
       chapter,
+      orbitalSchema,
       direction,
       className
     }) => {
       const { t: _t } = useTranslate();
+      const title = String(chapter.title ?? "");
+      const content = String(chapter.content ?? "");
       return /* @__PURE__ */ jsxs(
         VStack,
         {
@@ -14601,16 +14748,16 @@ var init_BookChapterView = __esm({
           className: cn("px-6 py-8 max-w-4xl mx-auto w-full", className),
           style: { direction },
           children: [
-            /* @__PURE__ */ jsx(Typography, { variant: "h1", className: "text-3xl font-bold", children: chapter.title }),
+            /* @__PURE__ */ jsx(Typography, { variant: "h1", className: "text-3xl font-bold", children: title }),
             /* @__PURE__ */ jsx(Divider, {}),
-            !!chapter.orbitalSchema && /* @__PURE__ */ jsx(ScaledDiagram, { children: /* @__PURE__ */ jsx(
+            !!orbitalSchema && /* @__PURE__ */ jsx(ScaledDiagram, { children: /* @__PURE__ */ jsx(
               JazariStateMachine,
               {
-                schema: chapter.orbitalSchema,
+                schema: orbitalSchema,
                 direction
               }
             ) }),
-            /* @__PURE__ */ jsx(ContentRenderer, { content: chapter.content, direction })
+            /* @__PURE__ */ jsx(ContentRenderer, { content, direction })
           ]
         }
       );
@@ -14708,7 +14855,7 @@ var init_BookNavBar = __esm({
     BookNavBar = ({
       currentPage,
       totalPages,
-      chapterTitle,
+      chapterTitle: chapterTitle2,
       direction,
       className
     }) => {
@@ -14749,12 +14896,12 @@ var init_BookNavBar = __esm({
               )
             ] }),
             /* @__PURE__ */ jsxs(Box, { className: "flex-1 mx-4 max-w-md", children: [
-              chapterTitle && /* @__PURE__ */ jsx(
+              chapterTitle2 && /* @__PURE__ */ jsx(
                 Typography,
                 {
                   variant: "caption",
                   className: "text-center block truncate text-muted-foreground",
-                  children: chapterTitle
+                  children: chapterTitle2
                 }
               ),
               /* @__PURE__ */ jsx(ProgressBar, { value: progress, size: "sm", variant: "primary" })
@@ -14821,31 +14968,35 @@ var init_BookTableOfContents = __esm({
           style: { direction },
           children: [
             /* @__PURE__ */ jsx(Typography, { variant: "h1", className: "text-3xl font-bold text-center mb-4", children: t("book.tableOfContents") }),
-            parts.map((part, partIdx) => /* @__PURE__ */ jsxs(VStack, { gap: "sm", children: [
-              /* @__PURE__ */ jsxs(HStack, { gap: "sm", align: "center", children: [
-                /* @__PURE__ */ jsx(Badge, { variant: "default", size: "sm", children: t("book.partNumber", { number: String(partIdx + 1) }) }),
-                /* @__PURE__ */ jsx(Typography, { variant: "h3", className: "font-semibold", children: part.title })
-              ] }),
-              /* @__PURE__ */ jsx(VStack, { gap: "xs", className: direction === "rtl" ? "pr-6" : "pl-6", children: part.chapters.map((chapter) => {
-                const isCurrent = chapter.id === currentChapterId;
-                return /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    variant: "ghost",
-                    size: "sm",
-                    action: "BOOK_NAVIGATE",
-                    actionPayload: { chapterId: chapter.id },
-                    className: cn(
-                      "justify-start text-left w-full",
-                      direction === "rtl" && "text-right",
-                      isCurrent && "bg-blue-50 dark:bg-blue-950 text-blue-600 dark:text-blue-400"
-                    ),
-                    children: /* @__PURE__ */ jsx(Box, { className: "truncate", children: /* @__PURE__ */ jsx(Typography, { variant: "body", children: chapter.title }) })
-                  },
-                  chapter.id
-                );
-              }) })
-            ] }, partIdx))
+            parts.map((part, partIdx) => {
+              const chapters = Array.isArray(part.chapters) ? part.chapters : [];
+              return /* @__PURE__ */ jsxs(VStack, { gap: "sm", children: [
+                /* @__PURE__ */ jsxs(HStack, { gap: "sm", align: "center", children: [
+                  /* @__PURE__ */ jsx(Badge, { variant: "default", size: "sm", children: t("book.partNumber", { number: String(partIdx + 1) }) }),
+                  /* @__PURE__ */ jsx(Typography, { variant: "h3", className: "font-semibold", children: String(part.title ?? "") })
+                ] }),
+                /* @__PURE__ */ jsx(VStack, { gap: "xs", className: direction === "rtl" ? "pr-6" : "pl-6", children: chapters.map((chapter) => {
+                  const id = chapter.id == null ? "" : String(chapter.id);
+                  const isCurrent = id === currentChapterId;
+                  return /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      variant: "ghost",
+                      size: "sm",
+                      action: "BOOK_NAVIGATE",
+                      actionPayload: { chapterId: id },
+                      className: cn(
+                        "justify-start text-left w-full",
+                        direction === "rtl" && "text-right",
+                        isCurrent && "bg-blue-50 dark:bg-blue-950 text-blue-600 dark:text-blue-400"
+                      ),
+                      children: /* @__PURE__ */ jsx(Box, { className: "truncate", children: /* @__PURE__ */ jsx(Typography, { variant: "body", children: String(chapter.title ?? "") }) })
+                    },
+                    id
+                  );
+                }) })
+              ] }, partIdx);
+            })
           ]
         }
       );
@@ -14967,27 +15118,41 @@ function resolveFieldMap(fieldMap) {
 function get(obj, key) {
   return obj[key];
 }
+function asStr(v) {
+  return v == null ? "" : String(v);
+}
 function mapBookData(raw, fields = IDENTITY_BOOK_FIELDS) {
   const rawParts = get(raw, fields.parts) ?? [];
-  return {
-    title: get(raw, fields.title) ?? "",
-    subtitle: get(raw, fields.subtitle),
-    author: get(raw, fields.author),
-    coverImageUrl: get(raw, fields.coverImageUrl),
-    direction: get(raw, fields.direction) ?? void 0,
-    parts: rawParts.map((part) => {
-      const rawChapters = get(part, fields.chapters) ?? [];
-      return {
-        title: get(part, fields.partTitle) ?? "",
-        chapters: rawChapters.map((ch) => ({
-          id: get(ch, fields.chapterId) ?? "",
-          title: get(ch, fields.chapterTitle) ?? "",
-          content: get(ch, fields.chapterContent) ?? "",
-          orbitalSchema: get(ch, fields.chapterOrbitalSchema)
-        }))
-      };
-    })
+  const direction = get(raw, fields.direction) ?? "ltr";
+  const cover = {
+    title: asStr(get(raw, fields.title)),
+    subtitle: asStr(get(raw, fields.subtitle)),
+    author: asStr(get(raw, fields.author)),
+    coverImageUrl: asStr(get(raw, fields.coverImageUrl)),
+    direction
   };
+  const schemaByChapterId = {};
+  const chapters = [];
+  const parts = rawParts.map((part) => {
+    const rawChapters = get(part, fields.chapters) ?? [];
+    const chapterRows = rawChapters.map((ch) => {
+      const id = asStr(get(ch, fields.chapterId));
+      const schema = get(ch, fields.chapterOrbitalSchema);
+      if (schema) schemaByChapterId[id] = schema;
+      const row = {
+        id,
+        title: asStr(get(ch, fields.chapterTitle)),
+        content: asStr(get(ch, fields.chapterContent))
+      };
+      chapters.push(row);
+      return row;
+    });
+    return {
+      title: asStr(get(part, fields.partTitle)),
+      chapters: chapterRows
+    };
+  });
+  return { cover, direction, parts, chapters, schemaByChapterId };
 }
 var IDENTITY_BOOK_FIELDS, AR_BOOK_FIELDS, FIELD_MAP_REGISTRY;
 var init_types2 = __esm({
@@ -15025,10 +15190,7 @@ var init_types2 = __esm({
     };
   }
 });
-function flattenChapters(book) {
-  return book.parts.flatMap((part) => part.chapters);
-}
-var PRINT_STYLES, BookViewer;
+var chapterId, chapterTitle, PRINT_STYLES, BookViewer;
 var init_BookViewer = __esm({
   "components/marketing/organisms/book/BookViewer.tsx"() {
     init_Box();
@@ -15041,6 +15203,8 @@ var init_BookViewer = __esm({
     init_BookNavBar();
     init_EmptyState();
     init_types2();
+    chapterId = (ch) => ch?.id == null ? void 0 : String(ch.id);
+    chapterTitle = (ch) => ch?.title == null ? void 0 : String(ch.title);
     PRINT_STYLES = `
 @media print {
   .book-viewer-page {
@@ -15069,14 +15233,14 @@ var init_BookViewer = __esm({
         return mapBookData(raw, resolvedFieldMap);
       }, [entity, resolvedFieldMap]);
       const direction = book?.direction ?? "ltr";
-      const chapters = useMemo(() => book ? flattenChapters(book) : [], [book]);
+      const chapters = useMemo(() => book ? book.chapters : [], [book]);
       const totalPages = 2 + chapters.length;
       const navigateTo = useCallback(
         (page) => {
           const clamped = Math.max(0, Math.min(page, totalPages - 1));
           setCurrentPage(clamped);
-          const chapterId = clamped >= 2 ? chapters[clamped - 2]?.id : void 0;
-          eventBus.emit("UI:BOOK_PAGE_CHANGE", { pageIndex: clamped, chapterId });
+          const id = clamped >= 2 ? chapterId(chapters[clamped - 2]) : void 0;
+          eventBus.emit("UI:BOOK_PAGE_CHANGE", { pageIndex: clamped, chapterId: id });
         },
         [totalPages, chapters, eventBus]
       );
@@ -15088,8 +15252,8 @@ var init_BookViewer = __esm({
           eventBus.on("UI:BOOK_PAGE_NEXT", () => navigateTo(currentPage + 1)),
           eventBus.on("UI:BOOK_PRINT", () => window.print()),
           eventBus.on("UI:BOOK_NAVIGATE", (event) => {
-            const chapterId = event.payload?.chapterId;
-            const idx = chapters.findIndex((ch) => ch.id === chapterId);
+            const targetId = event.payload?.chapterId;
+            const idx = chapters.findIndex((ch) => chapterId(ch) === targetId);
             if (idx >= 0) navigateTo(idx + 2);
           })
         ];
@@ -15106,9 +15270,11 @@ var init_BookViewer = __esm({
           style.remove();
         };
       }, []);
-      const currentChapterId = currentPage >= 2 ? chapters[currentPage - 2]?.id : void 0;
-      const currentChapterTitle = currentPage >= 2 ? chapters[currentPage - 2]?.title : void 0;
+      const currentChapterId = currentPage >= 2 ? chapterId(chapters[currentPage - 2]) : void 0;
+      const currentChapterTitle = currentPage >= 2 ? chapterTitle(chapters[currentPage - 2]) : void 0;
       if (!book) return /* @__PURE__ */ jsx(EmptyState, { message: t("book.noData") });
+      const cover = book.cover;
+      const coverTitle = String(cover.title ?? "");
       return /* @__PURE__ */ jsxs(VStack, { className: cn("relative h-full overflow-hidden bg-background", className), children: [
         /* @__PURE__ */ jsxs(
           Box,
@@ -15120,10 +15286,10 @@ var init_BookViewer = __esm({
                 /* @__PURE__ */ jsx(
                   BookCoverPage,
                   {
-                    title: book.title,
-                    subtitle: book.subtitle,
-                    author: book.author,
-                    coverImageUrl: book.coverImageUrl,
+                    title: coverTitle,
+                    subtitle: String(cover.subtitle ?? "") || void 0,
+                    author: String(cover.author ?? "") || void 0,
+                    coverImageUrl: String(cover.coverImageUrl ?? "") || void 0,
                     direction
                   }
                 ),
@@ -15134,23 +15300,27 @@ var init_BookViewer = __esm({
                     direction
                   }
                 ),
-                chapters.map((chapter) => /* @__PURE__ */ jsx(
-                  BookChapterView,
-                  {
-                    chapter,
-                    direction
-                  },
-                  chapter.id
-                ))
+                chapters.map((chapter) => {
+                  const id = chapterId(chapter);
+                  return /* @__PURE__ */ jsx(
+                    BookChapterView,
+                    {
+                      chapter,
+                      orbitalSchema: id ? book.schemaByChapterId[id] : void 0,
+                      direction
+                    },
+                    id
+                  );
+                })
               ] }),
               /* @__PURE__ */ jsxs(Box, { className: "print:hidden", children: [
                 currentPage === 0 && /* @__PURE__ */ jsx(
                   BookCoverPage,
                   {
-                    title: book.title,
-                    subtitle: book.subtitle,
-                    author: book.author,
-                    coverImageUrl: book.coverImageUrl,
+                    title: coverTitle,
+                    subtitle: String(cover.subtitle ?? "") || void 0,
+                    author: String(cover.author ?? "") || void 0,
+                    coverImageUrl: String(cover.coverImageUrl ?? "") || void 0,
                     direction
                   }
                 ),
@@ -15166,6 +15336,7 @@ var init_BookViewer = __esm({
                   BookChapterView,
                   {
                     chapter: chapters[currentPage - 2],
+                    orbitalSchema: currentChapterId ? book.schemaByChapterId[currentChapterId] : void 0,
                     direction
                   }
                 )
@@ -15178,7 +15349,7 @@ var init_BookViewer = __esm({
           {
             currentPage,
             totalPages,
-            chapterTitle: currentPage === 0 ? book.title : currentPage === 1 ? t("book.tableOfContents") : currentChapterTitle,
+            chapterTitle: currentPage === 0 ? coverTitle : currentPage === 1 ? t("book.tableOfContents") : currentChapterTitle,
             direction
           }
         )
@@ -15276,7 +15447,7 @@ var init_Grid = __esm({
     };
     Grid = ({
       cols = 1,
-      rows,
+      rows: rows2,
       gap = "md",
       rowGap,
       colGap,
@@ -15288,8 +15459,8 @@ var init_Grid = __esm({
       children,
       as: Component = "div"
     }) => {
-      const mergedStyle = rows ? { gridTemplateRows: `repeat(${rows}, minmax(0, 1fr))`, ...style } : style;
-      return React79__default.createElement(
+      const mergedStyle = rows2 ? { gridTemplateRows: `repeat(${rows2}, minmax(0, 1fr))`, ...style } : style;
+      return React80__default.createElement(
         Component,
         {
           className: cn(
@@ -16004,14 +16175,14 @@ function BuilderBoard({
 }) {
   const { emit } = useEventBus();
   const { t } = useTranslate();
-  const resolved = Array.isArray(entity) ? entity[0] : entity;
+  const resolved = boardEntity(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 = resolved?.components ?? [];
-  const slots = resolved?.slots ?? [];
+  const components = Array.isArray(resolved?.components) ? resolved.components : [];
+  const slots = Array.isArray(resolved?.slots) ? resolved.slots : [];
   const usedComponentIds = new Set(Object.values(placements));
   const availableComponents = components.filter((c) => !usedComponentIds.has(c.id));
   const [selectedComponent, setSelectedComponent] = useState(null);
@@ -16045,7 +16216,7 @@ function BuilderBoard({
   }, [slots, placements, attempts, completeEvent, emit]);
   const handleReset = () => {
     setSubmitted(false);
-    if (attempts >= 2 && resolved?.hint) {
+    if (attempts >= 2 && str(resolved?.hint)) {
       setShowHint(true);
     }
   };
@@ -16058,20 +16229,24 @@ function BuilderBoard({
   };
   const getComponentById = (id) => components.find((c) => c.id === id);
   if (!resolved) return null;
+  const theme = resolved.theme ?? void 0;
+  const themeBackground = theme?.background;
+  const headerImage = str(resolved.headerImage);
+  const hint = str(resolved.hint);
   return /* @__PURE__ */ jsx(
     Box,
     {
       className,
       style: {
-        backgroundImage: resolved.theme?.background ? `url(${resolved.theme.background})` : void 0,
+        backgroundImage: themeBackground ? `url(${themeBackground})` : void 0,
         backgroundSize: "cover",
         backgroundPosition: "center"
       },
       children: /* @__PURE__ */ jsxs(VStack, { gap: "lg", className: "p-4", children: [
-        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,
+        headerImage && !headerError ? /* @__PURE__ */ jsx(Box, { className: "w-full h-32 overflow-hidden rounded-container", children: /* @__PURE__ */ jsx("img", { src: headerImage, alt: "", onError: () => setHeaderError(true), className: "w-full h-full object-cover" }) }) : 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: resolved.title }),
-          /* @__PURE__ */ jsx(Typography, { variant: "body", children: resolved.description })
+          /* @__PURE__ */ jsx(Typography, { variant: "h4", weight: "bold", children: str(resolved.title) }),
+          /* @__PURE__ */ jsx(Typography, { variant: "body", children: str(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") }),
@@ -16131,9 +16306,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 ? resolved.successMessage ?? t("builder.success") : resolved.failMessage ?? t("builder.incorrect") })
+          /* @__PURE__ */ jsx(Typography, { variant: "body", weight: "bold", children: allCorrect ? str(resolved.successMessage) || t("builder.success") : str(resolved.failMessage) || t("builder.incorrect") })
         ] }) }),
-        showHint && resolved.hint && /* @__PURE__ */ jsx(Card, { className: "p-4 border-l-4 border-l-warning", children: /* @__PURE__ */ jsx(Typography, { variant: "body", children: resolved.hint }) }),
+        showHint && hint && /* @__PURE__ */ jsx(Card, { className: "p-4 border-l-4 border-l-warning", children: /* @__PURE__ */ jsx(Typography, { variant: "body", children: 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" }),
@@ -16152,6 +16327,7 @@ var init_BuilderBoard = __esm({
   "components/game/organisms/puzzles/builder/BuilderBoard.tsx"() {
     init_atoms2();
     init_useEventBus();
+    init_boardEntity();
     BuilderBoard.displayName = "BuilderBoard";
   }
 });
@@ -16489,21 +16665,24 @@ function CalendarGrid({
       eventBus.emit(`UI:${longPressEvent}`, { date: day.toISOString(), time, ...longPressPayload });
     }, 500);
   }, [longPressEvent, longPressPayload, eventBus]);
-  const renderEvent = (event) => /* @__PURE__ */ jsx(
-    Box,
-    {
-      rounded: "md",
-      padding: "xs",
-      border: true,
-      className: cn(
-        "cursor-pointer hover:shadow-sm transition-shadow text-xs truncate",
-        event.color ? event.color : "bg-blue-500/15 border-blue-500/30 text-blue-600"
-      ),
-      onClick: (e) => handleEventClick(event, e),
-      children: /* @__PURE__ */ jsx(Typography, { variant: "small", className: "truncate font-medium", children: event.title })
-    },
-    event.id
-  );
+  const renderEvent = (event) => {
+    const color = event.color;
+    return /* @__PURE__ */ jsx(
+      Box,
+      {
+        rounded: "md",
+        padding: "xs",
+        border: true,
+        className: cn(
+          "cursor-pointer hover:shadow-sm transition-shadow text-xs truncate",
+          color ? color : "bg-blue-500/15 border-blue-500/30 text-blue-600"
+        ),
+        onClick: (e) => handleEventClick(event, e),
+        children: /* @__PURE__ */ jsx(Typography, { variant: "small", className: "truncate font-medium", children: event.title })
+      },
+      event.id
+    );
+  };
   return /* @__PURE__ */ jsxs(
     Box,
     {
@@ -18167,7 +18346,6 @@ var init_CardGrid = __esm({
       alignItems = "stretch",
       className,
       children,
-      // EntityDisplayProps
       entity,
       isLoading = false,
       error = null,
@@ -18639,14 +18817,14 @@ var init_CaseStudyOrganism = __esm({
         /* @__PURE__ */ jsx(SimpleGrid, { cols: cols > 0 ? cols : 1, gap: "lg", children: items.map((study) => /* @__PURE__ */ jsx(
           CaseStudyCard,
           {
-            title: study.title,
-            description: study.description,
-            category: study.category,
-            categoryColor: study.categoryColor,
-            href: study.href,
-            linkLabel: study.linkLabel
+            title: String(study.title ?? ""),
+            description: String(study.description ?? ""),
+            category: String(study.category ?? ""),
+            categoryColor: study.categoryColor != null ? String(study.categoryColor) : void 0,
+            href: String(study.href ?? ""),
+            linkLabel: study.linkLabel != null ? String(study.linkLabel) : void 0
           },
-          study.id
+          String(study.id ?? "")
         )) })
       ] });
     };
@@ -18669,10 +18847,10 @@ function CastleBoard({
   className
 }) {
   const eventBus = useEventBus();
-  const resolved = Array.isArray(entity) ? entity[0] : entity;
-  const tiles = resolved?.tiles ?? [];
-  const features = resolved?.features ?? [];
-  const units = resolved?.units ?? [];
+  const resolved = boardEntity(entity);
+  const tiles = Array.isArray(resolved?.tiles) ? resolved.tiles : [];
+  const features = Array.isArray(resolved?.features) ? resolved.features : [];
+  const units = Array.isArray(resolved?.units) ? resolved.units : [];
   const assetManifest = resolved?.assetManifest;
   const backgroundImage = resolved?.backgroundImage;
   const [hoveredTile, setHoveredTile] = useState(null);
@@ -18700,7 +18878,7 @@ function CastleBoard({
       onFeatureClick?.(feature);
       if (featureClickEvent) {
         eventBus.emit(`UI:${featureClickEvent}`, {
-          featureId: feature.id,
+          featureId: feature.id ?? "",
           featureType: feature.type,
           x: feature.x,
           y: feature.y
@@ -18768,6 +18946,7 @@ var init_CastleBoard = __esm({
     init_cn();
     init_useEventBus();
     init_IsometricCanvas2();
+    init_boardEntity();
     init_isometric();
     CastleBoard.displayName = "CastleBoard";
   }
@@ -19624,14 +19803,14 @@ function ClassifierBoard({
 }) {
   const { emit } = useEventBus();
   const { t } = useTranslate();
-  const resolved = Array.isArray(entity) ? entity[0] : entity;
+  const resolved = boardEntity(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 = resolved?.items ?? [];
-  const categories = resolved?.categories ?? [];
+  const items = Array.isArray(resolved?.items) ? resolved.items : [];
+  const categories = Array.isArray(resolved?.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) => ({
@@ -19663,7 +19842,7 @@ function ClassifierBoard({
   }, [items, assignments, attempts, completeEvent, emit]);
   const handleReset = () => {
     setSubmitted(false);
-    if (attempts >= 2 && resolved?.hint) {
+    if (attempts >= 2 && str(resolved?.hint)) {
       setShowHint(true);
     }
   };
@@ -19674,20 +19853,25 @@ function ClassifierBoard({
     setShowHint(false);
   };
   if (!resolved) return null;
+  const theme = resolved.theme ?? void 0;
+  const themeBackground = theme?.background;
+  const headerImage = str(resolved.headerImage);
+  const hint = str(resolved.hint);
+  const failMessage = str(resolved.failMessage);
   return /* @__PURE__ */ jsx(
     Box,
     {
       className,
       style: {
-        backgroundImage: resolved.theme?.background ? `url(${resolved.theme.background})` : void 0,
+        backgroundImage: themeBackground ? `url(${themeBackground})` : void 0,
         backgroundSize: "cover",
         backgroundPosition: "center"
       },
       children: /* @__PURE__ */ jsxs(VStack, { gap: "lg", className: "p-4", children: [
-        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,
+        headerImage && !headerError ? /* @__PURE__ */ jsx(Box, { className: "w-full h-32 overflow-hidden rounded-container", children: /* @__PURE__ */ jsx("img", { src: headerImage, alt: "", onError: () => setHeaderError(true), className: "w-full h-full object-cover" }) }) : 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: resolved.title }),
-          /* @__PURE__ */ jsx(Typography, { variant: "body", children: resolved.description })
+          /* @__PURE__ */ jsx(Typography, { variant: "h4", weight: "bold", children: str(resolved.title) }),
+          /* @__PURE__ */ jsx(Typography, { variant: "body", children: str(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") }),
@@ -19739,10 +19923,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 ? 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 })
+          /* @__PURE__ */ jsx(Typography, { variant: "body", weight: "bold", children: allCorrect ? str(resolved.successMessage) || t("classifier.allCorrect") : `${correctCount}/${items.length} ${t("classifier.correct")}` }),
+          !allCorrect && failMessage && /* @__PURE__ */ jsx(Typography, { variant: "body", className: "text-muted-foreground", children: failMessage })
         ] }) }),
-        showHint && resolved.hint && /* @__PURE__ */ jsx(Card, { className: "p-4 border-l-4 border-l-warning", children: /* @__PURE__ */ jsx(Typography, { variant: "body", children: resolved.hint }) }),
+        showHint && hint && /* @__PURE__ */ jsx(Card, { className: "p-4 border-l-4 border-l-warning", children: /* @__PURE__ */ jsx(Typography, { variant: "body", children: 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" }),
@@ -19761,6 +19945,7 @@ var init_ClassifierBoard = __esm({
   "components/game/organisms/puzzles/classifier/ClassifierBoard.tsx"() {
     init_atoms2();
     init_useEventBus();
+    init_boardEntity();
     ClassifierBoard.displayName = "ClassifierBoard";
   }
 });
@@ -20813,7 +20998,7 @@ function CraftingRecipe({
   className
 }) {
   const eventBus = useEventBus();
-  const handleCraft = React79.useCallback(() => {
+  const handleCraft = React80.useCallback(() => {
     onCraft?.();
     if (craftEvent) {
       eventBus.emit(craftEvent, { output: output.label });
@@ -20830,7 +21015,7 @@ function CraftingRecipe({
       children: [
         /* @__PURE__ */ jsx(HStack, { gap: "xs", className: "flex-wrap items-center", children: inputs.map((ingredient, index) => {
           const hasSufficient = ingredient.available >= ingredient.required;
-          return /* @__PURE__ */ jsxs(React79.Fragment, { children: [
+          return /* @__PURE__ */ jsxs(React80.Fragment, { children: [
             /* @__PURE__ */ jsx(Box, { className: "relative", children: /* @__PURE__ */ jsx(
               ItemSlot,
               {
@@ -20893,8 +21078,8 @@ function DPad({
 }) {
   const eventBus = useEventBus();
   const sizes = sizeMap6[size];
-  const [activeDirections, setActiveDirections] = React79.useState(/* @__PURE__ */ new Set());
-  const handlePress = React79.useCallback(
+  const [activeDirections, setActiveDirections] = React80.useState(/* @__PURE__ */ new Set());
+  const handlePress = React80.useCallback(
     (direction) => {
       setActiveDirections((prev) => new Set(prev).add(direction));
       if (directionEvent) eventBus.emit(`UI:${directionEvent}`, { direction, pressed: true });
@@ -20902,7 +21087,7 @@ function DPad({
     },
     [directionEvent, eventBus, onDirection]
   );
-  const handleRelease = React79.useCallback(
+  const handleRelease = React80.useCallback(
     (direction) => {
       setActiveDirections((prev) => {
         const next = new Set(prev);
@@ -21637,14 +21822,14 @@ function useDataDnd(args) {
   const isZone = Boolean(dragGroup || accepts || sortable);
   const enabled = isZone || Boolean(dndRoot);
   const eventBus = useEventBus();
-  const parentRoot = React79__default.useContext(RootCtx);
+  const parentRoot = React80__default.useContext(RootCtx);
   const isRoot = enabled && parentRoot === null;
-  const zoneId = React79__default.useId();
+  const zoneId = React80__default.useId();
   const ownGroup = dragGroup ?? accepts ?? zoneId;
-  const [optimisticOrders, setOptimisticOrders] = React79__default.useState(() => /* @__PURE__ */ new Map());
-  const optimisticOrdersRef = React79__default.useRef(optimisticOrders);
+  const [optimisticOrders, setOptimisticOrders] = React80__default.useState(() => /* @__PURE__ */ new Map());
+  const optimisticOrdersRef = React80__default.useRef(optimisticOrders);
   optimisticOrdersRef.current = optimisticOrders;
-  const clearOptimisticOrder = React79__default.useCallback((group) => {
+  const clearOptimisticOrder = React80__default.useCallback((group) => {
     setOptimisticOrders((prev) => {
       if (!prev.has(group)) return prev;
       const next = new Map(prev);
@@ -21669,7 +21854,7 @@ function useDataDnd(args) {
     const raw = it[dndItemIdField];
     return String(raw ?? `__idx_${idx}`);
   }).join("|");
-  const itemIds = React79__default.useMemo(
+  const itemIds = React80__default.useMemo(
     () => orderedItems.map((it, idx) => {
       const raw = it[dndItemIdField];
       return raw ?? `__idx_${idx}`;
@@ -21677,7 +21862,7 @@ function useDataDnd(args) {
     [itemIdsSignature]
   );
   const itemsContentSig = items.map((it, idx) => String(it[dndItemIdField] ?? `__${idx}`)).join("|");
-  React79__default.useEffect(() => {
+  React80__default.useEffect(() => {
     const root = isRoot ? null : parentRoot;
     if (root) {
       root.clearOptimisticOrder(ownGroup);
@@ -21685,20 +21870,20 @@ function useDataDnd(args) {
       clearOptimisticOrder(ownGroup);
     }
   }, [itemsContentSig, ownGroup]);
-  const zonesRef = React79__default.useRef(/* @__PURE__ */ new Map());
-  const registerZone = React79__default.useCallback((zoneId2, meta2) => {
+  const zonesRef = React80__default.useRef(/* @__PURE__ */ new Map());
+  const registerZone = React80__default.useCallback((zoneId2, meta2) => {
     zonesRef.current.set(zoneId2, meta2);
   }, []);
-  const unregisterZone = React79__default.useCallback((zoneId2) => {
+  const unregisterZone = React80__default.useCallback((zoneId2) => {
     zonesRef.current.delete(zoneId2);
   }, []);
-  const [activeDrag, setActiveDrag] = React79__default.useState(null);
-  const [overZoneGroup, setOverZoneGroup] = React79__default.useState(null);
-  const meta = React79__default.useMemo(
+  const [activeDrag, setActiveDrag] = React80__default.useState(null);
+  const [overZoneGroup, setOverZoneGroup] = React80__default.useState(null);
+  const meta = React80__default.useMemo(
     () => ({ group: ownGroup, dropEvent, reorderEvent, positionEvent, itemIds, rawItems: items, idField: dndItemIdField }),
     [ownGroup, dropEvent, reorderEvent, positionEvent, itemIds, items, dndItemIdField]
   );
-  React79__default.useEffect(() => {
+  React80__default.useEffect(() => {
     const target = isRoot ? null : parentRoot;
     if (!target) {
       zonesRef.current.set(zoneId, meta);
@@ -21717,7 +21902,7 @@ function useDataDnd(args) {
   }, [parentRoot, isRoot, zoneId, meta]);
   const sensors = useAlmadarDndSensors(true);
   const collisionDetection = almadarDndCollisionDetection;
-  const findZoneByItem = React79__default.useCallback(
+  const findZoneByItem = React80__default.useCallback(
     (id) => {
       for (const z of zonesRef.current.values()) {
         if (z.itemIds.includes(id)) return z;
@@ -21726,7 +21911,7 @@ function useDataDnd(args) {
     },
     []
   );
-  React79__default.useCallback(
+  React80__default.useCallback(
     (group) => {
       for (const z of zonesRef.current.values()) {
         if (z.group === group) return z;
@@ -21735,7 +21920,7 @@ function useDataDnd(args) {
     },
     []
   );
-  const handleDragEnd = React79__default.useCallback(
+  const handleDragEnd = React80__default.useCallback(
     (event) => {
       const { active, over } = event;
       const activeIdStr = String(active.id);
@@ -21826,8 +22011,8 @@ function useDataDnd(args) {
     },
     [eventBus]
   );
-  const sortableData = React79__default.useMemo(() => ({ dndGroup: ownGroup }), [ownGroup]);
-  const SortableItem = React79__default.useCallback(
+  const sortableData = React80__default.useMemo(() => ({ dndGroup: ownGroup }), [ownGroup]);
+  const SortableItem = React80__default.useCallback(
     ({ id, children }) => {
       const {
         attributes,
@@ -21867,7 +22052,7 @@ function useDataDnd(args) {
       id: droppableId,
       data: sortableData
     });
-    const ctx = React79__default.useContext(RootCtx);
+    const ctx = React80__default.useContext(RootCtx);
     const activeDrag2 = ctx?.activeDrag ?? null;
     const overZoneGroup2 = ctx?.overZoneGroup ?? null;
     const isThisZoneOver = overZoneGroup2 === ownGroup;
@@ -21882,7 +22067,7 @@ function useDataDnd(args) {
       showForeignPlaceholder,
       ctxAvailable: ctx != null
     });
-    React79__default.useEffect(() => {
+    React80__default.useEffect(() => {
       dndLog.info("dropzone:isOver:change", { droppableId, group: ownGroup, isOver, isThisZoneOver, showForeignPlaceholder, activeDragSourceGroup: activeDrag2?.sourceGroup ?? null });
     }, [droppableId, isOver, isThisZoneOver, showForeignPlaceholder]);
     return /* @__PURE__ */ jsx(
@@ -21896,11 +22081,11 @@ function useDataDnd(args) {
       }
     );
   };
-  const rootContextValue = React79__default.useMemo(
+  const rootContextValue = React80__default.useMemo(
     () => ({ registerZone, unregisterZone, activeDrag, overZoneGroup, optimisticOrders, clearOptimisticOrder }),
     [registerZone, unregisterZone, activeDrag, overZoneGroup, optimisticOrders, clearOptimisticOrder]
   );
-  const handleDragStart = React79__default.useCallback((event) => {
+  const handleDragStart = React80__default.useCallback((event) => {
     const sourceZone = findZoneByItem(event.active.id);
     const rect = event.active.rect.current.initial;
     const height = rect?.height && rect.height > 0 ? rect.height : 64;
@@ -21919,7 +22104,7 @@ function useDataDnd(args) {
       isRoot
     });
   }, [findZoneByItem, isRoot, zoneId]);
-  const handleDragOver = React79__default.useCallback((event) => {
+  const handleDragOver = React80__default.useCallback((event) => {
     const { active, over } = event;
     const overData = over?.data?.current;
     const overGroup = overData?.dndGroup ?? null;
@@ -21989,7 +22174,7 @@ function useDataDnd(args) {
       return next;
     });
   }, []);
-  const handleDragCancel = React79__default.useCallback((event) => {
+  const handleDragCancel = React80__default.useCallback((event) => {
     setActiveDrag(null);
     setOverZoneGroup(null);
     dndLog.warn("dragCancel", {
@@ -21997,12 +22182,12 @@ function useDataDnd(args) {
       reason: "dnd-kit cancelled the drag (escape key, pointer interrupted, or external)"
     });
   }, []);
-  const handleDragEndWithCleanup = React79__default.useCallback((event) => {
+  const handleDragEndWithCleanup = React80__default.useCallback((event) => {
     handleDragEnd(event);
     setActiveDrag(null);
     setOverZoneGroup(null);
   }, [handleDragEnd]);
-  const wrapContainer = React79__default.useCallback(
+  const wrapContainer = React80__default.useCallback(
     (children) => {
       if (!enabled) return children;
       const strategy = layout === "grid" ? rectSortingStrategy : verticalListSortingStrategy;
@@ -22056,7 +22241,7 @@ var init_useDataDnd = __esm({
     init_useAlmadarDndCollision();
     init_Box();
     dndLog = createLogger("almadar:ui:dnd");
-    RootCtx = React79__default.createContext(null);
+    RootCtx = React80__default.createContext(null);
   }
 });
 function fieldLabel2(key) {
@@ -22576,7 +22761,7 @@ function DataList({
 }) {
   const eventBus = useEventBus();
   const { t } = useTranslate();
-  const [visibleCount, setVisibleCount] = React79__default.useState(pageSize || Infinity);
+  const [visibleCount, setVisibleCount] = React80__default.useState(pageSize || Infinity);
   const fieldDefs = fields ?? columns ?? [];
   const allDataRaw = Array.isArray(entity) ? entity : entity ? [entity] : [];
   const dnd = useDataDnd({
@@ -22595,7 +22780,7 @@ function DataList({
   const data = pageSize > 0 ? allData.slice(0, visibleCount) : allData;
   const hasMoreLocal = pageSize > 0 && visibleCount < allData.length;
   const hasRenderProp = typeof children === "function";
-  React79__default.useEffect(() => {
+  React80__default.useEffect(() => {
     const renderItemTypeOf = typeof schemaRenderItem;
     const childrenTypeOf = typeof children;
     if (data.length > 0 && !hasRenderProp) {
@@ -22700,7 +22885,7 @@ function DataList({
     const items2 = data.map((item) => item);
     const groups2 = groupBy ? groupData(items2, groupBy) : [{ label: "", items: items2 }];
     const contentField = titleField?.name ?? fieldDefs[0]?.name ?? "";
-    return /* @__PURE__ */ jsx(VStack, { gap: "sm", className: cn("py-2", className), children: groups2.map((group, gi) => /* @__PURE__ */ jsxs(React79__default.Fragment, { children: [
+    return /* @__PURE__ */ jsx(VStack, { gap: "sm", className: cn("py-2", className), children: groups2.map((group, gi) => /* @__PURE__ */ jsxs(React80__default.Fragment, { children: [
       group.label && /* @__PURE__ */ jsx(Divider, { label: group.label, className: "my-2" }),
       group.items.map((itemData, index) => {
         const id = itemData.id || `${gi}-${index}`;
@@ -22848,7 +23033,7 @@ function DataList({
           className
         ),
         children: [
-          groups.map((group, gi) => /* @__PURE__ */ jsxs(React79__default.Fragment, { children: [
+          groups.map((group, gi) => /* @__PURE__ */ jsxs(React80__default.Fragment, { children: [
             group.label && /* @__PURE__ */ jsx(Divider, { label: group.label, className: gi > 0 ? "mt-4" : "mt-0" }),
             group.items.map(
               (itemData, index) => renderItem(itemData, index, gi === groups.length - 1 && index === group.items.length - 1)
@@ -24472,7 +24657,7 @@ var init_WizardProgress = __esm({
           children: /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: normalizedSteps.map((step, index) => {
             const isActive = index === currentStep;
             const isCompleted = index < currentStep;
-            return /* @__PURE__ */ jsxs(React79__default.Fragment, { children: [
+            return /* @__PURE__ */ jsxs(React80__default.Fragment, { children: [
               /* @__PURE__ */ jsx(
                 "button",
                 {
@@ -25519,9 +25704,9 @@ function ScoreDisplay({
   ...rest
 }) {
   const resolvedValue = typeof value === "number" && !Number.isNaN(value) ? value : typeof rest.score === "number" && !Number.isNaN(rest.score) ? rest.score : 0;
-  const [displayValue, setDisplayValue] = React79.useState(resolvedValue);
-  const [isAnimating, setIsAnimating] = React79.useState(false);
-  React79.useEffect(() => {
+  const [displayValue, setDisplayValue] = React80.useState(resolvedValue);
+  const [isAnimating, setIsAnimating] = React80.useState(false);
+  React80.useEffect(() => {
     if (!animated || displayValue === resolvedValue) {
       setDisplayValue(resolvedValue);
       return;
@@ -25668,7 +25853,7 @@ function InventoryGrid({
   const eventBus = useEventBus();
   const slotCount = totalSlots ?? items.length;
   const emptySlotCount = Math.max(0, slotCount - items.length);
-  const handleSelect = React79.useCallback(
+  const handleSelect = React80.useCallback(
     (id) => {
       onSelect?.(id);
       if (selectEvent) {
@@ -25954,31 +26139,31 @@ function GameCanvas2D({
   assetBaseUrl = "",
   className
 }) {
-  const canvasRef = React79.useRef(null);
-  const rafRef = React79.useRef(0);
-  const frameRef = React79.useRef(0);
-  const lastTimeRef = React79.useRef(0);
-  const imageCache = React79.useRef(/* @__PURE__ */ new Map());
+  const canvasRef = React80.useRef(null);
+  const rafRef = React80.useRef(0);
+  const frameRef = React80.useRef(0);
+  const lastTimeRef = React80.useRef(0);
+  const imageCache = React80.useRef(/* @__PURE__ */ new Map());
   const emit = useEmitEvent();
-  const onDrawRef = React79.useRef(onDraw);
+  const onDrawRef = React80.useRef(onDraw);
   onDrawRef.current = onDraw;
-  const onTickRef = React79.useRef(onTick);
+  const onTickRef = React80.useRef(onTick);
   onTickRef.current = onTick;
-  const tickEventRef = React79.useRef(tickEvent);
+  const tickEventRef = React80.useRef(tickEvent);
   tickEventRef.current = tickEvent;
-  const drawEventRef = React79.useRef(drawEvent);
+  const drawEventRef = React80.useRef(drawEvent);
   drawEventRef.current = drawEvent;
-  const emitRef = React79.useRef(emit);
+  const emitRef = React80.useRef(emit);
   emitRef.current = emit;
-  const assetBaseUrlRef = React79.useRef(assetBaseUrl);
+  const assetBaseUrlRef = React80.useRef(assetBaseUrl);
   assetBaseUrlRef.current = assetBaseUrl;
-  const backgroundImageRef = React79.useRef(backgroundImage);
+  const backgroundImageRef = React80.useRef(backgroundImage);
   backgroundImageRef.current = backgroundImage;
-  const widthRef = React79.useRef(width);
+  const widthRef = React80.useRef(width);
   widthRef.current = width;
-  const heightRef = React79.useRef(height);
+  const heightRef = React80.useRef(height);
   heightRef.current = height;
-  const loadImage = React79.useCallback((url) => {
+  const loadImage = React80.useCallback((url) => {
     const fullUrl = url.startsWith("http") ? url : `${assetBaseUrlRef.current}${url}`;
     const cached = imageCache.current.get(fullUrl);
     if (cached?.complete && cached.naturalWidth > 0) return cached;
@@ -25990,7 +26175,7 @@ function GameCanvas2D({
     }
     return null;
   }, []);
-  React79.useEffect(() => {
+  React80.useEffect(() => {
     const canvas = canvasRef.current;
     if (!canvas) return;
     const ctx = canvas.getContext("2d");
@@ -26345,7 +26530,7 @@ function TurnPanel({
   className
 }) {
   const eventBus = useEventBus();
-  const handleAction = React79.useCallback(
+  const handleAction = React80.useCallback(
     (event) => {
       if (event) {
         eventBus.emit(event, { turn: currentTurn, phase, activeTeam });
@@ -26491,7 +26676,7 @@ function UnitCommandBar({
   className
 }) {
   const eventBus = useEventBus();
-  const handleCommand = React79.useCallback(
+  const handleCommand = React80.useCallback(
     (event) => {
       if (event) {
         eventBus.emit(event, { unitId: selectedUnitId });
@@ -26824,7 +27009,7 @@ function InventoryPanel({
   const slotArray = Array.from({ length: safeSlots }, (_, index) => {
     return safeItems[index] ?? null;
   });
-  const rows = Math.ceil(safeSlots / safeColumns);
+  const rows2 = Math.ceil(safeSlots / safeColumns);
   const handleSlotClick = useCallback((index) => {
     if (selectSlotEvent) eventBus.emit(`UI:${selectSlotEvent}`, { index });
     onSelectSlot?.(index);
@@ -26893,7 +27078,7 @@ function InventoryPanel({
         className: "grid gap-1 bg-[var(--color-card)] p-2 rounded-container border border-border",
         style: {
           gridTemplateColumns: `repeat(${safeColumns}, ${slotSize}px)`,
-          gridTemplateRows: `repeat(${rows}, ${slotSize}px)`
+          gridTemplateRows: `repeat(${rows2}, ${slotSize}px)`
         },
         children: slotArray.map((item, index) => /* @__PURE__ */ jsx(
           "button",
@@ -26976,7 +27161,7 @@ function GameMenu({
   } catch {
   }
   const eventBus = eventBusProp || eventBusFromHook;
-  const handleOptionClick = React79.useCallback(
+  const handleOptionClick = React80.useCallback(
     (option) => {
       if (option.event && eventBus) {
         eventBus.emit(`UI:${option.event}`, { option });
@@ -27090,7 +27275,7 @@ function GameOverScreen({
   } catch {
   }
   const eventBus = eventBusProp || eventBusFromHook;
-  const handleActionClick = React79.useCallback(
+  const handleActionClick = React80.useCallback(
     (action) => {
       if (action.event && eventBus) {
         eventBus.emit(`UI:${action.event}`, { action });
@@ -28589,8 +28774,8 @@ function TableView({
 }) {
   const eventBus = useEventBus();
   const { t } = useTranslate();
-  const [visibleCount, setVisibleCount] = React79__default.useState(pageSize > 0 ? pageSize : Infinity);
-  const [localSelected, setLocalSelected] = React79__default.useState(/* @__PURE__ */ new Set());
+  const [visibleCount, setVisibleCount] = React80__default.useState(pageSize > 0 ? pageSize : Infinity);
+  const [localSelected, setLocalSelected] = React80__default.useState(/* @__PURE__ */ new Set());
   const colDefs = columns ?? fields ?? [];
   const allDataRaw = Array.isArray(entity) ? entity : entity ? [entity] : [];
   const dnd = useDataDnd({
@@ -28785,12 +28970,12 @@ function TableView({
         ]
       }
     );
-    return dnd.isZone ? /* @__PURE__ */ jsx(dnd.SortableItem, { id: row[idField] ?? id, children: rowInner }, id) : /* @__PURE__ */ jsx(React79__default.Fragment, { children: rowInner }, id);
+    return dnd.isZone ? /* @__PURE__ */ jsx(dnd.SortableItem, { id: row[idField] ?? id, children: rowInner }, id) : /* @__PURE__ */ jsx(React80__default.Fragment, { children: rowInner }, id);
   };
   const items = data.map((row) => row);
   const groups = groupBy ? groupData2(items, groupBy) : [{ label: "", items }];
   let runningIndex = 0;
-  const body = /* @__PURE__ */ jsx(Box, { role: "rowgroup", children: groups.map((group, gi) => /* @__PURE__ */ jsxs(React79__default.Fragment, { children: [
+  const body = /* @__PURE__ */ jsx(Box, { role: "rowgroup", children: groups.map((group, gi) => /* @__PURE__ */ jsxs(React80__default.Fragment, { children: [
     group.label && /* @__PURE__ */ jsx(Divider, { label: group.label, className: gi > 0 ? "mt-3" : "mt-0" }),
     group.items.map((row) => renderRow(row, runningIndex++))
   ] }, gi)) });
@@ -30142,7 +30327,7 @@ var init_StepFlow = __esm({
       className
     }) => {
       if (orientation === "vertical") {
-        return /* @__PURE__ */ jsx(VStack, { gap: "none", className: cn("w-full", className), children: steps.map((step, index) => /* @__PURE__ */ jsx(React79__default.Fragment, { children: /* @__PURE__ */ jsxs(HStack, { gap: "md", align: "start", className: "w-full", children: [
+        return /* @__PURE__ */ jsx(VStack, { gap: "none", className: cn("w-full", className), children: steps.map((step, index) => /* @__PURE__ */ jsx(React80__default.Fragment, { children: /* @__PURE__ */ jsxs(HStack, { gap: "md", align: "start", className: "w-full", children: [
           /* @__PURE__ */ jsxs(VStack, { gap: "none", align: "center", children: [
             /* @__PURE__ */ jsx(StepCircle, { step, index }),
             showConnectors && index < steps.length - 1 && /* @__PURE__ */ jsx(Box, { className: "w-px h-8 bg-border" })
@@ -30153,7 +30338,7 @@ var init_StepFlow = __esm({
           ] })
         ] }) }, index)) });
       }
-      return /* @__PURE__ */ jsx(Box, { className: cn("w-full flex flex-col md:flex-row items-start gap-0", className), children: steps.map((step, index) => /* @__PURE__ */ jsxs(React79__default.Fragment, { children: [
+      return /* @__PURE__ */ jsx(Box, { className: cn("w-full flex flex-col md:flex-row items-start gap-0", className), children: steps.map((step, index) => /* @__PURE__ */ jsxs(React80__default.Fragment, { children: [
         /* @__PURE__ */ jsxs(VStack, { gap: "sm", align: "center", className: "flex-1 w-full md:w-auto", children: [
           /* @__PURE__ */ jsx(StepCircle, { step, index }),
           /* @__PURE__ */ jsx(Typography, { variant: "h4", className: "text-center", children: step.title }),
@@ -30879,11 +31064,11 @@ function LatticeSVG({
 }) {
   const paths = [];
   const cols = 5;
-  const rows = Math.ceil(h / (w / cols));
+  const rows2 = Math.ceil(h / (w / cols));
   const cellW = w / cols;
   const cellH = cellW;
   const bulge = cellW * 0.3;
-  for (let row = 0; row < rows; row++) {
+  for (let row = 0; row < rows2; row++) {
     for (let col = 0; col < cols; col++) {
       const cx = col * cellW + cellW / 2;
       const cy = row * cellH + cellH / 2;
@@ -31129,7 +31314,7 @@ var init_LikertScale = __esm({
       md: "text-base",
       lg: "text-lg"
     };
-    LikertScale = React79__default.forwardRef(
+    LikertScale = React80__default.forwardRef(
       ({
         question,
         options = DEFAULT_LIKERT_OPTIONS,
@@ -31141,7 +31326,7 @@ var init_LikertScale = __esm({
         variant = "radios",
         className
       }, ref) => {
-        const groupId = React79__default.useId();
+        const groupId = React80__default.useId();
         const eventBus = useEventBus();
         const handleSelect = useCallback(
           (next) => {
@@ -31295,7 +31480,7 @@ var init_MatrixQuestion = __esm({
     };
     MatrixQuestion = ({
       title,
-      rows,
+      rows: rows2,
       columns = DEFAULT_MATRIX_COLUMNS,
       values,
       onChange,
@@ -31305,7 +31490,7 @@ var init_MatrixQuestion = __esm({
       className
     }) => {
       const styles = sizeStyles13[size];
-      const safeRows = rows ?? [];
+      const safeRows = rows2 ?? [];
       const safeValues = values ?? {};
       const eventBus = useEventBus();
       const handleChange = useCallback(
@@ -31933,7 +32118,8 @@ var init_PositionedCanvas = __esm({
           dragRef.current = null;
           setDraggingId(null);
           if (!wasDrag) {
-            const next = selectedId === item.id ? null : item.id;
+            const itemId = item.id;
+            const next = selectedId === itemId ? null : itemId;
             onSelect?.(next);
             if (selectEvent) {
               eventBus.emit(`UI:${selectEvent}`, { id: next });
@@ -31968,15 +32154,22 @@ var init_PositionedCanvas = __esm({
             style: { width, height },
             onClick: handleContainerClick,
             children: items.map((item) => {
+              const itemId = item.id;
+              const label = item.label;
+              const x = item.x;
+              const y = item.y;
+              const capacity = item.capacity;
+              const partySize = item.partySize;
+              const serverName = item.serverName;
               const status = item.status ?? "empty";
               const shape = item.shape ?? "round";
-              const isSelected = selectedId === item.id;
-              const isDragging = draggingId === item.id;
+              const isSelected = selectedId === itemId;
+              const isDragging = draggingId === itemId;
               const statusBadge = STATUS_BADGE[status];
               return /* @__PURE__ */ jsxs(
                 Box,
                 {
-                  "data-testid": `item-node-${item.id}`,
+                  "data-testid": `item-node-${itemId}`,
                   "data-status": status,
                   className: cn(
                     "absolute flex flex-col items-center justify-center gap-1 border-2 select-none",
@@ -31987,7 +32180,7 @@ var init_PositionedCanvas = __esm({
                     isSelected && "outline outline-2 outline-offset-2 outline-primary shadow-md",
                     isDragging && "shadow-lg z-10"
                   ),
-                  style: { left: item.x, top: item.y, touchAction: "none" },
+                  style: { left: x, top: y, touchAction: "none" },
                   onPointerDown: (e) => handlePointerDown(e, item),
                   onPointerMove: handlePointerMove,
                   onPointerUp: (e) => handlePointerUp(e, item),
@@ -31995,10 +32188,10 @@ var init_PositionedCanvas = __esm({
                   children: [
                     /* @__PURE__ */ jsxs(Box, { className: "flex items-center gap-1", children: [
                       getStatusIcon(status),
-                      /* @__PURE__ */ jsx(Typography, { variant: "body2", weight: "semibold", children: item.label })
+                      /* @__PURE__ */ jsx(Typography, { variant: "body2", weight: "semibold", children: label })
                     ] }),
-                    /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "secondary", children: item.partySize !== void 0 && status === "seated" ? `${item.partySize}/${item.capacity}` : `Cap ${item.capacity}` }),
-                    status === "seated" && item.serverName && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "secondary", className: "truncate max-w-[80%]", children: item.serverName }),
+                    /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "secondary", children: partySize !== void 0 && status === "seated" ? `${partySize}/${capacity}` : `Cap ${capacity}` }),
+                    status === "seated" && serverName && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "secondary", className: "truncate max-w-[80%]", children: serverName }),
                     isSelected && /* @__PURE__ */ jsx(
                       Badge,
                       {
@@ -32010,7 +32203,7 @@ var init_PositionedCanvas = __esm({
                     )
                   ]
                 },
-                item.id
+                itemId
               );
             })
           }
@@ -32782,9 +32975,10 @@ var init_RichBlockEditor = __esm({
 });
 function collectInitiallyCollapsed(nodes, acc) {
   for (const n of nodes) {
+    const replies = n.replies;
     if (n.collapsed) acc.add(n.id);
-    if (n.replies && n.replies.length > 0) {
-      collectInitiallyCollapsed(n.replies, acc);
+    if (replies && replies.length > 0) {
+      collectInitiallyCollapsed(replies, acc);
     }
   }
 }
@@ -32814,44 +33008,52 @@ var init_ReplyTree = __esm({
     }) => {
       const eventBus = useEventBus();
       const { t } = useTranslate();
-      const hasReplies = !!node.replies && node.replies.length > 0;
-      const isCollapsed = collapsedSet.has(node.id);
+      const nodeId = node.id;
+      const authorName = node.authorName;
+      const authorAvatarUrl = node.authorAvatarUrl;
+      const content = node.content;
+      const postedAt = node.postedAt;
+      const voteCount = node.voteCount;
+      const userVote = node.userVote;
+      const replies = node.replies;
+      const hasReplies = !!replies && replies.length > 0;
+      const isCollapsed = collapsedSet.has(nodeId);
       const atMaxDepth = depth >= maxDepth;
       const [replyOpen, setReplyOpen] = useState(false);
       const [draft, setDraft] = useState("");
       const handleVote = useCallback(
         (next) => {
-          onVote?.(node.id, next);
-          if (voteEvent) eventBus.emit(`UI:${voteEvent}`, { nodeId: node.id, vote: next });
+          onVote?.(nodeId, next);
+          if (voteEvent) eventBus.emit(`UI:${voteEvent}`, { nodeId, vote: next });
         },
-        [node.id, onVote, voteEvent, eventBus]
+        [nodeId, onVote, voteEvent, eventBus]
       );
       const handleReply = useCallback(() => {
-        onReply?.(node.id);
+        onReply?.(nodeId);
         setReplyOpen((open) => !open);
-      }, [node.id, onReply]);
+      }, [nodeId, onReply]);
       const handleSubmitReply = useCallback(() => {
-        const content = draft.trim();
-        if (!content) return;
-        if (replyEvent) eventBus.emit(`UI:${replyEvent}`, { parentNodeId: node.id, content });
+        const text = draft.trim();
+        if (!text) return;
+        if (replyEvent) eventBus.emit(`UI:${replyEvent}`, { parentNodeId: nodeId, content: text });
         setDraft("");
         setReplyOpen(false);
-      }, [node.id, draft, replyEvent, eventBus]);
+      }, [nodeId, draft, replyEvent, eventBus]);
       const handleCancelReply = useCallback(() => {
         setDraft("");
         setReplyOpen(false);
       }, []);
       const handleFlag = useCallback(() => {
-        onFlag?.(node.id);
-        if (flagEvent) eventBus.emit(`UI:${flagEvent}`, { nodeId: node.id });
-      }, [node.id, onFlag, flagEvent, eventBus]);
+        onFlag?.(nodeId);
+        if (flagEvent) eventBus.emit(`UI:${flagEvent}`, { nodeId });
+      }, [nodeId, onFlag, flagEvent, eventBus]);
       const handleContinue = useCallback(() => {
-        onContinueThread?.(node.id);
-        if (continueThreadEvent) eventBus.emit(`UI:${continueThreadEvent}`, { nodeId: node.id });
-      }, [node.id, onContinueThread, continueThreadEvent, eventBus]);
+        onContinueThread?.(nodeId);
+        if (continueThreadEvent) eventBus.emit(`UI:${continueThreadEvent}`, { nodeId });
+      }, [nodeId, onContinueThread, continueThreadEvent, eventBus]);
       const handleToggle = useCallback(() => {
-        toggleCollapse(node.id);
-      }, [node.id, toggleCollapse]);
+        toggleCollapse(nodeId);
+      }, [nodeId, toggleCollapse]);
       return /* @__PURE__ */ jsxs(Box, { className: "flex flex-row gap-2 items-stretch min-w-0", children: [
         /* @__PURE__ */ jsxs(Box, { className: "flex flex-col items-center flex-shrink-0 w-6", children: [
           hasReplies ? /* @__PURE__ */ jsx(
@@ -32883,25 +33085,25 @@ var init_ReplyTree = __esm({
             /* @__PURE__ */ jsx(
               Avatar,
               {
-                src: node.authorAvatarUrl,
-                name: node.authorName,
+                src: authorAvatarUrl,
+                name: authorName,
                 size: "sm"
               }
             ),
-            /* @__PURE__ */ jsx(Typography, { variant: "body", weight: "semibold", children: node.authorName }),
-            /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "secondary", children: node.postedAt })
+            /* @__PURE__ */ jsx(Typography, { variant: "body", weight: "semibold", children: authorName }),
+            /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "secondary", children: postedAt })
           ] }),
-          /* @__PURE__ */ jsx(Typography, { variant: "body", className: "whitespace-pre-wrap break-words", children: node.content }),
+          /* @__PURE__ */ jsx(Typography, { variant: "body", className: "whitespace-pre-wrap break-words", children: content }),
           showActions && /* @__PURE__ */ jsxs(Box, { className: "flex flex-row gap-2 items-center", children: [
             /* @__PURE__ */ jsx(
               VoteStack,
               {
-                count: node.voteCount ?? 0,
-                userVote: node.userVote ?? null,
+                count: voteCount ?? 0,
+                userVote: userVote ?? null,
                 onVote: handleVote,
                 size: "sm",
                 variant: "horizontal",
-                label: t("replyTree.voteOnReplyBy", { author: node.authorName })
+                label: t("replyTree.voteOnReplyBy", { author: authorName })
               }
             ),
             /* @__PURE__ */ jsx(
@@ -32911,7 +33113,7 @@ var init_ReplyTree = __esm({
                 size: "sm",
                 leftIcon: "message-square",
                 onClick: handleReply,
-                "aria-label": t("replyTree.replyTo", { author: node.authorName }),
+                "aria-label": t("replyTree.replyTo", { author: authorName }),
                 children: t("replyTree.reply")
               }
             ),
@@ -32922,7 +33124,7 @@ var init_ReplyTree = __esm({
                 size: "sm",
                 leftIcon: "flag",
                 onClick: handleFlag,
-                "aria-label": t("replyTree.flagReplyBy", { author: node.authorName }),
+                "aria-label": t("replyTree.flagReplyBy", { author: authorName }),
                 children: t("replyTree.flag")
               }
             )
@@ -32934,9 +33136,9 @@ var init_ReplyTree = __esm({
                 inputType: "textarea",
                 rows: 2,
                 value: draft,
-                placeholder: t("replyTree.replyToPlaceholder", { author: node.authorName }),
+                placeholder: t("replyTree.replyToPlaceholder", { author: authorName }),
                 onChange: (e) => setDraft(e.target.value),
-                "aria-label": t("replyTree.replyTo", { author: node.authorName })
+                "aria-label": t("replyTree.replyTo", { author: authorName })
               }
             ),
             /* @__PURE__ */ jsxs(Box, { className: "flex flex-row gap-2 items-center", children: [
@@ -32967,7 +33169,7 @@ var init_ReplyTree = __esm({
               ),
               children: t("replyTree.continueThread")
             }
-          ) : /* @__PURE__ */ jsx(Box, { className: "flex flex-col gap-2 mt-1", children: node.replies.map((child) => /* @__PURE__ */ jsx(
+          ) : /* @__PURE__ */ jsx(Box, { className: "flex flex-col gap-2 mt-1", children: replies.map((child) => /* @__PURE__ */ jsx(
             ReplyTreeNode,
             {
               node: child,
@@ -33429,7 +33631,7 @@ var init_DocBreadcrumb = __esm({
           "aria-label": t("aria.breadcrumb"),
           children: /* @__PURE__ */ jsx(HStack, { gap: "xs", align: "center", wrap: true, children: items.map((item, idx) => {
             const isLast = idx === items.length - 1;
-            return /* @__PURE__ */ jsxs(React79__default.Fragment, { children: [
+            return /* @__PURE__ */ jsxs(React80__default.Fragment, { children: [
               idx > 0 && /* @__PURE__ */ jsx(
                 Icon,
                 {
@@ -34393,7 +34595,7 @@ var init_MiniStateMachine = __esm({
           const x = 2 + i * (NODE_W + GAP2 + ARROW_W + GAP2);
           const tc = transitionCounts[s.name] ?? 0;
           const role = getStateRole(s.name, s.isInitial, s.isTerminal, tc, maxTC);
-          return /* @__PURE__ */ jsxs(React79__default.Fragment, { children: [
+          return /* @__PURE__ */ jsxs(React80__default.Fragment, { children: [
             /* @__PURE__ */ jsx(
               AvlState,
               {
@@ -34597,7 +34799,7 @@ var init_PageHeader = __esm({
         info: "bg-info/10 text-info"
       };
       return /* @__PURE__ */ jsxs(Box, { className: cn("mb-6", className), children: [
-        breadcrumbs && breadcrumbs.length > 0 && /* @__PURE__ */ jsx(Box, { as: "nav", className: "mb-4", children: /* @__PURE__ */ jsx(Box, { as: "ol", className: "flex items-center gap-2 text-sm", children: breadcrumbs.map((crumb, idx) => /* @__PURE__ */ jsxs(React79__default.Fragment, { children: [
+        breadcrumbs && breadcrumbs.length > 0 && /* @__PURE__ */ jsx(Box, { as: "nav", className: "mb-4", children: /* @__PURE__ */ jsx(Box, { as: "ol", className: "flex items-center gap-2 text-sm", children: breadcrumbs.map((crumb, idx) => /* @__PURE__ */ jsxs(React80__default.Fragment, { children: [
           idx > 0 && /* @__PURE__ */ jsx(Typography, { variant: "small", color: "muted", children: "/" }),
           crumb.href ? /* @__PURE__ */ jsx(
             "a",
@@ -34706,7 +34908,7 @@ var init_FormSection = __esm({
       columns = 1,
       className
     }) => {
-      const [collapsed, setCollapsed] = React79__default.useState(defaultCollapsed);
+      const [collapsed, setCollapsed] = React80__default.useState(defaultCollapsed);
       const { t } = useTranslate();
       const eventBus = useEventBus();
       const gridClass = {
@@ -34714,7 +34916,7 @@ var init_FormSection = __esm({
         2: "grid-cols-1 md:grid-cols-2",
         3: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3"
       }[columns];
-      React79__default.useCallback(() => {
+      React80__default.useCallback(() => {
         if (collapsible) {
           setCollapsed((prev) => !prev);
           eventBus.emit("UI:TOGGLE_COLLAPSE", { collapsed: !collapsed });
@@ -35414,8 +35616,8 @@ var init_WizardContainer = __esm({
           return void 0;
         if (typeof controlledStep === "number") return controlledStep;
         if (typeof controlledStep === "string") return parseInt(controlledStep, 10);
-        const num = Number(controlledStep);
-        return isNaN(num) ? void 0 : num;
+        const num2 = Number(controlledStep);
+        return isNaN(num2) ? void 0 : num2;
       })();
       const currentStep = normalizedControlledStep !== void 0 ? normalizedControlledStep : internalStep;
       const totalSteps = steps.length;
@@ -35461,7 +35663,7 @@ var init_WizardContainer = __esm({
               const isCompleted = index < currentStep;
               const stepKey = step.id ?? step.tabId ?? `step-${index}`;
               const stepTitle = step.title ?? step.name ?? `Step ${index + 1}`;
-              return /* @__PURE__ */ jsxs(React79__default.Fragment, { children: [
+              return /* @__PURE__ */ jsxs(React80__default.Fragment, { children: [
                 /* @__PURE__ */ jsx(
                   Button,
                   {
@@ -37240,7 +37442,7 @@ function DebuggerBoard({
 }) {
   const { emit } = useEventBus();
   const { t } = useTranslate();
-  const resolved = Array.isArray(entity) ? entity[0] : entity;
+  const resolved = boardEntity(entity);
   const [flaggedLines, setFlaggedLines] = useState(/* @__PURE__ */ new Set());
   const [headerError, setHeaderError] = useState(false);
   const [submitted, setSubmitted] = useState(false);
@@ -37258,7 +37460,7 @@ function DebuggerBoard({
       return next;
     });
   };
-  const lines = resolved?.lines ?? [];
+  const lines = Array.isArray(resolved?.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));
@@ -37273,7 +37475,7 @@ function DebuggerBoard({
   }, [correctFlags.length, bugLines.length, falseFlags.length, attempts, completeEvent, emit]);
   const handleReset = () => {
     setSubmitted(false);
-    if (attempts >= 2 && resolved?.hint) {
+    if (attempts >= 2 && str(resolved?.hint)) {
       setShowHint(true);
     }
   };
@@ -37284,24 +37486,28 @@ function DebuggerBoard({
     setShowHint(false);
   };
   if (!resolved) return null;
+  const theme = resolved.theme ?? void 0;
+  const themeBackground = theme?.background;
+  const headerImage = str(resolved.headerImage);
+  const hint = str(resolved.hint);
   return /* @__PURE__ */ jsx(
     Box,
     {
       className,
       style: {
-        backgroundImage: resolved.theme?.background ? `url(${resolved.theme.background})` : void 0,
+        backgroundImage: themeBackground ? `url(${themeBackground})` : void 0,
         backgroundSize: "cover",
         backgroundPosition: "center"
       },
       children: /* @__PURE__ */ jsxs(VStack, { gap: "lg", className: "p-4", children: [
-        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,
+        headerImage && !headerError ? /* @__PURE__ */ jsx(Box, { className: "w-full h-32 overflow-hidden rounded-container", children: /* @__PURE__ */ jsx("img", { src: headerImage, alt: "", onError: () => setHeaderError(true), className: "w-full h-full object-cover" }) }) : 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: resolved.title })
+            /* @__PURE__ */ jsx(Typography, { variant: "h4", weight: "bold", children: str(resolved.title) })
           ] }),
-          /* @__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(Typography, { variant: "body", children: str(resolved.description) }),
+          /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-muted-foreground", children: t("debugger.findBugs", { count: String(num(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);
@@ -37333,7 +37539,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 ? resolved.successMessage ?? t("debugger.allFound") : `${correctFlags.length}/${bugLines.length} ${t("debugger.bugsFound")}` }),
+          /* @__PURE__ */ jsx(Typography, { variant: "body", weight: "bold", children: allCorrect ? str(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,
@@ -37349,7 +37555,7 @@ function DebuggerBoard({
             ] })
           ] }, line.id))
         ] }) }),
-        showHint && resolved.hint && /* @__PURE__ */ jsx(Card, { className: "p-4 border-l-4 border-l-warning", children: /* @__PURE__ */ jsx(Typography, { variant: "body", children: resolved.hint }) }),
+        showHint && hint && /* @__PURE__ */ jsx(Card, { className: "p-4 border-l-4 border-l-warning", children: /* @__PURE__ */ jsx(Typography, { variant: "body", children: 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" }),
@@ -37368,6 +37574,7 @@ var init_DebuggerBoard = __esm({
   "components/game/organisms/puzzles/debugger/DebuggerBoard.tsx"() {
     init_atoms2();
     init_useEventBus();
+    init_boardEntity();
     DebuggerBoard.displayName = "DebuggerBoard";
   }
 });
@@ -37405,7 +37612,7 @@ function getBadgeVariant(fieldName, value) {
   return "default";
 }
 function formatFieldLabel(fieldName) {
-  return fieldName.replace(/([A-Z])/g, " $1").replace(/^./, (str) => str.toUpperCase());
+  return fieldName.replace(/([A-Z])/g, " $1").replace(/^./, (str2) => str2.toUpperCase());
 }
 function formatFieldValue(value, fieldName) {
   if (typeof value === "number") {
@@ -37424,26 +37631,26 @@ function formatFieldValue(value, fieldName) {
 }
 function renderRichFieldValue(value, fieldName, fieldType) {
   if (value === void 0 || value === null) return "\u2014";
-  const str = String(value);
+  const str2 = String(value);
   switch (fieldType) {
     case "image":
     case "url": {
-      if (str.match(/\.(png|jpe?g|gif|svg|webp|avif)(\?|$)/i) || str.startsWith("data:image/")) {
+      if (str2.match(/\.(png|jpe?g|gif|svg|webp|avif)(\?|$)/i) || str2.startsWith("data:image/")) {
         return /* @__PURE__ */ jsx(Box, { className: "mt-1 max-w-full", children: /* @__PURE__ */ jsx(
           "img",
           {
-            src: str,
+            src: str2,
             alt: formatFieldLabel(fieldName),
             className: "max-w-full max-h-64 rounded-md object-contain",
             loading: "lazy"
           }
         ) });
       }
-      return str;
+      return str2;
     }
     case "markdown":
     case "richtext":
-      return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(Typography, { variant: "body", className: "break-words", children: str }), children: /* @__PURE__ */ jsx(
+      return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(Typography, { variant: "body", className: "break-words", children: str2 }), children: /* @__PURE__ */ jsx(
         Box,
         {
           className: "prose prose-sm max-w-none",
@@ -37461,11 +37668,11 @@ function renderRichFieldValue(value, fieldName, fieldType) {
             "--tw-prose-th-borders": "var(--color-border)",
             "--tw-prose-td-borders": "var(--color-border)"
           },
-          children: /* @__PURE__ */ jsx(ReactMarkdown2, { children: str })
+          children: /* @__PURE__ */ jsx(ReactMarkdown2, { children: str2 })
         }
       ) });
     case "code":
-      return /* @__PURE__ */ jsx(Box, { className: "mt-1 rounded-md bg-muted p-3 overflow-x-auto", children: /* @__PURE__ */ jsx("pre", { className: "text-sm font-mono whitespace-pre-wrap break-words m-0", children: /* @__PURE__ */ jsx("code", { children: str }) }) });
+      return /* @__PURE__ */ jsx(Box, { className: "mt-1 rounded-md bg-muted p-3 overflow-x-auto", children: /* @__PURE__ */ jsx("pre", { className: "text-sm font-mono whitespace-pre-wrap break-words m-0", children: /* @__PURE__ */ jsx("code", { children: str2 }) }) });
     case "html":
       return /* @__PURE__ */ jsx(
         Box,
@@ -37485,12 +37692,12 @@ function renderRichFieldValue(value, fieldName, fieldType) {
             "--tw-prose-th-borders": "var(--color-border)",
             "--tw-prose-td-borders": "var(--color-border)"
           },
-          children: /* @__PURE__ */ jsx(Typography, { variant: "body", children: str })
+          children: /* @__PURE__ */ jsx(Typography, { variant: "body", children: str2 })
         }
       );
     case "date":
     case "datetime": {
-      const d = new Date(str);
+      const d = new Date(str2);
       if (!isNaN(d.getTime())) {
         return d.toLocaleDateString(void 0, {
           year: "numeric",
@@ -37499,7 +37706,7 @@ function renderRichFieldValue(value, fieldName, fieldType) {
           ...fieldType === "datetime" ? { hour: "2-digit", minute: "2-digit" } : {}
         });
       }
-      return str;
+      return str2;
     }
     default:
       return formatFieldValue(value, fieldName);
@@ -37899,7 +38106,7 @@ var init_DialogueBubble = __esm({
   }
 });
 function extractTitle(children) {
-  if (!React79__default.isValidElement(children)) return void 0;
+  if (!React80__default.isValidElement(children)) return void 0;
   const props = children.props;
   if (typeof props.title === "string") {
     return props.title;
@@ -38011,7 +38218,7 @@ function LinearView({
     /* @__PURE__ */ jsx(HStack, { className: "flex-wrap items-center", gap: "xs", children: trait.states.map((state, i) => {
       const isDone = i < currentIdx;
       const isCurrent = i === currentIdx;
-      return /* @__PURE__ */ jsxs(React79__default.Fragment, { children: [
+      return /* @__PURE__ */ jsxs(React80__default.Fragment, { children: [
         i > 0 && /* @__PURE__ */ jsx(
           Typography,
           {
@@ -38272,6 +38479,40 @@ var init_RuleEditor = __esm({
     RuleEditor.displayName = "RuleEditor";
   }
 });
+
+// components/game/organisms/puzzles/event-handler/puzzleObject.ts
+function objId(o) {
+  return o.id == null ? "" : String(o.id);
+}
+function objName(o) {
+  return o.name == null ? "" : String(o.name);
+}
+function objIcon(o) {
+  return o.icon == null ? "" : String(o.icon);
+}
+function objStates(o) {
+  return Array.isArray(o.states) ? o.states : [];
+}
+function objCurrentState(o) {
+  return o.currentState == null ? "" : String(o.currentState);
+}
+function objAvailableEvents(o) {
+  return Array.isArray(o.availableEvents) ? o.availableEvents : [];
+}
+function objAvailableActions(o) {
+  return Array.isArray(o.availableActions) ? o.availableActions : [];
+}
+function objRules(o) {
+  return Array.isArray(o.rules) ? o.rules : [];
+}
+function objMaxRules(o) {
+  const n = Number(o.maxRules);
+  return Number.isFinite(n) && n > 0 ? n : 3;
+}
+var init_puzzleObject = __esm({
+  "components/game/organisms/puzzles/event-handler/puzzleObject.ts"() {
+  }
+});
 function ObjectRulePanel({
   object,
   onRulesChange,
@@ -38279,55 +38520,63 @@ function ObjectRulePanel({
   className
 }) {
   const { t } = useTranslate();
-  const maxRules = object.maxRules || 3;
-  const canAdd = object.rules.length < maxRules;
+  const id = objId(object);
+  const name = objName(object);
+  const icon = objIcon(object);
+  const states = objStates(object);
+  const currentState = objCurrentState(object);
+  const availableEvents = objAvailableEvents(object);
+  const availableActions = objAvailableActions(object);
+  const rules = objRules(object);
+  const maxRules = objMaxRules(object);
+  const canAdd = rules.length < maxRules;
   const handleRuleChange = useCallback((index, updatedRule) => {
-    const newRules = [...object.rules];
+    const newRules = [...rules];
     newRules[index] = updatedRule;
-    onRulesChange(object.id, newRules);
-  }, [object.id, object.rules, onRulesChange]);
+    onRulesChange(id, newRules);
+  }, [id, rules, onRulesChange]);
   const handleRuleRemove = useCallback((index) => {
-    const newRules = object.rules.filter((_, i) => i !== index);
-    onRulesChange(object.id, newRules);
-  }, [object.id, object.rules, onRulesChange]);
+    const newRules = rules.filter((_, i) => i !== index);
+    onRulesChange(id, newRules);
+  }, [id, rules, onRulesChange]);
   const handleAddRule = useCallback(() => {
     if (!canAdd || disabled) return;
-    const firstEvent = object.availableEvents[0]?.value || "";
-    const firstAction = object.availableActions[0]?.value || "";
+    const firstEvent = availableEvents[0]?.value || "";
+    const firstAction = availableActions[0]?.value || "";
     const newRule = {
       id: `rule-${nextRuleId++}`,
       whenEvent: firstEvent,
       thenAction: firstAction
     };
-    onRulesChange(object.id, [...object.rules, newRule]);
-  }, [canAdd, disabled, object, onRulesChange]);
+    onRulesChange(id, [...rules, newRule]);
+  }, [canAdd, disabled, id, rules, availableEvents, availableActions, onRulesChange]);
   const machine = {
-    name: object.name,
-    states: object.states,
-    currentState: object.currentState,
-    transitions: object.rules.map((r) => ({
-      from: object.currentState,
-      to: object.states.find((s) => s !== object.currentState) || object.currentState,
+    name,
+    states,
+    currentState,
+    transitions: rules.map((r) => ({
+      from: currentState,
+      to: states.find((s) => s !== currentState) || currentState,
       event: r.whenEvent
     }))
   };
   return /* @__PURE__ */ jsxs(VStack, { className: cn("p-4 rounded-lg bg-card border border-border", className), gap: "sm", children: [
     /* @__PURE__ */ jsxs(HStack, { className: "items-center", gap: "sm", children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "h5", children: object.icon }),
+      /* @__PURE__ */ jsx(Typography, { variant: "h5", children: icon }),
       /* @__PURE__ */ jsxs(VStack, { gap: "none", children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "body1", className: "text-foreground font-bold", children: object.name }),
-        /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-muted-foreground", children: t("eventHandler.state") + ": " + object.currentState })
+        /* @__PURE__ */ jsx(Typography, { variant: "body1", className: "text-foreground font-bold", children: name }),
+        /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-muted-foreground", children: t("eventHandler.state") + ": " + currentState })
       ] })
     ] }),
     /* @__PURE__ */ jsx(TraitStateViewer, { trait: machine, variant: "compact", size: "sm" }),
     /* @__PURE__ */ jsxs(VStack, { gap: "xs", children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-muted-foreground font-medium", children: t("eventHandler.rules", { count: object.rules.length, max: maxRules }) + ":" }),
-      object.rules.map((rule, i) => /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-muted-foreground font-medium", children: t("eventHandler.rules", { count: rules.length, max: maxRules }) + ":" }),
+      rules.map((rule, i) => /* @__PURE__ */ jsx(
         RuleEditor,
         {
           rule,
-          availableEvents: object.availableEvents,
-          availableActions: object.availableActions,
+          availableEvents,
+          availableActions,
           onChange: (r) => handleRuleChange(i, r),
           onRemove: () => handleRuleRemove(i),
           disabled
@@ -38345,6 +38594,7 @@ var init_ObjectRulePanel = __esm({
     init_cn();
     init_TraitStateViewer();
     init_RuleEditor();
+    init_puzzleObject();
     nextRuleId = 1;
     ObjectRulePanel.displayName = "ObjectRulePanel";
   }
@@ -38411,11 +38661,11 @@ function EventHandlerBoard({
 }) {
   const { emit } = useEventBus();
   const { t } = useTranslate();
-  const resolved = Array.isArray(entity) ? entity[0] : entity;
-  const entityObjects = resolved?.objects ?? [];
-  const [objects, setObjects] = useState(entityObjects);
+  const resolved = boardEntity(entity);
+  const entityObjects = rows(resolved?.objects);
+  const [objects, setObjects] = useState(() => [...entityObjects]);
   const [selectedObjectId, setSelectedObjectId] = useState(
-    entityObjects[0]?.id || null
+    entityObjects[0] ? objId(entityObjects[0]) : null
   );
   const [headerError, setHeaderError] = useState(false);
   const [playState, setPlayState] = useState("editing");
@@ -38426,10 +38676,10 @@ function EventHandlerBoard({
   useEffect(() => () => {
     if (timerRef.current) clearTimeout(timerRef.current);
   }, []);
-  const selectedObject = objects.find((o) => o.id === selectedObjectId) || null;
+  const selectedObject = objects.find((o) => objId(o) === selectedObjectId) || null;
   const handleRulesChange = useCallback((objectId, rules) => {
     setObjects((prev) => prev.map(
-      (o) => o.id === objectId ? { ...o, rules } : o
+      (o) => objId(o) === objectId ? { ...o, rules } : o
     ));
   }, []);
   const addLogEntry = useCallback((icon, message, status = "done") => {
@@ -38443,11 +38693,12 @@ function EventHandlerBoard({
     setEventLog([]);
     const allRules = [];
     objects.forEach((obj) => {
-      obj.rules.forEach((rule) => {
+      objRules(obj).forEach((rule) => {
         allRules.push({ object: obj, rule });
       });
     });
-    const triggers = resolved?.triggerEvents || [];
+    const triggers = Array.isArray(resolved?.triggerEvents) ? resolved.triggerEvents : [];
+    const goalEvent = str(resolved?.goalEvent);
     const eventQueue = [...triggers];
     const firedEvents = /* @__PURE__ */ new Set();
     let stepIdx = 0;
@@ -38476,14 +38727,14 @@ function EventHandlerBoard({
         addLogEntry("\u26A1", t("eventHandler.noListeners", { event: currentEvent }), "done");
       } else {
         matching.forEach(({ object, rule }) => {
-          addLogEntry(object.icon, t("eventHandler.heardEvent", { object: object.name, event: currentEvent, action: rule.thenAction }), "done");
+          addLogEntry(objIcon(object), t("eventHandler.heardEvent", { object: objName(object), event: currentEvent, action: rule.thenAction }), "done");
           eventQueue.push(rule.thenAction);
-          if (rule.thenAction === resolved?.goalEvent) {
+          if (rule.thenAction === goalEvent) {
             goalReached = true;
           }
         });
       }
-      if (currentEvent === resolved?.goalEvent) {
+      if (currentEvent === goalEvent) {
         goalReached = true;
       }
       stepIdx++;
@@ -38501,65 +38752,75 @@ function EventHandlerBoard({
   }, []);
   const handleReset = useCallback(() => {
     if (timerRef.current) clearTimeout(timerRef.current);
-    setObjects(resolved?.objects ?? []);
+    const resetObjects = rows(resolved?.objects);
+    setObjects([...resetObjects]);
     setPlayState("editing");
     setEventLog([]);
-    setSelectedObjectId((resolved?.objects ?? [])[0]?.id || null);
+    setSelectedObjectId(resetObjects[0] ? objId(resetObjects[0]) : null);
     setAttempts(0);
   }, [resolved?.objects]);
   if (!resolved) return null;
   const objectViewers = objects.map((obj) => {
+    const states = objStates(obj);
+    const currentState = objCurrentState(obj);
     const machine = {
-      name: obj.name,
-      states: obj.states,
-      currentState: obj.currentState,
-      transitions: obj.rules.map((r) => ({
-        from: obj.currentState,
-        to: obj.states.find((s) => s !== obj.currentState) || obj.currentState,
+      name: objName(obj),
+      states,
+      currentState,
+      transitions: objRules(obj).map((r) => ({
+        from: currentState,
+        to: states.find((s) => s !== currentState) || currentState,
         event: r.whenEvent
       }))
     };
     return { obj, machine };
   });
-  const showHint = attempts >= 3 && resolved.hint;
+  const hint = str(resolved.hint);
+  const showHint = attempts >= 3 && hint;
+  const theme = resolved.theme ?? void 0;
+  const themeBackground = theme?.background;
+  const headerImage = str(resolved.headerImage);
   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: resolved.theme?.background ? `url(${resolved.theme.background})` : void 0,
+        backgroundImage: themeBackground ? `url(${themeBackground})` : void 0,
         backgroundSize: "cover",
         backgroundPosition: "center"
       },
       children: [
-        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,
+        headerImage && !headerError ? /* @__PURE__ */ jsx(Box, { className: "w-full h-32 overflow-hidden rounded-container", children: /* @__PURE__ */ jsx("img", { src: headerImage, alt: "", onError: () => setHeaderError(true), className: "w-full h-full object-cover" }) }) : 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: resolved.title }),
-          /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-muted-foreground", children: resolved.description }),
+          /* @__PURE__ */ jsx(Typography, { variant: "h4", className: "text-foreground", children: str(resolved.title) }),
+          /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-muted-foreground", children: str(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: resolved.goalCondition })
+            /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-foreground", children: str(resolved.goalCondition) })
           ] })
         ] }),
         /* @__PURE__ */ jsxs(VStack, { gap: "sm", children: [
           /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-muted-foreground font-medium", children: t("eventHandler.clickObject") + ":" }),
-          /* @__PURE__ */ jsx(HStack, { className: "flex-wrap", gap: "sm", children: objectViewers.map(({ obj, machine }) => /* @__PURE__ */ jsx(
-            Box,
-            {
-              className: cn(
-                "p-3 rounded-container border-2 cursor-pointer transition-all hover:scale-105",
-                selectedObjectId === obj.id ? "border-primary bg-primary/10" : "border-border bg-card hover:border-muted-foreground"
-              ),
-              onClick: () => setSelectedObjectId(obj.id),
-              children: /* @__PURE__ */ jsxs(VStack, { gap: "xs", className: "items-center min-w-[120px]", children: [
-                /* @__PURE__ */ jsx(Typography, { variant: "h5", children: obj.icon }),
-                /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-foreground font-medium", children: obj.name }),
-                /* @__PURE__ */ jsx(TraitStateViewer, { trait: machine, variant: "compact", size: "sm" })
-              ] })
-            },
-            obj.id
-          )) })
+          /* @__PURE__ */ jsx(HStack, { className: "flex-wrap", gap: "sm", children: objectViewers.map(({ obj, machine }) => {
+            const oid = objId(obj);
+            return /* @__PURE__ */ jsx(
+              Box,
+              {
+                className: cn(
+                  "p-3 rounded-container border-2 cursor-pointer transition-all hover:scale-105",
+                  selectedObjectId === oid ? "border-primary bg-primary/10" : "border-border bg-card hover:border-muted-foreground"
+                ),
+                onClick: () => setSelectedObjectId(oid),
+                children: /* @__PURE__ */ jsxs(VStack, { gap: "xs", className: "items-center min-w-[120px]", children: [
+                  /* @__PURE__ */ jsx(Typography, { variant: "h5", children: objIcon(obj) }),
+                  /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-foreground font-medium", children: objName(obj) }),
+                  /* @__PURE__ */ jsx(TraitStateViewer, { trait: machine, variant: "compact", size: "sm" })
+                ] })
+              },
+              oid
+            );
+          }) })
         ] }),
         selectedObject && /* @__PURE__ */ jsx(
           ObjectRulePanel,
@@ -38570,12 +38831,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: resolved.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: str(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: resolved.hint })
+            /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-foreground", children: hint })
           ] }) })
         ] }),
         /* @__PURE__ */ jsxs(HStack, { gap: "sm", children: [
@@ -38603,6 +38864,8 @@ var init_EventHandlerBoard = __esm({
     init_TraitStateViewer();
     init_ObjectRulePanel();
     init_EventLog();
+    init_puzzleObject();
+    init_boardEntity();
     ENCOURAGEMENT_KEYS = [
       "puzzle.tryAgain1",
       "puzzle.tryAgain2",
@@ -38691,7 +38954,10 @@ var init_FeatureGridOrganism = __esm({
       );
       useCallback(
         (feature) => {
-          eventBus.emit("UI:FEATURE_CLICK", { id: feature.id, href: feature.href ?? "" });
+          eventBus.emit("UI:FEATURE_CLICK", {
+            id: String(feature.id ?? ""),
+            href: String(feature.href ?? "")
+          });
         },
         [eventBus]
       );
@@ -38701,14 +38967,17 @@ var init_FeatureGridOrganism = __esm({
       if (error) {
         return /* @__PURE__ */ jsx(ErrorState, { message: error.message, className });
       }
-      const featureCards = items.map((feature) => ({
-        icon: feature.icon,
-        title: feature.title,
-        description: feature.description,
-        href: feature.href,
-        linkLabel: feature.linkLabel,
-        variant: feature.href ? "interactive" : "bordered"
-      }));
+      const featureCards = items.map((feature) => {
+        const href = feature.href != null ? String(feature.href) : void 0;
+        return {
+          icon: feature.icon != null ? String(feature.icon) : void 0,
+          title: String(feature.title ?? ""),
+          description: String(feature.description ?? ""),
+          href,
+          linkLabel: feature.linkLabel != null ? String(feature.linkLabel) : void 0,
+          variant: href ? "interactive" : "bordered"
+        };
+      });
       return /* @__PURE__ */ jsxs(VStack, { gap: "lg", className: cn("w-full", className), children: [
         (heading || subtitle) && /* @__PURE__ */ jsxs(VStack, { gap: "sm", align: "center", className: "w-full", children: [
           heading && /* @__PURE__ */ jsx(Typography, { variant: "h2", align: "center", children: heading }),
@@ -38907,12 +39176,12 @@ var init_Form = __esm({
       const isSchemaEntity = isOrbitalEntitySchema(entity);
       const resolvedEntity = isSchemaEntity ? entity : void 0;
       const entityName = typeof entity === "string" ? entity : resolvedEntity?.name;
-      const normalizedInitialData = React79__default.useMemo(() => {
+      const normalizedInitialData = React80__default.useMemo(() => {
         const entityRowAsInitial = isPlainEntityRow(entity) ? entity : void 0;
         const callerInitial = initialData !== null && typeof initialData === "object" && !Array.isArray(initialData) ? initialData : {};
         return entityRowAsInitial !== void 0 ? { ...entityRowAsInitial, ...callerInitial } : callerInitial;
       }, [entity, initialData]);
-      const entityDerivedFields = React79__default.useMemo(() => {
+      const entityDerivedFields = React80__default.useMemo(() => {
         if (fields && fields.length > 0) return void 0;
         if (!resolvedEntity) return void 0;
         return resolvedEntity.fields.map(
@@ -38932,16 +39201,16 @@ var init_Form = __esm({
       const conditionalFields = typeof conditionalFieldsRaw === "boolean" ? {} : conditionalFieldsRaw;
       const hiddenCalculations = typeof hiddenCalculationsRaw === "boolean" ? [] : hiddenCalculationsRaw;
       const violationTriggers = typeof violationTriggersRaw === "boolean" ? [] : violationTriggersRaw;
-      const [formData, setFormData] = React79__default.useState(
+      const [formData, setFormData] = React80__default.useState(
         normalizedInitialData
       );
-      const [collapsedSections, setCollapsedSections] = React79__default.useState(
+      const [collapsedSections, setCollapsedSections] = React80__default.useState(
         /* @__PURE__ */ new Set()
       );
-      const [submitError, setSubmitError] = React79__default.useState(null);
-      const formRef = React79__default.useRef(null);
+      const [submitError, setSubmitError] = React80__default.useState(null);
+      const formRef = React80__default.useRef(null);
       const formMode = props.mode;
-      const mountedRef = React79__default.useRef(false);
+      const mountedRef = React80__default.useRef(false);
       if (!mountedRef.current) {
         mountedRef.current = true;
         debug("forms", "mount", {
@@ -38954,7 +39223,7 @@ var init_Form = __esm({
         });
       }
       const shouldShowCancel = showCancel ?? (fields && fields.length > 0);
-      const evalContext = React79__default.useMemo(
+      const evalContext = React80__default.useMemo(
         () => ({
           formValues: formData,
           globalVariables: externalContext?.globalVariables ?? {},
@@ -38963,7 +39232,7 @@ var init_Form = __esm({
         }),
         [formData, externalContext]
       );
-      React79__default.useEffect(() => {
+      React80__default.useEffect(() => {
         debug("forms", "initialData-sync", {
           mode: formMode,
           normalizedInitialData,
@@ -38974,7 +39243,7 @@ var init_Form = __esm({
           setFormData(normalizedInitialData);
         }
       }, [normalizedInitialData]);
-      const processCalculations = React79__default.useCallback(
+      const processCalculations = React80__default.useCallback(
         (changedFieldId, newFormData) => {
           if (!hiddenCalculations.length) return;
           const context = {
@@ -38999,7 +39268,7 @@ var init_Form = __esm({
         },
         [hiddenCalculations, externalContext, eventBus]
       );
-      const checkViolations = React79__default.useCallback(
+      const checkViolations = React80__default.useCallback(
         (changedFieldId, newFormData) => {
           if (!violationTriggers.length) return;
           const context = {
@@ -39037,7 +39306,7 @@ var init_Form = __esm({
         processCalculations(name, newFormData);
         checkViolations(name, newFormData);
       };
-      const isFieldVisible = React79__default.useCallback(
+      const isFieldVisible = React80__default.useCallback(
         (fieldName) => {
           const condition = conditionalFields[fieldName];
           if (!condition) return true;
@@ -39045,7 +39314,7 @@ var init_Form = __esm({
         },
         [conditionalFields, evalContext]
       );
-      const isSectionVisible = React79__default.useCallback(
+      const isSectionVisible = React80__default.useCallback(
         (section) => {
           if (!section.condition) return true;
           return Boolean(evaluateFormExpression(section.condition, evalContext));
@@ -39121,7 +39390,7 @@ var init_Form = __esm({
           eventBus.emit(`UI:${onCancel}`);
         }
       };
-      const renderField = React79__default.useCallback(
+      const renderField = React80__default.useCallback(
         (field) => {
           const fieldName = field.name || field.field;
           if (!fieldName) return null;
@@ -39142,7 +39411,7 @@ var init_Form = __esm({
         [formData, isFieldVisible, relationsData, relationsLoading, isLoading]
       );
       const effectiveFields = entityDerivedFields ?? fields;
-      const normalizedFields = React79__default.useMemo(() => {
+      const normalizedFields = React80__default.useMemo(() => {
         if (!effectiveFields || effectiveFields.length === 0) return [];
         return effectiveFields.map((field) => {
           if (typeof field === "string") {
@@ -39165,7 +39434,7 @@ var init_Form = __esm({
           return field;
         });
       }, [effectiveFields, resolvedEntity]);
-      const schemaFields = React79__default.useMemo(() => {
+      const schemaFields = React80__default.useMemo(() => {
         if (normalizedFields.length === 0) return null;
         if (isDebugEnabled()) {
           debugGroup(`Form: ${entityName || "unknown"}`);
@@ -39175,7 +39444,7 @@ var init_Form = __esm({
         }
         return normalizedFields.map(renderField).filter(Boolean);
       }, [normalizedFields, renderField, entityName, conditionalFields]);
-      const sectionElements = React79__default.useMemo(() => {
+      const sectionElements = React80__default.useMemo(() => {
         if (!sections || sections.length === 0) return null;
         return sections.map((section) => {
           if (!isSectionVisible(section)) {
@@ -40033,22 +40302,24 @@ var init_HeroOrganism = __esm({
         () => Array.isArray(entity) ? entity[0] : entity && typeof entity === "object" ? entity : void 0,
         [entity]
       );
+      const primaryAction = resolved?.primaryAction;
+      const secondaryAction = resolved?.secondaryAction;
       const handlePrimaryClick = useCallback(() => {
-        if (resolved?.primaryAction) {
+        if (primaryAction) {
           eventBus.emit("UI:CTA_PRIMARY", {
-            label: resolved.primaryAction.label,
-            href: resolved.primaryAction.href
+            label: String(primaryAction.label ?? ""),
+            href: String(primaryAction.href ?? "")
           });
         }
-      }, [eventBus, resolved]);
+      }, [eventBus, primaryAction]);
       const handleSecondaryClick = useCallback(() => {
-        if (resolved?.secondaryAction) {
+        if (secondaryAction) {
           eventBus.emit("UI:CTA_SECONDARY", {
-            label: resolved.secondaryAction.label,
-            href: resolved.secondaryAction.href
+            label: String(secondaryAction.label ?? ""),
+            href: String(secondaryAction.href ?? "")
           });
         }
-      }, [eventBus, resolved]);
+      }, [eventBus, secondaryAction]);
       if (isLoading) {
         return /* @__PURE__ */ jsx(LoadingState, { message: t("common.loading"), className });
       }
@@ -40058,17 +40329,19 @@ var init_HeroOrganism = __esm({
       if (!resolved) {
         return null;
       }
+      const imageRaw = resolved.image;
+      const image = imageRaw ? { src: String(imageRaw.src ?? ""), alt: String(imageRaw.alt ?? "") } : void 0;
       return /* @__PURE__ */ jsxs(
         HeroSection,
         {
-          tag: resolved.tag,
-          title: resolved.title,
-          titleAccent: resolved.titleAccent,
-          subtitle: resolved.subtitle,
-          primaryAction: resolved.primaryAction ? { label: resolved.primaryAction.label, href: resolved.primaryAction.href } : void 0,
-          secondaryAction: resolved.secondaryAction ? { label: resolved.secondaryAction.label, href: resolved.secondaryAction.href } : void 0,
-          installCommand: resolved.installCommand,
-          image: resolved.image,
+          tag: resolved.tag != null ? String(resolved.tag) : void 0,
+          title: String(resolved.title ?? ""),
+          titleAccent: resolved.titleAccent != null ? String(resolved.titleAccent) : void 0,
+          subtitle: String(resolved.subtitle ?? ""),
+          primaryAction: primaryAction ? { label: String(primaryAction.label ?? ""), href: String(primaryAction.href ?? "") } : void 0,
+          secondaryAction: secondaryAction ? { label: String(secondaryAction.label ?? ""), href: String(secondaryAction.href ?? "") } : void 0,
+          installCommand: resolved.installCommand != null ? String(resolved.installCommand) : void 0,
+          image,
           imagePosition: resolved.imagePosition,
           background: resolved.background,
           className: cn(className),
@@ -40077,8 +40350,8 @@ var init_HeroOrganism = __esm({
             /* @__PURE__ */ jsx(
               _HeroClickInterceptor,
               {
-                hasPrimary: !!resolved.primaryAction,
-                hasSecondary: !!resolved.secondaryAction,
+                hasPrimary: !!primaryAction,
+                hasSecondary: !!secondaryAction,
                 onPrimaryClick: handlePrimaryClick,
                 onSecondaryClick: handleSecondaryClick
               }
@@ -40307,7 +40580,7 @@ function formatValue3(value, fieldName) {
   return String(value);
 }
 function formatFieldLabel2(fieldName) {
-  return fieldName.replace(/([A-Z])/g, " $1").replace(/^./, (str) => str.toUpperCase()).replace(/Id$/, "").trim();
+  return fieldName.replace(/([A-Z])/g, " $1").replace(/^./, (str2) => str2.toUpperCase()).replace(/Id$/, "").trim();
 }
 var STATUS_STYLES2, StatusBadge, ProgressIndicator, List3;
 var init_List = __esm({
@@ -40453,7 +40726,7 @@ var init_List = __esm({
         if (entity && typeof entity === "object" && "id" in entity) return [entity];
         return [];
       }, [entity]);
-      const getItemActions = React79__default.useCallback(
+      const getItemActions = React80__default.useCallback(
         (item) => {
           if (!itemActions) return [];
           if (typeof itemActions === "function") {
@@ -40929,7 +41202,7 @@ var init_MediaGallery = __esm({
         [selectable, selectedItems, selectionEvent, eventBus]
       );
       const entityData = Array.isArray(entity) ? entity : [];
-      const items = React79__default.useMemo(() => {
+      const items = React80__default.useMemo(() => {
         if (propItems) return propItems;
         if (entityData.length === 0) return [];
         return entityData.map((record, idx) => ({
@@ -41099,9 +41372,9 @@ function MiniMap({
   viewportRect,
   className
 }) {
-  const canvasRef = React79.useRef(null);
-  const frameRef = React79.useRef(0);
-  React79.useEffect(() => {
+  const canvasRef = React80.useRef(null);
+  const frameRef = React80.useRef(0);
+  React80.useEffect(() => {
     const canvas = canvasRef.current;
     if (!canvas) return;
     const ctx = canvas.getContext("2d");
@@ -41183,7 +41456,7 @@ var init_MiniMap = __esm({
   }
 });
 function extractTitle2(children) {
-  if (!React79__default.isValidElement(children)) return void 0;
+  if (!React80__default.isValidElement(children)) return void 0;
   const props = children.props;
   if (typeof props.title === "string") {
     return props.title;
@@ -41247,20 +41520,22 @@ function NegotiatorBoard({
 }) {
   const { emit } = useEventBus();
   const { t } = useTranslate();
-  const resolved = Array.isArray(entity) ? entity[0] : entity;
+  const resolved = boardEntity(entity);
   const [history, setHistory] = useState([]);
   const [headerError, setHeaderError] = useState(false);
   const [showHint, setShowHint] = useState(false);
+  const totalRounds = num(resolved?.totalRounds);
+  const targetScore = num(resolved?.targetScore);
   const currentRound = history.length;
-  const isComplete = currentRound >= (resolved?.totalRounds ?? 0);
+  const isComplete = currentRound >= totalRounds;
   const playerTotal = history.reduce((s, r) => s + r.playerPayoff, 0);
   const opponentTotal = history.reduce((s, r) => s + r.opponentPayoff, 0);
-  const won = isComplete && playerTotal >= (resolved?.targetScore ?? 0);
-  const actions = resolved?.actions ?? [];
-  const payoffMatrix = resolved?.payoffMatrix ?? [];
+  const won = isComplete && playerTotal >= targetScore;
+  const actions = Array.isArray(resolved?.actions) ? resolved.actions : [];
+  const payoffMatrix = Array.isArray(resolved?.payoffMatrix) ? resolved.payoffMatrix : [];
   const handleAction = useCallback((actionId) => {
     if (isComplete) return;
-    const opponentAction = getOpponentAction(resolved?.opponentStrategy ?? "random", actions, history);
+    const opponentAction = getOpponentAction(str(resolved?.opponentStrategy) || "random", actions, history);
     const payoff = payoffMatrix.find(
       (p2) => p2.playerAction === actionId && p2.opponentAction === opponentAction
     );
@@ -41273,42 +41548,46 @@ function NegotiatorBoard({
     };
     const newHistory = [...history, result];
     setHistory(newHistory);
-    if (newHistory.length >= (resolved?.totalRounds ?? 0)) {
+    if (newHistory.length >= totalRounds) {
       const total = newHistory.reduce((s, r) => s + r.playerPayoff, 0);
-      if (total >= (resolved?.targetScore ?? 0)) {
+      if (total >= targetScore) {
         emit(`UI:${completeEvent}`, { success: true, score: total });
       }
-      if (newHistory.length >= 3 && resolved?.hint) {
+      if (newHistory.length >= 3 && str(resolved?.hint)) {
         setShowHint(true);
       }
     }
-  }, [isComplete, resolved, actions, payoffMatrix, history, currentRound, completeEvent, emit]);
+  }, [isComplete, resolved, totalRounds, targetScore, 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;
+  const theme = resolved.theme ?? void 0;
+  const themeBackground = theme?.background;
+  const headerImage = str(resolved.headerImage);
+  const hint = str(resolved.hint);
   return /* @__PURE__ */ jsx(
     Box,
     {
       className,
       style: {
-        backgroundImage: resolved.theme?.background ? `url(${resolved.theme.background})` : void 0,
+        backgroundImage: themeBackground ? `url(${themeBackground})` : void 0,
         backgroundSize: "cover",
         backgroundPosition: "center"
       },
       children: /* @__PURE__ */ jsxs(VStack, { gap: "lg", className: "p-4", children: [
-        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,
+        headerImage && !headerError ? /* @__PURE__ */ jsx(Box, { className: "w-full h-32 overflow-hidden rounded-container", children: /* @__PURE__ */ jsx("img", { src: headerImage, alt: "", onError: () => setHeaderError(true), className: "w-full h-full object-cover" }) }) : 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: resolved.title }),
-          /* @__PURE__ */ jsx(Typography, { variant: "body", children: resolved.description }),
+          /* @__PURE__ */ jsx(Typography, { variant: "h4", weight: "bold", children: str(resolved.title) }),
+          /* @__PURE__ */ jsx(Typography, { variant: "body", children: str(resolved.description) }),
           /* @__PURE__ */ jsxs(HStack, { gap: "md", children: [
-            /* @__PURE__ */ jsx(Badge, { size: "sm", children: t("negotiator.round", { current: String(currentRound), total: String(resolved.totalRounds) }) }),
+            /* @__PURE__ */ jsx(Badge, { size: "sm", children: t("negotiator.round", { current: String(currentRound), total: String(totalRounds) }) }),
             /* @__PURE__ */ jsxs(Badge, { size: "sm", children: [
               t("negotiator.target"),
               ": ",
-              resolved.targetScore
+              targetScore
             ] })
           ] })
         ] }) }),
@@ -41357,16 +41636,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 ? resolved.successMessage ?? t("negotiator.success") : resolved.failMessage ?? t("negotiator.failed") }),
+          /* @__PURE__ */ jsx(Typography, { variant: "body", weight: "bold", children: won ? str(resolved.successMessage) || t("negotiator.success") : str(resolved.failMessage) || t("negotiator.failed") }),
           /* @__PURE__ */ jsxs(Typography, { variant: "caption", className: "text-muted-foreground", children: [
             t("negotiator.finalScore"),
             ": ",
             playerTotal,
             "/",
-            resolved.targetScore
+            targetScore
           ] })
         ] }) }),
-        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 }) }),
+        showHint && hint && !won && /* @__PURE__ */ jsx(Card, { className: "p-4 border-l-4 border-l-warning", children: /* @__PURE__ */ jsx(Typography, { variant: "body", children: hint }) }),
         isComplete && !won && /* @__PURE__ */ jsx(HStack, { justify: "center", children: /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: handleReset, children: t("negotiator.playAgain") }) })
       ] })
     }
@@ -41376,6 +41655,7 @@ var init_NegotiatorBoard = __esm({
   "components/game/organisms/puzzles/negotiator/NegotiatorBoard.tsx"() {
     init_atoms2();
     init_useEventBus();
+    init_boardEntity();
     NegotiatorBoard.displayName = "NegotiatorBoard";
   }
 });
@@ -41411,13 +41691,13 @@ var init_PricingOrganism = __esm({
         return /* @__PURE__ */ jsx(ErrorState, { message: error.message, className });
       }
       const plans = items.map((plan) => ({
-        name: plan.name,
-        price: plan.price,
-        description: plan.description,
-        features: plan.features,
-        action: { label: plan.actionLabel, href: plan.actionHref },
-        highlighted: plan.highlighted,
-        badge: plan.badge
+        name: String(plan.name ?? ""),
+        price: String(plan.price ?? ""),
+        description: plan.description != null ? String(plan.description) : void 0,
+        features: (plan.features ?? []).map((f3) => String(f3)),
+        action: { label: String(plan.actionLabel ?? ""), href: String(plan.actionHref ?? "") },
+        highlighted: Boolean(plan.highlighted),
+        badge: plan.badge != null ? String(plan.badge) : void 0
       }));
       return /* @__PURE__ */ jsxs(VStack, { gap: "lg", className: cn("w-full", className), children: [
         (heading || subtitle) && /* @__PURE__ */ jsxs(VStack, { gap: "sm", align: "center", className: "w-full", children: [
@@ -41633,7 +41913,7 @@ var init_debugRegistry = __esm({
   }
 });
 function useDebugData() {
-  const [data, setData] = React79.useState(() => ({
+  const [data, setData] = React80.useState(() => ({
     traits: [],
     ticks: [],
     guards: [],
@@ -41647,7 +41927,7 @@ function useDebugData() {
     },
     lastUpdate: Date.now()
   }));
-  React79.useEffect(() => {
+  React80.useEffect(() => {
     const updateData = () => {
       setData({
         traits: getAllTraits(),
@@ -41756,12 +42036,12 @@ function layoutGraph(states, transitions, initialState, width, height) {
   return positions;
 }
 function WalkMinimap() {
-  const [walkStep, setWalkStep] = React79.useState(null);
-  const [traits2, setTraits] = React79.useState([]);
-  const [coveredEdges, setCoveredEdges] = React79.useState([]);
-  const [completedTraits, setCompletedTraits] = React79.useState(/* @__PURE__ */ new Set());
-  const prevTraitRef = React79.useRef(null);
-  React79.useEffect(() => {
+  const [walkStep, setWalkStep] = React80.useState(null);
+  const [traits2, setTraits] = React80.useState([]);
+  const [coveredEdges, setCoveredEdges] = React80.useState([]);
+  const [completedTraits, setCompletedTraits] = React80.useState(/* @__PURE__ */ new Set());
+  const prevTraitRef = React80.useRef(null);
+  React80.useEffect(() => {
     const interval = setInterval(() => {
       const w = window;
       const step = w.__orbitalWalkStep;
@@ -42197,15 +42477,15 @@ var init_EntitiesTab = __esm({
 });
 function EventFlowTab({ events: events2 }) {
   const { t } = useTranslate();
-  const [filter, setFilter] = React79.useState("all");
-  const containerRef = React79.useRef(null);
-  const [autoScroll, setAutoScroll] = React79.useState(true);
-  React79.useEffect(() => {
+  const [filter, setFilter] = React80.useState("all");
+  const containerRef = React80.useRef(null);
+  const [autoScroll, setAutoScroll] = React80.useState(true);
+  React80.useEffect(() => {
     if (autoScroll && containerRef.current) {
       containerRef.current.scrollTop = containerRef.current.scrollHeight;
     }
   }, [events2.length, autoScroll]);
-  const filteredEvents = React79.useMemo(() => {
+  const filteredEvents = React80.useMemo(() => {
     if (filter === "all") return events2;
     return events2.filter((e) => e.type === filter);
   }, [events2, filter]);
@@ -42321,7 +42601,7 @@ var init_EventFlowTab = __esm({
 });
 function GuardsPanel({ guards }) {
   const { t } = useTranslate();
-  const [filter, setFilter] = React79.useState("all");
+  const [filter, setFilter] = React80.useState("all");
   if (guards.length === 0) {
     return /* @__PURE__ */ jsx(
       EmptyState,
@@ -42334,7 +42614,7 @@ function GuardsPanel({ guards }) {
   }
   const passedCount = guards.filter((g) => g.result).length;
   const failedCount = guards.length - passedCount;
-  const filteredGuards = React79.useMemo(() => {
+  const filteredGuards = React80.useMemo(() => {
     if (filter === "all") return guards;
     if (filter === "passed") return guards.filter((g) => g.result);
     return guards.filter((g) => !g.result);
@@ -42497,10 +42777,10 @@ function EffectBadge({ effect }) {
 }
 function TransitionTimeline({ transitions }) {
   const { t } = useTranslate();
-  const containerRef = React79.useRef(null);
-  const [autoScroll, setAutoScroll] = React79.useState(true);
-  const [expandedId, setExpandedId] = React79.useState(null);
-  React79.useEffect(() => {
+  const containerRef = React80.useRef(null);
+  const [autoScroll, setAutoScroll] = React80.useState(true);
+  const [expandedId, setExpandedId] = React80.useState(null);
+  React80.useEffect(() => {
     if (autoScroll && containerRef.current) {
       containerRef.current.scrollTop = containerRef.current.scrollHeight;
     }
@@ -42780,9 +43060,9 @@ function getAllEvents(traits2) {
 function EventDispatcherTab({ traits: traits2, schema }) {
   const eventBus = useEventBus();
   const { t } = useTranslate();
-  const [log8, setLog] = React79.useState([]);
-  const prevStatesRef = React79.useRef(/* @__PURE__ */ new Map());
-  React79.useEffect(() => {
+  const [log8, setLog] = React80.useState([]);
+  const prevStatesRef = React80.useRef(/* @__PURE__ */ new Map());
+  React80.useEffect(() => {
     for (const trait of traits2) {
       const prev = prevStatesRef.current.get(trait.id);
       if (prev && prev !== trait.currentState) {
@@ -42951,10 +43231,10 @@ function VerifyModePanel({
   localCount
 }) {
   const { t } = useTranslate();
-  const [expanded, setExpanded] = React79.useState(true);
-  const scrollRef = React79.useRef(null);
-  const prevCountRef = React79.useRef(0);
-  React79.useEffect(() => {
+  const [expanded, setExpanded] = React80.useState(true);
+  const scrollRef = React80.useRef(null);
+  const prevCountRef = React80.useRef(0);
+  React80.useEffect(() => {
     if (expanded && transitions.length > prevCountRef.current && scrollRef.current) {
       scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
     }
@@ -43011,10 +43291,10 @@ function RuntimeDebugger({
   schema
 }) {
   const { t } = useTranslate();
-  const [isCollapsed, setIsCollapsed] = React79.useState(mode === "verify" ? true : defaultCollapsed);
-  const [isVisible, setIsVisible] = React79.useState(mode === "inline" || mode === "verify" || isDebugEnabled2());
+  const [isCollapsed, setIsCollapsed] = React80.useState(mode === "verify" ? true : defaultCollapsed);
+  const [isVisible, setIsVisible] = React80.useState(mode === "inline" || mode === "verify" || isDebugEnabled2());
   const debugData = useDebugData();
-  React79.useEffect(() => {
+  React80.useEffect(() => {
     if (mode === "inline") return;
     return onDebugToggle((enabled) => {
       setIsVisible(enabled);
@@ -43023,7 +43303,7 @@ function RuntimeDebugger({
       }
     });
   }, [mode]);
-  React79.useEffect(() => {
+  React80.useEffect(() => {
     if (mode === "inline") return;
     const handleKeyDown = (e) => {
       if (e.key === "`" && isVisible) {
@@ -43472,7 +43752,7 @@ function SequenceBar({
     onSlotRemove(index);
   }, [onSlotRemove, playing]);
   const paddedSlots = Array.from({ length: maxSlots }, (_, i) => slots[i]);
-  return /* @__PURE__ */ jsx(HStack, { className: cn("items-center", className), gap: "sm", children: paddedSlots.map((slot, i) => /* @__PURE__ */ jsxs(React79__default.Fragment, { children: [
+  return /* @__PURE__ */ jsx(HStack, { className: cn("items-center", className), gap: "sm", children: paddedSlots.map((slot, i) => /* @__PURE__ */ jsxs(React80__default.Fragment, { children: [
     i > 0 && /* @__PURE__ */ jsx(
       Typography,
       {
@@ -43533,16 +43813,20 @@ function SequencerBoard({
 }) {
   const { emit } = useEventBus();
   const { t } = useTranslate();
-  const resolved = Array.isArray(entity) ? entity[0] : entity;
+  const resolved = boardEntity(entity);
+  const maxSlots = num(resolved?.maxSlots);
+  const solutions = Array.isArray(resolved?.solutions) ? resolved.solutions : [];
+  const availableActions = Array.isArray(resolved?.availableActions) ? resolved.availableActions : [];
+  const allowDuplicates = resolved?.allowDuplicates !== false;
   const [headerError, setHeaderError] = useState(false);
   const [slots, setSlots] = useState(
-    () => Array.from({ length: resolved?.maxSlots ?? 0 }, () => void 0)
+    () => Array.from({ length: maxSlots }, () => void 0)
   );
   const [playState, setPlayState] = useState("idle");
   const [currentStep, setCurrentStep] = useState(-1);
   const [attempts, setAttempts] = useState(0);
   const [slotFeedback, setSlotFeedback] = useState(
-    () => Array.from({ length: resolved?.maxSlots ?? 0 }, () => null)
+    () => Array.from({ length: maxSlots }, () => null)
   );
   const timerRef = useRef(null);
   useEffect(() => () => {
@@ -43576,17 +43860,17 @@ function SequencerBoard({
   }, [emit]);
   const handleReset = useCallback(() => {
     if (timerRef.current) clearTimeout(timerRef.current);
-    setSlots(Array.from({ length: resolved?.maxSlots ?? 0 }, () => void 0));
+    setSlots(Array.from({ length: maxSlots }, () => void 0));
     setPlayState("idle");
     setCurrentStep(-1);
     setAttempts(0);
-    setSlotFeedback(Array.from({ length: resolved?.maxSlots ?? 0 }, () => null));
-  }, [resolved?.maxSlots]);
+    setSlotFeedback(Array.from({ length: maxSlots }, () => null));
+  }, [maxSlots]);
   const filledSlots = slots.filter((s) => !!s);
   const canPlay = filledSlots.length > 0 && playState === "idle";
   const handlePlay = useCallback(() => {
     if (!canPlay) return;
-    setSlotFeedback(Array.from({ length: resolved?.maxSlots ?? 0 }, () => null));
+    setSlotFeedback(Array.from({ length: maxSlots }, () => null));
     emit("UI:PLAY_SOUND", { key: "confirm" });
     const sequence = slots.map((s) => s?.id || "");
     if (playEvent) {
@@ -43597,10 +43881,10 @@ function SequencerBoard({
     let step = 0;
     const advance = () => {
       step++;
-      if (step >= (resolved?.maxSlots ?? 0)) {
+      if (step >= maxSlots) {
         const playerSeq = slots.map((s) => s?.id);
         const playerIds = slots.filter(Boolean).map((s) => s?.id || "");
-        const success = (resolved?.solutions ?? []).some(
+        const success = solutions.some(
           (sol) => sol.length === playerIds.length && sol.every((id, i) => id === playerIds[i])
         );
         if (success) {
@@ -43612,7 +43896,7 @@ function SequencerBoard({
           }
         } else {
           setAttempts((prev) => prev + 1);
-          const feedback = computeSlotFeedback(playerSeq, resolved?.solutions ?? []);
+          const feedback = computeSlotFeedback(playerSeq, solutions);
           setSlotFeedback(feedback);
           setPlayState("idle");
           setCurrentStep(-1);
@@ -43630,10 +43914,10 @@ function SequencerBoard({
       }
     };
     timerRef.current = setTimeout(advance, stepDurationMs);
-  }, [canPlay, slots, resolved?.maxSlots, resolved?.solutions, stepDurationMs, playEvent, completeEvent, emit]);
+  }, [canPlay, slots, maxSlots, solutions, stepDurationMs, playEvent, completeEvent, emit]);
   const machine = {
-    name: resolved?.title ?? "",
-    description: resolved?.description ?? "",
+    name: str(resolved?.title),
+    description: str(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) => ({
@@ -43642,37 +43926,41 @@ function SequencerBoard({
       event: "NEXT"
     }))
   };
-  const usedIds = resolved?.allowDuplicates === false ? slots.filter(Boolean).map((s) => s?.id || "") : [];
-  const showHint = attempts >= 3 && !!resolved?.hint;
+  const usedIds = !allowDuplicates ? slots.filter(Boolean).map((s) => s?.id || "") : [];
+  const hint = str(resolved?.hint);
+  const showHint = attempts >= 3 && !!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;
+  const theme = resolved.theme ?? void 0;
+  const themeBackground = theme?.background;
+  const headerImage = str(resolved.headerImage);
   return /* @__PURE__ */ jsxs(
     VStack,
     {
       className: cn("p-4 gap-6", className),
       style: {
-        backgroundImage: resolved.theme?.background ? `url(${resolved.theme.background})` : void 0,
+        backgroundImage: themeBackground ? `url(${themeBackground})` : void 0,
         backgroundSize: "cover",
         backgroundPosition: "center"
       },
       children: [
-        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,
+        headerImage && !headerError ? /* @__PURE__ */ jsx(Box, { className: "w-full h-32 overflow-hidden rounded-container", children: /* @__PURE__ */ jsx("img", { src: headerImage, alt: "", onError: () => setHeaderError(true), className: "w-full h-full object-cover" }) }) : 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: resolved.title }),
-          /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-muted-foreground", children: resolved.description })
+          /* @__PURE__ */ jsx(Typography, { variant: "h4", className: "text-foreground", children: str(resolved.title) }),
+          /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-muted-foreground", children: str(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: resolved.hint })
+          /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-foreground", children: 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}/${resolved.maxSlots} `,
+              `${correctCount}/${maxSlots} `,
               "\u2705"
             ] })
           ] }),
@@ -43680,7 +43968,7 @@ function SequencerBoard({
             SequenceBar,
             {
               slots,
-              maxSlots: resolved.maxSlots,
+              maxSlots,
               onSlotDrop: handleSlotDrop,
               onSlotRemove: handleSlotRemove,
               playing: playState === "playing",
@@ -43694,15 +43982,15 @@ function SequencerBoard({
         playState !== "playing" && /* @__PURE__ */ jsx(
           ActionPalette,
           {
-            actions: resolved.availableActions,
+            actions: availableActions,
             usedActionIds: usedIds,
-            allowDuplicates: resolved.allowDuplicates !== false,
+            allowDuplicates,
             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: resolved.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: str(resolved.successMessage) || t("sequencer.levelComplete") }) }),
         /* @__PURE__ */ jsxs(HStack, { gap: "sm", children: [
           /* @__PURE__ */ jsx(
             Button,
@@ -43726,6 +44014,7 @@ var init_SequencerBoard = __esm({
     init_cn();
     init_useEventBus();
     init_TraitStateViewer();
+    init_boardEntity();
     init_SequenceBar();
     init_ActionPalette();
     ENCOURAGEMENT_KEYS2 = [
@@ -43775,18 +44064,21 @@ var init_ShowcaseOrganism = __esm({
           heading && /* @__PURE__ */ jsx(Typography, { variant: "h2", align: "center", children: heading }),
           subtitle && /* @__PURE__ */ jsx(Typography, { variant: "body1", color: "muted", align: "center", className: "max-w-2xl", children: subtitle })
         ] }),
-        /* @__PURE__ */ jsx(SimpleGrid, { cols: columns, gap: "lg", children: items.map((item) => /* @__PURE__ */ jsx(
-          ShowcaseCard,
-          {
-            title: item.title,
-            description: item.description,
-            image: item.image,
-            href: item.href,
-            badge: item.badge,
-            accentColor: item.accentColor
-          },
-          item.id
-        )) })
+        /* @__PURE__ */ jsx(SimpleGrid, { cols: columns, gap: "lg", children: items.map((item) => {
+          const imageRaw = item.image;
+          return /* @__PURE__ */ jsx(
+            ShowcaseCard,
+            {
+              title: String(item.title ?? ""),
+              description: item.description != null ? String(item.description) : void 0,
+              image: { src: String(imageRaw?.src ?? ""), alt: String(imageRaw?.alt ?? "") },
+              href: item.href != null ? String(item.href) : void 0,
+              badge: item.badge != null ? String(item.badge) : void 0,
+              accentColor: item.accentColor != null ? String(item.accentColor) : void 0
+            },
+            String(item.id ?? "")
+          );
+        }) })
       ] });
     };
     ShowcaseOrganism.displayName = "ShowcaseOrganism";
@@ -44154,8 +44446,8 @@ function SimulatorBoard({
 }) {
   const { emit } = useEventBus();
   const { t } = useTranslate();
-  const resolved = Array.isArray(entity) ? entity[0] : entity;
-  const parameters = resolved?.parameters ?? [];
+  const resolved = boardEntity(entity);
+  const parameters = Array.isArray(resolved?.parameters) ? resolved.parameters : [];
   const [values, setValues] = useState(() => {
     const init = {};
     for (const p2 of parameters) {
@@ -44169,15 +44461,15 @@ function SimulatorBoard({
   const [showHint, setShowHint] = useState(false);
   const computeOutput = useCallback((params) => {
     try {
-      const fn = new Function("params", `return (${resolved?.computeExpression})`);
+      const fn = new Function("params", `return (${str(resolved?.computeExpression)})`);
       return fn(params);
     } catch {
       return 0;
     }
   }, [resolved?.computeExpression]);
   const output = useMemo(() => computeOutput(values) ?? 0, [computeOutput, values]);
-  const targetValue = resolved?.targetValue ?? 0;
-  const targetTolerance = resolved?.targetTolerance ?? 0;
+  const targetValue = num(resolved?.targetValue);
+  const targetTolerance = num(resolved?.targetTolerance);
   const isCorrect = Math.abs(output - targetValue) <= targetTolerance;
   const handleParameterChange = (id, value) => {
     if (submitted) return;
@@ -44192,7 +44484,7 @@ function SimulatorBoard({
   };
   const handleReset = () => {
     setSubmitted(false);
-    if (attempts >= 2 && resolved?.hint) {
+    if (attempts >= 2 && str(resolved?.hint)) {
       setShowHint(true);
     }
   };
@@ -44207,20 +44499,26 @@ function SimulatorBoard({
     setShowHint(false);
   };
   if (!resolved) return null;
+  const theme = resolved.theme ?? void 0;
+  const themeBackground = theme?.background;
+  const headerImage = str(resolved.headerImage);
+  const hint = str(resolved.hint);
+  const outputLabel = str(resolved.outputLabel);
+  const outputUnit = str(resolved.outputUnit);
   return /* @__PURE__ */ jsx(
     Box,
     {
       className,
       style: {
-        backgroundImage: resolved.theme?.background ? `url(${resolved.theme.background})` : void 0,
+        backgroundImage: themeBackground ? `url(${themeBackground})` : void 0,
         backgroundSize: "cover",
         backgroundPosition: "center"
       },
       children: /* @__PURE__ */ jsxs(VStack, { gap: "lg", className: "p-4", children: [
-        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,
+        headerImage && !headerError ? /* @__PURE__ */ jsx(Box, { className: "w-full h-32 overflow-hidden rounded-container", children: /* @__PURE__ */ jsx("img", { src: headerImage, alt: "", onError: () => setHeaderError(true), className: "w-full h-full object-cover" }) }) : 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: resolved.title }),
-          /* @__PURE__ */ jsx(Typography, { variant: "body", children: resolved.description })
+          /* @__PURE__ */ jsx(Typography, { variant: "h4", weight: "bold", children: str(resolved.title) }),
+          /* @__PURE__ */ jsx(Typography, { variant: "body", children: str(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") }),
@@ -44261,28 +44559,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: resolved.outputLabel }),
+          /* @__PURE__ */ jsx(Typography, { variant: "small", weight: "bold", className: "uppercase tracking-wider text-muted-foreground", children: outputLabel }),
           /* @__PURE__ */ jsxs(Typography, { variant: "h3", weight: "bold", children: [
             output.toFixed(2),
             " ",
-            resolved.outputUnit
+            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 ? resolved.successMessage ?? t("simulator.correct") : resolved.failMessage ?? t("simulator.incorrect") })
+            /* @__PURE__ */ jsx(Typography, { variant: "body", className: isCorrect ? "text-success" : "text-error", children: isCorrect ? str(resolved.successMessage) || t("simulator.correct") : str(resolved.failMessage) || t("simulator.incorrect") })
           ] }),
           /* @__PURE__ */ jsxs(Typography, { variant: "caption", className: "text-muted-foreground", children: [
             t("simulator.target"),
             ": ",
             targetValue,
             " ",
-            resolved.outputUnit,
+            outputUnit,
             " (\xB1",
             targetTolerance,
             ")"
           ] })
         ] }) }),
-        showHint && resolved.hint && /* @__PURE__ */ jsx(Card, { className: "p-4 border-l-4 border-l-warning", children: /* @__PURE__ */ jsx(Typography, { variant: "body", children: resolved.hint }) }),
+        showHint && hint && /* @__PURE__ */ jsx(Card, { className: "p-4 border-l-4 border-l-warning", children: /* @__PURE__ */ jsx(Typography, { variant: "body", children: 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" }),
@@ -44301,6 +44599,7 @@ var init_SimulatorBoard = __esm({
   "components/game/organisms/puzzles/simulator/SimulatorBoard.tsx"() {
     init_atoms2();
     init_useEventBus();
+    init_boardEntity();
     SimulatorBoard.displayName = "SimulatorBoard";
   }
 });
@@ -44543,7 +44842,7 @@ var init_StatCard = __esm({
       const labelToUse = propLabel ?? propTitle;
       const eventBus = useEventBus();
       const { t } = useTranslate();
-      const handleActionClick = React79__default.useCallback(() => {
+      const handleActionClick = React80__default.useCallback(() => {
         if (action?.event) {
           eventBus.emit(`UI:${action.event}`, {});
         }
@@ -44554,7 +44853,7 @@ var init_StatCard = __esm({
       const data = Array.isArray(entity) ? entity : entity ? [entity] : [];
       const isLoading = externalLoading ?? false;
       const error = externalError;
-      const computeMetricValue = React79__default.useCallback(
+      const computeMetricValue = React80__default.useCallback(
         (metric, items) => {
           if (metric.value !== void 0) {
             return metric.value;
@@ -44593,7 +44892,7 @@ var init_StatCard = __esm({
         },
         []
       );
-      const schemaStats = React79__default.useMemo(() => {
+      const schemaStats = React80__default.useMemo(() => {
         if (!metrics || metrics.length === 0) return null;
         return metrics.map((metric) => ({
           label: metric.label,
@@ -44601,7 +44900,7 @@ var init_StatCard = __esm({
           format: metric.format
         }));
       }, [metrics, data, computeMetricValue]);
-      const calculatedTrend = React79__default.useMemo(() => {
+      const calculatedTrend = React80__default.useMemo(() => {
         if (manualTrend !== void 0) return manualTrend;
         if (previousValue === void 0 || currentValue === void 0)
           return void 0;
@@ -44837,22 +45136,25 @@ function VariablePanel({
   return /* @__PURE__ */ jsxs(VStack, { className: cn("p-3 rounded-lg bg-card border border-border", className), gap: "sm", children: [
     /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-muted-foreground font-medium", children: t("stateArchitect.variables", { name: entityName }) }),
     variables.map((v) => {
-      const max = v.max ?? 100;
-      const min = v.min ?? 0;
-      const pct = Math.round((v.value - min) / (max - min) * 100);
+      const name = v.name == null ? "" : String(v.name);
+      const value = numField(v.value);
+      const max = numField(v.max, 100);
+      const min = numField(v.min, 0);
+      const unit = v.unit == null ? "" : String(v.unit);
+      const pct = Math.round((value - min) / (max - min) * 100);
       const isHigh = pct > 80;
       const isLow = pct < 20;
       return /* @__PURE__ */ jsxs(VStack, { gap: "none", children: [
         /* @__PURE__ */ jsxs(HStack, { className: "items-center justify-between", children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-foreground font-medium", children: v.name }),
+          /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-foreground font-medium", children: name }),
           /* @__PURE__ */ jsxs(Typography, { variant: "caption", className: cn(
             isHigh ? "text-error" : isLow ? "text-warning" : "text-foreground"
           ), children: [
-            v.value,
-            v.unit || "",
+            value,
+            unit,
             " / ",
             max,
-            v.unit || ""
+            unit
           ] })
         ] }),
         /* @__PURE__ */ jsx(
@@ -44863,14 +45165,19 @@ function VariablePanel({
             size: "sm"
           }
         )
-      ] }, v.name);
+      ] }, name);
     })
   ] });
 }
+var numField;
 var init_VariablePanel = __esm({
   "components/game/organisms/puzzles/state-architect/VariablePanel.tsx"() {
     init_atoms2();
     init_cn();
+    numField = (v, fallback = 0) => {
+      const n = Number(v);
+      return Number.isFinite(n) ? n : fallback;
+    };
     VariablePanel.displayName = "VariablePanel";
   }
 });
@@ -44897,14 +45204,21 @@ function StateArchitectBoard({
 }) {
   const { emit } = useEventBus();
   const { t } = useTranslate();
-  const resolved = Array.isArray(entity) ? entity[0] : entity;
-  const [transitions, setTransitions] = useState(resolved?.transitions ?? []);
+  const resolved = boardEntity(entity);
+  const entityStates = Array.isArray(resolved?.states) ? resolved.states : [];
+  const initialState = str(resolved?.initialState);
+  const entityName = str(resolved?.entityName);
+  const availableEvents = Array.isArray(resolved?.availableEvents) ? resolved.availableEvents : [];
+  const testCases = Array.isArray(resolved?.testCases) ? resolved.testCases : [];
+  const entityTransitions = Array.isArray(resolved?.transitions) ? resolved.transitions : [];
+  const entityVariables = rows(resolved?.variables);
+  const [transitions, setTransitions] = useState(entityTransitions);
   const [headerError, setHeaderError] = useState(false);
   const [playState, setPlayState] = useState("editing");
-  const [currentState, setCurrentState] = useState(resolved?.initialState ?? "");
+  const [currentState, setCurrentState] = useState(initialState);
   const [selectedState, setSelectedState] = useState(null);
   const [testResults, setTestResults] = useState([]);
-  const [variables, setVariables] = useState(resolved?.variables ?? []);
+  const [variables, setVariables] = useState(() => [...entityVariables]);
   const [attempts, setAttempts] = useState(0);
   const timerRef = useRef(null);
   const [addingFrom, setAddingFrom] = useState(null);
@@ -44913,12 +45227,12 @@ function StateArchitectBoard({
   }, []);
   const GRAPH_W = 500;
   const GRAPH_H = 400;
-  const positions = useMemo(() => layoutStates(resolved?.states ?? [], GRAPH_W, GRAPH_H), [resolved?.states]);
+  const positions = useMemo(() => layoutStates(entityStates, GRAPH_W, GRAPH_H), [entityStates]);
   const handleStateClick = useCallback((state) => {
     if (playState !== "editing") return;
     if (addingFrom) {
       if (addingFrom !== state) {
-        const event = resolved?.availableEvents[0] || "EVENT";
+        const event = availableEvents[0] || "EVENT";
         const newTrans = {
           id: `t-${nextTransId++}`,
           from: addingFrom,
@@ -44931,7 +45245,7 @@ function StateArchitectBoard({
     } else {
       setSelectedState(state);
     }
-  }, [playState, addingFrom, resolved?.availableEvents]);
+  }, [playState, addingFrom, availableEvents]);
   const handleStartAddTransition = useCallback(() => {
     if (!selectedState) return;
     setAddingFrom(selectedState);
@@ -44940,9 +45254,9 @@ function StateArchitectBoard({
     setTransitions((prev) => prev.filter((t2) => t2.id !== transId));
   }, []);
   const machine = useMemo(() => ({
-    name: resolved?.entityName ?? "",
-    description: resolved?.description ?? "",
-    states: resolved?.states ?? [],
+    name: entityName,
+    description: str(resolved?.description),
+    states: entityStates,
     currentState,
     transitions: transitions.map((t2) => ({
       from: t2.from,
@@ -44950,7 +45264,7 @@ function StateArchitectBoard({
       event: t2.event,
       guardHint: t2.guardHint
     }))
-  }), [resolved, currentState, transitions]);
+  }), [entityName, resolved, entityStates, currentState, transitions]);
   const handleTest = useCallback(() => {
     if (playState !== "editing") return;
     if (testEvent) emit(`UI:${testEvent}`, {});
@@ -44959,7 +45273,7 @@ function StateArchitectBoard({
     const results = [];
     let testIdx = 0;
     const runNextTest = () => {
-      if (testIdx >= (resolved?.testCases.length ?? 0)) {
+      if (testIdx >= testCases.length) {
         const allPassed = results.every((r) => r.passed);
         setPlayState(allPassed ? "success" : "fail");
         setTestResults(results);
@@ -44974,9 +45288,9 @@ function StateArchitectBoard({
         }
         return;
       }
-      const testCase = resolved?.testCases[testIdx];
+      const testCase = testCases[testIdx];
       if (!testCase) return;
-      let state = resolved.initialState;
+      let state = initialState;
       for (const event of testCase.events) {
         const trans = transitions.find((t2) => t2.from === state && t2.event === event);
         if (trans) {
@@ -44994,53 +45308,57 @@ function StateArchitectBoard({
       timerRef.current = setTimeout(runNextTest, stepDurationMs);
     };
     timerRef.current = setTimeout(runNextTest, stepDurationMs);
-  }, [playState, transitions, resolved, stepDurationMs, testEvent, completeEvent, emit]);
+  }, [playState, transitions, testCases, initialState, stepDurationMs, testEvent, completeEvent, emit]);
   const handleTryAgain = useCallback(() => {
     if (timerRef.current) clearTimeout(timerRef.current);
     setPlayState("editing");
-    setCurrentState(resolved?.initialState ?? "");
+    setCurrentState(initialState);
     setTestResults([]);
-  }, [resolved?.initialState]);
+  }, [initialState]);
   const handleReset = useCallback(() => {
     if (timerRef.current) clearTimeout(timerRef.current);
-    setTransitions(resolved?.transitions ?? []);
+    setTransitions(entityTransitions);
     setPlayState("editing");
-    setCurrentState(resolved?.initialState ?? "");
+    setCurrentState(initialState);
     setTestResults([]);
-    setVariables(resolved?.variables ?? []);
+    setVariables([...entityVariables]);
     setSelectedState(null);
     setAddingFrom(null);
     setAttempts(0);
-  }, [resolved]);
+  }, [entityTransitions, initialState, entityVariables]);
   const codeData = useMemo(() => ({
-    name: resolved?.entityName ?? "",
-    states: resolved?.states ?? [],
-    initialState: resolved?.initialState ?? "",
+    name: entityName,
+    states: entityStates,
+    initialState,
     transitions: transitions.map((t2) => ({
       from: t2.from,
       to: t2.to,
       event: t2.event,
       ...t2.guardHint ? { guard: t2.guardHint } : {}
     }))
-  }), [resolved, transitions]);
+  }), [entityName, entityStates, initialState, transitions]);
   if (!resolved) return null;
+  const theme = resolved.theme ?? void 0;
+  const themeBackground = theme?.background;
+  const headerImage = str(resolved.headerImage);
+  const hint = str(resolved.hint);
   return /* @__PURE__ */ jsxs(
     VStack,
     {
       className: cn("p-4 gap-6", className),
       style: {
-        backgroundImage: resolved.theme?.background ? `url(${resolved.theme.background})` : void 0,
+        backgroundImage: themeBackground ? `url(${themeBackground})` : void 0,
         backgroundSize: "cover",
         backgroundPosition: "center"
       },
       children: [
-        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,
+        headerImage && !headerError ? /* @__PURE__ */ jsx(Box, { className: "w-full h-32 overflow-hidden rounded-container", children: /* @__PURE__ */ jsx("img", { src: headerImage, alt: "", onError: () => setHeaderError(true), className: "w-full h-full object-cover" }) }) : 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: resolved.title }),
-          /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-muted-foreground", children: resolved.description }),
+          /* @__PURE__ */ jsx(Typography, { variant: "h4", className: "text-foreground", children: str(resolved.title) }),
+          /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-muted-foreground", children: str(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: resolved.hint })
+            /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-foreground", children: hint })
           ] })
         ] }),
         /* @__PURE__ */ jsxs(HStack, { className: "flex-wrap items-start", gap: "lg", children: [
@@ -45088,14 +45406,14 @@ function StateArchitectBoard({
                       ]
                     }
                   ),
-                  resolved.states.map((state) => /* @__PURE__ */ jsx(
+                  entityStates.map((state) => /* @__PURE__ */ jsx(
                     StateNode2,
                     {
                       name: state,
                       position: positions[state],
                       isCurrent: state === currentState,
                       isSelected: state === selectedState,
-                      isInitial: state === resolved.initialState,
+                      isInitial: state === initialState,
                       onClick: () => handleStateClick(state)
                     },
                     state
@@ -45142,7 +45460,7 @@ function StateArchitectBoard({
             /* @__PURE__ */ jsx(
               VariablePanel,
               {
-                entityName: resolved.entityName,
+                entityName,
                 variables
               }
             ),
@@ -45157,12 +45475,12 @@ function StateArchitectBoard({
             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: resolved.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: str(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 && 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: [
+          attempts >= 3 && 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: resolved.hint })
+            /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-foreground", children: hint })
           ] }) })
         ] }),
         /* @__PURE__ */ jsxs(HStack, { gap: "sm", children: [
@@ -45192,6 +45510,7 @@ var init_StateArchitectBoard = __esm({
     init_TransitionArrow();
     init_VariablePanel();
     init_CodeView();
+    init_boardEntity();
     ENCOURAGEMENT_KEYS3 = [
       "puzzle.tryAgain1",
       "puzzle.tryAgain2",
@@ -45228,8 +45547,8 @@ var init_StatsOrganism = __esm({
         return /* @__PURE__ */ jsx(ErrorState, { message: error.message, className });
       }
       const stats = items.map((item) => ({
-        value: item.value,
-        label: item.label
+        value: String(item.value ?? ""),
+        label: String(item.label ?? "")
       }));
       return /* @__PURE__ */ jsx(
         StatsGrid,
@@ -45346,10 +45665,10 @@ var init_StepFlowOrganism = __esm({
         return /* @__PURE__ */ jsx(ErrorState, { message: error.message, className });
       }
       const steps = items.map((item) => ({
-        number: item.number,
-        title: item.title,
-        description: item.description,
-        icon: item.icon
+        number: item.number != null ? Number(item.number) : void 0,
+        title: String(item.title ?? ""),
+        description: String(item.description ?? ""),
+        icon: item.icon != null ? String(item.icon) : void 0
       }));
       return /* @__PURE__ */ jsxs(VStack, { gap: "lg", className: cn("w-full", className), children: [
         (heading || subtitle) && /* @__PURE__ */ jsxs(VStack, { gap: "sm", align: "center", className: "w-full", children: [
@@ -45522,13 +45841,13 @@ var init_TeamOrganism = __esm({
         /* @__PURE__ */ jsx(SimpleGrid, { cols: cols > 0 ? cols : 1, gap: "lg", children: items.map((member) => /* @__PURE__ */ jsx(
           TeamCard,
           {
-            name: member.name,
-            nameAr: member.nameAr,
-            role: member.role,
-            bio: member.bio,
-            avatar: member.avatar
+            name: String(member.name ?? ""),
+            nameAr: member.nameAr != null ? String(member.nameAr) : void 0,
+            role: String(member.role ?? ""),
+            bio: String(member.bio ?? ""),
+            avatar: member.avatar != null ? String(member.avatar) : void 0
           },
-          member.id
+          String(member.id ?? "")
         )) })
       ] });
     };
@@ -45586,7 +45905,7 @@ var init_Timeline = __esm({
     }) => {
       const { t } = useTranslate();
       const entityData = Array.isArray(entity) ? entity : [];
-      const items = React79__default.useMemo(() => {
+      const items = React80__default.useMemo(() => {
         if (propItems) return propItems;
         if (entityData.length === 0) return [];
         return entityData.map((record, idx) => {
@@ -45743,7 +46062,7 @@ var init_TimerDisplay = __esm({
   }
 });
 function extractToastProps(children) {
-  if (!React79__default.isValidElement(children)) {
+  if (!React80__default.isValidElement(children)) {
     if (typeof children === "string") {
       return { message: children };
     }
@@ -45781,7 +46100,7 @@ var init_ToastSlot = __esm({
         eventBus.emit("UI:CLOSE");
       };
       if (!isVisible) return null;
-      const isCustomContent = React79__default.isValidElement(children) && !message;
+      const isCustomContent = React80__default.isValidElement(children) && !message;
       return /* @__PURE__ */ jsx(Box, { className: "fixed bottom-4 right-4 z-50", children: isCustomContent ? children : /* @__PURE__ */ jsx(
         Toast,
         {
@@ -45815,8 +46134,8 @@ function useBattleState(initialUnits, eventConfig = {}, callbacks = {}) {
   const [turn, setTurn] = useState(1);
   const [gameResult, setGameResult] = useState(null);
   const checkGameEnd = useCallback((currentUnits) => {
-    const pa = currentUnits.filter((u) => u.team === "player" && u.health > 0);
-    const ea = currentUnits.filter((u) => u.team === "enemy" && u.health > 0);
+    const pa = currentUnits.filter((u) => unitTeam(u) === "player" && unitHealth(u) > 0);
+    const ea = currentUnits.filter((u) => unitTeam(u) === "enemy" && unitHealth(u) > 0);
     if (pa.length === 0) {
       setGameResult("defeat");
       setPhase("game_over");
@@ -45834,34 +46153,36 @@ function useBattleState(initialUnits, eventConfig = {}, callbacks = {}) {
     }
   }, [onGameEnd, gameEndEvent, eventBus]);
   const handleUnitClick = useCallback((unitId) => {
-    const unit = units.find((u) => u.id === unitId);
+    const unit = units.find((u) => str(u.id) === unitId);
     if (!unit) return;
     if (unitClickEvent) {
       eventBus.emit(`UI:${unitClickEvent}`, { unitId });
     }
     if (phase === "observation" || phase === "selection") {
-      if (unit.team === "player") {
+      if (unitTeam(unit) === "player") {
         setSelectedUnitId(unitId);
         setPhase("movement");
       }
     } else if (phase === "action") {
-      const selectedUnit = units.find((u) => u.id === selectedUnitId);
+      const selectedUnit = units.find((u) => str(u.id) === selectedUnitId);
       if (!selectedUnit) return;
-      if (unit.team === "enemy") {
-        const dx = Math.abs(unit.position.x - selectedUnit.position.x);
-        const dy = Math.abs(unit.position.y - selectedUnit.position.y);
+      if (unitTeam(unit) === "enemy") {
+        const up = unitPosition(unit);
+        const sp = unitPosition(selectedUnit);
+        const dx = Math.abs(up.x - sp.x);
+        const dy = Math.abs(up.y - sp.y);
         if (dx <= 1 && dy <= 1 && dx + dy > 0) {
-          const damage = calculateDamage2 ? calculateDamage2(selectedUnit, unit) : Math.max(1, selectedUnit.attack - unit.defense);
-          const newHealth = Math.max(0, unit.health - damage);
+          const damage = calculateDamage2 ? calculateDamage2(selectedUnit, unit) : Math.max(1, num(selectedUnit.attack) - num(unit.defense));
+          const newHealth = Math.max(0, unitHealth(unit) - damage);
           const updatedUnits = units.map(
-            (u) => u.id === unit.id ? { ...u, health: newHealth } : u
+            (u) => str(u.id) === str(unit.id) ? { ...u, health: newHealth } : u
           );
           setUnits(updatedUnits);
           onAttack?.(selectedUnit, unit, damage);
           if (attackEvent) {
             eventBus.emit(`UI:${attackEvent}`, {
-              attackerId: selectedUnit.id,
-              targetId: unit.id,
+              attackerId: str(selectedUnit.id),
+              targetId: str(unit.id),
               damage
             });
           }
@@ -45878,16 +46199,20 @@ function useBattleState(initialUnits, eventConfig = {}, callbacks = {}) {
       eventBus.emit(`UI:${tileClickEvent}`, { x, y });
     }
     if (phase === "movement" && selectedUnitId) {
-      const selectedUnit = units.find((u) => u.id === selectedUnitId);
+      const selectedUnit = units.find((u) => str(u.id) === selectedUnitId);
       if (!selectedUnit) return;
-      const dx = Math.abs(x - selectedUnit.position.x);
-      const dy = Math.abs(y - selectedUnit.position.y);
+      const sp = unitPosition(selectedUnit);
+      const dx = Math.abs(x - sp.x);
+      const dy = Math.abs(y - sp.y);
       const dist = dx + dy;
-      if (dist > 0 && dist <= selectedUnit.movement) {
-        if (!units.some((u) => u.position.x === x && u.position.y === y && u.health > 0)) {
+      if (dist > 0 && dist <= num(selectedUnit.movement)) {
+        if (!units.some((u) => {
+          const p2 = unitPosition(u);
+          return p2.x === x && p2.y === y && unitHealth(u) > 0;
+        })) {
           setUnits(
             (prev) => prev.map(
-              (u) => u.id === selectedUnitId ? { ...u, position: { x, y } } : u
+              (u) => str(u.id) === selectedUnitId ? { ...u, position: { x, y } } : u
             )
           );
           setPhase("action");
@@ -45930,12 +46255,13 @@ var init_useBattleState = __esm({
   "components/game/organisms/hooks/useBattleState.ts"() {
     "use client";
     init_useEventBus();
+    init_boardEntity();
   }
 });
 function UncontrolledBattleBoard({ entity, ...rest }) {
-  const resolved = Array.isArray(entity) ? entity[0] : entity;
+  const resolved = boardEntity(entity);
   const battleState = useBattleState(
-    resolved?.initialUnits ?? [],
+    rows(resolved?.initialUnits),
     {
       tileClickEvent: rest.tileClickEvent,
       unitClickEvent: rest.unitClickEvent,
@@ -45971,10 +46297,23 @@ function UncontrolledBattleBoard({ entity, ...rest }) {
 var init_UncontrolledBattleBoard = __esm({
   "components/game/organisms/UncontrolledBattleBoard.tsx"() {
     init_BattleBoard();
+    init_boardEntity();
     init_useBattleState();
     UncontrolledBattleBoard.displayName = "UncontrolledBattleBoard";
   }
 });
+function heroPosition(h) {
+  return vec2(h.position);
+}
+function heroOwner(h) {
+  return str(h.owner);
+}
+function heroMovement(h) {
+  return num(h.movement);
+}
+function hexPassable(h) {
+  return h.passable !== false;
+}
 function defaultIsInRange(from, to, range) {
   return Math.abs(from.x - to.x) + Math.abs(from.y - to.y) <= range;
 }
@@ -46005,36 +46344,36 @@ function WorldMapBoard({
   className
 }) {
   const eventBus = useEventBus();
-  const resolved = Array.isArray(entity) ? entity[0] : entity;
-  const hexes = resolved?.hexes ?? [];
-  const heroes = resolved?.heroes ?? [];
-  const features = resolved?.features ?? [];
-  const selectedHeroId = resolved?.selectedHeroId;
+  const resolved = boardEntity(entity);
+  const hexes = rows(resolved?.hexes);
+  const heroes = rows(resolved?.heroes);
+  const features = Array.isArray(resolved?.features) ? resolved.features : [];
+  const selectedHeroId = resolved?.selectedHeroId ?? null;
   const assetManifest = resolved?.assetManifest;
   const backgroundImage = resolved?.backgroundImage;
   const [hoveredTile, setHoveredTile] = useState(null);
   const selectedHero = useMemo(
-    () => heroes.find((h) => h.id === selectedHeroId) ?? null,
+    () => heroes.find((h) => str(h.id) === selectedHeroId) ?? null,
     [heroes, selectedHeroId]
   );
   const tiles = useMemo(
     () => hexes.map((hex) => ({
-      x: hex.x,
-      y: hex.y,
-      terrain: hex.terrain,
-      terrainSprite: hex.terrainSprite
+      x: num(hex.x),
+      y: num(hex.y),
+      terrain: str(hex.terrain),
+      terrainSprite: hex.terrainSprite == null ? void 0 : str(hex.terrainSprite)
     })),
     [hexes]
   );
   const baseUnits = useMemo(
     () => heroes.map((hero) => ({
-      id: hero.id,
-      position: hero.position,
-      name: hero.name,
-      team: hero.owner === "enemy" ? "enemy" : "player",
+      id: str(hero.id),
+      position: heroPosition(hero),
+      name: str(hero.name),
+      team: heroOwner(hero) === "enemy" ? "enemy" : "player",
       health: 100,
       maxHealth: 100,
-      sprite: hero.sprite
+      sprite: hero.sprite == null ? void 0 : str(hero.sprite)
     })),
     [heroes]
   );
@@ -46075,73 +46414,94 @@ function WorldMapBoard({
   const isoUnits = useMemo(() => {
     if (movingPositions.size === 0) return baseUnits;
     return baseUnits.map((u) => {
-      const pos = movingPositions.get(u.id);
+      const pos = u.id == null ? void 0 : movingPositions.get(u.id);
       return pos ? { ...u, position: pos } : u;
     });
   }, [baseUnits, movingPositions]);
   const validMoves = useMemo(() => {
-    if (!selectedHero || selectedHero.movement <= 0) return [];
+    if (!selectedHero || heroMovement(selectedHero) <= 0) return [];
+    const sp = heroPosition(selectedHero);
+    const sOwner = heroOwner(selectedHero);
+    const range = heroMovement(selectedHero);
     const moves = [];
     hexes.forEach((hex) => {
-      if (hex.passable === false) return;
-      if (hex.x === selectedHero.position.x && hex.y === selectedHero.position.y) return;
-      if (!isInRange(selectedHero.position, { x: hex.x, y: hex.y }, selectedHero.movement)) return;
-      if (heroes.some((h) => h.position.x === hex.x && h.position.y === hex.y && h.owner === selectedHero.owner)) return;
-      moves.push({ x: hex.x, y: hex.y });
+      const hx = num(hex.x);
+      const hy = num(hex.y);
+      if (!hexPassable(hex)) return;
+      if (hx === sp.x && hy === sp.y) return;
+      if (!isInRange(sp, { x: hx, y: hy }, range)) return;
+      if (heroes.some((h) => {
+        const hp = heroPosition(h);
+        return hp.x === hx && hp.y === hy && heroOwner(h) === sOwner;
+      })) return;
+      moves.push({ x: hx, y: hy });
     });
     return moves;
   }, [selectedHero, hexes, heroes, isInRange]);
   const attackTargets = useMemo(() => {
-    if (!selectedHero || selectedHero.movement <= 0) return [];
-    return heroes.filter((h) => h.owner !== selectedHero.owner).filter((h) => isInRange(selectedHero.position, h.position, selectedHero.movement)).map((h) => h.position);
+    if (!selectedHero || heroMovement(selectedHero) <= 0) return [];
+    const sp = heroPosition(selectedHero);
+    const sOwner = heroOwner(selectedHero);
+    const range = heroMovement(selectedHero);
+    return heroes.filter((h) => heroOwner(h) !== sOwner).filter((h) => isInRange(sp, heroPosition(h), range)).map((h) => heroPosition(h));
   }, [selectedHero, heroes, isInRange]);
-  const maxY = Math.max(...hexes.map((h) => h.y), 0);
+  const maxY = Math.max(...hexes.map((h) => num(h.y)), 0);
   const baseOffsetX = (maxY + 1) * (TILE_WIDTH * scale / 2);
   const tileToScreen = useCallback(
     (tx, ty) => isoToScreen(tx, ty, scale, baseOffsetX),
     [scale, baseOffsetX]
   );
   const hoveredHex = useMemo(
-    () => hoveredTile ? hexes.find((h) => h.x === hoveredTile.x && h.y === hoveredTile.y) ?? null : null,
+    () => hoveredTile ? hexes.find((h) => num(h.x) === hoveredTile.x && num(h.y) === hoveredTile.y) ?? null : null,
     [hoveredTile, hexes]
   );
   const hoveredHero = useMemo(
-    () => hoveredTile ? heroes.find((h) => h.position.x === hoveredTile.x && h.position.y === hoveredTile.y) ?? null : null,
+    () => hoveredTile ? heroes.find((h) => {
+      const hp = heroPosition(h);
+      return hp.x === hoveredTile.x && hp.y === hoveredTile.y;
+    }) ?? null : null,
     [hoveredTile, heroes]
   );
   const handleTileClick = useCallback((x, y) => {
     if (movementAnimRef.current) return;
-    const hex = hexes.find((h) => h.x === x && h.y === y);
+    const hex = hexes.find((h) => num(h.x) === x && num(h.y) === y);
     if (!hex) return;
     if (tileClickEvent) {
       eventBus.emit(`UI:${tileClickEvent}`, { x, y });
     }
     if (selectedHero && validMoves.some((m) => m.x === x && m.y === y)) {
-      startMoveAnimation(selectedHero.id, { ...selectedHero.position }, { x, y }, () => {
-        onHeroMove?.(selectedHero.id, x, y);
+      const heroId = str(selectedHero.id);
+      startMoveAnimation(heroId, { ...heroPosition(selectedHero) }, { x, y }, () => {
+        onHeroMove?.(heroId, x, y);
         if (heroMoveEvent) {
-          eventBus.emit(`UI:${heroMoveEvent}`, { heroId: selectedHero.id, toX: x, toY: y });
+          eventBus.emit(`UI:${heroMoveEvent}`, { heroId, toX: x, toY: y });
         }
-        if (hex.feature && hex.feature !== "none") {
-          onFeatureEnter?.(selectedHero.id, hex);
+        const feature = str(hex.feature);
+        if (feature && feature !== "none") {
+          onFeatureEnter?.(heroId, hex);
           if (featureEnterEvent) {
-            eventBus.emit(`UI:${featureEnterEvent}`, { heroId: selectedHero.id, feature: hex.feature, hex });
+            eventBus.emit(`UI:${featureEnterEvent}`, { heroId, feature, hex });
           }
         }
       });
       return;
     }
-    const enemy = heroes.find((h) => h.position.x === x && h.position.y === y && h.owner === "enemy");
+    const enemy = heroes.find((h) => {
+      const hp = heroPosition(h);
+      return hp.x === x && hp.y === y && heroOwner(h) === "enemy";
+    });
     if (selectedHero && enemy && attackTargets.some((t) => t.x === x && t.y === y)) {
-      onBattleEncounter?.(selectedHero.id, enemy.id);
+      const attackerId = str(selectedHero.id);
+      const defenderId = str(enemy.id);
+      onBattleEncounter?.(attackerId, defenderId);
       if (battleEncounterEvent) {
-        eventBus.emit(`UI:${battleEncounterEvent}`, { attackerId: selectedHero.id, defenderId: enemy.id });
+        eventBus.emit(`UI:${battleEncounterEvent}`, { attackerId, defenderId });
       }
     }
   }, [hexes, heroes, selectedHero, validMoves, attackTargets, startMoveAnimation, onHeroMove, onFeatureEnter, onBattleEncounter, eventBus, tileClickEvent, heroMoveEvent, featureEnterEvent, battleEncounterEvent]);
   const handleUnitClick = useCallback((unitId) => {
-    const hero = heroes.find((h) => h.id === unitId);
-    if (hero && (hero.owner === "player" || allowMoveAllHeroes)) {
+    const hero = heroes.find((h) => str(h.id) === unitId);
+    if (hero && (heroOwner(hero) === "player" || allowMoveAllHeroes)) {
       onHeroSelect?.(unitId);
       if (heroSelectEvent) {
         eventBus.emit(`UI:${heroSelectEvent}`, { heroId: unitId });
@@ -46214,6 +46574,7 @@ var init_WorldMapBoard = __esm({
     init_Stack();
     init_LoadingState();
     init_IsometricCanvas2();
+    init_boardEntity();
     init_isometric();
     WorldMapBoard.displayName = "WorldMapBoard";
   }
@@ -46317,12 +46678,12 @@ var init_XPBar = __esm({
   }
 });
 function lazyThree(name, loader) {
-  const Lazy = React79__default.lazy(() => loader().then((m) => ({ default: m[name] })));
+  const Lazy = React80__default.lazy(() => loader().then((m) => ({ default: m[name] })));
   function ThreeWrapper(props) {
-    return React79__default.createElement(
-      React79__default.Suspense,
+    return React80__default.createElement(
+      React80__default.Suspense,
       { fallback: null },
-      React79__default.createElement(Lazy, props)
+      React80__default.createElement(Lazy, props)
     );
   }
   ThreeWrapper.displayName = `Lazy(${name})`;
@@ -46337,7 +46698,7 @@ var init_component_registry_generated = __esm({
     init_ActionButtons();
     init_ActionPalette();
     init_ActionTile();
-    init_AnimatedCounter();
+    init_AnimatedCounter2();
     init_AnimatedGraphic();
     init_AnimatedReveal();
     init_ArticleSection();
@@ -46608,7 +46969,7 @@ var init_component_registry_generated = __esm({
       "ActionTile": ActionTile,
       "Alert": AlertPattern,
       "AlertPattern": AlertPattern,
-      "AnimatedCounter": AnimatedCounter,
+      "AnimatedCounter": AnimatedCounter2,
       "AnimatedGraphic": AnimatedGraphic,
       "AnimatedReveal": AnimatedReveal,
       "ArticleSection": ArticleSection,
@@ -46938,7 +47299,7 @@ function SuspenseConfigProvider({
   config,
   children
 }) {
-  return React79__default.createElement(
+  return React80__default.createElement(
     SuspenseConfigContext.Provider,
     { value: config },
     children
@@ -47423,7 +47784,7 @@ function renderPatternChildren(children, onDismiss, parentId = "root", parentPat
         const key = `${parentId}-${index}-trait:${traitName}`;
         return /* @__PURE__ */ jsx(TraitFrame, { traitName }, key);
       }
-      return /* @__PURE__ */ jsx(React79__default.Fragment, { children: child }, `${parentId}-${index}`);
+      return /* @__PURE__ */ jsx(React80__default.Fragment, { children: child }, `${parentId}-${index}`);
     }
     if (!child || typeof child !== "object") return null;
     const childId = `${parentId}-${index}`;
@@ -47463,14 +47824,14 @@ function isPatternConfig(value) {
   if (value === null || value === void 0) return false;
   if (typeof value !== "object") return false;
   if (Array.isArray(value)) return false;
-  if (React79__default.isValidElement(value)) return false;
+  if (React80__default.isValidElement(value)) return false;
   if (value instanceof Date) return false;
   if (typeof value === "function") return false;
   const record = value;
   return "type" in record && typeof record.type === "string";
 }
 function isPlainConfigObject(value) {
-  if (React79__default.isValidElement(value)) return false;
+  if (React80__default.isValidElement(value)) return false;
   if (value instanceof Date) return false;
   const proto = Object.getPrototypeOf(value);
   return proto === Object.prototype || proto === null;