@almadar/ui 5.60.0 → 5.62.0

package/dist/components/index.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import * as React76 from 'react';
-import React76__default, { useContext, useMemo, useRef, useEffect, useCallback, useState, Suspense, lazy, createContext, useLayoutEffect, useId, forwardRef, useImperativeHandle, useSyncExternalStore, Component } from 'react';
+import * as React79 from 'react';
+import React79__default, { useContext, useMemo, useRef, useEffect, useCallback, useState, Suspense, lazy, createContext, useLayoutEffect, useId, forwardRef, useImperativeHandle, useSyncExternalStore, Component } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { EventBusContext, useTraitScope, TraitScopeProvider } from '@almadar/ui/providers';
@@ -233,7 +233,7 @@ var init_SvgFlow = __esm({
       width = 100,
       height = 100
     }) => {
-      const markerId = React76__default.useMemo(() => {
+      const markerId = React79__default.useMemo(() => {
         flowIdCounter += 1;
         return `almadar-flow-arrow-${flowIdCounter}`;
       }, []);
@@ -826,7 +826,7 @@ var init_SvgRing = __esm({
       width = 100,
       height = 100
     }) => {
-      const gradientId = React76__default.useMemo(() => {
+      const gradientId = React79__default.useMemo(() => {
         ringIdCounter += 1;
         return `almadar-ring-glow-${ringIdCounter}`;
       }, []);
@@ -1238,7 +1238,7 @@ function loadLib(key, importer) {
   return p2;
 }
 function lazyFamilyIcon(libKey, importer, pick, fallbackName, family) {
-  const Lazy = React76__default.lazy(async () => {
+  const Lazy = React79__default.lazy(async () => {
     const lib = await loadLib(libKey, importer);
     const Comp = pick(lib);
     if (!Comp) {
@@ -1248,7 +1248,7 @@ function lazyFamilyIcon(libKey, importer, pick, fallbackName, family) {
     return { default: Comp };
   });
   const Wrapped = (props) => /* @__PURE__ */ jsx(
-    React76__default.Suspense,
+    React79__default.Suspense,
     {
       fallback: /* @__PURE__ */ jsx(
         "span",
@@ -1974,7 +1974,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 = React76__default.useMemo(() => {
+      const RenderedComponent = React79__default.useMemo(() => {
         if (directIcon) return null;
         return effectiveName ? resolveIconForFamily(effectiveName, family) : null;
       }, [directIcon, effectiveName, family]);
@@ -2033,7 +2033,7 @@ function resolveIconProp(value, sizeClass) {
     const IconComp = value;
     return /* @__PURE__ */ jsx(IconComp, { className: sizeClass });
   }
-  if (React76__default.isValidElement(value)) {
+  if (React79__default.isValidElement(value)) {
     return value;
   }
   if (typeof value === "object" && value !== null && "render" in value) {
@@ -2109,7 +2109,7 @@ var init_Button = __esm({
       md: "h-icon-default w-icon-default",
       lg: "h-icon-default w-icon-default"
     };
-    Button = React76__default.forwardRef(
+    Button = React79__default.forwardRef(
       ({
         className,
         variant = "primary",
@@ -2176,7 +2176,7 @@ var init_Input = __esm({
     init_cn();
     init_Icon();
     init_useEventBus();
-    Input = React76__default.forwardRef(
+    Input = React79__default.forwardRef(
       ({
         className,
         inputType,
@@ -2336,7 +2336,7 @@ var Label;
 var init_Label = __esm({
   "components/core/atoms/Label.tsx"() {
     init_cn();
-    Label = React76__default.forwardRef(
+    Label = React79__default.forwardRef(
       ({ className, required, children, ...props }, ref) => {
         return /* @__PURE__ */ jsxs(
           "label",
@@ -2363,7 +2363,7 @@ var init_Textarea = __esm({
   "components/core/atoms/Textarea.tsx"() {
     init_cn();
     init_useEventBus();
-    Textarea = React76__default.forwardRef(
+    Textarea = React79__default.forwardRef(
       ({ className, error, onChange, ...props }, ref) => {
         const eventBus = useEventBus();
         const handleChange = (e) => {
@@ -2602,7 +2602,7 @@ var init_Select = __esm({
     init_cn();
     init_Icon();
     init_useEventBus();
-    Select = React76__default.forwardRef(
+    Select = React79__default.forwardRef(
       (props, _ref) => {
         const { multiple, searchable, clearable } = props;
         if (multiple || searchable || clearable) {
@@ -2619,7 +2619,7 @@ var init_Checkbox = __esm({
   "components/core/atoms/Checkbox.tsx"() {
     init_cn();
     init_useEventBus();
-    Checkbox = React76__default.forwardRef(
+    Checkbox = React79__default.forwardRef(
       ({ className, label, id, onChange, ...props }, ref) => {
         const inputId = id || `checkbox-${Math.random().toString(36).substr(2, 9)}`;
         const eventBus = useEventBus();
@@ -2673,7 +2673,7 @@ var init_Spinner = __esm({
       md: "h-6 w-6",
       lg: "h-8 w-8"
     };
-    Spinner = React76__default.forwardRef(
+    Spinner = React79__default.forwardRef(
       ({ className, size = "md", overlay, ...props }, ref) => {
         if (overlay) {
           return /* @__PURE__ */ jsx(
@@ -2763,7 +2763,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 = React76__default.forwardRef(
+    Card = React79__default.forwardRef(
       ({
         className,
         variant = "bordered",
@@ -2811,9 +2811,9 @@ var init_Card = __esm({
       }
     );
     Card.displayName = "Card";
-    CardHeader = React76__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-4", className), ...props }));
+    CardHeader = React79__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-4", className), ...props }));
     CardHeader.displayName = "CardHeader";
-    CardTitle = React76__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    CardTitle = React79__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
       "h3",
       {
         ref,
@@ -2826,11 +2826,11 @@ var init_Card = __esm({
       }
     ));
     CardTitle.displayName = "CardTitle";
-    CardContent = React76__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props }));
+    CardContent = React79__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props }));
     CardContent.displayName = "CardContent";
     CardBody = CardContent;
     CardBody.displayName = "CardBody";
-    CardFooter = React76__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    CardFooter = React79__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
       "div",
       {
         ref,
@@ -2883,7 +2883,7 @@ var init_Badge = __esm({
       md: "px-2.5 py-1 text-sm",
       lg: "px-3 py-1.5 text-base"
     };
-    Badge = React76__default.forwardRef(
+    Badge = React79__default.forwardRef(
       ({ className, variant = "default", size = "sm", amount, label, icon, children, onRemove, removeLabel, ...props }, ref) => {
         const iconSizes3 = {
           sm: "h-icon-default w-icon-default",
@@ -2976,7 +2976,7 @@ var init_FilterPill = __esm({
       md: "w-3.5 h-3.5",
       lg: "w-4 h-4"
     };
-    FilterPill = React76__default.forwardRef(
+    FilterPill = React79__default.forwardRef(
       ({
         className,
         variant = "default",
@@ -3105,8 +3105,8 @@ var init_Avatar = __esm({
       actionPayload
     }) => {
       const eventBus = useEventBus();
-      const [imgFailed, setImgFailed] = React76__default.useState(false);
-      React76__default.useEffect(() => {
+      const [imgFailed, setImgFailed] = React79__default.useState(false);
+      React79__default.useEffect(() => {
         setImgFailed(false);
       }, [src]);
       const initials = providedInitials ?? (name ? generateInitials(name) : void 0);
@@ -3310,7 +3310,7 @@ var init_Box = __esm({
       fixed: "fixed",
       sticky: "sticky"
     };
-    Box = React76__default.forwardRef(
+    Box = React79__default.forwardRef(
       ({
         padding,
         paddingX,
@@ -3360,7 +3360,7 @@ var init_Box = __esm({
           onMouseLeave?.(e);
         }, [hoverEvent, eventBus, onMouseLeave]);
         const isClickable = action || onClick;
-        return React76__default.createElement(
+        return React79__default.createElement(
           Component2,
           {
             ref,
@@ -3685,7 +3685,7 @@ var init_Radio = __esm({
       md: "w-2.5 h-2.5",
       lg: "w-3 h-3"
     };
-    Radio = React76__default.forwardRef(
+    Radio = React79__default.forwardRef(
       ({
         label,
         helperText,
@@ -3702,12 +3702,12 @@ var init_Radio = __esm({
         onChange,
         ...props
       }, ref) => {
-        const reactId = React76__default.useId();
+        const reactId = React79__default.useId();
         const baseId = id || `radio-${reactId}`;
         const hasError = !!error;
         const eventBus = useEventBus();
-        const [selected, setSelected] = React76__default.useState(value);
-        React76__default.useEffect(() => {
+        const [selected, setSelected] = React79__default.useState(value);
+        React79__default.useEffect(() => {
           if (value !== void 0) setSelected(value);
         }, [value]);
         const pick = (next, e) => {
@@ -3889,7 +3889,7 @@ var init_Switch = __esm({
   "components/core/atoms/Switch.tsx"() {
     "use client";
     init_cn();
-    Switch = React76.forwardRef(
+    Switch = React79.forwardRef(
       ({
         checked,
         defaultChecked = false,
@@ -3900,10 +3900,10 @@ var init_Switch = __esm({
         name,
         className
       }, ref) => {
-        const [isChecked, setIsChecked] = React76.useState(
+        const [isChecked, setIsChecked] = React79.useState(
           checked !== void 0 ? checked : defaultChecked
         );
-        React76.useEffect(() => {
+        React79.useEffect(() => {
           if (checked !== void 0) {
             setIsChecked(checked);
           }
@@ -4555,7 +4555,7 @@ var Dialog;
 var init_Dialog = __esm({
   "components/core/atoms/Dialog.tsx"() {
     init_cn();
-    Dialog = React76__default.forwardRef(
+    Dialog = React79__default.forwardRef(
       ({
         role = "dialog",
         "aria-modal": ariaModal = true,
@@ -4581,7 +4581,7 @@ var Aside;
 var init_Aside = __esm({
   "components/core/atoms/Aside.tsx"() {
     init_cn();
-    Aside = React76__default.forwardRef(
+    Aside = React79__default.forwardRef(
       ({ className, children, ...rest }, ref) => /* @__PURE__ */ jsx("aside", { ref, className: cn(className), ...rest, children })
     );
     Aside.displayName = "Aside";
@@ -4659,8 +4659,8 @@ var init_LawReferenceTooltip = __esm({
       className
     }) => {
       const { t } = useTranslate();
-      const [isVisible, setIsVisible] = React76__default.useState(false);
-      const timeoutRef = React76__default.useRef(null);
+      const [isVisible, setIsVisible] = React79__default.useState(false);
+      const timeoutRef = React79__default.useRef(null);
       const handleMouseEnter = () => {
         if (timeoutRef.current) clearTimeout(timeoutRef.current);
         timeoutRef.current = setTimeout(() => setIsVisible(true), 200);
@@ -4669,7 +4669,7 @@ var init_LawReferenceTooltip = __esm({
         if (timeoutRef.current) clearTimeout(timeoutRef.current);
         setIsVisible(false);
       };
-      React76__default.useEffect(() => {
+      React79__default.useEffect(() => {
         return () => {
           if (timeoutRef.current) clearTimeout(timeoutRef.current);
         };
@@ -4879,7 +4879,7 @@ var init_StatusDot = __esm({
       md: "w-2.5 h-2.5",
       lg: "w-3 h-3"
     };
-    StatusDot = React76__default.forwardRef(
+    StatusDot = React79__default.forwardRef(
       ({ className, status = "offline", pulse = false, size = "md", label, ...props }, ref) => {
         return /* @__PURE__ */ jsx(
           "span",
@@ -4933,7 +4933,7 @@ var init_TrendIndicator = __esm({
       down: "trending-down",
       flat: "arrow-right"
     };
-    TrendIndicator = React76__default.forwardRef(
+    TrendIndicator = React79__default.forwardRef(
       ({
         className,
         value,
@@ -5000,7 +5000,7 @@ var init_RangeSlider = __esm({
       md: "w-4 h-4",
       lg: "w-5 h-5"
     };
-    RangeSlider = React76__default.forwardRef(
+    RangeSlider = React79__default.forwardRef(
       ({
         className,
         min = 0,
@@ -5596,7 +5596,7 @@ var init_ContentSection = __esm({
       md: "py-16",
       lg: "py-24"
     };
-    ContentSection = React76__default.forwardRef(
+    ContentSection = React79__default.forwardRef(
       ({ children, background = "default", padding = "lg", id, className }, ref) => {
         return /* @__PURE__ */ jsx(
           Box,
@@ -6130,7 +6130,7 @@ var init_AnimatedReveal = __esm({
       "scale-up": { opacity: 1, transform: "scale(1) translateY(0)" },
       "none": {}
     };
-    AnimatedReveal = React76__default.forwardRef(
+    AnimatedReveal = React79__default.forwardRef(
       ({
         trigger = "scroll",
         animation = "fade-up",
@@ -6290,7 +6290,7 @@ var init_AnimatedGraphic = __esm({
   "components/marketing/atoms/AnimatedGraphic.tsx"() {
     "use client";
     init_cn();
-    AnimatedGraphic = React76__default.forwardRef(
+    AnimatedGraphic = React79__default.forwardRef(
       ({
         src,
         svgContent,
@@ -6313,7 +6313,7 @@ var init_AnimatedGraphic = __esm({
         const fetchedSvg = useFetchedSvg(svgContent ? void 0 : src);
         const resolvedSvg = svgContent ?? fetchedSvg;
         const prevAnimateRef = useRef(animate);
-        const setRef = React76__default.useCallback(
+        const setRef = React79__default.useCallback(
           (node) => {
             containerRef.current = node;
             if (typeof ref === "function") ref(node);
@@ -6995,7 +6995,7 @@ var init_ErrorBoundary = __esm({
         }
       );
     };
-    ErrorBoundary = class extends React76__default.Component {
+    ErrorBoundary = class extends React79__default.Component {
       constructor(props) {
         super(props);
         __publicField(this, "reset", () => {
@@ -7140,9 +7140,6 @@ var init_Skeleton = __esm({
     Skeleton.displayName = "Skeleton";
   }
 });
-function isKnownPattern(type) {
-  return type in componentMapping;
-}
 function getKnownPatterns() {
   return Object.keys(componentMapping);
 }
@@ -7238,7 +7235,6 @@ var init_slot_definitions = __esm({
 // renderer/index.ts
 var init_renderer = __esm({
   "renderer/index.ts"() {
-    init_pattern_resolver();
     init_slot_definitions();
   }
 });
@@ -8119,9 +8115,9 @@ function ControlButton({
   className
 }) {
   const eventBus = useEventBus();
-  const [isPressed, setIsPressed] = React76.useState(false);
+  const [isPressed, setIsPressed] = React79.useState(false);
   const actualPressed = pressed ?? isPressed;
-  const handlePointerDown = React76.useCallback(
+  const handlePointerDown = React79.useCallback(
     (e) => {
       e.preventDefault();
       if (disabled) return;
@@ -8131,7 +8127,7 @@ function ControlButton({
     },
     [disabled, pressEvent, eventBus, onPress]
   );
-  const handlePointerUp = React76.useCallback(
+  const handlePointerUp = React79.useCallback(
     (e) => {
       e.preventDefault();
       if (disabled) return;
@@ -8141,7 +8137,7 @@ function ControlButton({
     },
     [disabled, releaseEvent, eventBus, onRelease]
   );
-  const handlePointerLeave = React76.useCallback(
+  const handlePointerLeave = React79.useCallback(
     (e) => {
       if (isPressed) {
         setIsPressed(false);
@@ -8229,8 +8225,8 @@ function ActionButtons({
   disabled
 }) {
   const eventBus = useEventBus();
-  const [activeButtons, setActiveButtons] = React76.useState(/* @__PURE__ */ new Set());
-  const handlePress = React76.useCallback(
+  const [activeButtons, setActiveButtons] = React79.useState(/* @__PURE__ */ new Set());
+  const handlePress = React79.useCallback(
     (id) => {
       setActiveButtons((prev) => new Set(prev).add(id));
       if (actionEvent) eventBus.emit(`UI:${actionEvent}`, { id, pressed: true });
@@ -8238,7 +8234,7 @@ function ActionButtons({
     },
     [actionEvent, eventBus, onAction]
   );
-  const handleRelease = React76.useCallback(
+  const handleRelease = React79.useCallback(
     (id) => {
       setActiveButtons((prev) => {
         const next = new Set(prev);
@@ -8875,8 +8871,8 @@ var init_AnimatedCounter2 = __esm({
       const [displayValue, setDisplayValue] = useState("0");
       const [hasAnimated, setHasAnimated] = useState(false);
       const animate = useCallback(() => {
-        const { num: num2, prefix, suffix, decimals } = parseValue(value);
-        if (num2 === 0) {
+        const { num: num3, prefix, suffix, decimals } = parseValue(value);
+        if (num3 === 0) {
           setDisplayValue(String(value));
           return;
         }
@@ -8885,7 +8881,7 @@ var init_AnimatedCounter2 = __esm({
           const elapsed = now - startTime;
           const progress = Math.min(elapsed / duration, 1);
           const eased = 1 - Math.pow(1 - progress, 3);
-          const current = eased * num2;
+          const current = eased * num3;
           setDisplayValue(`${prefix}${current.toFixed(decimals)}${suffix}`);
           if (progress < 1) {
             requestAnimationFrame(tick);
@@ -9741,7 +9737,7 @@ function IsometricCanvas({
   // Tuning
   diamondTopY: diamondTopYProp,
   // Remote asset loading
-  assetBaseUrl = "https://almadar-kflow-assets.web.app/shared/",
+  assetBaseUrl,
   assetManifest
 }) {
   const tilesProp = Array.isArray(_tilesPropRaw) ? _tilesPropRaw : [];
@@ -9820,7 +9816,7 @@ function IsometricCanvas({
   const attackTargetSet = useMemo(() => {
     return new Set(attackTargets.map((p2) => `${p2.x},${p2.y}`));
   }, [attackTargets]);
-  const resolveManifestUrl = useCallback((relativePath) => {
+  const resolveManifestUrl7 = useCallback((relativePath) => {
     if (!relativePath) return void 0;
     if (assetBaseUrl) return `${assetBaseUrl.replace(/\/$/, "")}${relativePath.startsWith("/") ? "" : "/"}${relativePath}`;
     return relativePath;
@@ -9833,7 +9829,7 @@ function IsometricCanvas({
         const url = getTerrainSprite(tile.terrain ?? "");
         if (url) urls.push(url);
       } else {
-        const url = resolveManifestUrl(assetManifest?.terrains?.[tile.terrain ?? ""]);
+        const url = resolveManifestUrl7(assetManifest?.terrains?.[tile.terrain ?? ""]);
         if (url) urls.push(url);
       }
     }
@@ -9843,7 +9839,7 @@ function IsometricCanvas({
         const url = getFeatureSprite(feature.type);
         if (url) urls.push(url);
       } else {
-        const url = resolveManifestUrl(assetManifest?.features?.[feature.type]);
+        const url = resolveManifestUrl7(assetManifest?.features?.[feature.type]);
         if (url) urls.push(url);
       }
     }
@@ -9853,13 +9849,13 @@ function IsometricCanvas({
         const url = getUnitSprite(unit);
         if (url) urls.push(url);
       } else if (unit.unitType) {
-        const url = resolveManifestUrl(assetManifest?.units?.[unit.unitType]);
+        const url = resolveManifestUrl7(assetManifest?.units?.[unit.unitType]);
         if (url) urls.push(url);
       }
     }
     if (assetManifest?.effects) {
       for (const path of Object.values(assetManifest.effects)) {
-        const url = resolveManifestUrl(path);
+        const url = resolveManifestUrl7(path);
         if (url) urls.push(url);
       }
     }
@@ -9867,7 +9863,7 @@ function IsometricCanvas({
     if (atlasSheetUrls.length) urls.push(...atlasSheetUrls);
     if (backgroundImage) urls.push(backgroundImage);
     return [...new Set(urls.filter(Boolean))];
-  }, [sortedTiles, features, units, getTerrainSprite, getFeatureSprite, getUnitSprite, effectSpriteUrls, atlasSheetUrls, backgroundImage, assetManifest, resolveManifestUrl]);
+  }, [sortedTiles, features, units, getTerrainSprite, getFeatureSprite, getUnitSprite, effectSpriteUrls, atlasSheetUrls, backgroundImage, assetManifest, resolveManifestUrl7]);
   const { getImage, pendingCount } = useImageCache(spriteUrls);
   useEffect(() => {
     if (typeof window === "undefined") return;
@@ -9892,14 +9888,14 @@ function IsometricCanvas({
     lerpToTarget
   } = useCamera();
   const resolveTerrainSpriteUrl = useCallback((tile) => {
-    return tile.terrainSprite || getTerrainSprite?.(tile.terrain ?? "") || resolveManifestUrl(assetManifest?.terrains?.[tile.terrain ?? ""]);
-  }, [getTerrainSprite, assetManifest, resolveManifestUrl]);
+    return tile.terrainSprite || getTerrainSprite?.(tile.terrain ?? "") || resolveManifestUrl7(assetManifest?.terrains?.[tile.terrain ?? ""]);
+  }, [getTerrainSprite, assetManifest, resolveManifestUrl7]);
   const resolveFeatureSpriteUrl = useCallback((featureType) => {
-    return getFeatureSprite?.(featureType) || resolveManifestUrl(assetManifest?.features?.[featureType]);
-  }, [getFeatureSprite, assetManifest, resolveManifestUrl]);
+    return getFeatureSprite?.(featureType) || resolveManifestUrl7(assetManifest?.features?.[featureType]);
+  }, [getFeatureSprite, assetManifest, resolveManifestUrl7]);
   const resolveUnitSpriteUrl = useCallback((unit) => {
-    return unit.sprite || getUnitSprite?.(unit) || (unit.unitType ? resolveManifestUrl(assetManifest?.units?.[unit.unitType]) : void 0);
-  }, [getUnitSprite, assetManifest, resolveManifestUrl]);
+    return unit.sprite || getUnitSprite?.(unit) || (unit.unitType ? resolveManifestUrl7(assetManifest?.units?.[unit.unitType]) : void 0);
+  }, [getUnitSprite, assetManifest, resolveManifestUrl7]);
   const drawMinimap = useCallback(() => {
     if (!showMinimap) return;
     const miniCanvas = minimapRef.current;
@@ -10001,7 +9997,15 @@ function IsometricCanvas({
       const spriteUrl = resolveTerrainSpriteUrl(tile);
       const img = spriteUrl ? getImage(spriteUrl) : null;
       if (img) {
-        ctx.drawImage(img, pos.x, pos.y, scaledTileWidth, scaledTileHeight);
+        if (img.naturalWidth === 0) {
+          ctx.drawImage(img, pos.x, pos.y, scaledTileWidth, scaledTileHeight);
+        } else {
+          const drawW = scaledTileWidth;
+          const drawH = scaledTileWidth * (img.naturalHeight / img.naturalWidth);
+          const drawX = pos.x;
+          const drawY = pos.y + scaledTileHeight - drawH;
+          ctx.drawImage(img, drawX, drawY, drawW, drawH);
+        }
       } else {
         const centerX = pos.x + scaledTileWidth / 2;
         const topY = pos.y + scaledDiamondTopY;
@@ -12260,7 +12264,7 @@ var init_CodeBlock = __esm({
     };
     LINE_PROPS_FN = (n) => ({ "data-line": String(n - 1) });
     HIDDEN_LINE_NUMBERS = { display: "none" };
-    CodeBlock = React76__default.memo(
+    CodeBlock = React79__default.memo(
       ({
         code: rawCode,
         language = "text",
@@ -12429,24 +12433,24 @@ var init_CodeBlock = __esm({
             return;
           }
           lineEls.forEach((el) => {
-            const num2 = parseInt(el.getAttribute("data-line") ?? "-1", 10);
-            if (hiddenLines.has(num2)) {
+            const num3 = parseInt(el.getAttribute("data-line") ?? "-1", 10);
+            if (hiddenLines.has(num3)) {
               el.style.display = "none";
               return;
             }
             el.style.display = "";
             el.style.position = "relative";
             el.style.paddingLeft = "1.2em";
-            const region = foldStartMap.get(num2);
+            const region = foldStartMap.get(num3);
             if (!region) return;
-            const isCollapsed = collapsed.has(num2);
+            const isCollapsed = collapsed.has(num3);
             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(num2);
+              toggleFoldRef.current(num3);
             });
             el.insertBefore(toggle, el.firstChild);
             if (isCollapsed) {
@@ -12847,7 +12851,7 @@ var init_MarkdownContent = __esm({
     init_Box();
     init_CodeBlock();
     init_cn();
-    MarkdownContent = React76__default.memo(
+    MarkdownContent = React79__default.memo(
       ({ content, direction = "ltr", className }) => {
         const { t: _t } = useTranslate();
         const safeContent = typeof content === "string" ? content : String(content ?? "");
@@ -14164,7 +14168,7 @@ var init_StateMachineView = __esm({
                 style: { top: title ? 30 : 0 },
                 children: [
                   entity && /* @__PURE__ */ jsx(EntityBox, { entity, config }),
-                  states.map((state) => renderStateNode ? /* @__PURE__ */ jsx(React76__default.Fragment, { children: renderStateNode(state, config) }, state.id) : /* @__PURE__ */ jsx(
+                  states.map((state) => renderStateNode ? /* @__PURE__ */ jsx(React79__default.Fragment, { children: renderStateNode(state, config) }, state.id) : /* @__PURE__ */ jsx(
                     StateNode,
                     {
                       state,
@@ -18065,8 +18069,8 @@ function EmojiEffect({
   );
 }
 function CanvasEffect({
-  effectSpriteUrl = "https://almadar-kflow-assets.web.app/shared/effects/gas/gas00.png",
-  assetBaseUrl = "https://almadar-kflow-assets.web.app/shared/effects/",
+  effectSpriteUrl,
+  assetBaseUrl,
   ...props
 }) {
   const eventBus = useEventBus();
@@ -18109,6 +18113,380 @@ var init_CanvasEffect = __esm({
     CanvasEffect.displayName = "CanvasEffect";
   }
 });
+function CardHand({
+  cards = DEFAULT_CARDS,
+  selectedId = "",
+  size = "md",
+  onCardClick,
+  cardClickEvent,
+  emptyLabel = "No cards in hand",
+  className
+}) {
+  const eventBus = useEventBus();
+  const handleClick = React79.useCallback(
+    (card) => {
+      if (card.disabled) return;
+      onCardClick?.(card.id);
+      if (cardClickEvent) {
+        eventBus.emit(`UI:${cardClickEvent}`, { cardId: card.id });
+      }
+    },
+    [onCardClick, cardClickEvent, eventBus]
+  );
+  if (cards.length === 0) {
+    return /* @__PURE__ */ jsx(Box, { className: cn("flex items-center justify-center p-4", className), children: /* @__PURE__ */ jsx(Typography, { variant: "small", color: "muted", children: emptyLabel }) });
+  }
+  const art = artSizeMap[size];
+  return /* @__PURE__ */ jsx(Box, { className: cn("flex flex-wrap gap-2 justify-center items-end", className), children: cards.map((card) => {
+    const selected = selectedId === card.id;
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => handleClick(card),
+        disabled: card.disabled,
+        title: card.title,
+        className: cn(
+          "card-hand-card relative flex flex-col items-center rounded-interactive border-2",
+          "bg-card/90 px-1.5 pt-1.5 pb-1 transition-all duration-150",
+          cardSizeMap[size],
+          card.disabled ? "border-border opacity-50 cursor-not-allowed" : "border-accent hover:brightness-125 hover:-translate-y-1 cursor-pointer",
+          selected && "ring-2 ring-foreground ring-offset-1 ring-offset-background -translate-y-1"
+        ),
+        children: [
+          card.cost != null && /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "absolute -top-2 -left-2 flex items-center justify-center",
+                "min-w-[22px] h-[22px] rounded-full px-1",
+                "bg-info text-foreground text-xs font-bold border border-background"
+              ),
+              children: card.cost
+            }
+          ),
+          /* @__PURE__ */ jsx(Box, { className: "flex-1 flex items-center justify-center w-full", children: card.iconUrl ? /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: card.iconUrl,
+              alt: card.title ?? card.id,
+              width: art,
+              height: art,
+              style: { imageRendering: "pixelated", objectFit: "contain" },
+              className: "flex-shrink-0"
+            }
+          ) : /* @__PURE__ */ jsx(
+            Box,
+            {
+              className: "rounded bg-muted/40",
+              style: { width: art, height: art }
+            }
+          ) }),
+          card.title != null && /* @__PURE__ */ jsx(
+            Typography,
+            {
+              variant: "small",
+              className: "w-full truncate text-center text-[10px] leading-tight font-semibold",
+              children: card.title
+            }
+          ),
+          (card.attack != null || card.defense != null) && /* @__PURE__ */ jsxs(Box, { className: "flex w-full items-center justify-between px-0.5 text-[10px] font-bold leading-none", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-error", children: card.attack != null ? `\u2694${card.attack}` : "" }),
+            /* @__PURE__ */ jsx("span", { className: "text-info", children: card.defense != null ? `\u{1F6E1}${card.defense}` : "" })
+          ] })
+        ]
+      },
+      card.id
+    );
+  }) });
+}
+var cardSizeMap, artSizeMap, DEFAULT_CARDS;
+var init_CardHand = __esm({
+  "components/game/molecules/CardHand.tsx"() {
+    "use client";
+    init_cn();
+    init_useEventBus();
+    init_Box();
+    init_Typography();
+    cardSizeMap = {
+      sm: "w-16 h-24",
+      md: "w-20 h-28",
+      lg: "w-24 h-36"
+    };
+    artSizeMap = {
+      sm: 40,
+      md: 52,
+      lg: 64
+    };
+    DEFAULT_CARDS = [
+      { id: "card-1", title: "Brawler", cost: 1, attack: 2, defense: 1 },
+      { id: "card-2", title: "Guardian", cost: 2, attack: 1, defense: 4 },
+      { id: "card-3", title: "Striker", cost: 3, attack: 5, defense: 2 }
+    ];
+    CardHand.displayName = "CardHand";
+  }
+});
+function resolveManifestUrl(manifest, relative) {
+  if (relative == null) return void 0;
+  if (/^https?:\/\//.test(relative)) return relative;
+  const base = manifest?.baseUrl;
+  if (base == null) return relative;
+  const cleanBase = base.replace(/\/$/, "");
+  const cleanRel = relative.replace(/^\//, "");
+  return `${cleanBase}/${cleanRel}`;
+}
+function rowToCard(r) {
+  return {
+    id: str(r.id),
+    iconKey: r.iconKey == null ? void 0 : str(r.iconKey),
+    title: r.title == null ? void 0 : str(r.title),
+    cost: r.cost == null ? void 0 : num(r.cost),
+    attack: r.attack == null ? void 0 : num(r.attack),
+    defense: r.defense == null ? void 0 : num(r.defense)
+  };
+}
+function toHandCards(cards, manifest, mana) {
+  return cards.map((c) => {
+    const key = c.iconKey ?? c.id;
+    const iconUrl = resolveManifestUrl(manifest, manifest?.cards?.[key]);
+    return {
+      id: c.id,
+      iconUrl,
+      title: c.title,
+      cost: c.cost,
+      attack: c.attack,
+      defense: c.defense,
+      disabled: c.cost != null && c.cost > mana
+    };
+  });
+}
+function CardBattlerBoard({
+  entity,
+  deck: propDeck,
+  hand: propHand,
+  board: propBoard,
+  mana: propMana,
+  maxMana: propMaxMana,
+  turn: propTurn,
+  result: propResult,
+  assetManifest: propAssetManifest,
+  playCardEvent,
+  endTurnEvent,
+  playAgainEvent,
+  gameEndEvent,
+  className
+}) {
+  const board = boardEntity(entity) ?? {};
+  const eventBus = useEventBus();
+  const { t } = useTranslate();
+  const assetManifest = propAssetManifest ?? board.assetManifest;
+  const entityHand = useMemo(() => rows(board.hand).map(rowToCard), [board.hand]);
+  const rawHand = propHand ?? entityHand;
+  const hand = rawHand.length > 0 ? rawHand : DEFAULT_HAND;
+  const entityBoard = useMemo(() => rows(board.board).map(rowToCard), [board.board]);
+  const playedCards = propBoard ?? entityBoard;
+  const entityDeck = useMemo(() => rows(board.deck).map(rowToCard), [board.deck]);
+  const deck = propDeck ?? entityDeck;
+  const mana = propMana ?? num(board.mana, 3);
+  const maxMana = propMaxMana ?? num(board.maxMana, 3);
+  const turn = propTurn ?? num(board.turn, 1);
+  const result = propResult ?? (str(board.result) || "none");
+  const handCards = useMemo(() => toHandCards(hand, assetManifest, mana), [hand, assetManifest, mana]);
+  const boardCards = useMemo(() => toHandCards(playedCards, assetManifest, mana), [playedCards, assetManifest, mana]);
+  const emittedGameEnd = useRef(false);
+  if (result !== "none" && !emittedGameEnd.current) {
+    emittedGameEnd.current = true;
+    if (gameEndEvent) {
+      eventBus.emit(`UI:${gameEndEvent}`, { result });
+    }
+  }
+  if (result === "none") {
+    emittedGameEnd.current = false;
+  }
+  const handlePlayCard = useCallback((cardId) => {
+    if (result !== "none") return;
+    if (playCardEvent) {
+      eventBus.emit(`UI:${playCardEvent}`, { cardId });
+    }
+  }, [result, playCardEvent, eventBus]);
+  const handleEndTurn = useCallback(() => {
+    if (result !== "none") return;
+    if (endTurnEvent) {
+      eventBus.emit(`UI:${endTurnEvent}`, {});
+    }
+  }, [result, endTurnEvent, eventBus]);
+  const handlePlayAgain = useCallback(() => {
+    if (playAgainEvent) {
+      eventBus.emit(`UI:${playAgainEvent}`, {});
+    }
+  }, [playAgainEvent, eventBus]);
+  return /* @__PURE__ */ jsxs(VStack, { className: cn("card-battler-board relative min-h-[600px] bg-background", className), gap: "none", children: [
+    /* @__PURE__ */ jsxs(
+      HStack,
+      {
+        className: "px-4 py-2 border-b border-border bg-surface",
+        gap: "lg",
+        align: "center",
+        children: [
+          /* @__PURE__ */ jsxs(HStack, { gap: "xs", align: "center", children: [
+            /* @__PURE__ */ jsx(Typography, { variant: "small", color: "muted", children: t("cb.mana") ?? "Mana" }),
+            /* @__PURE__ */ jsxs(Typography, { variant: "body2", weight: "bold", className: "text-info", children: [
+              mana,
+              " / ",
+              maxMana
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(HStack, { gap: "xs", align: "center", children: [
+            /* @__PURE__ */ jsx(Typography, { variant: "small", color: "muted", children: t("cb.turn") ?? "Turn" }),
+            /* @__PURE__ */ jsx(Typography, { variant: "body2", weight: "bold", children: turn })
+          ] }),
+          /* @__PURE__ */ jsxs(HStack, { gap: "xs", align: "center", children: [
+            /* @__PURE__ */ jsx(Typography, { variant: "small", color: "muted", children: t("cb.deck") ?? "Deck" }),
+            /* @__PURE__ */ jsx(Typography, { variant: "body2", weight: "bold", children: deck.length })
+          ] }),
+          /* @__PURE__ */ jsx(Box, { className: "ml-auto", children: result === "none" && /* @__PURE__ */ jsx(Button, { variant: "primary", size: "sm", onClick: handleEndTurn, children: t("cb.endTurn") ?? "End Turn" }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(Box, { className: "flex-1 relative p-4 overflow-auto", children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "small", color: "muted", className: "mb-2 uppercase tracking-wide", children: t("cb.battlefield") ?? "Battlefield" }),
+      boardCards.length > 0 ? /* @__PURE__ */ jsx(
+        CardHand,
+        {
+          cards: boardCards,
+          size: "md",
+          className: "justify-start"
+        }
+      ) : /* @__PURE__ */ jsx(Box, { className: "flex items-center justify-center h-32 rounded-interactive border-2 border-dashed border-border", children: /* @__PURE__ */ jsx(Typography, { variant: "small", color: "muted", children: t("cb.emptyBoard") ?? "Play a card to begin" }) })
+    ] }),
+    /* @__PURE__ */ jsxs(Box, { className: "border-t border-border bg-surface px-4 py-3", children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "small", color: "muted", className: "mb-2 uppercase tracking-wide", children: t("cb.hand") ?? "Your Hand" }),
+      /* @__PURE__ */ jsx(
+        CardHand,
+        {
+          cards: handCards,
+          size: "lg",
+          onCardClick: handlePlayCard,
+          emptyLabel: t("cb.emptyHand") ?? "No cards in hand"
+        }
+      )
+    ] }),
+    result !== "none" && /* @__PURE__ */ jsx(Box, { className: "absolute inset-0 z-50 flex items-center justify-center bg-background/70 backdrop-blur-sm", children: /* @__PURE__ */ jsxs(VStack, { className: "text-center p-8", gap: "lg", children: [
+      /* @__PURE__ */ jsx(
+        Typography,
+        {
+          variant: "h2",
+          className: cn(
+            "text-4xl font-black tracking-widest uppercase",
+            result === "won" ? "text-warning" : "text-error"
+          ),
+          children: result === "won" ? t("cb.victory") ?? "Victory!" : t("cb.defeat") ?? "Defeat!"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "primary",
+          className: "px-8 py-3 font-semibold",
+          onClick: handlePlayAgain,
+          children: t("cb.playAgain") ?? "Play Again"
+        }
+      )
+    ] }) })
+  ] });
+}
+var DEFAULT_HAND;
+var init_CardBattlerBoard = __esm({
+  "components/game/organisms/CardBattlerBoard.tsx"() {
+    "use client";
+    init_cn();
+    init_useEventBus();
+    init_Box();
+    init_Button();
+    init_Typography();
+    init_Stack();
+    init_CardHand();
+    init_boardEntity();
+    DEFAULT_HAND = [
+      { id: "c1", iconKey: "bear", title: "Bear", cost: 3, attack: 5, defense: 4 },
+      { id: "c2", iconKey: "owl", title: "Owl", cost: 1, attack: 2, defense: 1 },
+      { id: "c3", iconKey: "gorilla", title: "Gorilla", cost: 4, attack: 6, defense: 5 },
+      { id: "c4", iconKey: "frog", title: "Frog", cost: 1, attack: 1, defense: 2 },
+      { id: "c5", iconKey: "snake", title: "Snake", cost: 2, attack: 4, defense: 1 }
+    ];
+    CardBattlerBoard.displayName = "CardBattlerBoard";
+  }
+});
+function isEntityRow(value) {
+  return value != null && typeof value === "object" && !Array.isArray(value);
+}
+function CardBattlerTemplate({
+  entity,
+  title = "Card Battler",
+  deck,
+  hand,
+  board,
+  mana,
+  maxMana,
+  turn,
+  result,
+  assetManifest,
+  playCardEvent,
+  endTurnEvent,
+  playAgainEvent,
+  gameEndEvent,
+  className
+}) {
+  const resolved = isEntityRow(entity) ? entity : void 0;
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      display: "flex",
+      fullHeight: true,
+      className: cn("card-battler-template flex-col", className),
+      children: [
+        /* @__PURE__ */ jsx(
+          HStack,
+          {
+            gap: "sm",
+            align: "center",
+            className: "px-4 py-3 border-b-2 border-border bg-surface shrink-0",
+            children: /* @__PURE__ */ jsx(Typography, { variant: "h4", children: title })
+          }
+        ),
+        /* @__PURE__ */ jsx(Box, { className: "flex-1 relative overflow-hidden", children: /* @__PURE__ */ jsx(
+          CardBattlerBoard,
+          {
+            entity: resolved,
+            deck,
+            hand,
+            board,
+            mana,
+            maxMana,
+            turn,
+            result,
+            assetManifest,
+            playCardEvent,
+            endTurnEvent,
+            playAgainEvent,
+            gameEndEvent,
+            className: "h-full"
+          }
+        ) })
+      ]
+    }
+  );
+}
+var init_CardBattlerTemplate = __esm({
+  "components/game/templates/CardBattlerTemplate.tsx"() {
+    init_cn();
+    init_Box();
+    init_Stack();
+    init_Typography();
+    init_CardBattlerBoard();
+    CardBattlerTemplate.displayName = "CardBattlerTemplate";
+  }
+});
 
 // lib/getNestedValue.ts
 function getNestedValue(obj, path) {
@@ -19937,6 +20315,315 @@ var init_ChoiceButton = __esm({
     ChoiceButton.displayName = "ChoiceButton";
   }
 });
+function resolveManifestUrl2(manifest, relative) {
+  if (relative == null) return void 0;
+  if (/^https?:\/\//.test(relative)) return relative;
+  const base = manifest?.baseUrl;
+  if (base == null) return relative;
+  const cleanBase = base.replace(/\/$/, "");
+  const cleanRel = relative.replace(/^\//, "");
+  return `${cleanBase}/${cleanRel}`;
+}
+function buildDefaultCBTiles() {
+  const tiles = [];
+  for (let y = 0; y < CB_GRID_H; y++) {
+    for (let x = 0; x < CB_GRID_W; x++) {
+      const variant = (x * 3 + y * 5 + (x ^ y)) % 3;
+      const terrainKey = ["grass", "stone", "dirt"][variant];
+      tiles.push({ x, y, terrain: terrainKey, passable: true });
+    }
+  }
+  return tiles;
+}
+function tilesToIso(tiles, manifest) {
+  return tiles.map((t) => {
+    const key = t.terrain ?? "grass";
+    const sprite = t.terrainSprite ?? resolveManifestUrl2(manifest, manifest?.terrains?.[key]) ?? resolveManifestUrl2(manifest, manifest?.terrains?.grass);
+    return {
+      x: t.x,
+      y: t.y,
+      terrain: t.terrain,
+      terrainSprite: sprite,
+      passable: t.passable
+    };
+  });
+}
+function buildingsToFeatures(buildings, manifest) {
+  return buildings.map((b) => ({
+    id: b.id,
+    x: b.x,
+    y: b.y,
+    type: b.type,
+    sprite: resolveManifestUrl2(manifest, manifest?.features?.[b.type])
+  }));
+}
+function CityBuilderBoard({
+  entity,
+  tiles: propTiles,
+  buildings: propBuildings,
+  assetManifest: propAssetManifest,
+  buildTypes: propBuildTypes,
+  pendingBuildType: propPendingBuildType,
+  gold: propGold,
+  wood: propWood,
+  population: propPopulation,
+  result: propResult,
+  scale = 0.3,
+  unitScale = 0.6,
+  spriteHeightRatio = 1.5,
+  spriteMaxWidthRatio = 0.7,
+  selectBuildTypeEvent,
+  placeBuildingEvent,
+  gameEndEvent,
+  className
+}) {
+  const board = boardEntity(entity) ?? {};
+  const eventBus = useEventBus();
+  const { t } = useTranslate();
+  const assetManifest = propAssetManifest ?? board.assetManifest;
+  const entityTiles = useMemo(
+    () => rows(board.tiles).map((r) => ({
+      x: num(r.x),
+      y: num(r.y),
+      terrain: r.terrain == null ? void 0 : str(r.terrain),
+      terrainSprite: r.terrainSprite == null ? void 0 : str(r.terrainSprite),
+      passable: r.passable !== false
+    })),
+    [board.tiles]
+  );
+  const rawTiles = propTiles ?? entityTiles;
+  const tiles = rawTiles.length >= CB_GRID_W * CB_GRID_H ? rawTiles : DEFAULT_CB_TILES;
+  const entityBuildings = useMemo(
+    () => rows(board.buildings).map((r) => ({
+      id: str(r.id),
+      x: num(r.x),
+      y: num(r.y),
+      type: str(r.type)
+    })),
+    [board.buildings]
+  );
+  const buildings = propBuildings ?? entityBuildings;
+  const buildTypes = propBuildTypes ?? DEFAULT_BUILD_TYPES;
+  const gold = propGold ?? num(board.gold, 100);
+  const wood = propWood ?? num(board.wood, 80);
+  const population = propPopulation ?? num(board.population, 0);
+  const pendingBuildType = propPendingBuildType ?? (str(board.pendingBuildType) || buildTypes[0]?.type || "");
+  const result = propResult ?? (str(board.result) || "none");
+  const [hoveredTile, setHoveredTile] = useState(null);
+  const emittedGameEnd = useRef(false);
+  if (result !== "none" && !emittedGameEnd.current) {
+    emittedGameEnd.current = true;
+    if (gameEndEvent) {
+      eventBus.emit(`UI:${gameEndEvent}`, { result });
+    }
+  }
+  if (result === "none") {
+    emittedGameEnd.current = false;
+  }
+  const pendingCost = useMemo(
+    () => buildTypes.find((b) => b.type === pendingBuildType)?.cost ?? 0,
+    [buildTypes, pendingBuildType]
+  );
+  const buildingPositions = useMemo(
+    () => new Set(buildings.map((b) => `${b.x},${b.y}`)),
+    [buildings]
+  );
+  const validMoves = useMemo(() => {
+    if (result !== "none" || gold < pendingCost) return [];
+    return tiles.filter(
+      (t2) => t2.passable !== false && !buildingPositions.has(`${t2.x},${t2.y}`)
+    ).map((t2) => ({ x: t2.x, y: t2.y }));
+  }, [tiles, buildingPositions, result, gold, pendingCost]);
+  const isoTiles = useMemo(() => tilesToIso(tiles, assetManifest), [tiles, assetManifest]);
+  const buildingFeatures = useMemo(() => buildingsToFeatures(buildings, assetManifest), [buildings, assetManifest]);
+  const handleTileClick = useCallback((x, y) => {
+    if (result !== "none") return;
+    if (buildingPositions.has(`${x},${y}`)) return;
+    if (gold < pendingCost) return;
+    if (placeBuildingEvent) {
+      eventBus.emit(`UI:${placeBuildingEvent}`, { x, y });
+    }
+  }, [result, buildingPositions, gold, pendingCost, placeBuildingEvent, eventBus]);
+  const handleSelectBuildType = useCallback((buildType) => {
+    if (selectBuildTypeEvent) {
+      eventBus.emit(`UI:${selectBuildTypeEvent}`, { buildType });
+    }
+  }, [selectBuildTypeEvent, eventBus]);
+  const canBuild = gold >= pendingCost && result === "none";
+  return /* @__PURE__ */ jsxs(VStack, { className: cn("city-builder-board relative min-h-[600px] bg-background", className), gap: "none", children: [
+    /* @__PURE__ */ jsxs(
+      HStack,
+      {
+        className: "px-4 py-2 border-b border-border bg-surface",
+        gap: "lg",
+        align: "center",
+        children: [
+          /* @__PURE__ */ jsxs(HStack, { gap: "xs", align: "center", children: [
+            /* @__PURE__ */ jsx(Typography, { variant: "small", color: "muted", children: t("cb.gold") ?? "Gold" }),
+            /* @__PURE__ */ jsx(Typography, { variant: "body2", weight: "bold", className: "text-warning", children: gold })
+          ] }),
+          /* @__PURE__ */ jsxs(HStack, { gap: "xs", align: "center", children: [
+            /* @__PURE__ */ jsx(Typography, { variant: "small", color: "muted", children: t("cb.wood") ?? "Wood" }),
+            /* @__PURE__ */ jsx(Typography, { variant: "body2", weight: "bold", className: "text-success", children: wood })
+          ] }),
+          /* @__PURE__ */ jsxs(HStack, { gap: "xs", align: "center", children: [
+            /* @__PURE__ */ jsx(Typography, { variant: "small", color: "muted", children: t("cb.population") ?? "Population" }),
+            /* @__PURE__ */ jsx(Typography, { variant: "body2", weight: "bold", children: population })
+          ] }),
+          /* @__PURE__ */ jsx(HStack, { gap: "xs", align: "center", className: "ml-auto", children: buildTypes.map((b) => /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: b.type === pendingBuildType ? "primary" : "secondary",
+              size: "sm",
+              disabled: gold < b.cost || result !== "none",
+              onClick: () => handleSelectBuildType(b.type),
+              children: [
+                b.label,
+                " (",
+                b.cost,
+                ")"
+              ]
+            },
+            b.type
+          )) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(Box, { className: "relative flex-1", children: [
+      /* @__PURE__ */ jsx(
+        IsometricCanvas_default,
+        {
+          tiles: isoTiles,
+          features: buildingFeatures,
+          assetBaseUrl: assetManifest?.baseUrl,
+          assetManifest,
+          validMoves,
+          hoveredTile,
+          onTileClick: handleTileClick,
+          onTileHover: (x, y) => setHoveredTile({ x, y }),
+          onTileLeave: () => setHoveredTile(null),
+          scale,
+          unitScale,
+          spriteHeightRatio,
+          spriteMaxWidthRatio
+        }
+      ),
+      hoveredTile && canBuild && validMoves.some((m) => m.x === hoveredTile.x && m.y === hoveredTile.y) && /* @__PURE__ */ jsx(Box, { className: "absolute bottom-4 left-1/2 -translate-x-1/2 z-10 bg-background/80 rounded px-3 py-1 backdrop-blur-sm pointer-events-none", children: /* @__PURE__ */ jsx(Typography, { variant: "small", children: t("cb.placeBuilding") ?? `Build ${pendingBuildType} (${pendingCost} gold)` }) })
+    ] }),
+    result !== "none" && /* @__PURE__ */ jsx(Box, { className: "absolute inset-0 z-50 flex items-center justify-center bg-background/70 backdrop-blur-sm", children: /* @__PURE__ */ jsxs(VStack, { className: "text-center p-8", gap: "lg", children: [
+      /* @__PURE__ */ jsx(
+        Typography,
+        {
+          variant: "h2",
+          className: cn(
+            "text-4xl font-black tracking-widest uppercase",
+            result === "won" ? "text-warning" : "text-error"
+          ),
+          children: result === "won" ? t("cb.victory") ?? "City Thrives!" : t("cb.defeat") ?? "City Collapsed!"
+        }
+      ),
+      /* @__PURE__ */ jsx(Typography, { variant: "body1", className: "text-muted-foreground", children: result === "won" ? t("cb.reachedGoal") ?? `Your city reached a population of ${population}.` : t("cb.bankrupt") ?? "Your city ran out of resources." })
+    ] }) })
+  ] });
+}
+var CB_GRID_W, CB_GRID_H, DEFAULT_BUILD_TYPES, DEFAULT_CB_TILES;
+var init_CityBuilderBoard = __esm({
+  "components/game/organisms/CityBuilderBoard.tsx"() {
+    "use client";
+    init_cn();
+    init_useEventBus();
+    init_Box();
+    init_Button();
+    init_Typography();
+    init_Stack();
+    init_IsometricCanvas();
+    init_boardEntity();
+    CB_GRID_W = 12;
+    CB_GRID_H = 12;
+    DEFAULT_BUILD_TYPES = [
+      { type: "house", label: "House", cost: 20 },
+      { type: "farm", label: "Farm", cost: 15 },
+      { type: "mine", label: "Mine", cost: 25 },
+      { type: "barracks", label: "Barracks", cost: 40 }
+    ];
+    DEFAULT_CB_TILES = buildDefaultCBTiles();
+    CityBuilderBoard.displayName = "CityBuilderBoard";
+  }
+});
+function isEntityRow2(value) {
+  return value != null && typeof value === "object" && !Array.isArray(value);
+}
+function CityBuilderTemplate({
+  entity,
+  title = "City Builder",
+  tiles,
+  buildings,
+  buildTypes,
+  pendingBuildType,
+  assetManifest,
+  gold,
+  wood,
+  population,
+  result,
+  scale,
+  unitScale,
+  selectBuildTypeEvent,
+  placeBuildingEvent,
+  gameEndEvent,
+  className
+}) {
+  const resolved = isEntityRow2(entity) ? entity : void 0;
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      display: "flex",
+      fullHeight: true,
+      className: cn("city-builder-template flex-col", className),
+      children: [
+        /* @__PURE__ */ jsx(
+          HStack,
+          {
+            gap: "sm",
+            align: "center",
+            className: "px-4 py-3 border-b-2 border-border bg-surface shrink-0",
+            children: /* @__PURE__ */ jsx(Typography, { variant: "h4", children: title })
+          }
+        ),
+        /* @__PURE__ */ jsx(Box, { className: "flex-1 relative overflow-hidden", children: /* @__PURE__ */ jsx(
+          CityBuilderBoard,
+          {
+            entity: resolved,
+            tiles,
+            buildings,
+            buildTypes,
+            pendingBuildType,
+            assetManifest,
+            gold,
+            wood,
+            population,
+            result,
+            scale,
+            unitScale,
+            selectBuildTypeEvent,
+            placeBuildingEvent,
+            gameEndEvent,
+            className: "h-full"
+          }
+        ) })
+      ]
+    }
+  );
+}
+var init_CityBuilderTemplate = __esm({
+  "components/game/templates/CityBuilderTemplate.tsx"() {
+    init_cn();
+    init_Box();
+    init_Stack();
+    init_Typography();
+    init_CityBuilderBoard();
+    CityBuilderTemplate.displayName = "CityBuilderTemplate";
+  }
+});
 function ClassifierBoard({
   entity,
   completeEvent = "PUZZLE_COMPLETE",
@@ -20915,7 +21602,7 @@ function CraftingRecipe({
   className
 }) {
   const eventBus = useEventBus();
-  const handleCraft = React76.useCallback(() => {
+  const handleCraft = React79.useCallback(() => {
     onCraft?.();
     if (craftEvent) {
       eventBus.emit(craftEvent, { output: output.label });
@@ -20932,7 +21619,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(React76.Fragment, { children: [
+          return /* @__PURE__ */ jsxs(React79.Fragment, { children: [
             /* @__PURE__ */ jsx(Box, { className: "relative", children: /* @__PURE__ */ jsx(
               ItemSlot,
               {
@@ -21004,8 +21691,8 @@ function DPad({
 }) {
   const eventBus = useEventBus();
   const sizes = sizeMap6[size];
-  const [activeDirections, setActiveDirections] = React76.useState(/* @__PURE__ */ new Set());
-  const handlePress = React76.useCallback(
+  const [activeDirections, setActiveDirections] = React79.useState(/* @__PURE__ */ new Set());
+  const handlePress = React79.useCallback(
     (direction) => {
       setActiveDirections((prev) => new Set(prev).add(direction));
       if (directionEvent) eventBus.emit(`UI:${directionEvent}`, { direction, pressed: true });
@@ -21013,7 +21700,7 @@ function DPad({
     },
     [directionEvent, eventBus, onDirection]
   );
-  const handleRelease = React76.useCallback(
+  const handleRelease = React79.useCallback(
     (direction) => {
       setActiveDirections((prev) => {
         const next = new Set(prev);
@@ -21884,8 +22571,8 @@ var init_Menu = __esm({
         "bottom-end": "bottom-start"
       };
       const effectivePosition = direction === "rtl" ? rtlMirror[position] ?? position : position;
-      const triggerChild = React76__default.isValidElement(trigger) ? trigger : /* @__PURE__ */ jsx(Typography, { variant: "small", as: "span", children: trigger });
-      const triggerElement = React76__default.cloneElement(
+      const triggerChild = React79__default.isValidElement(trigger) ? trigger : /* @__PURE__ */ jsx(Typography, { variant: "small", as: "span", children: trigger });
+      const triggerElement = React79__default.cloneElement(
         triggerChild,
         {
           ref: triggerRef,
@@ -22019,14 +22706,14 @@ function useDataDnd(args) {
   const isZone = Boolean(dragGroup || accepts || sortable);
   const enabled = isZone || Boolean(dndRoot);
   const eventBus = useEventBus();
-  const parentRoot = React76__default.useContext(RootCtx);
+  const parentRoot = React79__default.useContext(RootCtx);
   const isRoot = enabled && parentRoot === null;
-  const zoneId = React76__default.useId();
+  const zoneId = React79__default.useId();
   const ownGroup = dragGroup ?? accepts ?? zoneId;
-  const [optimisticOrders, setOptimisticOrders] = React76__default.useState(() => /* @__PURE__ */ new Map());
-  const optimisticOrdersRef = React76__default.useRef(optimisticOrders);
+  const [optimisticOrders, setOptimisticOrders] = React79__default.useState(() => /* @__PURE__ */ new Map());
+  const optimisticOrdersRef = React79__default.useRef(optimisticOrders);
   optimisticOrdersRef.current = optimisticOrders;
-  const clearOptimisticOrder = React76__default.useCallback((group) => {
+  const clearOptimisticOrder = React79__default.useCallback((group) => {
     setOptimisticOrders((prev) => {
       if (!prev.has(group)) return prev;
       const next = new Map(prev);
@@ -22051,7 +22738,7 @@ function useDataDnd(args) {
     const raw = it[dndItemIdField];
     return String(raw ?? `__idx_${idx}`);
   }).join("|");
-  const itemIds = React76__default.useMemo(
+  const itemIds = React79__default.useMemo(
     () => orderedItems.map((it, idx) => {
       const raw = it[dndItemIdField];
       return raw ?? `__idx_${idx}`;
@@ -22059,7 +22746,7 @@ function useDataDnd(args) {
     [itemIdsSignature]
   );
   const itemsContentSig = items.map((it, idx) => String(it[dndItemIdField] ?? `__${idx}`)).join("|");
-  React76__default.useEffect(() => {
+  React79__default.useEffect(() => {
     const root = isRoot ? null : parentRoot;
     if (root) {
       root.clearOptimisticOrder(ownGroup);
@@ -22067,20 +22754,20 @@ function useDataDnd(args) {
       clearOptimisticOrder(ownGroup);
     }
   }, [itemsContentSig, ownGroup]);
-  const zonesRef = React76__default.useRef(/* @__PURE__ */ new Map());
-  const registerZone = React76__default.useCallback((zoneId2, meta2) => {
+  const zonesRef = React79__default.useRef(/* @__PURE__ */ new Map());
+  const registerZone = React79__default.useCallback((zoneId2, meta2) => {
     zonesRef.current.set(zoneId2, meta2);
   }, []);
-  const unregisterZone = React76__default.useCallback((zoneId2) => {
+  const unregisterZone = React79__default.useCallback((zoneId2) => {
     zonesRef.current.delete(zoneId2);
   }, []);
-  const [activeDrag, setActiveDrag] = React76__default.useState(null);
-  const [overZoneGroup, setOverZoneGroup] = React76__default.useState(null);
-  const meta = React76__default.useMemo(
+  const [activeDrag, setActiveDrag] = React79__default.useState(null);
+  const [overZoneGroup, setOverZoneGroup] = React79__default.useState(null);
+  const meta = React79__default.useMemo(
     () => ({ group: ownGroup, dropEvent, reorderEvent, positionEvent, itemIds, rawItems: items, idField: dndItemIdField }),
     [ownGroup, dropEvent, reorderEvent, positionEvent, itemIds, items, dndItemIdField]
   );
-  React76__default.useEffect(() => {
+  React79__default.useEffect(() => {
     const target = isRoot ? null : parentRoot;
     if (!target) {
       zonesRef.current.set(zoneId, meta);
@@ -22099,7 +22786,7 @@ function useDataDnd(args) {
   }, [parentRoot, isRoot, zoneId, meta]);
   const sensors = useAlmadarDndSensors(true);
   const collisionDetection = almadarDndCollisionDetection;
-  const findZoneByItem = React76__default.useCallback(
+  const findZoneByItem = React79__default.useCallback(
     (id) => {
       for (const z of zonesRef.current.values()) {
         if (z.itemIds.includes(id)) return z;
@@ -22108,7 +22795,7 @@ function useDataDnd(args) {
     },
     []
   );
-  React76__default.useCallback(
+  React79__default.useCallback(
     (group) => {
       for (const z of zonesRef.current.values()) {
         if (z.group === group) return z;
@@ -22117,7 +22804,7 @@ function useDataDnd(args) {
     },
     []
   );
-  const handleDragEnd = React76__default.useCallback(
+  const handleDragEnd = React79__default.useCallback(
     (event) => {
       const { active, over } = event;
       const activeIdStr = String(active.id);
@@ -22208,8 +22895,8 @@ function useDataDnd(args) {
     },
     [eventBus]
   );
-  const sortableData = React76__default.useMemo(() => ({ dndGroup: ownGroup }), [ownGroup]);
-  const SortableItem = React76__default.useCallback(
+  const sortableData = React79__default.useMemo(() => ({ dndGroup: ownGroup }), [ownGroup]);
+  const SortableItem = React79__default.useCallback(
     ({ id, children }) => {
       const {
         attributes,
@@ -22249,7 +22936,7 @@ function useDataDnd(args) {
       id: droppableId,
       data: sortableData
     });
-    const ctx = React76__default.useContext(RootCtx);
+    const ctx = React79__default.useContext(RootCtx);
     const activeDrag2 = ctx?.activeDrag ?? null;
     const overZoneGroup2 = ctx?.overZoneGroup ?? null;
     const isThisZoneOver = overZoneGroup2 === ownGroup;
@@ -22264,7 +22951,7 @@ function useDataDnd(args) {
       showForeignPlaceholder,
       ctxAvailable: ctx != null
     });
-    React76__default.useEffect(() => {
+    React79__default.useEffect(() => {
       dndLog.info("dropzone:isOver:change", { droppableId, group: ownGroup, isOver, isThisZoneOver, showForeignPlaceholder, activeDragSourceGroup: activeDrag2?.sourceGroup ?? null });
     }, [droppableId, isOver, isThisZoneOver, showForeignPlaceholder]);
     return /* @__PURE__ */ jsx(
@@ -22278,11 +22965,11 @@ function useDataDnd(args) {
       }
     );
   };
-  const rootContextValue = React76__default.useMemo(
+  const rootContextValue = React79__default.useMemo(
     () => ({ registerZone, unregisterZone, activeDrag, overZoneGroup, optimisticOrders, clearOptimisticOrder }),
     [registerZone, unregisterZone, activeDrag, overZoneGroup, optimisticOrders, clearOptimisticOrder]
   );
-  const handleDragStart = React76__default.useCallback((event) => {
+  const handleDragStart = React79__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;
@@ -22301,7 +22988,7 @@ function useDataDnd(args) {
       isRoot
     });
   }, [findZoneByItem, isRoot, zoneId]);
-  const handleDragOver = React76__default.useCallback((event) => {
+  const handleDragOver = React79__default.useCallback((event) => {
     const { active, over } = event;
     const overData = over?.data?.current;
     const overGroup = overData?.dndGroup ?? null;
@@ -22371,7 +23058,7 @@ function useDataDnd(args) {
       return next;
     });
   }, []);
-  const handleDragCancel = React76__default.useCallback((event) => {
+  const handleDragCancel = React79__default.useCallback((event) => {
     setActiveDrag(null);
     setOverZoneGroup(null);
     dndLog.warn("dragCancel", {
@@ -22379,12 +23066,12 @@ function useDataDnd(args) {
       reason: "dnd-kit cancelled the drag (escape key, pointer interrupted, or external)"
     });
   }, []);
-  const handleDragEndWithCleanup = React76__default.useCallback((event) => {
+  const handleDragEndWithCleanup = React79__default.useCallback((event) => {
     handleDragEnd(event);
     setActiveDrag(null);
     setOverZoneGroup(null);
   }, [handleDragEnd]);
-  const wrapContainer = React76__default.useCallback(
+  const wrapContainer = React79__default.useCallback(
     (children) => {
       if (!enabled) return children;
       const strategy = layout === "grid" ? rectSortingStrategy : verticalListSortingStrategy;
@@ -22438,7 +23125,7 @@ var init_useDataDnd = __esm({
     init_useAlmadarDndCollision();
     init_Box();
     dndLog = createLogger("almadar:ui:dnd");
-    RootCtx = React76__default.createContext(null);
+    RootCtx = React79__default.createContext(null);
   }
 });
 function renderIconInput(icon, props) {
@@ -22964,7 +23651,7 @@ function DataList({
 }) {
   const eventBus = useEventBus();
   const { t } = useTranslate();
-  const [visibleCount, setVisibleCount] = React76__default.useState(pageSize || Infinity);
+  const [visibleCount, setVisibleCount] = React79__default.useState(pageSize || Infinity);
   const fieldDefs = fields ?? columns ?? [];
   const allDataRaw = Array.isArray(entity) ? entity : entity ? [entity] : [];
   const dnd = useDataDnd({
@@ -22983,7 +23670,7 @@ function DataList({
   const data = pageSize > 0 ? allData.slice(0, visibleCount) : allData;
   const hasMoreLocal = pageSize > 0 && visibleCount < allData.length;
   const hasRenderProp = typeof children === "function";
-  React76__default.useEffect(() => {
+  React79__default.useEffect(() => {
     const renderItemTypeOf = typeof schemaRenderItem;
     const childrenTypeOf = typeof children;
     if (data.length > 0 && !hasRenderProp) {
@@ -23088,7 +23775,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(React76__default.Fragment, { children: [
+    return /* @__PURE__ */ jsx(VStack, { gap: "sm", className: cn("py-2", className), children: groups2.map((group, gi) => /* @__PURE__ */ jsxs(React79__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}`;
@@ -23229,7 +23916,7 @@ function DataList({
           className
         ),
         children: [
-          groups.map((group, gi) => /* @__PURE__ */ jsxs(React76__default.Fragment, { children: [
+          groups.map((group, gi) => /* @__PURE__ */ jsxs(React79__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)
@@ -23336,8 +24023,8 @@ function ScalarControl({
   }
   const numeric = typeof value === "number";
   const initial = value === null ? "" : String(value);
-  const [draft, setDraft] = React76__default.useState(initial);
-  React76__default.useEffect(() => setDraft(initial), [initial]);
+  const [draft, setDraft] = React79__default.useState(initial);
+  React79__default.useEffect(() => setDraft(initial), [initial]);
   const commit = () => {
     if (numeric) {
       const n = draft.trim() === "" ? 0 : Number(draft);
@@ -23405,8 +24092,8 @@ function Row({
   onRemove,
   readonly
 }) {
-  const [keyDraft, setKeyDraft] = React76__default.useState(rowKey);
-  React76__default.useEffect(() => setKeyDraft(rowKey), [rowKey]);
+  const [keyDraft, setKeyDraft] = React79__default.useState(rowKey);
+  React79__default.useEffect(() => setKeyDraft(rowKey), [rowKey]);
   const container = isObj(value) || isArr(value);
   return /* @__PURE__ */ jsxs(VStack, { gap: "none", className: "group w-max min-w-full", children: [
     /* @__PURE__ */ jsxs(HStack, { gap: "xs", align: "center", className: "py-0.5 w-max", children: [
@@ -23449,7 +24136,7 @@ function ContainerNode({
   depth,
   readonly
 }) {
-  const [open, setOpen] = React76__default.useState(depth < 2);
+  const [open, setOpen] = React79__default.useState(depth < 2);
   const array = isArr(value);
   const entries = array ? value.map((v, i) => [String(i), v]) : Object.entries(value);
   const setObjValue = (key, next) => {
@@ -23591,7 +24278,7 @@ var init_FormSection = __esm({
       columns = 1,
       className
     }) => {
-      const [collapsed, setCollapsed] = React76__default.useState(defaultCollapsed);
+      const [collapsed, setCollapsed] = React79__default.useState(defaultCollapsed);
       const { t } = useTranslate();
       const eventBus = useEventBus();
       const gridClass = {
@@ -23599,7 +24286,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];
-      React76__default.useCallback(() => {
+      React79__default.useCallback(() => {
         if (collapsible) {
           setCollapsed((prev) => !prev);
           eventBus.emit("UI:TOGGLE_COLLAPSE", { collapsed: !collapsed });
@@ -24007,8 +24694,8 @@ function TextLikeControl({
   onCommit
 }) {
   const initial = value === void 0 || value === null ? "" : String(value);
-  const [draft, setDraft] = React76__default.useState(initial);
-  React76__default.useEffect(() => setDraft(initial), [initial]);
+  const [draft, setDraft] = React79__default.useState(initial);
+  React79__default.useEffect(() => setDraft(initial), [initial]);
   const commit = () => {
     if (numeric) {
       const n = draft.trim() === "" ? 0 : Number(draft);
@@ -24174,14 +24861,14 @@ var init_NodeSlotEditor = __esm({
     isObj2 = (v) => v !== null && v !== void 0 && typeof v === "object" && !Array.isArray(v);
     NodeSlotEditor = ({ value, onChange, className }) => {
       const { type, props, wasArray } = normalize(value);
-      const patterns = React76__default.useMemo(() => {
+      const patterns = React79__default.useMemo(() => {
         try {
           return [...getKnownPatterns()].sort();
         } catch {
           return [];
         }
       }, []);
-      const options = React76__default.useMemo(
+      const options = React79__default.useMemo(
         () => [{ value: "", label: "\u2014 none \u2014" }, ...patterns.map((p2) => ({ value: p2, label: p2 }))],
         [patterns]
       );
@@ -24193,7 +24880,7 @@ var init_NodeSlotEditor = __esm({
         const pattern = { type: nextType, ...nextProps };
         onChange(wasArray || value === void 0 ? [pattern] : pattern);
       };
-      const schemaEntries = React76__default.useMemo(() => {
+      const schemaEntries = React79__default.useMemo(() => {
         if (!type) return [];
         const def = getPatternDefinition(type);
         if (!def?.propsSchema) return [];
@@ -25087,7 +25774,7 @@ var init_Grid = __esm({
       as: Component2 = "div"
     }) => {
       const mergedStyle = rows2 ? { gridTemplateRows: `repeat(${rows2}, minmax(0, 1fr))`, ...style } : style;
-      return React76__default.createElement(
+      return React79__default.createElement(
         Component2,
         {
           className: cn(
@@ -25275,8 +25962,8 @@ var init_Popover = __esm({
         onMouseEnter: handleOpen,
         onMouseLeave: handleClose
       };
-      const childElement = React76__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
-      const triggerElement = React76__default.cloneElement(
+      const childElement = React79__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
+      const triggerElement = React79__default.cloneElement(
         childElement,
         {
           ref: triggerRef,
@@ -26116,8 +26803,8 @@ var init_Tooltip = __esm({
           if (hideTimeoutRef.current) clearTimeout(hideTimeoutRef.current);
         };
       }, []);
-      const triggerElement = React76__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
-      const trigger = React76__default.cloneElement(triggerElement, {
+      const triggerElement = React79__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
+      const trigger = React79__default.cloneElement(triggerElement, {
         ref: triggerRef,
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
@@ -26203,7 +26890,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(React76__default.Fragment, { children: [
+            return /* @__PURE__ */ jsxs(React79__default.Fragment, { children: [
               /* @__PURE__ */ jsx(
                 "button",
                 {
@@ -27248,9 +27935,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] = React76.useState(resolvedValue);
-  const [isAnimating, setIsAnimating] = React76.useState(false);
-  React76.useEffect(() => {
+  const [displayValue, setDisplayValue] = React79.useState(resolvedValue);
+  const [isAnimating, setIsAnimating] = React79.useState(false);
+  React79.useEffect(() => {
     if (!animated || displayValue === resolvedValue) {
       setDisplayValue(resolvedValue);
       return;
@@ -27318,7 +28005,7 @@ var init_ScoreDisplay = __esm({
   }
 });
 function StatBadge({
-  assetUrl = DEFAULT_ASSET_URL7,
+  assetUrl,
   label,
   value = 0,
   max,
@@ -27385,7 +28072,7 @@ function StatBadge({
     }
   );
 }
-var sizeMap11, variantMap2, DEFAULT_ASSET_URL7;
+var sizeMap11, variantMap2;
 var init_StatBadge = __esm({
   "components/game/molecules/StatBadge.tsx"() {
     init_cn();
@@ -27404,7 +28091,6 @@ var init_StatBadge = __esm({
       warning: "bg-warning/15 border-warning/40 text-foreground",
       danger: "bg-error/15 border-error/40 text-foreground"
     };
-    DEFAULT_ASSET_URL7 = "https://almadar-kflow-assets.web.app/shared/effects/particles/light_01.png";
     StatBadge.displayName = "StatBadge";
   }
 });
@@ -27421,7 +28107,7 @@ function InventoryGrid({
   const eventBus = useEventBus();
   const slotCount = totalSlots ?? items.length;
   const emptySlotCount = Math.max(0, slotCount - items.length);
-  const handleSelect = React76.useCallback(
+  const handleSelect = React79.useCallback(
     (id) => {
       onSelect?.(id);
       if (selectEvent) {
@@ -27488,7 +28174,7 @@ var init_InventoryGrid = __esm({
   }
 });
 function WaypointMarker({
-  assetUrl = DEFAULT_ASSET_URL8,
+  assetUrl = DEFAULT_ASSET_URL7,
   label,
   icon,
   active = true,
@@ -27554,12 +28240,12 @@ function WaypointMarker({
     )
   ] });
 }
-var DEFAULT_ASSET_URL8, sizeMap12, checkIcon;
+var DEFAULT_ASSET_URL7, sizeMap12, checkIcon;
 var init_WaypointMarker = __esm({
   "components/game/atoms/WaypointMarker.tsx"() {
     init_cn();
     init_Icon();
-    DEFAULT_ASSET_URL8 = "https://almadar-kflow-assets.web.app/shared/world-map/battle_marker.png";
+    DEFAULT_ASSET_URL7 = "https://almadar-kflow-assets.web.app/shared/world-map/battle_marker.png";
     sizeMap12 = {
       sm: { dot: "w-4 h-4", ring: "w-6 h-6", label: "text-xs mt-1", img: 12 },
       md: { dot: "w-6 h-6", ring: "w-8 h-8", label: "text-sm mt-1.5", img: 18 },
@@ -27734,35 +28420,37 @@ function GameCanvas2D({
   drawEvent,
   fps = 60,
   backgroundImage = "",
-  assetBaseUrl = "https://almadar-kflow-assets.web.app/shared/",
+  assetBaseUrl,
   className
 }) {
-  const canvasRef = React76.useRef(null);
-  const rafRef = React76.useRef(0);
-  const frameRef = React76.useRef(0);
-  const lastTimeRef = React76.useRef(0);
-  const imageCache = React76.useRef(/* @__PURE__ */ new Map());
+  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 emit = useEmitEvent();
-  const onDrawRef = React76.useRef(onDraw);
+  const onDrawRef = React79.useRef(onDraw);
   onDrawRef.current = onDraw;
-  const onTickRef = React76.useRef(onTick);
+  const onTickRef = React79.useRef(onTick);
   onTickRef.current = onTick;
-  const tickEventRef = React76.useRef(tickEvent);
+  const tickEventRef = React79.useRef(tickEvent);
   tickEventRef.current = tickEvent;
-  const drawEventRef = React76.useRef(drawEvent);
+  const drawEventRef = React79.useRef(drawEvent);
   drawEventRef.current = drawEvent;
-  const emitRef = React76.useRef(emit);
+  const emitRef = React79.useRef(emit);
   emitRef.current = emit;
-  const assetBaseUrlRef = React76.useRef(assetBaseUrl);
+  const assetBaseUrlRef = React79.useRef(assetBaseUrl);
   assetBaseUrlRef.current = assetBaseUrl;
-  const backgroundImageRef = React76.useRef(backgroundImage);
+  const backgroundImageRef = React79.useRef(backgroundImage);
   backgroundImageRef.current = backgroundImage;
-  const widthRef = React76.useRef(width);
+  const widthRef = React79.useRef(width);
   widthRef.current = width;
-  const heightRef = React76.useRef(height);
+  const heightRef = React79.useRef(height);
   heightRef.current = height;
-  const loadImage = React76.useCallback((url) => {
-    const fullUrl = url.startsWith("http") ? url : `${assetBaseUrlRef.current}${url}`;
+  const loadImage = React79.useCallback((url) => {
+    const base = assetBaseUrlRef.current;
+    if (!url.startsWith("http") && !base) return null;
+    const fullUrl = url.startsWith("http") ? url : `${base}${url}`;
     const cached = imageCache.current.get(fullUrl);
     if (cached?.complete && cached.naturalWidth > 0) return cached;
     if (!cached) {
@@ -27773,7 +28461,7 @@ function GameCanvas2D({
     }
     return null;
   }, []);
-  React76.useEffect(() => {
+  React79.useEffect(() => {
     const canvas = canvasRef.current;
     if (!canvas) return;
     const ctx = canvas.getContext("2d");
@@ -28077,7 +28765,7 @@ var init_ResourceBar = __esm({
   }
 });
 function TurnIndicator({
-  assetUrl = DEFAULT_ASSET_URL9,
+  assetUrl = DEFAULT_ASSET_URL8,
   currentTurn = 1,
   maxTurns,
   activeTeam,
@@ -28127,7 +28815,7 @@ function TurnIndicator({
     }
   );
 }
-var sizeMap14, DEFAULT_ASSET_URL9;
+var sizeMap14, DEFAULT_ASSET_URL8;
 var init_TurnIndicator = __esm({
   "components/game/atoms/TurnIndicator.tsx"() {
     init_cn();
@@ -28136,7 +28824,7 @@ var init_TurnIndicator = __esm({
       md: { wrapper: "text-sm gap-2 px-3 py-1", dot: "w-2 h-2" },
       lg: { wrapper: "text-base gap-2.5 px-4 py-1.5", dot: "w-2.5 h-2.5" }
     };
-    DEFAULT_ASSET_URL9 = "https://almadar-kflow-assets.web.app/shared/effects/particles/symbol_01.png";
+    DEFAULT_ASSET_URL8 = "https://almadar-kflow-assets.web.app/shared/effects/particles/symbol_01.png";
     TurnIndicator.displayName = "TurnIndicator";
   }
 });
@@ -28149,7 +28837,7 @@ function TurnPanel({
   className
 }) {
   const eventBus = useEventBus();
-  const handleAction = React76.useCallback(
+  const handleAction = React79.useCallback(
     (event) => {
       if (event) {
         eventBus.emit(event, { turn: currentTurn, phase, activeTeam });
@@ -28207,7 +28895,7 @@ var init_TurnPanel = __esm({
   }
 });
 function EnemyPlate({
-  assetUrl = DEFAULT_ASSET_URL10,
+  assetUrl,
   name = "Shadow Guard",
   health = 80,
   maxHealth = 100,
@@ -28291,7 +28979,7 @@ function EnemyPlate({
     }
   );
 }
-var effectVariantMap2, DEFAULT_ENEMY_EFFECTS, DEFAULT_ASSET_URL10;
+var effectVariantMap2, DEFAULT_ENEMY_EFFECTS;
 var init_EnemyPlate = __esm({
   "components/game/molecules/EnemyPlate.tsx"() {
     "use client";
@@ -28308,7 +28996,6 @@ var init_EnemyPlate = __esm({
     DEFAULT_ENEMY_EFFECTS = [
       { icon: "flame", label: "Burn", variant: "debuff" }
     ];
-    DEFAULT_ASSET_URL10 = "https://almadar-kflow-assets.web.app/shared/portraits/shadow-legion.png";
     EnemyPlate.displayName = "EnemyPlate";
   }
 });
@@ -28318,7 +29005,7 @@ function UnitCommandBar({
   className
 }) {
   const eventBus = useEventBus();
-  const handleCommand = React76.useCallback(
+  const handleCommand = React79.useCallback(
     (event) => {
       if (event) {
         eventBus.emit(event, { unitId: selectedUnitId });
@@ -28459,6 +29146,9 @@ function DialogueBox({
   completeEvent,
   choiceEvent,
   advanceEvent,
+  backgroundImage,
+  portraitUrl,
+  portraitScale = 1,
   className
 }) {
   const eventBus = useEventBus();
@@ -28574,64 +29264,98 @@ function DialogueBox({
     }
   }, [isTyping, skipTypewriter, dialogue.choices, selectedChoice, onChoice, onAdvance, choiceEvent, advanceEvent, eventBus]);
   const enabledChoices = dialogue.choices?.filter((c) => !c.disabled) ?? [];
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "fixed left-0 right-0 z-40",
-        position === "top" ? "top-0" : "bottom-0",
-        className
-      ),
-      onClick: handleClick,
-      onKeyDown: handleKeyDown,
-      tabIndex: 0,
-      role: "dialog",
-      "aria-label": "Dialogue",
-      children: /* @__PURE__ */ jsx("div", { className: "mx-4 my-4 bg-[var(--color-card)] bg-opacity-95 border-2 border-border rounded-container overflow-hidden", children: /* @__PURE__ */ jsxs("div", { className: "flex", children: [
-        dialogue.portrait && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 p-4 border-r border-border", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    backgroundImage && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "fixed inset-0 z-20 bg-center bg-cover bg-no-repeat",
+        style: { backgroundImage: `url(${backgroundImage})` },
+        "aria-hidden": "true"
+      }
+    ),
+    portraitUrl && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "fixed left-1/2 -translate-x-1/2 z-30 pointer-events-none flex items-end",
+          position === "top" ? "top-0" : "bottom-0"
+        ),
+        style: { height: `${60 * portraitScale}vh` },
+        children: /* @__PURE__ */ jsx(
           "img",
           {
-            src: dialogue.portrait,
+            src: portraitUrl,
             alt: dialogue.speaker,
-            className: "w-24 h-24 object-contain",
-            style: { imageRendering: "pixelated" }
+            className: "h-full w-auto object-contain drop-shadow-2xl"
           }
-        ) }),
-        /* @__PURE__ */ jsxs("div", { className: "flex-1 p-4", children: [
-          /* @__PURE__ */ jsx("div", { className: "text-warning font-bold mb-2", children: dialogue.speaker }),
-          /* @__PURE__ */ jsxs("div", { className: "text-[var(--color-foreground)] text-lg leading-relaxed min-h-[60px]", children: [
-            displayedText,
-            isTyping && /* @__PURE__ */ jsx("span", { className: "animate-pulse", children: "\u258C" })
-          ] }),
-          !isTyping && enabledChoices.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-4 space-y-2", children: enabledChoices.map((choice, index) => /* @__PURE__ */ jsxs(
-            "button",
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "fixed left-0 right-0 z-40",
+          position === "top" ? "top-0" : "bottom-0",
+          className
+        ),
+        onClick: handleClick,
+        onKeyDown: handleKeyDown,
+        tabIndex: 0,
+        role: "dialog",
+        "aria-label": "Dialogue",
+        children: /* @__PURE__ */ jsx("div", { className: cn(
+          "mx-4 my-4 border-2 rounded-container overflow-hidden",
+          backgroundImage ? "bg-black/80 backdrop-blur-sm text-white border-white/20" : "bg-[var(--color-card)] bg-opacity-95 border-border"
+        ), children: /* @__PURE__ */ jsxs("div", { className: "flex", children: [
+          dialogue.portrait && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 p-4 border-r border-border", children: /* @__PURE__ */ jsx(
+            "img",
             {
-              type: "button",
-              className: cn(
-                "block w-full text-left px-4 py-2 rounded-interactive transition-colors",
-                "hover:bg-[var(--color-surface,#374151)] focus:outline-none focus:ring-2 focus:ring-warning",
-                selectedChoice === index ? "bg-[var(--color-surface,#374151)] text-warning" : "bg-[var(--color-card)] text-[var(--color-foreground)]"
-              ),
-              onClick: (e) => {
-                e.stopPropagation();
-                if (choiceEvent) eventBus.emit(`UI:${choiceEvent}`, { choice });
-                onChoice?.(choice);
+              src: dialogue.portrait,
+              alt: dialogue.speaker,
+              className: "w-24 h-24 object-contain",
+              style: { imageRendering: "pixelated" }
+            }
+          ) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex-1 p-4", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-warning font-bold mb-2", children: dialogue.speaker }),
+            /* @__PURE__ */ jsxs("div", { className: cn(
+              "text-lg leading-relaxed min-h-[60px]",
+              backgroundImage ? "text-white" : "text-[var(--color-foreground)]"
+            ), children: [
+              displayedText,
+              isTyping && /* @__PURE__ */ jsx("span", { className: "animate-pulse", children: "\u258C" })
+            ] }),
+            !isTyping && enabledChoices.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-4 space-y-2", children: enabledChoices.map((choice, index) => /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                className: cn(
+                  "block w-full text-left px-4 py-2 rounded-interactive transition-colors",
+                  "hover:bg-[var(--color-surface,#374151)] focus:outline-none focus:ring-2 focus:ring-warning",
+                  selectedChoice === index ? "bg-[var(--color-surface,#374151)] text-warning" : backgroundImage ? "bg-white/10 text-white hover:bg-white/20" : "bg-[var(--color-card)] text-[var(--color-foreground)]"
+                ),
+                onClick: (e) => {
+                  e.stopPropagation();
+                  if (choiceEvent) eventBus.emit(`UI:${choiceEvent}`, { choice });
+                  onChoice?.(choice);
+                },
+                children: [
+                  /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground mr-2", children: [
+                    index + 1,
+                    "."
+                  ] }),
+                  choice.text
+                ]
               },
-              children: [
-                /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground mr-2", children: [
-                  index + 1,
-                  "."
-                ] }),
-                choice.text
-              ]
-            },
-            index
-          )) }),
-          !isTyping && !dialogue.choices?.length && /* @__PURE__ */ jsx("div", { className: "mt-4 text-muted-foreground text-sm animate-pulse", children: "Press SPACE or click to continue..." })
-        ] })
-      ] }) })
-    }
-  );
+              index
+            )) }),
+            !isTyping && !dialogue.choices?.length && /* @__PURE__ */ jsx("div", { className: "mt-4 text-muted-foreground text-sm animate-pulse", children: "Press SPACE or click to continue..." })
+          ] })
+        ] }) })
+      }
+    )
+  ] });
 }
 var DEFAULT_DIALOGUE;
 var init_DialogueBox = __esm({
@@ -28832,7 +29556,7 @@ function GameMenu({
   } catch {
   }
   const eventBus = eventBusProp || eventBusFromHook;
-  const handleOptionClick = React76.useCallback(
+  const handleOptionClick = React79.useCallback(
     (option) => {
       if (option.event && eventBus) {
         eventBus.emit(`UI:${option.event}`, { option });
@@ -28951,7 +29675,7 @@ function GameOverScreen({
   } catch {
   }
   const eventBus = eventBusProp || eventBusFromHook;
-  const handleActionClick = React76.useCallback(
+  const handleActionClick = React79.useCallback(
     (action) => {
       if (action.event && eventBus) {
         eventBus.emit(`UI:${action.event}`, { action });
@@ -29158,10 +29882,10 @@ function PlatformerCanvas({
   canvasHeight = 400,
   followCamera = true,
   bgColor = "#5c94fc",
-  playerSprite = "https://almadar-kflow-assets.web.app/shared/platformer/characters/platformChar_idle.png",
+  playerSprite,
   tileSprites,
   backgroundImage = "",
-  assetBaseUrl = "https://almadar-kflow-assets.web.app/shared/platformer/",
+  assetBaseUrl,
   leftEvent = "MOVE_LEFT",
   rightEvent = "MOVE_RIGHT",
   jumpEvent = "JUMP",
@@ -29175,6 +29899,7 @@ function PlatformerCanvas({
   const imageCache = useRef(/* @__PURE__ */ new Map());
   const [loadedImages, setLoadedImages] = useState(/* @__PURE__ */ new Set());
   const loadImage = useCallback((url) => {
+    if (!url.startsWith("http") && !assetBaseUrl) return null;
     const fullUrl = url.startsWith("http") ? url : `${assetBaseUrl}${url}`;
     const cached = imageCache.current.get(fullUrl);
     if (cached?.complete && cached.naturalWidth > 0) {
@@ -29513,6 +30238,7 @@ var init_molecules = __esm({
     init_ActionButtons();
     init_StatBadge();
     init_InventoryGrid();
+    init_CardHand();
     init_QuestTracker();
     init_CraftingRecipe();
     init_PowerupSlots();
@@ -29895,13 +30621,13 @@ var init_MapView = __esm({
         shadowSize: [41, 41]
       });
       L.Marker.prototype.options.icon = defaultIcon;
-      const { useEffect: useEffect81, useRef: useRef78, useCallback: useCallback120, useState: useState110 } = React76__default;
+      const { useEffect: useEffect82, useRef: useRef81, useCallback: useCallback125, useState: useState111 } = React79__default;
       const { Typography: Typography2 } = await Promise.resolve().then(() => (init_Typography(), Typography_exports));
       const { useEventBus: useEventBus3 } = await Promise.resolve().then(() => (init_useEventBus(), useEventBus_exports));
       function MapUpdater({ centerLat, centerLng, zoom }) {
         const map = useMap();
-        const prevRef = useRef78({ centerLat, centerLng, zoom });
-        useEffect81(() => {
+        const prevRef = useRef81({ centerLat, centerLng, zoom });
+        useEffect82(() => {
           const prev = prevRef.current;
           if (prev.centerLat !== centerLat || prev.centerLng !== centerLng || prev.zoom !== zoom) {
             map.setView([centerLat, centerLng], zoom);
@@ -29912,7 +30638,7 @@ var init_MapView = __esm({
       }
       function MapClickHandler({ onMapClick }) {
         const map = useMap();
-        useEffect81(() => {
+        useEffect82(() => {
           if (!onMapClick) return;
           const handler = (e) => {
             onMapClick(e.latlng.lat, e.latlng.lng);
@@ -29940,8 +30666,8 @@ var init_MapView = __esm({
         showAttribution = true
       }) {
         const eventBus = useEventBus3();
-        const [clickedPosition, setClickedPosition] = useState110(null);
-        const handleMapClick = useCallback120((lat, lng) => {
+        const [clickedPosition, setClickedPosition] = useState111(null);
+        const handleMapClick = useCallback125((lat, lng) => {
           if (showClickedPin) {
             setClickedPosition({ lat, lng });
           }
@@ -29950,7 +30676,7 @@ var init_MapView = __esm({
             eventBus.emit(`UI:${mapClickEvent}`, { latitude: lat, longitude: lng });
           }
         }, [onMapClick, mapClickEvent, eventBus, showClickedPin]);
-        const handleMarkerClick = useCallback120((marker) => {
+        const handleMarkerClick = useCallback125((marker) => {
           onMarkerClick?.(marker);
           if (markerClickEvent) {
             eventBus.emit(`UI:${markerClickEvent}`, { ...marker });
@@ -30801,8 +31527,8 @@ function TableView({
 }) {
   const eventBus = useEventBus();
   const { t } = useTranslate();
-  const [visibleCount, setVisibleCount] = React76__default.useState(pageSize > 0 ? pageSize : Infinity);
-  const [localSelected, setLocalSelected] = React76__default.useState(/* @__PURE__ */ new Set());
+  const [visibleCount, setVisibleCount] = React79__default.useState(pageSize > 0 ? pageSize : Infinity);
+  const [localSelected, setLocalSelected] = React79__default.useState(/* @__PURE__ */ new Set());
   const colDefs = columns ?? fields ?? [];
   const allDataRaw = Array.isArray(entity) ? entity : entity ? [entity] : [];
   const dnd = useDataDnd({
@@ -30997,12 +31723,12 @@ function TableView({
         ]
       }
     );
-    return dnd.isZone ? /* @__PURE__ */ jsx(dnd.SortableItem, { id: row[idField] ?? id, children: rowInner }, id) : /* @__PURE__ */ jsx(React76__default.Fragment, { children: rowInner }, id);
+    return dnd.isZone ? /* @__PURE__ */ jsx(dnd.SortableItem, { id: row[idField] ?? id, children: rowInner }, id) : /* @__PURE__ */ jsx(React79__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(React76__default.Fragment, { children: [
+  const body = /* @__PURE__ */ jsx(Box, { role: "rowgroup", children: groups.map((group, gi) => /* @__PURE__ */ jsxs(React79__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)) });
@@ -32359,7 +33085,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(React76__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(React79__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" })
@@ -32370,7 +33096,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(React76__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(React79__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 }),
@@ -33355,7 +34081,7 @@ var init_LikertScale = __esm({
       md: "text-base",
       lg: "text-lg"
     };
-    LikertScale = React76__default.forwardRef(
+    LikertScale = React79__default.forwardRef(
       ({
         question,
         options = DEFAULT_LIKERT_OPTIONS,
@@ -33367,7 +34093,7 @@ var init_LikertScale = __esm({
         variant = "radios",
         className
       }, ref) => {
-        const groupId = React76__default.useId();
+        const groupId = React79__default.useId();
         const eventBus = useEventBus();
         const handleSelect = useCallback(
           (next) => {
@@ -35649,7 +36375,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(React76__default.Fragment, { children: [
+            return /* @__PURE__ */ jsxs(React79__default.Fragment, { children: [
               idx > 0 && /* @__PURE__ */ jsx(
                 Icon,
                 {
@@ -36518,7 +37244,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(React76__default.Fragment, { children: [
+          return /* @__PURE__ */ jsxs(React79__default.Fragment, { children: [
             /* @__PURE__ */ jsx(
               AvlState,
               {
@@ -36722,7 +37448,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(React76__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(React79__default.Fragment, { children: [
           idx > 0 && /* @__PURE__ */ jsx(Typography, { variant: "small", color: "muted", children: "/" }),
           crumb.href ? /* @__PURE__ */ jsx(
             "a",
@@ -37404,8 +38130,8 @@ var init_WizardContainer = __esm({
           return void 0;
         if (typeof controlledStep === "number") return controlledStep;
         if (typeof controlledStep === "string") return parseInt(controlledStep, 10);
-        const num2 = Number(controlledStep);
-        return isNaN(num2) ? void 0 : num2;
+        const num3 = Number(controlledStep);
+        return isNaN(num3) ? void 0 : num3;
       })();
       const currentStep = normalizedControlledStep !== void 0 ? normalizedControlledStep : internalStep;
       const totalSteps = steps.length;
@@ -37451,7 +38177,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(React76__default.Fragment, { children: [
+              return /* @__PURE__ */ jsxs(React79__default.Fragment, { children: [
                 /* @__PURE__ */ jsx(
                   Button,
                   {
@@ -38378,10 +39104,13 @@ var init_GraphCanvas = __esm({
       draggable = true,
       actions,
       onNodeClick,
+      onNodeDoubleClick,
       nodeClickEvent,
       selectedNodeId,
       repulsion = 800,
       linkDistance = 100,
+      nodeSpacing = 28,
+      linkOpacity = 0.18,
       layout = "force",
       entity,
       isLoading = false,
@@ -38397,6 +39126,19 @@ var init_GraphCanvas = __esm({
       const [hoveredNode, setHoveredNode] = useState(null);
       const nodesRef = useRef([]);
       const [, forceUpdate] = useState(0);
+      const [logicalW, setLogicalW] = useState(800);
+      useEffect(() => {
+        const canvas = canvasRef.current;
+        if (!canvas || typeof ResizeObserver === "undefined") return;
+        const measure = () => {
+          const width = Math.round(canvas.clientWidth);
+          if (width > 0) setLogicalW(width);
+        };
+        measure();
+        const ro = new ResizeObserver(measure);
+        ro.observe(canvas);
+        return () => ro.disconnect();
+      }, []);
       const interactionRef = useRef({
         mode: "none",
         dragNodeId: null,
@@ -38409,10 +39151,8 @@ var init_GraphCanvas = __esm({
           const canvas = canvasRef.current;
           if (!canvas) return null;
           const rect = canvas.getBoundingClientRect();
-          const scaleX = rect.width > 0 ? canvas.width / rect.width : 1;
-          const scaleY = rect.height > 0 ? canvas.height / rect.height : 1;
-          const screenX = (e.clientX - rect.left) * scaleX;
-          const screenY = (e.clientY - rect.top) * scaleY;
+          const screenX = e.clientX - rect.left;
+          const screenY = e.clientY - rect.top;
           return {
             screenX,
             screenY,
@@ -38452,8 +39192,8 @@ var init_GraphCanvas = __esm({
       useEffect(() => {
         const canvas = canvasRef.current;
         if (!canvas || propNodes.length === 0) return;
-        const w = canvas.width;
-        const h = canvas.height;
+        const w = logicalW;
+        const h = height;
         const simNodes = propNodes.map((n, idx) => {
           let x = n.x ?? 0;
           let y = n.y ?? 0;
@@ -38530,6 +39270,25 @@ var init_GraphCanvas = __esm({
               node.x = Math.max(30, Math.min(w - 30, node.x));
               node.y = Math.max(30, Math.min(h - 30, node.y));
             }
+            for (let i = 0; i < nodes.length; i++) {
+              for (let j = i + 1; j < nodes.length; j++) {
+                const a = nodes[i];
+                const b = nodes[j];
+                const dx = b.x - a.x;
+                const dy = b.y - a.y;
+                const dist = Math.sqrt(dx * dx + dy * dy) || 1;
+                const minDist = (a.size || 8) + (b.size || 8) + nodeSpacing;
+                if (dist < minDist) {
+                  const push = (minDist - dist) / 2;
+                  const ux = dx / dist;
+                  const uy = dy / dist;
+                  a.x = Math.max(30, Math.min(w - 30, a.x - ux * push));
+                  a.y = Math.max(30, Math.min(h - 30, a.y - uy * push));
+                  b.x = Math.max(30, Math.min(w - 30, b.x + ux * push));
+                  b.y = Math.max(30, Math.min(h - 30, b.y + uy * push));
+                }
+              }
+            }
             iterations++;
             forceUpdate((n) => n + 1);
             if (iterations < maxIterations) {
@@ -38543,29 +39302,41 @@ var init_GraphCanvas = __esm({
         return () => {
           cancelAnimationFrame(animRef.current);
         };
-      }, [propNodes, propEdges, layout, repulsion, linkDistance]);
+      }, [propNodes, propEdges, layout, repulsion, linkDistance, nodeSpacing, logicalW, height]);
       useEffect(() => {
         const canvas = canvasRef.current;
         if (!canvas) return;
         const ctx = canvas.getContext("2d");
         if (!ctx) return;
-        const w = canvas.width;
-        const h = canvas.height;
+        const w = logicalW;
+        const h = height;
         const nodes = nodesRef.current;
         const accentColor = resolveColor2("var(--color-accent)", canvas);
+        const dpr = typeof window !== "undefined" && window.devicePixelRatio || 1;
+        ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
         ctx.clearRect(0, 0, w, h);
         ctx.save();
         ctx.translate(offset.x, offset.y);
         ctx.scale(zoom, zoom);
+        const neighbors = /* @__PURE__ */ new Set();
+        if (hoveredNode) {
+          neighbors.add(hoveredNode);
+          for (const edge of propEdges) {
+            if (edge.source === hoveredNode) neighbors.add(String(edge.target));
+            else if (edge.target === hoveredNode) neighbors.add(String(edge.source));
+          }
+        }
         for (const edge of propEdges) {
           const source = nodes.find((n) => n.id === edge.source);
           const target = nodes.find((n) => n.id === edge.target);
           if (!source || !target) continue;
+          const incident = !!hoveredNode && (edge.source === hoveredNode || edge.target === hoveredNode);
+          ctx.globalAlpha = hoveredNode ? incident ? 1 : 0.05 : linkOpacity;
           ctx.beginPath();
           ctx.moveTo(source.x, source.y);
           ctx.lineTo(target.x, target.y);
-          ctx.strokeStyle = edge.color || "#88888866";
-          ctx.lineWidth = edge.weight ? Math.max(1, edge.weight) : 1;
+          ctx.strokeStyle = incident ? accentColor : edge.color || "#888888";
+          ctx.lineWidth = incident ? 2 : edge.weight ? Math.max(1, edge.weight) : 1;
           ctx.stroke();
           if (edge.label && showLabels) {
             const mx = (source.x + target.x) / 2;
@@ -38576,11 +39347,13 @@ var init_GraphCanvas = __esm({
             ctx.fillText(edge.label, mx, my - 4);
           }
         }
+        ctx.globalAlpha = 1;
         for (const node of nodes) {
           const size = node.size || 8;
           const color = resolveColor2(node.color || getGroupColor(node.group, groups), canvas);
           const isHovered = hoveredNode === node.id;
           const isSelected = selectedNodeId !== void 0 && node.id === selectedNodeId;
+          ctx.globalAlpha = hoveredNode && !neighbors.has(node.id) ? 0.2 : 1;
           const radius = isSelected ? size + 4 : isHovered ? size + 2 : size;
           ctx.beginPath();
           ctx.arc(node.x, node.y, radius, 0, Math.PI * 2);
@@ -38700,6 +39473,15 @@ var init_GraphCanvas = __esm({
         interactionRef.current.dragNodeId = null;
         setHoveredNode(null);
       }, []);
+      const handleDoubleClick = useCallback(
+        (e) => {
+          const coords = toCoords(e);
+          if (!coords) return;
+          const node = nodeAt(coords.graphX, coords.graphY);
+          if (node) onNodeDoubleClick?.(node);
+        },
+        [toCoords, nodeAt, onNodeDoubleClick]
+      );
       if (isLoading) {
         return /* @__PURE__ */ jsx(LoadingState, { message: t("common.loading"), className });
       }
@@ -38757,15 +39539,16 @@ var init_GraphCanvas = __esm({
           "canvas",
           {
             ref: canvasRef,
-            width: 800,
-            height,
+            width: Math.round(logicalW * (typeof window !== "undefined" && window.devicePixelRatio || 1)),
+            height: Math.round(height * (typeof window !== "undefined" && window.devicePixelRatio || 1)),
             className: "w-full cursor-grab active:cursor-grabbing",
             style: { height },
             onWheel: handleWheel,
             onMouseDown: handleMouseDown,
             onMouseMove: handleMouseMove,
             onMouseUp: handleMouseUp,
-            onMouseLeave: handleMouseLeave
+            onMouseLeave: handleMouseLeave,
+            onDoubleClick: handleDoubleClick
           }
         ) }),
         groups.length > 1 && /* @__PURE__ */ jsx(HStack, { gap: "md", className: "px-4 py-2 border-t border-border", wrap: true, children: groups.map((group, idx) => /* @__PURE__ */ jsxs(HStack, { gap: "xs", align: "center", children: [
@@ -40166,7 +40949,7 @@ var init_DialogueBubble = __esm({
   }
 });
 function extractTitle(children) {
-  if (!React76__default.isValidElement(children)) return void 0;
+  if (!React79__default.isValidElement(children)) return void 0;
   const props = children.props;
   if (typeof props.title === "string") {
     return props.title;
@@ -40211,7 +40994,7 @@ var init_DrawerSlot = __esm({
   }
 });
 function StateIndicator({
-  assetUrl = DEFAULT_ASSET_URL11,
+  assetUrl = DEFAULT_ASSET_URL9,
   state = "idle",
   label,
   size = "md",
@@ -40250,13 +41033,13 @@ function StateIndicator({
     }
   );
 }
-var DEFAULT_ASSET_URL11, DEFAULT_STATE_STYLES, DEFAULT_STYLE, SIZE_CLASSES;
+var DEFAULT_ASSET_URL9, DEFAULT_STATE_STYLES, DEFAULT_STYLE, SIZE_CLASSES;
 var init_StateIndicator = __esm({
   "components/game/atoms/StateIndicator.tsx"() {
     init_Box();
     init_Icon();
     init_cn();
-    DEFAULT_ASSET_URL11 = "https://almadar-kflow-assets.web.app/shared/isometric-dungeon/Isometric/chestClosed_E.png";
+    DEFAULT_ASSET_URL9 = "https://almadar-kflow-assets.web.app/shared/isometric-dungeon/Isometric/chestClosed_E.png";
     DEFAULT_STATE_STYLES = {
       idle: { icon: "\u23F8", bgClass: "bg-muted" },
       active: { icon: "\u25B6", bgClass: "bg-success" },
@@ -40291,7 +41074,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(React76__default.Fragment, { children: [
+      return /* @__PURE__ */ jsxs(React79__default.Fragment, { children: [
         i > 0 && /* @__PURE__ */ jsx(
           Typography,
           {
@@ -41241,12 +42024,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 = React76__default.useMemo(() => {
+      const normalizedInitialData = React79__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 = React76__default.useMemo(() => {
+      const entityDerivedFields = React79__default.useMemo(() => {
         if (fields && fields.length > 0) return void 0;
         if (!resolvedEntity) return void 0;
         return resolvedEntity.fields.map(
@@ -41266,16 +42049,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] = React76__default.useState(
+      const [formData, setFormData] = React79__default.useState(
         normalizedInitialData
       );
-      const [collapsedSections, setCollapsedSections] = React76__default.useState(
+      const [collapsedSections, setCollapsedSections] = React79__default.useState(
         /* @__PURE__ */ new Set()
       );
-      const [submitError, setSubmitError] = React76__default.useState(null);
-      const formRef = React76__default.useRef(null);
+      const [submitError, setSubmitError] = React79__default.useState(null);
+      const formRef = React79__default.useRef(null);
       const formMode = props.mode;
-      const mountedRef = React76__default.useRef(false);
+      const mountedRef = React79__default.useRef(false);
       if (!mountedRef.current) {
         mountedRef.current = true;
         debug("forms", "mount", {
@@ -41288,7 +42071,7 @@ var init_Form = __esm({
         });
       }
       const shouldShowCancel = showCancel ?? (fields && fields.length > 0);
-      const evalContext = React76__default.useMemo(
+      const evalContext = React79__default.useMemo(
         () => ({
           formValues: formData,
           globalVariables: externalContext?.globalVariables ?? {},
@@ -41297,7 +42080,7 @@ var init_Form = __esm({
         }),
         [formData, externalContext]
       );
-      React76__default.useEffect(() => {
+      React79__default.useEffect(() => {
         debug("forms", "initialData-sync", {
           mode: formMode,
           normalizedInitialData,
@@ -41308,7 +42091,7 @@ var init_Form = __esm({
           setFormData(normalizedInitialData);
         }
       }, [normalizedInitialData]);
-      const processCalculations = React76__default.useCallback(
+      const processCalculations = React79__default.useCallback(
         (changedFieldId, newFormData) => {
           if (!hiddenCalculations.length) return;
           const context = {
@@ -41333,7 +42116,7 @@ var init_Form = __esm({
         },
         [hiddenCalculations, externalContext, eventBus]
       );
-      const checkViolations = React76__default.useCallback(
+      const checkViolations = React79__default.useCallback(
         (changedFieldId, newFormData) => {
           if (!violationTriggers.length) return;
           const context = {
@@ -41371,7 +42154,7 @@ var init_Form = __esm({
         processCalculations(name, newFormData);
         checkViolations(name, newFormData);
       };
-      const isFieldVisible = React76__default.useCallback(
+      const isFieldVisible = React79__default.useCallback(
         (fieldName) => {
           const condition = conditionalFields[fieldName];
           if (!condition) return true;
@@ -41379,7 +42162,7 @@ var init_Form = __esm({
         },
         [conditionalFields, evalContext]
       );
-      const isSectionVisible = React76__default.useCallback(
+      const isSectionVisible = React79__default.useCallback(
         (section) => {
           if (!section.condition) return true;
           return Boolean(evaluateFormExpression(section.condition, evalContext));
@@ -41455,7 +42238,7 @@ var init_Form = __esm({
           eventBus.emit(`UI:${onCancel}`);
         }
       };
-      const renderField = React76__default.useCallback(
+      const renderField = React79__default.useCallback(
         (field) => {
           const fieldName = field.name || field.field;
           if (!fieldName) return null;
@@ -41476,7 +42259,7 @@ var init_Form = __esm({
         [formData, isFieldVisible, relationsData, relationsLoading, isLoading]
       );
       const effectiveFields = entityDerivedFields ?? fields;
-      const normalizedFields = React76__default.useMemo(() => {
+      const normalizedFields = React79__default.useMemo(() => {
         if (!effectiveFields || effectiveFields.length === 0) return [];
         return effectiveFields.map((field) => {
           if (typeof field === "string") {
@@ -41499,7 +42282,7 @@ var init_Form = __esm({
           return field;
         });
       }, [effectiveFields, resolvedEntity]);
-      const schemaFields = React76__default.useMemo(() => {
+      const schemaFields = React79__default.useMemo(() => {
         if (normalizedFields.length === 0) return null;
         if (isDebugEnabled()) {
           debugGroup(`Form: ${entityName || "unknown"}`);
@@ -41509,7 +42292,7 @@ var init_Form = __esm({
         }
         return normalizedFields.map(renderField).filter(Boolean);
       }, [normalizedFields, renderField, entityName, conditionalFields]);
-      const sectionElements = React76__default.useMemo(() => {
+      const sectionElements = React79__default.useMemo(() => {
         if (!sections || sections.length === 0) return null;
         return sections.map((section) => {
           if (!isSectionVisible(section)) {
@@ -42836,12 +43619,18 @@ function ModelLoader({
     });
     return cloned;
   }, [loadedModel, castShadow, receiveShadow]);
+  const normFactor = useMemo(() => {
+    if (!model) return 1;
+    const box = new THREE3.Box3().setFromObject(model);
+    const size = new THREE3.Vector3();
+    box.getSize(size);
+    const maxDim = Math.max(size.x, size.y, size.z);
+    return maxDim > 0 && Number.isFinite(maxDim) ? 1 / maxDim : 1;
+  }, [model]);
   const scaleArray = useMemo(() => {
-    if (typeof scale === "number") {
-      return [scale, scale, scale];
-    }
-    return scale;
-  }, [scale]);
+    const base = typeof scale === "number" ? [scale, scale, scale] : scale;
+    return [base[0] * normFactor, base[1] * normFactor, base[2] * normFactor];
+  }, [scale, normFactor]);
   const rotationRad = useMemo(() => {
     return [
       rotation[0] * Math.PI / 180,
@@ -43052,6 +43841,29 @@ var init_GameCanvas3D2 = __esm({
         const controlsRef = useRef(null);
         const [hoveredTile, setHoveredTile] = useState(null);
         const [internalError, setInternalError] = useState(null);
+        useEffect(() => {
+          const el = containerRef.current;
+          if (!el) return;
+          let node = el;
+          let depth = 0;
+          while (node && depth < 8) {
+            const cs = window.getComputedStyle(node);
+            const rect = node.getBoundingClientRect();
+            console.log("[almadar:ui:game:3d-height]", {
+              depth,
+              tag: node.tagName,
+              id: node.id || void 0,
+              className: node.className?.slice?.(0, 60) || void 0,
+              rectHeight: rect.height,
+              computedHeight: cs.height,
+              computedMinHeight: cs.minHeight,
+              computedFlex: cs.flex,
+              computedOverflow: cs.overflow
+            });
+            node = node.parentElement;
+            depth++;
+          }
+        }, []);
         const { sheetUrls: atlasSheetUrls, resolveUnitFrame } = useUnitSpriteAtlas(units);
         const preloadUrls = useMemo(() => [...preloadAssets, ...atlasSheetUrls], [preloadAssets, atlasSheetUrls]);
         const { isLoading: assetsLoading, progress, loaded, total } = useAssetLoader({
@@ -43180,24 +43992,28 @@ var init_GameCanvas3D2 = __esm({
         const cameraConfig = useMemo(() => {
           const size = Math.max(
             gridBounds.maxX - gridBounds.minX,
-            gridBounds.maxZ - gridBounds.minZ
+            gridBounds.maxZ - gridBounds.minZ,
+            4
+            // minimum framing distance so a tiny board isn't zoomed in
           );
-          const distance = size * 1.5;
+          const cx = (gridBounds.minX + gridBounds.maxX) / 2;
+          const cz = (gridBounds.minZ + gridBounds.maxZ) / 2;
+          const d = size * 1.5;
           switch (cameraMode) {
             case "isometric":
               return {
-                position: [distance, distance * 0.8, distance],
+                position: [cx + d, d * 0.8, cz + d],
                 fov: 45
               };
             case "top-down":
               return {
-                position: [0, distance * 2, 0],
+                position: [cx, d * 2, cz],
                 fov: 45
               };
             case "perspective":
             default:
               return {
-                position: [distance, distance, distance],
+                position: [cx + d, d, cz + d],
                 fov: 45
               };
           }
@@ -43436,7 +44252,8 @@ var init_GameCanvas3D2 = __esm({
               "div",
               {
                 ref: containerRef,
-                className: cn("game-canvas-3d relative w-full h-full min-h-[85vh] overflow-hidden", className),
+                className: cn("game-canvas-3d relative w-full overflow-hidden", className),
+                style: { height: "85vh" },
                 "data-orientation": orientation,
                 "data-camera-mode": cameraMode,
                 "data-overlay": overlay,
@@ -43451,7 +44268,7 @@ var init_GameCanvas3D2 = __esm({
                         near: 0.1,
                         far: 1e3
                       },
-                      style: { background: backgroundColor },
+                      style: { background: backgroundColor, position: "absolute", inset: 0 },
                       onClick: (e) => {
                         if (e.target === e.currentTarget) {
                           eventHandlers.handleCanvasClick(e);
@@ -44422,7 +45239,7 @@ var init_List = __esm({
         if (entity && typeof entity === "object" && "id" in entity) return [entity];
         return [];
       }, [entity]);
-      const getItemActions = React76__default.useCallback(
+      const getItemActions = React79__default.useCallback(
         (item) => {
           if (!itemActions) return [];
           if (typeof itemActions === "function") {
@@ -44898,7 +45715,7 @@ var init_MediaGallery = __esm({
         [selectable, selectedItems, selectionEvent, eventBus]
       );
       const entityData = Array.isArray(entity) ? entity : [];
-      const items = React76__default.useMemo(() => {
+      const items = React79__default.useMemo(() => {
         if (propItems) return propItems;
         if (entityData.length === 0) return [];
         return entityData.map((record, idx) => ({
@@ -45068,9 +45885,9 @@ function MiniMap({
   viewportRect = DEFAULT_VIEWPORT,
   className
 }) {
-  const canvasRef = React76.useRef(null);
-  const frameRef = React76.useRef(0);
-  React76.useEffect(() => {
+  const canvasRef = React79.useRef(null);
+  const frameRef = React79.useRef(0);
+  React79.useEffect(() => {
     const canvas = canvasRef.current;
     if (!canvas) return;
     const ctx = canvas.getContext("2d");
@@ -45167,7 +45984,7 @@ var init_MiniMap = __esm({
   }
 });
 function extractTitle2(children) {
-  if (!React76__default.isValidElement(children)) return void 0;
+  if (!React79__default.isValidElement(children)) return void 0;
   const props = children.props;
   if (typeof props.title === "string") {
     return props.title;
@@ -45744,7 +46561,7 @@ var init_PricingPageTemplate = __esm({
   }
 });
 function ResourceCounter({
-  assetUrl = DEFAULT_ASSET_URL12,
+  assetUrl = DEFAULT_ASSET_URL10,
   icon,
   label = "Gold",
   value = 250,
@@ -45787,7 +46604,7 @@ function ResourceCounter({
     }
   );
 }
-var colorTokenClasses2, DEFAULT_ASSET_URL12, sizeMap15;
+var colorTokenClasses2, DEFAULT_ASSET_URL10, sizeMap15;
 var init_ResourceCounter = __esm({
   "components/game/atoms/ResourceCounter.tsx"() {
     init_cn();
@@ -45800,7 +46617,7 @@ var init_ResourceCounter = __esm({
       error: "text-error",
       muted: "text-muted-foreground"
     };
-    DEFAULT_ASSET_URL12 = "https://almadar-kflow-assets.web.app/shared/world-map/gold_mine.png";
+    DEFAULT_ASSET_URL10 = "https://almadar-kflow-assets.web.app/shared/world-map/gold_mine.png";
     sizeMap15 = {
       sm: { wrapper: "text-xs gap-1 px-1.5 py-0.5", icon: "text-sm", img: 16 },
       md: { wrapper: "text-sm gap-1.5 px-2 py-1", icon: "text-base", img: 20 },
@@ -45809,31 +46626,33 @@ var init_ResourceCounter = __esm({
     ResourceCounter.displayName = "ResourceCounter";
   }
 });
-function dungeonTerrain(x, y, stairsX, stairsY) {
+function resolveManifestUrl3(manifest, relative) {
+  if (relative == null) return void 0;
+  if (/^https?:\/\//.test(relative)) return relative;
+  const base = manifest?.baseUrl;
+  if (base == null) return relative;
+  const cleanBase = base.replace(/\/$/, "");
+  const cleanRel = relative.replace(/^\//, "");
+  return `${cleanBase}/${cleanRel}`;
+}
+function dungeonTerrain(x, y, stairsX, stairsY, manifest) {
   const isBorder = x === 0 || y === 0 || x === DUNGEON_GRID_W - 1 || y === DUNGEON_GRID_H - 1;
   const isPillar = x % 4 === 0 && y % 4 === 0 && !isBorder;
   const isWall = isBorder || isPillar;
+  const terrains = manifest?.terrains;
   if (x === stairsX && y === stairsY) {
-    return { terrain: "stairs", passable: true, terrainSprite: `${CDN4}/isometric-dungeon/Isometric/stairs_E.png` };
+    return { terrain: "stairs", passable: true, terrainSprite: resolveManifestUrl3(manifest, terrains?.stairs) };
   }
   if (isWall) {
-    return { terrain: "wall", passable: false, terrainSprite: `${CDN4}/isometric-dungeon/Isometric/stoneInset_E.png` };
-  }
-  const variant = (x * 3 + y * 7) % 5;
-  const sprites = [
-    `${CDN4}/isometric-dungeon/Isometric/dirt_E.png`,
-    `${CDN4}/isometric-dungeon/Isometric/dirtTiles_E.png`,
-    `${CDN4}/isometric-dungeon/Isometric/planks_E.png`,
-    `${CDN4}/isometric-dungeon/Isometric/stoneTile_E.png`,
-    `${CDN4}/isometric-dungeon/Isometric/dirt_E.png`
-  ];
-  return { terrain: "floor", passable: true, terrainSprite: sprites[variant] };
+    return { terrain: "wall", passable: false, terrainSprite: resolveManifestUrl3(manifest, terrains?.wall) };
+  }
+  return { terrain: "floor", passable: true, terrainSprite: resolveManifestUrl3(manifest, terrains?.floor) };
 }
-function buildDefaultDungeonTiles(stairsX, stairsY) {
+function buildDefaultDungeonTiles(stairsX, stairsY, manifest) {
   const tiles = [];
   for (let y = 0; y < DUNGEON_GRID_H; y++) {
     for (let x = 0; x < DUNGEON_GRID_W; x++) {
-      tiles.push({ x, y, ...dungeonTerrain(x, y, stairsX, stairsY) });
+      tiles.push({ x, y, ...dungeonTerrain(x, y, stairsX, stairsY, manifest) });
     }
   }
   return tiles;
@@ -45863,20 +46682,48 @@ function RoguelikeBoard({
   className
 }) {
   const board = boardEntity(entity) ?? {};
-  const resolvedStairsX = propStairsX ?? num(board.stairsX, 14);
-  const resolvedStairsY = propStairsY ?? num(board.stairsY, 14);
-  const tiles = propTiles ?? (Array.isArray(board.tiles) && board.tiles.length >= DUNGEON_GRID_W * DUNGEON_GRID_H ? board.tiles : buildDefaultDungeonTiles(resolvedStairsX, resolvedStairsY));
-  const enemies = propEnemies ?? (Array.isArray(board.enemies) ? board.enemies : DEFAULT_ENEMIES);
-  const items = propItems ?? (Array.isArray(board.items) ? board.items : DEFAULT_ITEMS);
-  const player = propPlayer ?? board.player ?? { x: 1, y: 1 };
+  const assetManifest = propAssetManifest ?? board.assetManifest;
+  const stairsX = propStairsX ?? num(board.stairsX, 14);
+  const stairsY = propStairsY ?? num(board.stairsY, 14);
+  const entityTiles = useMemo(
+    () => rows(board.tiles).map((r) => ({
+      x: num(r.x),
+      y: num(r.y),
+      terrain: r.terrain == null ? void 0 : str(r.terrain),
+      terrainSprite: r.terrainSprite == null ? void 0 : str(r.terrainSprite),
+      passable: r.passable !== false
+    })),
+    [board.tiles]
+  );
+  const tiles = propTiles ?? (entityTiles.length >= DUNGEON_GRID_W * DUNGEON_GRID_H ? entityTiles : buildDefaultDungeonTiles(stairsX, stairsY, assetManifest));
+  const entityEnemies = useMemo(
+    () => rows(board.enemies).map((r) => ({
+      id: str(r.id),
+      x: num(r.x),
+      y: num(r.y),
+      hp: num(r.hp),
+      attack: num(r.attack)
+    })),
+    [board.enemies]
+  );
+  const enemies = propEnemies ?? (entityEnemies.length > 0 ? entityEnemies : DEFAULT_ENEMIES);
+  const entityItems = useMemo(
+    () => rows(board.items).map((r) => ({
+      id: str(r.id),
+      x: num(r.x),
+      y: num(r.y),
+      kind: str(r.kind) || "health_potion"
+    })),
+    [board.items]
+  );
+  const items = propItems ?? (entityItems.length > 0 ? entityItems : DEFAULT_ITEMS);
+  const player = propPlayer ?? (board.player == null ? { x: 1, y: 1 } : vec2(board.player));
   const playerHp = propPlayerHp ?? num(board.playerHp, 10);
   const playerMaxHp = propPlayerMaxHp ?? num(board.playerMaxHp, 10);
   const playerAttack = propPlayerAttack ?? num(board.playerAttack, 3);
   const depth = propDepth ?? num(board.depth, 1);
   const result = propResult ?? (str(board.result) || "none");
   const phase = propPhase ?? (str(board.phase) || "player_turn");
-  propStairsX ?? num(board.stairsX, 14);
-  propStairsY ?? num(board.stairsY, 14);
   const eventBus = useEventBus();
   const { t } = useTranslate();
   const [hoveredTile, setHoveredTile] = useState(null);
@@ -45923,7 +46770,7 @@ function RoguelikeBoard({
         health: playerHp,
         maxHealth: playerMaxHp,
         unitType: "player",
-        sprite: `${CDN4}/isometric-dungeon/Characters/Male/Male_0_Idle0.png`
+        sprite: resolveManifestUrl3(assetManifest, assetManifest?.units?.player)
       },
       ...liveEnemies.map((e) => ({
         id: e.id,
@@ -45933,19 +46780,19 @@ function RoguelikeBoard({
         health: e.hp,
         maxHealth: 6,
         unitType: "enemy",
-        sprite: `${CDN4}/sprite-sheets/shadow-legion-sprite-sheet-sw.png`
+        sprite: resolveManifestUrl3(assetManifest, assetManifest?.units?.enemy)
       }))
     ];
-  }, [player, enemies, playerHp, playerMaxHp, t]);
+  }, [player, enemies, playerHp, playerMaxHp, assetManifest, t]);
   const isoFeatures = useMemo(
     () => items.map((it) => ({
       id: it.id,
       x: it.x,
       y: it.y,
       type: it.kind,
-      sprite: FEATURE_SPRITE[it.kind] ?? FEATURE_SPRITE.health_potion
+      sprite: resolveManifestUrl3(assetManifest, assetManifest?.features?.[it.kind])
     })),
-    [items]
+    [items, assetManifest]
   );
   const validMoves = useMemo(() => {
     if (result !== "none" || phase !== "player_turn") return [];
@@ -46004,8 +46851,8 @@ function RoguelikeBoard({
         onTileHover: (x, y) => setHoveredTile({ x, y }),
         onTileLeave: () => setHoveredTile(null),
         scale,
-        assetBaseUrl: propAssetManifest?.baseUrl ?? CDN4,
-        assetManifest: propAssetManifest,
+        assetBaseUrl: assetManifest?.baseUrl,
+        assetManifest,
         unitScale,
         spriteHeightRatio,
         spriteMaxWidthRatio
@@ -46052,7 +46899,7 @@ function RoguelikeBoard({
     ] }) })
   ] });
 }
-var CDN4, DUNGEON_GRID_W, DUNGEON_GRID_H, DEFAULT_ENEMIES, DEFAULT_ITEMS, FEATURE_SPRITE;
+var DUNGEON_GRID_W, DUNGEON_GRID_H, DEFAULT_ENEMIES, DEFAULT_ITEMS;
 var init_RoguelikeBoard = __esm({
   "components/game/organisms/RoguelikeBoard.tsx"() {
     "use client";
@@ -46064,10 +46911,8 @@ var init_RoguelikeBoard = __esm({
     init_Stack();
     init_IsometricCanvas();
     init_boardEntity();
-    CDN4 = "https://almadar-kflow-assets.web.app/shared";
     DUNGEON_GRID_W = 16;
     DUNGEON_GRID_H = 16;
-    buildDefaultDungeonTiles(14, 14);
     DEFAULT_ENEMIES = [
       { id: "e1", x: 5, y: 2, hp: 5, attack: 2 },
       { id: "e2", x: 9, y: 6, hp: 4, attack: 1 },
@@ -46079,11 +46924,6 @@ var init_RoguelikeBoard = __esm({
       { id: "i2", x: 7, y: 9, kind: "sword" },
       { id: "i3", x: 11, y: 5, kind: "shield" }
     ];
-    FEATURE_SPRITE = {
-      health_potion: `${CDN4}/isometric-dungeon/Isometric/chestClosed_E.png`,
-      sword: `${CDN4}/isometric-dungeon/Isometric/barrel_E.png`,
-      shield: `${CDN4}/isometric-dungeon/Isometric/barrel_E.png`
-    };
     RoguelikeBoard.displayName = "RoguelikeBoard";
   }
 });
@@ -46121,40 +46961,40 @@ function RoguelikeTemplate({
     }
   );
 }
-var CDN5, DEFAULT_ROGUELIKE_TILES, DEFAULT_ROGUELIKE_MANIFEST;
+var CDN4, DEFAULT_ROGUELIKE_TILES, DEFAULT_ROGUELIKE_MANIFEST;
 var init_RoguelikeTemplate = __esm({
   "components/game/templates/RoguelikeTemplate.tsx"() {
     init_RoguelikeBoard();
-    CDN5 = "https://almadar-kflow-assets.web.app/shared";
+    CDN4 = "https://almadar-kflow-assets.web.app/shared";
     DEFAULT_ROGUELIKE_TILES = [
-      { x: 0, y: 0, terrain: "wall", passable: false, terrainSprite: `${CDN5}/isometric-dungeon/Isometric/stoneInset_E.png` },
-      { x: 1, y: 0, terrain: "wall", passable: false, terrainSprite: `${CDN5}/isometric-dungeon/Isometric/stoneInset_E.png` },
-      { x: 2, y: 0, terrain: "wall", passable: false, terrainSprite: `${CDN5}/isometric-dungeon/Isometric/stoneInset_E.png` },
-      { x: 3, y: 0, terrain: "wall", passable: false, terrainSprite: `${CDN5}/isometric-dungeon/Isometric/stoneInset_E.png` },
-      { x: 4, y: 0, terrain: "wall", passable: false, terrainSprite: `${CDN5}/isometric-dungeon/Isometric/stoneInset_E.png` },
-      { x: 0, y: 1, terrain: "wall", passable: false, terrainSprite: `${CDN5}/isometric-dungeon/Isometric/stoneInset_E.png` },
-      { x: 1, y: 1, terrain: "floor", passable: true, terrainSprite: `${CDN5}/isometric-dungeon/Isometric/dirt_E.png` },
-      { x: 2, y: 1, terrain: "floor", passable: true, terrainSprite: `${CDN5}/isometric-dungeon/Isometric/dirt_E.png` },
-      { x: 3, y: 1, terrain: "floor", passable: true, terrainSprite: `${CDN5}/isometric-dungeon/Isometric/dirt_E.png` },
-      { x: 4, y: 1, terrain: "wall", passable: false, terrainSprite: `${CDN5}/isometric-dungeon/Isometric/stoneInset_E.png` },
-      { x: 0, y: 2, terrain: "wall", passable: false, terrainSprite: `${CDN5}/isometric-dungeon/Isometric/stoneInset_E.png` },
-      { x: 1, y: 2, terrain: "floor", passable: true, terrainSprite: `${CDN5}/isometric-dungeon/Isometric/dirtTiles_E.png` },
-      { x: 2, y: 2, terrain: "floor", passable: true, terrainSprite: `${CDN5}/isometric-dungeon/Isometric/dirtTiles_E.png` },
-      { x: 3, y: 2, terrain: "floor", passable: true, terrainSprite: `${CDN5}/isometric-dungeon/Isometric/dirt_E.png` },
-      { x: 4, y: 2, terrain: "wall", passable: false, terrainSprite: `${CDN5}/isometric-dungeon/Isometric/stoneInset_E.png` },
-      { x: 0, y: 3, terrain: "wall", passable: false, terrainSprite: `${CDN5}/isometric-dungeon/Isometric/stoneInset_E.png` },
-      { x: 1, y: 3, terrain: "floor", passable: true, terrainSprite: `${CDN5}/isometric-dungeon/Isometric/dirt_E.png` },
-      { x: 2, y: 3, terrain: "floor", passable: true, terrainSprite: `${CDN5}/isometric-dungeon/Isometric/dirtTiles_E.png` },
-      { x: 3, y: 3, terrain: "stairs", passable: true, terrainSprite: `${CDN5}/isometric-dungeon/Isometric/stairs_E.png` },
-      { x: 4, y: 3, terrain: "wall", passable: false, terrainSprite: `${CDN5}/isometric-dungeon/Isometric/stoneInset_E.png` },
-      { x: 0, y: 4, terrain: "wall", passable: false, terrainSprite: `${CDN5}/isometric-dungeon/Isometric/stoneInset_E.png` },
-      { x: 1, y: 4, terrain: "wall", passable: false, terrainSprite: `${CDN5}/isometric-dungeon/Isometric/stoneInset_E.png` },
-      { x: 2, y: 4, terrain: "wall", passable: false, terrainSprite: `${CDN5}/isometric-dungeon/Isometric/stoneInset_E.png` },
-      { x: 3, y: 4, terrain: "wall", passable: false, terrainSprite: `${CDN5}/isometric-dungeon/Isometric/stoneInset_E.png` },
-      { x: 4, y: 4, terrain: "wall", passable: false, terrainSprite: `${CDN5}/isometric-dungeon/Isometric/stoneInset_E.png` }
+      { x: 0, y: 0, terrain: "wall", passable: false, terrainSprite: `${CDN4}/isometric-dungeon/Isometric/stoneInset_E.png` },
+      { x: 1, y: 0, terrain: "wall", passable: false, terrainSprite: `${CDN4}/isometric-dungeon/Isometric/stoneInset_E.png` },
+      { x: 2, y: 0, terrain: "wall", passable: false, terrainSprite: `${CDN4}/isometric-dungeon/Isometric/stoneInset_E.png` },
+      { x: 3, y: 0, terrain: "wall", passable: false, terrainSprite: `${CDN4}/isometric-dungeon/Isometric/stoneInset_E.png` },
+      { x: 4, y: 0, terrain: "wall", passable: false, terrainSprite: `${CDN4}/isometric-dungeon/Isometric/stoneInset_E.png` },
+      { x: 0, y: 1, terrain: "wall", passable: false, terrainSprite: `${CDN4}/isometric-dungeon/Isometric/stoneInset_E.png` },
+      { x: 1, y: 1, terrain: "floor", passable: true, terrainSprite: `${CDN4}/isometric-dungeon/Isometric/dirt_E.png` },
+      { x: 2, y: 1, terrain: "floor", passable: true, terrainSprite: `${CDN4}/isometric-dungeon/Isometric/dirt_E.png` },
+      { x: 3, y: 1, terrain: "floor", passable: true, terrainSprite: `${CDN4}/isometric-dungeon/Isometric/dirt_E.png` },
+      { x: 4, y: 1, terrain: "wall", passable: false, terrainSprite: `${CDN4}/isometric-dungeon/Isometric/stoneInset_E.png` },
+      { x: 0, y: 2, terrain: "wall", passable: false, terrainSprite: `${CDN4}/isometric-dungeon/Isometric/stoneInset_E.png` },
+      { x: 1, y: 2, terrain: "floor", passable: true, terrainSprite: `${CDN4}/isometric-dungeon/Isometric/dirtTiles_E.png` },
+      { x: 2, y: 2, terrain: "floor", passable: true, terrainSprite: `${CDN4}/isometric-dungeon/Isometric/dirtTiles_E.png` },
+      { x: 3, y: 2, terrain: "floor", passable: true, terrainSprite: `${CDN4}/isometric-dungeon/Isometric/dirt_E.png` },
+      { x: 4, y: 2, terrain: "wall", passable: false, terrainSprite: `${CDN4}/isometric-dungeon/Isometric/stoneInset_E.png` },
+      { x: 0, y: 3, terrain: "wall", passable: false, terrainSprite: `${CDN4}/isometric-dungeon/Isometric/stoneInset_E.png` },
+      { x: 1, y: 3, terrain: "floor", passable: true, terrainSprite: `${CDN4}/isometric-dungeon/Isometric/dirt_E.png` },
+      { x: 2, y: 3, terrain: "floor", passable: true, terrainSprite: `${CDN4}/isometric-dungeon/Isometric/dirtTiles_E.png` },
+      { x: 3, y: 3, terrain: "stairs", passable: true, terrainSprite: `${CDN4}/isometric-dungeon/Isometric/stairs_E.png` },
+      { x: 4, y: 3, terrain: "wall", passable: false, terrainSprite: `${CDN4}/isometric-dungeon/Isometric/stoneInset_E.png` },
+      { x: 0, y: 4, terrain: "wall", passable: false, terrainSprite: `${CDN4}/isometric-dungeon/Isometric/stoneInset_E.png` },
+      { x: 1, y: 4, terrain: "wall", passable: false, terrainSprite: `${CDN4}/isometric-dungeon/Isometric/stoneInset_E.png` },
+      { x: 2, y: 4, terrain: "wall", passable: false, terrainSprite: `${CDN4}/isometric-dungeon/Isometric/stoneInset_E.png` },
+      { x: 3, y: 4, terrain: "wall", passable: false, terrainSprite: `${CDN4}/isometric-dungeon/Isometric/stoneInset_E.png` },
+      { x: 4, y: 4, terrain: "wall", passable: false, terrainSprite: `${CDN4}/isometric-dungeon/Isometric/stoneInset_E.png` }
     ];
     DEFAULT_ROGUELIKE_MANIFEST = {
-      baseUrl: CDN5,
+      baseUrl: CDN4,
       terrains: {
         floor: "/isometric-dungeon/Isometric/dirt_E.png",
         wall: "/isometric-dungeon/Isometric/stoneInset_E.png",
@@ -46261,7 +47101,7 @@ var init_debugRegistry = __esm({
   }
 });
 function useDebugData() {
-  const [data, setData] = React76.useState(() => ({
+  const [data, setData] = React79.useState(() => ({
     traits: [],
     ticks: [],
     guards: [],
@@ -46275,7 +47115,7 @@ function useDebugData() {
     },
     lastUpdate: Date.now()
   }));
-  React76.useEffect(() => {
+  React79.useEffect(() => {
     const updateData = () => {
       setData({
         traits: getAllTraits(),
@@ -46384,12 +47224,12 @@ function layoutGraph(states, transitions, initialState, width, height) {
   return positions;
 }
 function WalkMinimap() {
-  const [walkStep, setWalkStep] = React76.useState(null);
-  const [traits2, setTraits] = React76.useState([]);
-  const [coveredEdges, setCoveredEdges] = React76.useState([]);
-  const [completedTraits, setCompletedTraits] = React76.useState(/* @__PURE__ */ new Set());
-  const prevTraitRef = React76.useRef(null);
-  React76.useEffect(() => {
+  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 interval = setInterval(() => {
       const w = window;
       const step = w.__orbitalWalkStep;
@@ -46825,15 +47665,15 @@ var init_EntitiesTab = __esm({
 });
 function EventFlowTab({ events: events2 }) {
   const { t } = useTranslate();
-  const [filter, setFilter] = React76.useState("all");
-  const containerRef = React76.useRef(null);
-  const [autoScroll, setAutoScroll] = React76.useState(true);
-  React76.useEffect(() => {
+  const [filter, setFilter] = React79.useState("all");
+  const containerRef = React79.useRef(null);
+  const [autoScroll, setAutoScroll] = React79.useState(true);
+  React79.useEffect(() => {
     if (autoScroll && containerRef.current) {
       containerRef.current.scrollTop = containerRef.current.scrollHeight;
     }
   }, [events2.length, autoScroll]);
-  const filteredEvents = React76.useMemo(() => {
+  const filteredEvents = React79.useMemo(() => {
     if (filter === "all") return events2;
     return events2.filter((e) => e.type === filter);
   }, [events2, filter]);
@@ -46949,7 +47789,7 @@ var init_EventFlowTab = __esm({
 });
 function GuardsPanel({ guards }) {
   const { t } = useTranslate();
-  const [filter, setFilter] = React76.useState("all");
+  const [filter, setFilter] = React79.useState("all");
   if (guards.length === 0) {
     return /* @__PURE__ */ jsx(
       EmptyState,
@@ -46962,7 +47802,7 @@ function GuardsPanel({ guards }) {
   }
   const passedCount = guards.filter((g) => g.result).length;
   const failedCount = guards.length - passedCount;
-  const filteredGuards = React76.useMemo(() => {
+  const filteredGuards = React79.useMemo(() => {
     if (filter === "all") return guards;
     if (filter === "passed") return guards.filter((g) => g.result);
     return guards.filter((g) => !g.result);
@@ -47125,10 +47965,10 @@ function EffectBadge({ effect }) {
 }
 function TransitionTimeline({ transitions }) {
   const { t } = useTranslate();
-  const containerRef = React76.useRef(null);
-  const [autoScroll, setAutoScroll] = React76.useState(true);
-  const [expandedId, setExpandedId] = React76.useState(null);
-  React76.useEffect(() => {
+  const containerRef = React79.useRef(null);
+  const [autoScroll, setAutoScroll] = React79.useState(true);
+  const [expandedId, setExpandedId] = React79.useState(null);
+  React79.useEffect(() => {
     if (autoScroll && containerRef.current) {
       containerRef.current.scrollTop = containerRef.current.scrollHeight;
     }
@@ -47408,9 +48248,9 @@ function getAllEvents(traits2) {
 function EventDispatcherTab({ traits: traits2, schema }) {
   const eventBus = useEventBus();
   const { t } = useTranslate();
-  const [log10, setLog] = React76.useState([]);
-  const prevStatesRef = React76.useRef(/* @__PURE__ */ new Map());
-  React76.useEffect(() => {
+  const [log10, setLog] = React79.useState([]);
+  const prevStatesRef = React79.useRef(/* @__PURE__ */ new Map());
+  React79.useEffect(() => {
     for (const trait of traits2) {
       const prev = prevStatesRef.current.get(trait.id);
       if (prev && prev !== trait.currentState) {
@@ -47579,10 +48419,10 @@ function VerifyModePanel({
   localCount
 }) {
   const { t } = useTranslate();
-  const [expanded, setExpanded] = React76.useState(true);
-  const scrollRef = React76.useRef(null);
-  const prevCountRef = React76.useRef(0);
-  React76.useEffect(() => {
+  const [expanded, setExpanded] = React79.useState(true);
+  const scrollRef = React79.useRef(null);
+  const prevCountRef = React79.useRef(0);
+  React79.useEffect(() => {
     if (expanded && transitions.length > prevCountRef.current && scrollRef.current) {
       scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
     }
@@ -47639,10 +48479,10 @@ function RuntimeDebugger({
   schema
 }) {
   const { t } = useTranslate();
-  const [isCollapsed, setIsCollapsed] = React76.useState(mode === "verify" ? true : defaultCollapsed);
-  const [isVisible, setIsVisible] = React76.useState(mode === "inline" || mode === "verify" || isDebugEnabled2());
+  const [isCollapsed, setIsCollapsed] = React79.useState(mode === "verify" ? true : defaultCollapsed);
+  const [isVisible, setIsVisible] = React79.useState(mode === "inline" || mode === "verify" || isDebugEnabled2());
   const debugData = useDebugData();
-  React76.useEffect(() => {
+  React79.useEffect(() => {
     if (mode === "inline") return;
     return onDebugToggle((enabled) => {
       setIsVisible(enabled);
@@ -47651,7 +48491,7 @@ function RuntimeDebugger({
       }
     });
   }, [mode]);
-  React76.useEffect(() => {
+  React79.useEffect(() => {
     if (mode === "inline") return;
     const handleKeyDown = (e) => {
       if (e.key === "`" && isVisible) {
@@ -48211,7 +49051,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(React76__default.Fragment, { children: [
+  return /* @__PURE__ */ jsx(HStack, { className: cn("items-center", className), gap: "sm", children: paddedSlots.map((slot, i) => /* @__PURE__ */ jsxs(React79__default.Fragment, { children: [
     i > 0 && /* @__PURE__ */ jsx(
       Typography,
       {
@@ -49207,7 +50047,7 @@ var init_StatCard = __esm({
       const labelToUse = propLabel ?? propTitle;
       const eventBus = useEventBus();
       const { t } = useTranslate();
-      const handleActionClick = React76__default.useCallback(() => {
+      const handleActionClick = React79__default.useCallback(() => {
         if (action?.event) {
           eventBus.emit(`UI:${action.event}`, {});
         }
@@ -49218,7 +50058,7 @@ var init_StatCard = __esm({
       const data = Array.isArray(entity) ? entity : entity ? [entity] : [];
       const isLoading = externalLoading ?? false;
       const error = externalError;
-      const computeMetricValue = React76__default.useCallback(
+      const computeMetricValue = React79__default.useCallback(
         (metric, items) => {
           if (metric.value !== void 0) {
             return metric.value;
@@ -49257,7 +50097,7 @@ var init_StatCard = __esm({
         },
         []
       );
-      const schemaStats = React76__default.useMemo(() => {
+      const schemaStats = React79__default.useMemo(() => {
         if (!metrics || metrics.length === 0) return null;
         return metrics.map((metric) => ({
           label: metric.label,
@@ -49265,7 +50105,7 @@ var init_StatCard = __esm({
           format: metric.format
         }));
       }, [metrics, data, computeMetricValue]);
-      const calculatedTrend = React76__default.useMemo(() => {
+      const calculatedTrend = React79__default.useMemo(() => {
         if (manualTrend !== void 0) return manualTrend;
         if (previousValue === void 0 || currentValue2 === void 0)
           return void 0;
@@ -49966,7 +50806,7 @@ function formatDuration(seconds) {
   return `${Math.round(seconds)}s`;
 }
 function StatusEffect({
-  assetUrl = DEFAULT_ASSET_URL13,
+  assetUrl = DEFAULT_ASSET_URL11,
   icon = "shield",
   label = "Shield",
   duration = 30,
@@ -50024,12 +50864,12 @@ function StatusEffect({
     label && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground mt-0.5 text-center whitespace-nowrap", children: label })
   ] });
 }
-var DEFAULT_ASSET_URL13, sizeMap16, variantStyles9;
+var DEFAULT_ASSET_URL11, sizeMap16, variantStyles9;
 var init_StatusEffect = __esm({
   "components/game/atoms/StatusEffect.tsx"() {
     init_cn();
     init_Icon();
-    DEFAULT_ASSET_URL13 = "https://almadar-kflow-assets.web.app/shared/effects/particles/flame_01.png";
+    DEFAULT_ASSET_URL11 = "https://almadar-kflow-assets.web.app/shared/effects/particles/flame_01.png";
     sizeMap16 = {
       sm: { container: "w-8 h-8", icon: "text-sm", badge: "text-xs -top-1 -right-1 w-4 h-4", timer: "text-[9px]", img: 20 },
       md: { container: "w-10 h-10", icon: "text-base", badge: "text-xs -top-1 -right-1 w-5 h-5", timer: "text-xs", img: 28 },
@@ -50315,7 +51155,7 @@ var init_Timeline = __esm({
     }) => {
       const { t } = useTranslate();
       const entityData = Array.isArray(entity) ? entity : [];
-      const items = React76__default.useMemo(() => {
+      const items = React79__default.useMemo(() => {
         if (propItems) return propItems;
         if (entityData.length === 0) return [];
         return entityData.map((record, idx) => {
@@ -50472,7 +51312,7 @@ var init_TimerDisplay = __esm({
   }
 });
 function extractToastProps(children) {
-  if (!React76__default.isValidElement(children)) {
+  if (!React79__default.isValidElement(children)) {
     if (typeof children === "string") {
       return { message: children };
     }
@@ -50510,7 +51350,7 @@ var init_ToastSlot = __esm({
         eventBus.emit("UI:CLOSE");
       };
       if (!isVisible) return null;
-      const isCustomContent = React76__default.isValidElement(children) && !message;
+      const isCustomContent = React79__default.isValidElement(children) && !message;
       return /* @__PURE__ */ jsx(Box, { className: "fixed bottom-4 right-4 z-50", children: isCustomContent ? children : /* @__PURE__ */ jsx(
         Toast,
         {
@@ -50526,82 +51366,442 @@ var init_ToastSlot = __esm({
     ToastSlot.displayName = "ToastSlot";
   }
 });
+function resolveManifestUrl4(manifest, relative) {
+  if (relative == null || relative === "") return void 0;
+  if (/^https?:\/\//.test(relative)) return relative;
+  const base = manifest?.baseUrl;
+  if (base == null) return relative;
+  const cleanBase = base.replace(/\/$/, "");
+  const cleanRel = relative.replace(/^\//, "");
+  return `${cleanBase}/${cleanRel}`;
+}
+function readPlayer(v) {
+  if (v == null || typeof v !== "object") return void 0;
+  const o = v;
+  return { x: num(o.x), y: num(o.y) };
+}
+function TopDownShooterBoard({
+  entity,
+  player: propPlayer,
+  enemies: propEnemies,
+  projectiles: propProjectiles,
+  score: propScore,
+  wave: propWave,
+  lives: propLives,
+  result: propResult,
+  assetManifest: propAssetManifest,
+  width = DEFAULT_WIDTH,
+  height = DEFAULT_HEIGHT,
+  spriteSize = 32,
+  moveEvent = "MOVE",
+  fireEvent = "FIRE",
+  playAgainEvent = "PLAY_AGAIN",
+  gameEndEvent = "GAME_END",
+  className
+}) {
+  const board = boardEntity(entity) ?? {};
+  const eventBus = useEventBus();
+  const { t } = useTranslate();
+  const assetManifest = propAssetManifest ?? board.assetManifest;
+  const player = propPlayer ?? readPlayer(board.player) ?? { x: width / 2, y: height - spriteSize };
+  const enemies = useMemo(
+    () => propEnemies ?? rows(board.enemies).map((r) => ({
+      id: str(r.id),
+      x: num(r.x),
+      y: num(r.y),
+      hp: num(r.hp, 1)
+    })),
+    [propEnemies, board.enemies]
+  );
+  const projectiles = useMemo(
+    () => propProjectiles ?? rows(board.projectiles).map((r) => ({
+      id: str(r.id),
+      x: num(r.x),
+      y: num(r.y),
+      vx: num(r.vx),
+      vy: num(r.vy)
+    })),
+    [propProjectiles, board.projectiles]
+  );
+  const score = propScore ?? num(board.score, 0);
+  const wave = propWave ?? num(board.wave, 1);
+  const lives = propLives ?? num(board.lives, 3);
+  const result = propResult ?? (str(board.result) || "none");
+  const playerSprite = resolveManifestUrl4(assetManifest, assetManifest?.units?.player);
+  const enemySprite = resolveManifestUrl4(assetManifest, assetManifest?.units?.enemy);
+  const projectileSprite = resolveManifestUrl4(assetManifest, assetManifest?.features?.projectile);
+  const backgroundSprite = resolveManifestUrl4(assetManifest, assetManifest?.background);
+  const spriteUrls = useMemo(
+    () => [playerSprite, enemySprite, projectileSprite].filter((u) => u != null),
+    [playerSprite, enemySprite, projectileSprite]
+  );
+  const { getImage } = useImageCache(spriteUrls);
+  const sceneRef = useRef({ player, enemies, projectiles, playerSprite, enemySprite, projectileSprite });
+  sceneRef.current = { player, enemies, projectiles, playerSprite, enemySprite, projectileSprite };
+  boardLog2.debug("shooter-resolve", {
+    player: { x: player.x, y: player.y },
+    enemyCount: enemies.length,
+    projectileCount: projectiles.length,
+    wave,
+    lives,
+    result,
+    hasPlayerSprite: playerSprite != null
+  });
+  const onDraw = useCallback(
+    (ctx, _frame) => {
+      const scene = sceneRef.current;
+      ctx.fillStyle = "#10141c";
+      ctx.fillRect(0, 0, width, height);
+      const half = spriteSize / 2;
+      for (const p2 of scene.projectiles) {
+        const img = scene.projectileSprite ? getImage(scene.projectileSprite) : void 0;
+        if (img) {
+          ctx.drawImage(img, p2.x - half / 2, p2.y - half / 2, spriteSize / 2, spriteSize / 2);
+        } else {
+          ctx.fillStyle = "#ffd34d";
+          ctx.beginPath();
+          ctx.arc(p2.x, p2.y, spriteSize / 6, 0, Math.PI * 2);
+          ctx.fill();
+        }
+      }
+      for (const e of scene.enemies) {
+        const img = scene.enemySprite ? getImage(scene.enemySprite) : void 0;
+        if (img) {
+          ctx.drawImage(img, e.x - half, e.y - half, spriteSize, spriteSize);
+        } else {
+          ctx.fillStyle = "#e0524d";
+          ctx.fillRect(e.x - half, e.y - half, spriteSize, spriteSize);
+        }
+      }
+      const pImg = scene.playerSprite ? getImage(scene.playerSprite) : void 0;
+      if (pImg) {
+        ctx.drawImage(pImg, scene.player.x - half, scene.player.y - half, spriteSize, spriteSize);
+      } else {
+        ctx.fillStyle = "#4da3ff";
+        ctx.beginPath();
+        ctx.moveTo(scene.player.x, scene.player.y - half);
+        ctx.lineTo(scene.player.x + half, scene.player.y + half);
+        ctx.lineTo(scene.player.x - half, scene.player.y + half);
+        ctx.closePath();
+        ctx.fill();
+      }
+    },
+    [getImage, width, height, spriteSize]
+  );
+  const moveEventRef = useRef(moveEvent);
+  moveEventRef.current = moveEvent;
+  const fireEventRef = useRef(fireEvent);
+  fireEventRef.current = fireEvent;
+  const resultRef = useRef(result);
+  resultRef.current = result;
+  const playerRef = useRef(player);
+  playerRef.current = player;
+  useEffect(() => {
+    function onKeyDown(e) {
+      if (resultRef.current !== "none") return;
+      let dx = 0;
+      let dy = 0;
+      switch (e.key) {
+        case "ArrowUp":
+        case "w":
+          dy = -1;
+          break;
+        case "ArrowDown":
+        case "s":
+          dy = 1;
+          break;
+        case "ArrowLeft":
+        case "a":
+          dx = -1;
+          break;
+        case "ArrowRight":
+        case "d":
+          dx = 1;
+          break;
+        case " ": {
+          e.preventDefault();
+          const evt = fireEventRef.current;
+          if (evt) {
+            eventBus.emit(`UI:${evt}`, { tx: playerRef.current.x, ty: 0 });
+          }
+          return;
+        }
+        default:
+          return;
+      }
+      e.preventDefault();
+      const moveEvt = moveEventRef.current;
+      if (moveEvt) {
+        eventBus.emit(`UI:${moveEvt}`, { dx, dy });
+      }
+    }
+    window.addEventListener("keydown", onKeyDown);
+    return () => window.removeEventListener("keydown", onKeyDown);
+  }, [eventBus]);
+  const handleFireClick = useCallback(
+    (e) => {
+      if (result !== "none") return;
+      const evt = fireEventRef.current;
+      if (!evt) return;
+      const rect = e.currentTarget.getBoundingClientRect();
+      const tx = e.clientX - rect.left;
+      const ty = e.clientY - rect.top;
+      eventBus.emit(`UI:${evt}`, { tx, ty });
+    },
+    [result, eventBus]
+  );
+  const handlePlayAgain = useCallback(() => {
+    if (playAgainEvent) {
+      eventBus.emit(`UI:${playAgainEvent}`, {});
+    }
+  }, [playAgainEvent, eventBus]);
+  const gameEndEmittedRef = useRef(false);
+  useEffect(() => {
+    if ((result === "won" || result === "lost") && gameEndEvent) {
+      if (!gameEndEmittedRef.current) {
+        gameEndEmittedRef.current = true;
+        eventBus.emit(`UI:${gameEndEvent}`, { result });
+      }
+    } else {
+      gameEndEmittedRef.current = false;
+    }
+  }, [result, gameEndEvent, eventBus]);
+  const isGameOver = result === "won" || result === "lost";
+  return /* @__PURE__ */ jsxs(VStack, { className: cn("top-down-shooter-board relative bg-background", className), gap: "none", children: [
+    /* @__PURE__ */ jsxs(HStack, { className: "px-4 py-2 border-b border-border bg-surface", gap: "lg", align: "center", children: [
+      /* @__PURE__ */ jsxs(HStack, { gap: "xs", align: "center", children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "small", color: "muted", children: t("shooter.score") ?? "Score" }),
+        /* @__PURE__ */ jsx(Typography, { variant: "body2", weight: "bold", className: "text-warning", children: score })
+      ] }),
+      /* @__PURE__ */ jsxs(HStack, { gap: "xs", align: "center", children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "small", color: "muted", children: t("shooter.wave") ?? "Wave" }),
+        /* @__PURE__ */ jsx(Typography, { variant: "body2", weight: "bold", children: wave })
+      ] }),
+      /* @__PURE__ */ jsxs(HStack, { gap: "xs", align: "center", children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "small", color: "muted", children: t("shooter.lives") ?? "Lives" }),
+        /* @__PURE__ */ jsx(
+          Typography,
+          {
+            variant: "body2",
+            weight: "bold",
+            className: lives <= 1 ? "text-error" : "text-success",
+            children: lives
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Box, { className: "relative", onClick: handleFireClick, children: [
+      /* @__PURE__ */ jsx(
+        GameCanvas2D,
+        {
+          width,
+          height,
+          backgroundImage: backgroundSprite,
+          assetBaseUrl: assetManifest?.baseUrl,
+          onDraw
+        }
+      ),
+      isGameOver && /* @__PURE__ */ jsx(Box, { className: "absolute inset-0 z-50 flex items-center justify-center bg-background/70 backdrop-blur-sm rounded-container", children: /* @__PURE__ */ jsxs(VStack, { className: "text-center p-8", gap: "lg", children: [
+        /* @__PURE__ */ jsx(
+          Typography,
+          {
+            variant: "h2",
+            className: cn(
+              "text-4xl font-black tracking-widest uppercase",
+              result === "won" ? "text-warning" : "text-error"
+            ),
+            children: result === "won" ? t("shooter.victory") ?? "Victory!" : t("shooter.defeat") ?? "Defeat!"
+          }
+        ),
+        /* @__PURE__ */ jsx(Typography, { variant: "body1", className: "text-muted-foreground", children: result === "won" ? t("shooter.cleared") ?? `Cleared wave ${wave} \u2014 score ${score}` : t("shooter.overrun") ?? "You were overrun." }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "primary",
+            className: "px-8 py-3 font-semibold",
+            onClick: handlePlayAgain,
+            children: t("shooter.playAgain") ?? "Play Again"
+          }
+        )
+      ] }) })
+    ] })
+  ] });
+}
+var boardLog2, DEFAULT_WIDTH, DEFAULT_HEIGHT;
+var init_TopDownShooterBoard = __esm({
+  "components/game/organisms/TopDownShooterBoard.tsx"() {
+    "use client";
+    init_cn();
+    init_useEventBus();
+    init_Box();
+    init_Button();
+    init_Typography();
+    init_Stack();
+    init_GameCanvas2D();
+    init_useImageCache();
+    init_boardEntity();
+    boardLog2 = createLogger("almadar:ui:game:top-down-shooter-board");
+    DEFAULT_WIDTH = 640;
+    DEFAULT_HEIGHT = 480;
+    TopDownShooterBoard.displayName = "TopDownShooterBoard";
+  }
+});
+function isEntityRow3(value) {
+  return value != null && typeof value === "object" && !Array.isArray(value);
+}
+function TopDownShooterTemplate({
+  entity,
+  title = "Arena Shooter",
+  player,
+  enemies,
+  projectiles,
+  score,
+  wave,
+  lives,
+  result,
+  assetManifest,
+  width,
+  height,
+  spriteSize,
+  moveEvent,
+  fireEvent,
+  playAgainEvent,
+  gameEndEvent,
+  className
+}) {
+  const resolved = isEntityRow3(entity) ? entity : void 0;
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      display: "flex",
+      fullHeight: true,
+      className: cn("top-down-shooter-template flex-col", className),
+      children: [
+        /* @__PURE__ */ jsx(
+          HStack,
+          {
+            gap: "sm",
+            align: "center",
+            className: "px-4 py-3 border-b-2 border-border bg-surface shrink-0",
+            children: /* @__PURE__ */ jsx(Typography, { variant: "h4", children: title })
+          }
+        ),
+        /* @__PURE__ */ jsx(Box, { className: "flex-1 relative overflow-hidden", children: /* @__PURE__ */ jsx(
+          TopDownShooterBoard,
+          {
+            entity: resolved,
+            player,
+            enemies,
+            projectiles,
+            score,
+            wave,
+            lives,
+            result,
+            assetManifest,
+            width,
+            height,
+            spriteSize,
+            moveEvent,
+            fireEvent,
+            playAgainEvent,
+            gameEndEvent,
+            className: "h-full"
+          }
+        ) })
+      ]
+    }
+  );
+}
+var init_TopDownShooterTemplate = __esm({
+  "components/game/templates/TopDownShooterTemplate.tsx"() {
+    init_cn();
+    init_Box();
+    init_Stack();
+    init_Typography();
+    init_TopDownShooterBoard();
+    TopDownShooterTemplate.displayName = "TopDownShooterTemplate";
+  }
+});
+function resolveManifestUrl5(manifest, relative) {
+  if (relative == null) return void 0;
+  if (/^https?:\/\//.test(relative)) return relative;
+  const base = manifest?.baseUrl;
+  if (base == null) return relative;
+  const cleanBase = base.replace(/\/$/, "");
+  const cleanRel = relative.replace(/^\//, "");
+  return `${cleanBase}/${cleanRel}`;
+}
 function buildDefaultTDTiles() {
   const pathSet = new Set(DEFAULT_TD_PATH.map((p2) => `${p2.x},${p2.y}`));
   const tiles = [];
   for (let y = 0; y < TD_GRID_H; y++) {
     for (let x = 0; x < TD_GRID_W; x++) {
       if (pathSet.has(`${x},${y}`)) {
-        tiles.push({ x, y, terrain: "path", passable: false, terrainSprite: TERRAIN_SPRITES.path });
+        tiles.push({ x, y, terrain: "path", passable: false });
       } else {
         const variant = (x * 3 + y * 5 + (x ^ y)) % 3;
-        const terrainKey = ["ground", "grass", "dirt"][variant];
-        tiles.push({ x, y, terrain: terrainKey, passable: true, terrainSprite: TERRAIN_SPRITES[terrainKey] ?? TERRAIN_SPRITES.ground });
+        const terrainKey = ["ground", "grass", "stone"][variant];
+        tiles.push({ x, y, terrain: terrainKey, passable: true });
       }
     }
   }
   return tiles;
 }
-function tilesToIso(tiles) {
-  return tiles.map((t) => ({
-    x: t.x,
-    y: t.y,
-    terrain: t.terrain,
-    terrainSprite: t.terrainSprite ?? TERRAIN_SPRITES[t.terrain ?? "ground"],
-    passable: t.passable
-  }));
-}
-function towersToUnits(towers) {
-  return towers.map((t) => ({
-    id: t.id,
-    position: { x: t.x, y: t.y },
-    name: "Tower",
-    team: "player",
-    sprite: TOWER_SPRITE,
-    unitType: "guardian",
-    health: 1,
-    maxHealth: 1
-  }));
+function tilesToIso2(tiles, manifest) {
+  return tiles.map((t) => {
+    const key = t.terrain ?? "ground";
+    const sprite = t.terrainSprite ?? resolveManifestUrl5(manifest, manifest?.terrains?.[key]) ?? resolveManifestUrl5(manifest, manifest?.terrains?.ground);
+    return {
+      x: t.x,
+      y: t.y,
+      terrain: t.terrain,
+      terrainSprite: sprite,
+      passable: t.passable
+    };
+  });
 }
-function creepsToUnits(creeps) {
+function creepsToUnits(creeps, manifest) {
+  const sprite = resolveManifestUrl5(manifest, manifest?.units?.creep);
   return creeps.map((c) => ({
     id: c.id,
     position: { x: c.x, y: c.y },
     name: "Creep",
     team: "enemy",
-    sprite: CREEP_SPRITE,
-    unitType: "scrapper",
+    sprite,
+    unitType: "creep",
     health: c.hp,
     maxHealth: c.maxHp
   }));
 }
-function pathToFeatures(path) {
-  return path.map((p2, i) => ({
-    id: `path-${i}`,
-    x: p2.x,
-    y: p2.y,
-    type: "path-marker",
-    sprite: `${CDN6}world-map/road_straight.png`
-  }));
-}
-function heroToUnit(hero) {
+function heroToUnit(hero, manifest) {
   return {
     id: hero.id,
     position: { x: hero.x, y: hero.y },
     name: "Hero",
     team: "player",
-    sprite: HERO_SPRITE,
-    unitType: "amir",
+    sprite: resolveManifestUrl5(manifest, manifest?.units?.hero),
+    unitType: "hero",
     health: 1,
     maxHealth: 1
   };
 }
+function towersToFeatures(towers, manifest) {
+  const sprite = resolveManifestUrl5(manifest, manifest?.features?.tower);
+  return towers.map((t) => ({
+    id: t.id,
+    x: t.x,
+    y: t.y,
+    type: "tower",
+    sprite
+  }));
+}
 function TowerDefenseBoard({
   entity,
   tiles: propTiles,
   path: propPath,
   towers: propTowers,
   creeps: propCreeps,
+  assetManifest: propAssetManifest,
   hero: propHero,
   gold: propGold,
   lives: propLives,
@@ -50624,12 +51824,51 @@ function TowerDefenseBoard({
   const board = boardEntity(entity) ?? {};
   const eventBus = useEventBus();
   const { t } = useTranslate();
-  const rawTiles = propTiles ?? rows(board.tiles);
+  const assetManifest = propAssetManifest ?? board.assetManifest;
+  const entityTiles = useMemo(
+    () => rows(board.tiles).map((r) => ({
+      x: num(r.x),
+      y: num(r.y),
+      terrain: r.terrain == null ? void 0 : str(r.terrain),
+      terrainSprite: r.terrainSprite == null ? void 0 : str(r.terrainSprite),
+      passable: r.passable !== false
+    })),
+    [board.tiles]
+  );
+  const rawTiles = propTiles ?? entityTiles;
   const tiles = rawTiles.length >= TD_GRID_W * TD_GRID_H ? rawTiles : DEFAULT_TD_TILES;
-  const rawPath = propPath ?? rows(board.path);
+  const entityPath = useMemo(
+    () => rows(board.path).map((r) => ({ x: num(r.x), y: num(r.y) })),
+    [board.path]
+  );
+  const rawPath = propPath ?? entityPath;
   const path = rawPath.length > 0 ? rawPath : DEFAULT_TD_PATH;
-  const towers = propTowers ?? rows(board.towers);
-  const creeps = propCreeps ?? rows(board.creeps);
+  const entityTowers = useMemo(
+    () => rows(board.towers).map((r) => ({
+      id: str(r.id),
+      x: num(r.x),
+      y: num(r.y),
+      range: num(r.range),
+      damage: num(r.damage),
+      cooldown: num(r.cooldown),
+      lastFiredAt: r.lastFiredAt == null ? void 0 : num(r.lastFiredAt)
+    })),
+    [board.towers]
+  );
+  const towers = propTowers ?? entityTowers;
+  const entityCreeps = useMemo(
+    () => rows(board.creeps).map((r) => ({
+      id: str(r.id),
+      x: num(r.x),
+      y: num(r.y),
+      hp: num(r.hp),
+      maxHp: num(r.maxHp),
+      pathIndex: num(r.pathIndex),
+      speed: num(r.speed)
+    })),
+    [board.creeps]
+  );
+  const creeps = propCreeps ?? entityCreeps;
   const hero = propHero ?? { id: "hero", x: 8, y: 8 };
   const gold = propGold ?? num(board.gold, 100);
   const lives = propLives ?? num(board.lives, 20);
@@ -50681,12 +51920,11 @@ function TowerDefenseBoard({
       (t2) => t2.passable !== false && !towerPositions.has(`${t2.x},${t2.y}`) && !pathPositions.has(`${t2.x},${t2.y}`)
     ).map((t2) => ({ x: t2.x, y: t2.y }));
   }, [tiles, towerPositions, pathPositions, result, gold, towerCost]);
-  const isoTiles = useMemo(() => tilesToIso(tiles), [tiles]);
-  const towerUnits = useMemo(() => towersToUnits(towers), [towers]);
-  const creepUnits = useMemo(() => creepsToUnits(creeps), [creeps]);
-  const heroUnit = useMemo(() => heroToUnit(hero), [hero]);
-  const isoUnits = useMemo(() => [...towerUnits, ...creepUnits, heroUnit], [towerUnits, creepUnits, heroUnit]);
-  const pathFeatures = useMemo(() => pathToFeatures(path), [path]);
+  const isoTiles = useMemo(() => tilesToIso2(tiles, assetManifest), [tiles, assetManifest]);
+  const creepUnits = useMemo(() => creepsToUnits(creeps, assetManifest), [creeps, assetManifest]);
+  const heroUnit = useMemo(() => heroToUnit(hero, assetManifest), [hero, assetManifest]);
+  const isoUnits = useMemo(() => [...creepUnits, heroUnit], [creepUnits, heroUnit]);
+  const towerFeatures = useMemo(() => towersToFeatures(towers, assetManifest), [towers, assetManifest]);
   const handleTileClick = useCallback((x, y) => {
     if (result !== "none") return;
     if (pathPositions.has(`${x},${y}`)) return;
@@ -50745,7 +51983,9 @@ function TowerDefenseBoard({
         {
           tiles: isoTiles,
           units: isoUnits,
-          features: pathFeatures,
+          features: towerFeatures,
+          assetBaseUrl: assetManifest?.baseUrl,
+          assetManifest,
           validMoves,
           hoveredTile,
           onTileClick: handleTileClick,
@@ -50784,7 +52024,7 @@ function TowerDefenseBoard({
     ] }) })
   ] });
 }
-var CDN6, TD_GRID_W, TD_GRID_H, TERRAIN_SPRITES, DEFAULT_TD_PATH, DEFAULT_TD_TILES, TOWER_SPRITE, CREEP_SPRITE, HERO_SPRITE;
+var TD_GRID_W, TD_GRID_H, DEFAULT_TD_PATH, DEFAULT_TD_TILES;
 var init_TowerDefenseBoard = __esm({
   "components/game/organisms/TowerDefenseBoard.tsx"() {
     "use client";
@@ -50796,16 +52036,8 @@ var init_TowerDefenseBoard = __esm({
     init_Stack();
     init_IsometricCanvas();
     init_boardEntity();
-    CDN6 = "https://almadar-kflow-assets.web.app/shared/";
     TD_GRID_W = 16;
     TD_GRID_H = 16;
-    TERRAIN_SPRITES = {
-      ground: `${CDN6}isometric-blocks/PNG/Platformer tiles/platformerTile_01.png`,
-      path: `${CDN6}isometric-blocks/PNG/Platformer tiles/platformerTile_09.png`,
-      wall: `${CDN6}isometric-blocks/PNG/Platformer tiles/platformerTile_05.png`,
-      grass: `${CDN6}isometric-dungeon/Isometric/dirt_E.png`,
-      dirt: `${CDN6}isometric-dungeon/Isometric/dirtTiles_E.png`
-    };
     DEFAULT_TD_PATH = [
       { x: 2, y: 0 },
       { x: 2, y: 1 },
@@ -50858,9 +52090,6 @@ var init_TowerDefenseBoard = __esm({
       { x: 13, y: 15 }
     ];
     DEFAULT_TD_TILES = buildDefaultTDTiles();
-    TOWER_SPRITE = `${CDN6}sprite-sheets/guardian-sprite-sheet-se.png`;
-    CREEP_SPRITE = `${CDN6}sprite-sheets/scrapper-sprite-sheet-se.png`;
-    HERO_SPRITE = `${CDN6}sprite-sheets/amir-sprite-sheet-se.png`;
     TowerDefenseBoard.displayName = "TowerDefenseBoard";
   }
 });
@@ -51128,6 +52357,214 @@ var init_UncontrolledBattleBoard = __esm({
     UncontrolledBattleBoard.displayName = "UncontrolledBattleBoard";
   }
 });
+function resolveManifestUrl6(manifest, relative) {
+  if (relative == null) return void 0;
+  if (/^https?:\/\//.test(relative)) return relative;
+  const base = manifest?.baseUrl;
+  if (base == null) return relative;
+  const cleanBase = base.replace(/\/$/, "");
+  const cleanRel = relative.replace(/^\//, "");
+  return `${cleanBase}/${cleanRel}`;
+}
+function VisualNovelBoard({
+  entity,
+  nodes: propNodes,
+  currentNodeId: propCurrentNodeId,
+  assetManifest: propAssetManifest,
+  typewriterSpeed = 30,
+  portraitScale = 1,
+  chooseEvent,
+  advanceEvent,
+  restartEvent,
+  className
+}) {
+  const board = boardEntity(entity) ?? {};
+  const eventBus = useEventBus();
+  const assetManifest = propAssetManifest ?? board.assetManifest;
+  const entityNodes = useMemo(
+    () => rows(board.nodes).map((r) => ({
+      id: str(r.id),
+      speaker: str(r.speaker),
+      text: str(r.text),
+      backgroundKey: r.backgroundKey == null ? void 0 : str(r.backgroundKey),
+      portraitKey: r.portraitKey == null ? void 0 : str(r.portraitKey),
+      choices: rows(r.choices).map((c) => ({
+        label: str(c.label),
+        nextId: str(c.nextId)
+      }))
+    })),
+    [board.nodes]
+  );
+  const rawNodes = propNodes ?? entityNodes;
+  const nodes = rawNodes.length > 0 ? rawNodes : DEFAULT_NODES;
+  const currentNodeId = propCurrentNodeId ?? (str(board.currentNodeId) || nodes[0]?.id);
+  const currentNode = nodes.find((n) => n.id === currentNodeId) ?? nodes[0];
+  const backgroundImage = useMemo(
+    () => resolveManifestUrl6(assetManifest, assetManifest?.backgrounds?.[currentNode?.backgroundKey ?? ""]),
+    [assetManifest, currentNode?.backgroundKey]
+  );
+  const portraitUrl = useMemo(
+    () => resolveManifestUrl6(assetManifest, assetManifest?.portraits?.[currentNode?.portraitKey ?? ""]),
+    [assetManifest, currentNode?.portraitKey]
+  );
+  const dialogueChoices = useMemo(
+    () => (currentNode?.choices ?? []).map((c) => ({ text: c.label, next: c.nextId })),
+    [currentNode?.choices]
+  );
+  const handleChoice = useCallback(
+    (choice) => {
+      const index = dialogueChoices.findIndex((c) => c.next === choice.next && c.text === choice.text);
+      if (chooseEvent) {
+        eventBus.emit(`UI:${chooseEvent}`, { choiceIndex: index });
+      }
+    },
+    [dialogueChoices, chooseEvent, eventBus]
+  );
+  const handleAdvance = useCallback(() => {
+    if (advanceEvent) {
+      eventBus.emit(`UI:${advanceEvent}`, {});
+    }
+  }, [advanceEvent, eventBus]);
+  const handleRestart = useCallback(() => {
+    if (restartEvent) {
+      eventBus.emit(`UI:${restartEvent}`, {});
+    }
+  }, [restartEvent, eventBus]);
+  if (!currentNode) {
+    return /* @__PURE__ */ jsxs(VStack, { className: cn("visual-novel-board relative min-h-[600px] bg-background items-center justify-center", className), gap: "lg", children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "h3", color: "muted", children: "No dialogue nodes" }),
+      /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: handleRestart, children: "Restart" })
+    ] });
+  }
+  return /* @__PURE__ */ jsx(Box, { className: cn("visual-novel-board relative min-h-[600px] bg-background overflow-hidden", className), children: /* @__PURE__ */ jsx(
+    DialogueBox,
+    {
+      dialogue: {
+        speaker: currentNode.speaker,
+        text: currentNode.text,
+        choices: dialogueChoices
+      },
+      typewriterSpeed,
+      position: "bottom",
+      backgroundImage,
+      portraitUrl,
+      portraitScale,
+      onChoice: handleChoice,
+      onAdvance: handleAdvance
+    }
+  ) });
+}
+var DEFAULT_NODES;
+var init_VisualNovelBoard = __esm({
+  "components/game/organisms/VisualNovelBoard.tsx"() {
+    "use client";
+    init_cn();
+    init_useEventBus();
+    init_Box();
+    init_Typography();
+    init_Stack();
+    init_Button();
+    init_DialogueBox();
+    init_boardEntity();
+    DEFAULT_NODES = [
+      {
+        id: "start",
+        speaker: "Narrator",
+        text: "The corridor stretches into shadow. A lone sentinel blocks your path.",
+        backgroundKey: "corridor",
+        portraitKey: "guide",
+        choices: [
+          { label: "Approach the sentinel.", nextId: "meet" },
+          { label: "Turn back.", nextId: "retreat" }
+        ]
+      },
+      {
+        id: "meet",
+        speaker: "Sentinel",
+        text: "You carry the old marks. Speak your purpose, traveler.",
+        backgroundKey: "forge",
+        portraitKey: "rival",
+        choices: [
+          { label: "I seek the core.", nextId: "end" },
+          { label: "I am only passing through.", nextId: "retreat" }
+        ]
+      },
+      {
+        id: "retreat",
+        speaker: "Narrator",
+        text: "You withdraw into the dark. The path will wait for braver feet.",
+        backgroundKey: "corridor",
+        choices: [{ label: "Begin again.", nextId: "start" }]
+      },
+      {
+        id: "end",
+        speaker: "Sentinel",
+        text: "Then the way is open. Walk it well.",
+        backgroundKey: "core",
+        portraitKey: "rival",
+        choices: [{ label: "Begin again.", nextId: "start" }]
+      }
+    ];
+    VisualNovelBoard.displayName = "VisualNovelBoard";
+  }
+});
+function VisualNovelTemplate({
+  entity,
+  title = "Visual Novel",
+  nodes,
+  currentNodeId,
+  typewriterSpeed,
+  portraitScale,
+  chooseEvent,
+  advanceEvent,
+  restartEvent,
+  className
+}) {
+  const resolved = entity && typeof entity === "object" && !Array.isArray(entity) ? entity : void 0;
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      display: "flex",
+      fullHeight: true,
+      className: cn("visual-novel-template flex-col", className),
+      children: [
+        /* @__PURE__ */ jsx(
+          HStack,
+          {
+            gap: "sm",
+            align: "center",
+            className: "px-4 py-3 border-b-2 border-border bg-surface shrink-0",
+            children: /* @__PURE__ */ jsx(Typography, { variant: "h4", children: title })
+          }
+        ),
+        /* @__PURE__ */ jsx(Box, { className: "flex-1 relative overflow-hidden", children: /* @__PURE__ */ jsx(
+          VisualNovelBoard,
+          {
+            entity: resolved,
+            nodes,
+            currentNodeId,
+            typewriterSpeed,
+            portraitScale,
+            chooseEvent,
+            advanceEvent,
+            restartEvent,
+            className: "h-full"
+          }
+        ) })
+      ]
+    }
+  );
+}
+var init_VisualNovelTemplate = __esm({
+  "components/game/templates/VisualNovelTemplate.tsx"() {
+    init_cn();
+    init_Box();
+    init_Stack();
+    init_Typography();
+    init_VisualNovelBoard();
+    VisualNovelTemplate.displayName = "VisualNovelTemplate";
+  }
+});
 function heroPosition(h) {
   if ("position" in h && h.position != null) return h.position;
   return vec2(h.position);
@@ -51468,48 +52905,48 @@ function WorldMapTemplate({
     }
   );
 }
-var CDN7, DEFAULT_WORLDMAP_TILES, DEFAULT_WORLDMAP_UNITS, DEFAULT_WORLDMAP_FEATURES, DEFAULT_WORLDMAP_MANIFEST;
+var CDN5, DEFAULT_WORLDMAP_TILES, DEFAULT_WORLDMAP_UNITS, DEFAULT_WORLDMAP_FEATURES, DEFAULT_WORLDMAP_MANIFEST;
 var init_WorldMapTemplate = __esm({
   "components/game/templates/WorldMapTemplate.tsx"() {
     init_WorldMapBoard();
-    CDN7 = "https://almadar-kflow-assets.web.app/shared";
+    CDN5 = "https://almadar-kflow-assets.web.app/shared";
     DEFAULT_WORLDMAP_TILES = [
-      { x: 0, y: 0, terrain: "mountain", passable: false, terrainSprite: `${CDN7}/isometric-blocks/PNG/Platformer tiles/platformerTile_13.png` },
-      { x: 1, y: 0, terrain: "mountain", passable: false, terrainSprite: `${CDN7}/isometric-blocks/PNG/Platformer tiles/platformerTile_13.png` },
-      { x: 2, y: 0, terrain: "water", passable: false, terrainSprite: `${CDN7}/isometric-blocks/PNG/Platformer tiles/platformerTile_11.png` },
-      { x: 3, y: 0, terrain: "mountain", passable: false, terrainSprite: `${CDN7}/isometric-blocks/PNG/Platformer tiles/platformerTile_13.png` },
-      { x: 4, y: 0, terrain: "mountain", passable: false, terrainSprite: `${CDN7}/isometric-blocks/PNG/Platformer tiles/platformerTile_13.png` },
-      { x: 0, y: 1, terrain: "mountain", passable: false, terrainSprite: `${CDN7}/isometric-blocks/PNG/Platformer tiles/platformerTile_13.png` },
-      { x: 1, y: 1, terrain: "grass", passable: true, terrainSprite: `${CDN7}/isometric-blocks/PNG/Platformer tiles/platformerTile_01.png` },
-      { x: 2, y: 1, terrain: "grass", passable: true, terrainSprite: `${CDN7}/isometric-blocks/PNG/Platformer tiles/platformerTile_01.png` },
-      { x: 3, y: 1, terrain: "grass", passable: true, terrainSprite: `${CDN7}/isometric-blocks/PNG/Platformer tiles/platformerTile_01.png` },
-      { x: 4, y: 1, terrain: "water", passable: false, terrainSprite: `${CDN7}/isometric-blocks/PNG/Platformer tiles/platformerTile_11.png` },
-      { x: 0, y: 2, terrain: "water", passable: false, terrainSprite: `${CDN7}/isometric-blocks/PNG/Platformer tiles/platformerTile_11.png` },
-      { x: 1, y: 2, terrain: "grass", passable: true, terrainSprite: `${CDN7}/isometric-blocks/PNG/Platformer tiles/platformerTile_01.png` },
-      { x: 2, y: 2, terrain: "grass", passable: true, terrainSprite: `${CDN7}/isometric-blocks/PNG/Platformer tiles/platformerTile_03.png` },
-      { x: 3, y: 2, terrain: "grass", passable: true, terrainSprite: `${CDN7}/isometric-blocks/PNG/Platformer tiles/platformerTile_01.png` },
-      { x: 4, y: 2, terrain: "mountain", passable: false, terrainSprite: `${CDN7}/isometric-blocks/PNG/Platformer tiles/platformerTile_13.png` },
-      { x: 0, y: 3, terrain: "mountain", passable: false, terrainSprite: `${CDN7}/isometric-blocks/PNG/Platformer tiles/platformerTile_13.png` },
-      { x: 1, y: 3, terrain: "grass", passable: true, terrainSprite: `${CDN7}/isometric-blocks/PNG/Platformer tiles/platformerTile_01.png` },
-      { x: 2, y: 3, terrain: "grass", passable: true, terrainSprite: `${CDN7}/isometric-blocks/PNG/Platformer tiles/platformerTile_01.png` },
-      { x: 3, y: 3, terrain: "grass", passable: true, terrainSprite: `${CDN7}/isometric-blocks/PNG/Platformer tiles/platformerTile_03.png` },
-      { x: 4, y: 3, terrain: "mountain", passable: false, terrainSprite: `${CDN7}/isometric-blocks/PNG/Platformer tiles/platformerTile_13.png` },
-      { x: 0, y: 4, terrain: "mountain", passable: false, terrainSprite: `${CDN7}/isometric-blocks/PNG/Platformer tiles/platformerTile_13.png` },
-      { x: 1, y: 4, terrain: "water", passable: false, terrainSprite: `${CDN7}/isometric-blocks/PNG/Platformer tiles/platformerTile_11.png` },
-      { x: 2, y: 4, terrain: "grass", passable: true, terrainSprite: `${CDN7}/isometric-blocks/PNG/Platformer tiles/platformerTile_01.png` },
-      { x: 3, y: 4, terrain: "mountain", passable: false, terrainSprite: `${CDN7}/isometric-blocks/PNG/Platformer tiles/platformerTile_13.png` },
-      { x: 4, y: 4, terrain: "mountain", passable: false, terrainSprite: `${CDN7}/isometric-blocks/PNG/Platformer tiles/platformerTile_13.png` }
+      { x: 0, y: 0, terrain: "mountain", passable: false, terrainSprite: `${CDN5}/isometric-blocks/PNG/Platformer tiles/platformerTile_13.png` },
+      { x: 1, y: 0, terrain: "mountain", passable: false, terrainSprite: `${CDN5}/isometric-blocks/PNG/Platformer tiles/platformerTile_13.png` },
+      { x: 2, y: 0, terrain: "water", passable: false, terrainSprite: `${CDN5}/isometric-blocks/PNG/Platformer tiles/platformerTile_11.png` },
+      { x: 3, y: 0, terrain: "mountain", passable: false, terrainSprite: `${CDN5}/isometric-blocks/PNG/Platformer tiles/platformerTile_13.png` },
+      { x: 4, y: 0, terrain: "mountain", passable: false, terrainSprite: `${CDN5}/isometric-blocks/PNG/Platformer tiles/platformerTile_13.png` },
+      { x: 0, y: 1, terrain: "mountain", passable: false, terrainSprite: `${CDN5}/isometric-blocks/PNG/Platformer tiles/platformerTile_13.png` },
+      { x: 1, y: 1, terrain: "grass", passable: true, terrainSprite: `${CDN5}/isometric-blocks/PNG/Platformer tiles/platformerTile_01.png` },
+      { x: 2, y: 1, terrain: "grass", passable: true, terrainSprite: `${CDN5}/isometric-blocks/PNG/Platformer tiles/platformerTile_01.png` },
+      { x: 3, y: 1, terrain: "grass", passable: true, terrainSprite: `${CDN5}/isometric-blocks/PNG/Platformer tiles/platformerTile_01.png` },
+      { x: 4, y: 1, terrain: "water", passable: false, terrainSprite: `${CDN5}/isometric-blocks/PNG/Platformer tiles/platformerTile_11.png` },
+      { x: 0, y: 2, terrain: "water", passable: false, terrainSprite: `${CDN5}/isometric-blocks/PNG/Platformer tiles/platformerTile_11.png` },
+      { x: 1, y: 2, terrain: "grass", passable: true, terrainSprite: `${CDN5}/isometric-blocks/PNG/Platformer tiles/platformerTile_01.png` },
+      { x: 2, y: 2, terrain: "grass", passable: true, terrainSprite: `${CDN5}/isometric-blocks/PNG/Platformer tiles/platformerTile_03.png` },
+      { x: 3, y: 2, terrain: "grass", passable: true, terrainSprite: `${CDN5}/isometric-blocks/PNG/Platformer tiles/platformerTile_01.png` },
+      { x: 4, y: 2, terrain: "mountain", passable: false, terrainSprite: `${CDN5}/isometric-blocks/PNG/Platformer tiles/platformerTile_13.png` },
+      { x: 0, y: 3, terrain: "mountain", passable: false, terrainSprite: `${CDN5}/isometric-blocks/PNG/Platformer tiles/platformerTile_13.png` },
+      { x: 1, y: 3, terrain: "grass", passable: true, terrainSprite: `${CDN5}/isometric-blocks/PNG/Platformer tiles/platformerTile_01.png` },
+      { x: 2, y: 3, terrain: "grass", passable: true, terrainSprite: `${CDN5}/isometric-blocks/PNG/Platformer tiles/platformerTile_01.png` },
+      { x: 3, y: 3, terrain: "grass", passable: true, terrainSprite: `${CDN5}/isometric-blocks/PNG/Platformer tiles/platformerTile_03.png` },
+      { x: 4, y: 3, terrain: "mountain", passable: false, terrainSprite: `${CDN5}/isometric-blocks/PNG/Platformer tiles/platformerTile_13.png` },
+      { x: 0, y: 4, terrain: "mountain", passable: false, terrainSprite: `${CDN5}/isometric-blocks/PNG/Platformer tiles/platformerTile_13.png` },
+      { x: 1, y: 4, terrain: "water", passable: false, terrainSprite: `${CDN5}/isometric-blocks/PNG/Platformer tiles/platformerTile_11.png` },
+      { x: 2, y: 4, terrain: "grass", passable: true, terrainSprite: `${CDN5}/isometric-blocks/PNG/Platformer tiles/platformerTile_01.png` },
+      { x: 3, y: 4, terrain: "mountain", passable: false, terrainSprite: `${CDN5}/isometric-blocks/PNG/Platformer tiles/platformerTile_13.png` },
+      { x: 4, y: 4, terrain: "mountain", passable: false, terrainSprite: `${CDN5}/isometric-blocks/PNG/Platformer tiles/platformerTile_13.png` }
     ];
     DEFAULT_WORLDMAP_UNITS = [
-      { id: "h1", position: { x: 1, y: 1 }, unitType: "hero", name: "Amir", team: "player", health: 10, maxHealth: 10, sprite: `${CDN7}/sprite-sheets/amir-sprite-sheet-se.png` },
-      { id: "h2", position: { x: 3, y: 3 }, unitType: "scout", name: "Archivist", team: "player", health: 10, maxHealth: 10, sprite: `${CDN7}/sprite-sheets/archivist-sprite-sheet-se.png` }
+      { id: "h1", position: { x: 1, y: 1 }, unitType: "hero", name: "Amir", team: "player", health: 10, maxHealth: 10, sprite: `${CDN5}/sprite-sheets/amir-sprite-sheet-se.png` },
+      { id: "h2", position: { x: 3, y: 3 }, unitType: "scout", name: "Archivist", team: "player", health: 10, maxHealth: 10, sprite: `${CDN5}/sprite-sheets/archivist-sprite-sheet-se.png` }
     ];
     DEFAULT_WORLDMAP_FEATURES = [
-      { id: "f1", x: 2, y: 2, type: "capital", sprite: `${CDN7}/scenes/world/capital.png` },
-      { id: "f2", x: 4, y: 2, type: "power_node", sprite: `${CDN7}/world-map/power_node.png` }
+      { id: "f1", x: 2, y: 2, type: "capital", sprite: `${CDN5}/scenes/world/capital.png` },
+      { id: "f2", x: 4, y: 2, type: "power_node", sprite: `${CDN5}/world-map/power_node.png` }
     ];
     DEFAULT_WORLDMAP_MANIFEST = {
-      baseUrl: CDN7,
+      baseUrl: CDN5,
       terrains: {
         grass: "/isometric-blocks/PNG/Platformer tiles/platformerTile_01.png",
         water: "/isometric-blocks/PNG/Platformer tiles/platformerTile_11.png",
@@ -51539,8 +52976,8 @@ function XPBar({
 }) {
   const sizes = sizeMap18[size];
   const percentage = max > 0 ? Math.max(0, Math.min(100, current / max * 100)) : 0;
-  const [fillWidth, setFillWidth] = React76.useState(animated ? 0 : percentage);
-  React76.useEffect(() => {
+  const [fillWidth, setFillWidth] = React79.useState(animated ? 0 : percentage);
+  React79.useEffect(() => {
     if (!animated) {
       setFillWidth(percentage);
       return;
@@ -51613,7 +53050,7 @@ var init_XPBar = __esm({
   }
 });
 function lazyThree(name, loader) {
-  const Lazy = React76__default.lazy(
+  const Lazy = React79__default.lazy(
     () => loader().then((m) => {
       const Resolved = m[name];
       if (!Resolved) {
@@ -51625,13 +53062,13 @@ function lazyThree(name, loader) {
     })
   );
   function ThreeWrapper(props) {
-    return React76__default.createElement(
+    return React79__default.createElement(
       ThreeBoundary,
       { name },
-      React76__default.createElement(
-        React76__default.Suspense,
+      React79__default.createElement(
+        React79__default.Suspense,
         { fallback: null },
-        React76__default.createElement(Lazy, props)
+        React79__default.createElement(Lazy, props)
       )
     );
   }
@@ -51675,7 +53112,10 @@ var init_component_registry_generated = __esm({
     init_CalendarGrid();
     init_CanvasEffect();
     init_Card();
+    init_CardBattlerBoard();
+    init_CardBattlerTemplate();
     init_CardGrid();
+    init_CardHand();
     init_Carousel();
     init_CaseStudyCard();
     init_CaseStudyOrganism();
@@ -51686,6 +53126,8 @@ var init_component_registry_generated = __esm({
     init_ChartLegend();
     init_Checkbox();
     init_ChoiceButton();
+    init_CityBuilderBoard();
+    init_CityBuilderTemplate();
     init_ClassifierBoard();
     init_CodeBlock();
     init_CodeRunnerPanel();
@@ -51906,6 +53348,8 @@ var init_component_registry_generated = __esm({
     init_Toast();
     init_ToastSlot();
     init_Tooltip();
+    init_TopDownShooterBoard();
+    init_TopDownShooterTemplate();
     init_TowerDefenseBoard();
     init_TowerDefenseTemplate();
     init_TraitFrame();
@@ -51921,6 +53365,8 @@ var init_component_registry_generated = __esm({
     init_UploadDropZone();
     init_VersionDiff();
     init_ViolationAlert();
+    init_VisualNovelBoard();
+    init_VisualNovelTemplate();
     init_VoteStack();
     init_WaypointMarker();
     init_WizardContainer();
@@ -51929,7 +53375,7 @@ var init_component_registry_generated = __esm({
     init_WorldMapBoard();
     init_WorldMapTemplate();
     init_XPBar();
-    ThreeBoundary = class extends React76__default.Component {
+    ThreeBoundary = class extends React79__default.Component {
       constructor() {
         super(...arguments);
         __publicField(this, "state", { failed: false });
@@ -51939,7 +53385,7 @@ var init_component_registry_generated = __esm({
       }
       render() {
         if (this.state.failed) {
-          return React76__default.createElement(
+          return React79__default.createElement(
             "div",
             {
               "data-testid": "three-unavailable",
@@ -51995,7 +53441,10 @@ var init_component_registry_generated = __esm({
       "CalendarGrid": CalendarGrid,
       "CanvasEffect": CanvasEffect,
       "Card": Card,
+      "CardBattlerBoard": CardBattlerBoard,
+      "CardBattlerTemplate": CardBattlerTemplate,
       "CardGrid": CardGrid,
+      "CardHand": CardHand,
       "Carousel": Carousel,
       "CaseStudyCard": CaseStudyCard,
       "CaseStudyOrganism": CaseStudyOrganism,
@@ -52006,6 +53455,8 @@ var init_component_registry_generated = __esm({
       "ChartLegend": ChartLegend,
       "Checkbox": Checkbox,
       "ChoiceButton": ChoiceButton,
+      "CityBuilderBoard": CityBuilderBoard,
+      "CityBuilderTemplate": CityBuilderTemplate,
       "ClassifierBoard": ClassifierBoard,
       "CodeBlock": CodeBlock,
       "CodeRunnerPanel": CodeRunnerPanel,
@@ -52238,6 +53689,8 @@ var init_component_registry_generated = __esm({
       "Toast": Toast,
       "ToastSlot": ToastSlot,
       "Tooltip": Tooltip,
+      "TopDownShooterBoard": TopDownShooterBoard,
+      "TopDownShooterTemplate": TopDownShooterTemplate,
       "TowerDefenseBoard": TowerDefenseBoard,
       "TowerDefenseTemplate": TowerDefenseTemplate,
       "TraitFrame": TraitFrame,
@@ -52254,6 +53707,8 @@ var init_component_registry_generated = __esm({
       "VStack": VStack,
       "VersionDiff": VersionDiff,
       "ViolationAlert": ViolationAlert,
+      "VisualNovelBoard": VisualNovelBoard,
+      "VisualNovelTemplate": VisualNovelTemplate,
       "VoteStack": VoteStack,
       "WaypointMarker": WaypointMarker,
       "WizardContainer": WizardContainer,
@@ -52280,7 +53735,7 @@ function SuspenseConfigProvider({
   config,
   children
 }) {
-  return React76__default.createElement(
+  return React79__default.createElement(
     SuspenseConfigContext.Provider,
     { value: config },
     children
@@ -52770,7 +54225,7 @@ function renderPatternChildren(children, onDismiss, parentId = "root", parentPat
         const key = `${parentId}-${index}-trait:${traitName}`;
         return /* @__PURE__ */ jsx(TraitFrame, { traitName }, key);
       }
-      return /* @__PURE__ */ jsx(React76__default.Fragment, { children: child }, `${parentId}-${index}`);
+      return /* @__PURE__ */ jsx(React79__default.Fragment, { children: child }, `${parentId}-${index}`);
     }
     if (!child || typeof child !== "object") return null;
     const childId = `${parentId}-${index}`;
@@ -52810,14 +54265,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 (React76__default.isValidElement(value)) return false;
+  if (React79__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" && isKnownPattern(record.type);
+  return "type" in record && typeof record.type === "string" && getComponentForPattern$1(record.type) !== null;
 }
 function isPlainConfigObject(value) {
-  if (React76__default.isValidElement(value)) return false;
+  if (React79__default.isValidElement(value)) return false;
   if (value instanceof Date) return false;
   const proto = Object.getPrototypeOf(value);
   return proto === Object.prototype || proto === null;
@@ -52938,6 +54393,22 @@ function SlotContentRenderer({
     const childrenIsRenderFn = typeof incomingChildren === "function";
     const { children: _childrenConfig, ...restPropsNoChildren } = content.props;
     const restProps = childrenIsRenderFn ? { ...restPropsNoChildren, children: incomingChildren } : restPropsNoChildren;
+    const nodeSlotOverrides = {};
+    for (const slotKey of CONTENT_NODE_SLOTS) {
+      const slotVal = restProps[slotKey];
+      if (slotVal === void 0 || slotVal === null) continue;
+      if (React79__default.isValidElement(slotVal) || typeof slotVal === "string" || typeof slotVal === "number" || typeof slotVal === "boolean") continue;
+      if (Array.isArray(slotVal) || typeof slotVal === "object" && "type" in slotVal) {
+        nodeSlotOverrides[slotKey] = renderPatternChildren(
+          slotVal,
+          onDismiss,
+          `${content.id}-${slotKey}`,
+          `${myPath}.${slotKey}`,
+          content.sourceTrait,
+          { slot: content.slot, transitionEvent: content.transitionEvent, fromState: content.fromState, entity: content.entity }
+        );
+      }
+    }
     const renderedProps = renderPatternProps(restProps, onDismiss);
     const patternDef = getPatternDefinition$1(content.pattern);
     const propsSchema = patternDef?.propsSchema;
@@ -52968,6 +54439,9 @@ function SlotContentRenderer({
       }
     }
     const finalProps = renderedProps;
+    for (const [k, v] of Object.entries(nodeSlotOverrides)) {
+      finalProps[k] = v;
+    }
     const resolvedItems = Array.isArray(
       finalProps.entity
     ) ? finalProps.entity : null;
@@ -53088,7 +54562,7 @@ function UISlotRenderer({
   }
   return wrapped;
 }
-var scopeWrapLog, TRAIT_BINDING_RE, SuspenseConfigContext, SlotContainedContext, SLOT_SKELETON_MAP, FORM_PATTERNS, SELF_OVERLAY_PATTERNS, PATTERNS_WITH_CHILDREN;
+var scopeWrapLog, TRAIT_BINDING_RE, SuspenseConfigContext, SlotContainedContext, SLOT_SKELETON_MAP, FORM_PATTERNS, SELF_OVERLAY_PATTERNS, CONTENT_NODE_SLOTS, PATTERNS_WITH_CHILDREN;
 var init_UISlotRenderer = __esm({
   "components/core/organisms/UISlotRenderer.tsx"() {
     "use client";
@@ -53125,6 +54599,16 @@ var init_UISlotRenderer = __esm({
       "wizard-step"
     ]);
     SELF_OVERLAY_PATTERNS = /* @__PURE__ */ new Set(["modal", "confirm-dialog"]);
+    CONTENT_NODE_SLOTS = /* @__PURE__ */ new Set([
+      "logo",
+      "master",
+      "detail",
+      "trigger",
+      "content",
+      "addons",
+      "hud",
+      "fallback"
+    ]);
     PATTERNS_WITH_CHILDREN = /* @__PURE__ */ new Set([
       "stack",
       "vstack",
@@ -53701,7 +55185,11 @@ init_CastleBoard();
 init_PlatformerBoard();
 init_TowerDefenseBoard();
 init_RoguelikeBoard();
+init_TopDownShooterBoard();
+init_CityBuilderBoard();
 init_GameBoard3D();
+init_VisualNovelBoard();
+init_CardBattlerBoard();
 init_TraitStateViewer();
 init_TraitSlot();
 
@@ -54277,6 +55765,10 @@ init_WorldMapTemplate();
 init_PlatformerTemplate();
 init_TowerDefenseTemplate();
 init_RoguelikeTemplate();
+init_TopDownShooterTemplate();
+init_CityBuilderTemplate();
+init_VisualNovelTemplate();
+init_CardBattlerTemplate();
 init_LandingPageTemplate();
 init_PricingPageTemplate();
 init_FeatureDetailPageTemplate();
@@ -54285,4 +55777,4 @@ init_AboutPageTemplate();
 // components/index.ts
 init_cn();
 
-export { ALL_PRESETS, AR_BOOK_FIELDS, AboutPageTemplate, Accordion, ActionButton, ActionButtons, Card2 as ActionCard, ActionPalette, ActionTile, ActivationBlock, Alert, AnimatedCounter, AnimatedGraphic, AnimatedReveal, ArticleSection, Aside, AssetPicker, AuthLayout, Avatar, Badge, BattleBoard, BattleTemplate, BehaviorView, BloomQuizBlock, BookChapterView, BookCoverPage, BookNavBar, BookTableOfContents, BookViewer, Box, BranchingLogicBuilder, Breadcrumb, BuilderBoard, Button, ButtonGroup, CTABanner, CalendarGrid, CanvasEffect, Card, CardBody, CardContent, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, CaseStudyCard, CaseStudyOrganism, CastleBoard, CastleTemplate, Center, Chart, ChartLegend, Checkbox, ChoiceButton, ClassifierBoard, Coachmark, CodeBlock, CodeRunnerPanel, CollapsibleSection, CombatLog, ComboCounter, CommunityLinks, ConditionalWrapper, ConfettiEffect, ConfirmDialog, ConnectionBlock, Container, ContentRenderer, ContentSection, ControlButton, CounterTemplate, CraftingRecipe, DEFAULT_LIKERT_OPTIONS, DEFAULT_MATRIX_COLUMNS, DIAMOND_TOP_Y, DPad, DamageNumber, DashboardGrid, DashboardLayout, DataGrid, DataList, DataTable, DateRangePicker, DateRangeSelector, DayCell, DebuggerBoard, DetailPanel, Dialog, DialogueBox, DialogueBubble, Divider, DocBreadcrumb, DocPagination, DocSearch, DocSidebar, DocTOC, DocumentViewer, StateMachineView as DomStateMachineVisualizer, Drawer, DrawerSlot, EdgeDecoration, EditorCheckbox, EditorSelect, EditorSlider, EditorTextInput, EditorToolbar, EmptyState, EnemyPlate, EntityDisplayEvents, ErrorBoundary, ErrorState, EventHandlerBoard, EventLog, FEATURE_COLORS, FEATURE_TYPES, FLOOR_HEIGHT, FeatureCard, FeatureDetailPageTemplate, FeatureGrid, FeatureGridOrganism, FileTree, FilterGroup, FilterPill, Flex, FlipCard, FlipContainer, FloatingActionButton, Form, FormActions, FormField, FormLayout, FormSection, FormSectionHeader, GameAudioContext, GameAudioProvider, GameAudioToggle, GameBoard3D, GameCanvas2D, GameHud, GameMenu, GameOverScreen, GameShell, GameTemplate, GenericAppTemplate, GeometricPattern, GradientDivider, GraphCanvas, GraphView, Grid, GridPicker, HStack, Header, HealthBar, HealthPanel, HeroOrganism, HeroSection, IDENTITY_BOOK_FIELDS, Icon, IconPicker, InfiniteScrollSentinel, Input, InputGroup, InstallBox, InventoryGrid, InventoryPanel, IsometricCanvas, ItemSlot, JazariStateMachine, JsonTreeEditor, Label, LandingPageTemplate, LawReferenceTooltip, Lightbox, LikertScale, LineChart2 as LineChart, List3 as List, LoadingState, MapView, MarkdownContent, MarketingFooter, MarketingStatCard, MasterDetail, MasterDetailLayout, MatrixQuestion, MediaGallery, Menu, Meter, MiniMap, Modal, ModalSlot, ModuleCard, Navigation, NegotiatorBoard, NodeSlotEditor, NotifyListener, NumberStepper, ObjectRulePanel, OnboardingSpotlight, OptionConstraintGroup, StateMachineView as OrbitalStateMachineView, OrbitalVisualization, Overlay, PageHeader, Pagination, PatternTile, PhysicsManager, PlatformerBoard, PlatformerCanvas, PlatformerTemplate, Popover, PositionedCanvas, PowerupSlots, PricingCard, PricingGrid, PricingOrganism, PricingPageTemplate, ProgressBar, ProgressDots, PropertyInspector, PullQuote, PullToRefresh, QrScanner, QuestTracker, QuizBlock, Radio, RangeSlider, ReflectionBlock, RelationSelect, RepeatableFormSection, ReplyTree, ResourceBar, ResourceCounter, RichBlockEditor, RoguelikeBoard, RoguelikeTemplate, RuleEditor, RuntimeDebugger, SHEET_COLUMNS, SPRITE_SHEET_LAYOUT, ScaledDiagram, ScoreBoard, ScoreDisplay, SearchInput, Section, SectionHeader, SegmentRenderer, Select, SequenceBar, SequencerBoard, ServiceCatalog, ShowcaseCard, ShowcaseOrganism, SidePanel, Sidebar, SignaturePad, SimpleGrid, SimulationCanvas, SimulationControls, SimulationGraph, SimulatorBoard, Skeleton, SlotContentRenderer, SocialProof, SortableList, Spacer, Sparkline, Spinner, Split, SplitPane, SplitSection, Sprite, Stack, StarRating, StatBadge, StatCard, StatDisplay, StateArchitectBoard, StateIndicator, StateJsonView, StateMachineView, StateNode2 as StateNode, StatsGrid, StatsOrganism, StatusBar, StatusDot, StatusEffect, StepFlow, StepFlowOrganism, SvgBranch, SvgConnection, SvgFlow, SvgGrid, SvgLobe, SvgMesh, SvgMorph, SvgNode, SvgPulse, SvgRing, SvgShield, SvgStack, SwipeableRow, Switch, TERRAIN_COLORS, TILE_HEIGHT, TILE_WIDTH, TabbedContainer, TableView, Tabs, TagCloud, TagInput, TeamCard, TeamOrganism, TerrainPalette, TextHighlight, Textarea, ThemeSelector, ThemeToggle, TimeSlotCell, Timeline, TimerDisplay, Toast, ToastSlot, Tooltip, TowerDefenseBoard, TowerDefenseTemplate, TraitFrame, TraitSlot, TraitStateViewer, TransitionArrow, TrendIndicator, TurnIndicator, TurnPanel, TypewriterText, Typography, UISlotComponent, UISlotRenderer, UncontrolledBattleBoard, UnitCommandBar, UploadDropZone, VStack, VariablePanel, VersionDiff, ViolationAlert, VoteStack, WaypointMarker, WizardContainer, WizardNavigation, WizardProgress, WorldMapBoard, WorldMapTemplate, XPBar, applyTemporaryEffect, calculateAttackTargets, calculateDamage, calculateValidMoves, cn, combatAnimations, combatClasses, combatEffects, createInitialGameState, createUnitAnimationState, drawSprite, generateCombatMessage, getCurrentFrame, getTileDimensions, inferDirection, isoToScreen, mapBookData, parseLessonSegments, parseMarkdownWithCodeBlocks, pendulum, projectileMotion, resolveFieldMap, resolveFrame, resolveSheetDirection, screenToIso, springOscillator, tickAnimationState, toCodeLanguage, transitionAnimation, useAnchorRect, useBattleState, useCamera, useGameAudio, useGameAudioContext, useImageCache, usePhysics2D, useSpriteAnimations };
+export { ALL_PRESETS, AR_BOOK_FIELDS, AboutPageTemplate, Accordion, ActionButton, ActionButtons, Card2 as ActionCard, ActionPalette, ActionTile, ActivationBlock, Alert, AnimatedCounter, AnimatedGraphic, AnimatedReveal, ArticleSection, Aside, AssetPicker, AuthLayout, Avatar, Badge, BattleBoard, BattleTemplate, BehaviorView, BloomQuizBlock, BookChapterView, BookCoverPage, BookNavBar, BookTableOfContents, BookViewer, Box, BranchingLogicBuilder, Breadcrumb, BuilderBoard, Button, ButtonGroup, CTABanner, CalendarGrid, CanvasEffect, Card, CardBattlerBoard, CardBattlerTemplate, CardBody, CardContent, CardFooter, CardGrid, CardHand, CardHeader, CardTitle, Carousel, CaseStudyCard, CaseStudyOrganism, CastleBoard, CastleTemplate, Center, Chart, ChartLegend, Checkbox, ChoiceButton, CityBuilderBoard, CityBuilderTemplate, ClassifierBoard, Coachmark, CodeBlock, CodeRunnerPanel, CollapsibleSection, CombatLog, ComboCounter, CommunityLinks, ConditionalWrapper, ConfettiEffect, ConfirmDialog, ConnectionBlock, Container, ContentRenderer, ContentSection, ControlButton, CounterTemplate, CraftingRecipe, DEFAULT_LIKERT_OPTIONS, DEFAULT_MATRIX_COLUMNS, DIAMOND_TOP_Y, DPad, DamageNumber, DashboardGrid, DashboardLayout, DataGrid, DataList, DataTable, DateRangePicker, DateRangeSelector, DayCell, DebuggerBoard, DetailPanel, Dialog, DialogueBox, DialogueBubble, Divider, DocBreadcrumb, DocPagination, DocSearch, DocSidebar, DocTOC, DocumentViewer, StateMachineView as DomStateMachineVisualizer, Drawer, DrawerSlot, EdgeDecoration, EditorCheckbox, EditorSelect, EditorSlider, EditorTextInput, EditorToolbar, EmptyState, EnemyPlate, EntityDisplayEvents, ErrorBoundary, ErrorState, EventHandlerBoard, EventLog, FEATURE_COLORS, FEATURE_TYPES, FLOOR_HEIGHT, FeatureCard, FeatureDetailPageTemplate, FeatureGrid, FeatureGridOrganism, FileTree, FilterGroup, FilterPill, Flex, FlipCard, FlipContainer, FloatingActionButton, Form, FormActions, FormField, FormLayout, FormSection, FormSectionHeader, GameAudioContext, GameAudioProvider, GameAudioToggle, GameBoard3D, GameCanvas2D, GameHud, GameMenu, GameOverScreen, GameShell, GameTemplate, GenericAppTemplate, GeometricPattern, GradientDivider, GraphCanvas, GraphView, Grid, GridPicker, HStack, Header, HealthBar, HealthPanel, HeroOrganism, HeroSection, IDENTITY_BOOK_FIELDS, Icon, IconPicker, InfiniteScrollSentinel, Input, InputGroup, InstallBox, InventoryGrid, InventoryPanel, IsometricCanvas, ItemSlot, JazariStateMachine, JsonTreeEditor, Label, LandingPageTemplate, LawReferenceTooltip, Lightbox, LikertScale, LineChart2 as LineChart, List3 as List, LoadingState, MapView, MarkdownContent, MarketingFooter, MarketingStatCard, MasterDetail, MasterDetailLayout, MatrixQuestion, MediaGallery, Menu, Meter, MiniMap, Modal, ModalSlot, ModuleCard, Navigation, NegotiatorBoard, NodeSlotEditor, NotifyListener, NumberStepper, ObjectRulePanel, OnboardingSpotlight, OptionConstraintGroup, StateMachineView as OrbitalStateMachineView, OrbitalVisualization, Overlay, PageHeader, Pagination, PatternTile, PhysicsManager, PlatformerBoard, PlatformerCanvas, PlatformerTemplate, Popover, PositionedCanvas, PowerupSlots, PricingCard, PricingGrid, PricingOrganism, PricingPageTemplate, ProgressBar, ProgressDots, PropertyInspector, PullQuote, PullToRefresh, QrScanner, QuestTracker, QuizBlock, Radio, RangeSlider, ReflectionBlock, RelationSelect, RepeatableFormSection, ReplyTree, ResourceBar, ResourceCounter, RichBlockEditor, RoguelikeBoard, RoguelikeTemplate, RuleEditor, RuntimeDebugger, SHEET_COLUMNS, SPRITE_SHEET_LAYOUT, ScaledDiagram, ScoreBoard, ScoreDisplay, SearchInput, Section, SectionHeader, SegmentRenderer, Select, SequenceBar, SequencerBoard, ServiceCatalog, ShowcaseCard, ShowcaseOrganism, SidePanel, Sidebar, SignaturePad, SimpleGrid, SimulationCanvas, SimulationControls, SimulationGraph, SimulatorBoard, Skeleton, SlotContentRenderer, SocialProof, SortableList, Spacer, Sparkline, Spinner, Split, SplitPane, SplitSection, Sprite, Stack, StarRating, StatBadge, StatCard, StatDisplay, StateArchitectBoard, StateIndicator, StateJsonView, StateMachineView, StateNode2 as StateNode, StatsGrid, StatsOrganism, StatusBar, StatusDot, StatusEffect, StepFlow, StepFlowOrganism, SvgBranch, SvgConnection, SvgFlow, SvgGrid, SvgLobe, SvgMesh, SvgMorph, SvgNode, SvgPulse, SvgRing, SvgShield, SvgStack, SwipeableRow, Switch, TERRAIN_COLORS, TILE_HEIGHT, TILE_WIDTH, TabbedContainer, TableView, Tabs, TagCloud, TagInput, TeamCard, TeamOrganism, TerrainPalette, TextHighlight, Textarea, ThemeSelector, ThemeToggle, TimeSlotCell, Timeline, TimerDisplay, Toast, ToastSlot, Tooltip, TopDownShooterBoard, TopDownShooterTemplate, TowerDefenseBoard, TowerDefenseTemplate, TraitFrame, TraitSlot, TraitStateViewer, TransitionArrow, TrendIndicator, TurnIndicator, TurnPanel, TypewriterText, Typography, UISlotComponent, UISlotRenderer, UncontrolledBattleBoard, UnitCommandBar, UploadDropZone, VStack, VariablePanel, VersionDiff, ViolationAlert, VisualNovelBoard, VisualNovelTemplate, VoteStack, WaypointMarker, WizardContainer, WizardNavigation, WizardProgress, WorldMapBoard, WorldMapTemplate, XPBar, applyTemporaryEffect, calculateAttackTargets, calculateDamage, calculateValidMoves, cn, combatAnimations, combatClasses, combatEffects, createInitialGameState, createUnitAnimationState, drawSprite, generateCombatMessage, getCurrentFrame, getTileDimensions, inferDirection, isoToScreen, mapBookData, parseLessonSegments, parseMarkdownWithCodeBlocks, pendulum, projectileMotion, resolveFieldMap, resolveFrame, resolveSheetDirection, screenToIso, springOscillator, tickAnimationState, toCodeLanguage, transitionAnimation, useAnchorRect, useBattleState, useCamera, useGameAudio, useGameAudioContext, useImageCache, usePhysics2D, useSpriteAnimations };