npm - @almadar/ui - Versions diffs - 5.71.0 → 5.73.0 - Mend

@almadar/ui 5.71.0 → 5.73.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (55) hide show

package/dist/providers/index.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import * as React90 from 'react';
-import React90__default, { createContext, useContext, useMemo, useRef, useEffect, useCallback, Suspense, useState, useLayoutEffect, lazy, useId, useSyncExternalStore, forwardRef, useImperativeHandle, Component } from 'react';
+import * as React88 from 'react';
+import React88__default, { createContext, useContext, useMemo, useRef, useEffect, useCallback, Suspense, useState, useLayoutEffect, lazy, useId, useSyncExternalStore, forwardRef, useImperativeHandle, Component } from 'react';
 import { EventBusContext, useTraitScope, TraitScopeProvider } from '@almadar/ui/providers';
 import { createLogger, isLogLevelEnabled } from '@almadar/logger';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -403,7 +403,7 @@ var init_Box = __esm({
       fixed: "fixed",
       sticky: "sticky"
     };
-    Box = React90__default.forwardRef(
+    Box = React88__default.forwardRef(
       ({
         padding,
         paddingX,
@@ -468,7 +468,7 @@ var init_Box = __esm({
           onPointerDown?.(e);
         }, [hoverEvent, tapReveal, triggerProps, onPointerDown]);
         const isClickable = action || onClick;
-        return React90__default.createElement(
+        return React88__default.createElement(
           Component2,
           {
             ref,
@@ -564,7 +564,7 @@ function loadLib(key, importer) {
   return p2;
 }
 function lazyFamilyIcon(libKey, importer, pick, fallbackName, family) {
-  const Lazy = React90__default.lazy(async () => {
+  const Lazy = React88__default.lazy(async () => {
     const lib = await loadLib(libKey, importer);
     const Comp = pick(lib);
     if (!Comp) {
@@ -574,7 +574,7 @@ function lazyFamilyIcon(libKey, importer, pick, fallbackName, family) {
     return { default: Comp };
   });
   const Wrapped = (props) => /* @__PURE__ */ jsx(
-    React90__default.Suspense,
+    React88__default.Suspense,
     {
       fallback: /* @__PURE__ */ jsx(
         "span",
@@ -1301,7 +1301,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 = React90__default.useMemo(() => {
+      const RenderedComponent = React88__default.useMemo(() => {
         if (directIcon) return null;
         return effectiveName ? resolveIconForFamily(effectiveName, family) : null;
       }, [directIcon, effectiveName, family]);
@@ -1363,7 +1363,7 @@ function resolveIconProp(value, sizeClass) {
     const IconComp = value;
     return /* @__PURE__ */ jsx(IconComp, { className: sizeClass });
   }
-  if (React90__default.isValidElement(value)) {
+  if (React88__default.isValidElement(value)) {
     return value;
   }
   if (typeof value === "object" && value !== null && isIconLike(value)) {
@@ -1439,7 +1439,7 @@ var init_Button = __esm({
       md: "h-icon-default w-icon-default",
       lg: "h-icon-default w-icon-default"
     };
-    Button = React90__default.forwardRef(
+    Button = React88__default.forwardRef(
       ({
         className,
         variant = "primary",
@@ -1505,7 +1505,7 @@ var Dialog;
 var init_Dialog = __esm({
   "components/core/atoms/Dialog.tsx"() {
     init_cn();
-    Dialog = React90__default.forwardRef(
+    Dialog = React88__default.forwardRef(
       ({
         role = "dialog",
         "aria-modal": ariaModal = true,
@@ -1623,7 +1623,7 @@ var init_Typography = __esm({
     }) => {
       const variant = variantProp ?? (level ? `h${level}` : "body1");
       const Component2 = as || defaultElements[variant];
-      return React90__default.createElement(
+      return React88__default.createElement(
         Component2,
         {
           id,
@@ -2118,7 +2118,7 @@ var init_Badge = __esm({
       md: "px-2.5 py-1 text-sm",
       lg: "px-3 py-1.5 text-base"
     };
-    Badge = React90__default.forwardRef(
+    Badge = React88__default.forwardRef(
       ({ className, variant = "default", size = "sm", amount, label, icon, children, onRemove, removeLabel, ...props }, ref) => {
         const iconSizes3 = {
           sm: "h-icon-default w-icon-default",
@@ -2454,7 +2454,7 @@ var init_SvgFlow = __esm({
       width = 100,
       height = 100
     }) => {
-      const markerId = React90__default.useMemo(() => {
+      const markerId = React88__default.useMemo(() => {
         flowIdCounter += 1;
         return `almadar-flow-arrow-${flowIdCounter}`;
       }, []);
@@ -3047,7 +3047,7 @@ var init_SvgRing = __esm({
       width = 100,
       height = 100
     }) => {
-      const gradientId = React90__default.useMemo(() => {
+      const gradientId = React88__default.useMemo(() => {
         ringIdCounter += 1;
         return `almadar-ring-glow-${ringIdCounter}`;
       }, []);
@@ -3228,7 +3228,7 @@ var init_Input = __esm({
     init_cn();
     init_Icon();
     init_useEventBus();
-    Input = React90__default.forwardRef(
+    Input = React88__default.forwardRef(
       ({
         className,
         inputType,
@@ -3388,7 +3388,7 @@ var Label;
 var init_Label = __esm({
   "components/core/atoms/Label.tsx"() {
     init_cn();
-    Label = React90__default.forwardRef(
+    Label = React88__default.forwardRef(
       ({ className, required, children, ...props }, ref) => {
         return /* @__PURE__ */ jsxs(
           "label",
@@ -3415,7 +3415,7 @@ var init_Textarea = __esm({
   "components/core/atoms/Textarea.tsx"() {
     init_cn();
     init_useEventBus();
-    Textarea = React90__default.forwardRef(
+    Textarea = React88__default.forwardRef(
       ({ className, error, onChange, ...props }, ref) => {
         const eventBus = useEventBus();
         const handleChange = (e) => {
@@ -3654,7 +3654,7 @@ var init_Select = __esm({
     init_cn();
     init_Icon();
     init_useEventBus();
-    Select = React90__default.forwardRef(
+    Select = React88__default.forwardRef(
       (props, _ref) => {
         const { multiple, searchable, clearable } = props;
         if (multiple || searchable || clearable) {
@@ -3671,7 +3671,7 @@ var init_Checkbox = __esm({
   "components/core/atoms/Checkbox.tsx"() {
     init_cn();
     init_useEventBus();
-    Checkbox = React90__default.forwardRef(
+    Checkbox = React88__default.forwardRef(
       ({ className, label, id, onChange, ...props }, ref) => {
         const inputId = id || `checkbox-${Math.random().toString(36).substr(2, 9)}`;
         const eventBus = useEventBus();
@@ -3725,7 +3725,7 @@ var init_Spinner = __esm({
       md: "h-6 w-6",
       lg: "h-8 w-8"
     };
-    Spinner = React90__default.forwardRef(
+    Spinner = React88__default.forwardRef(
       ({ className, size = "md", overlay, ...props }, ref) => {
         if (overlay) {
           return /* @__PURE__ */ jsx(
@@ -3815,7 +3815,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 = React90__default.forwardRef(
+    Card = React88__default.forwardRef(
       ({
         className,
         variant = "bordered",
@@ -3863,9 +3863,9 @@ var init_Card = __esm({
       }
     );
     Card.displayName = "Card";
-    CardHeader = React90__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-4", className), ...props }));
+    CardHeader = React88__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-4", className), ...props }));
     CardHeader.displayName = "CardHeader";
-    CardTitle = React90__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    CardTitle = React88__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
       "h3",
       {
         ref,
@@ -3878,11 +3878,11 @@ var init_Card = __esm({
       }
     ));
     CardTitle.displayName = "CardTitle";
-    CardContent = React90__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props }));
+    CardContent = React88__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props }));
     CardContent.displayName = "CardContent";
     CardBody = CardContent;
     CardBody.displayName = "CardBody";
-    CardFooter = React90__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    CardFooter = React88__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
       "div",
       {
         ref,
@@ -3937,7 +3937,7 @@ var init_FilterPill = __esm({
       md: "w-3.5 h-3.5",
       lg: "w-4 h-4"
     };
-    FilterPill = React90__default.forwardRef(
+    FilterPill = React88__default.forwardRef(
       ({
         className,
         variant = "default",
@@ -4066,8 +4066,8 @@ var init_Avatar = __esm({
       actionPayload
     }) => {
       const eventBus = useEventBus();
-      const [imgFailed, setImgFailed] = React90__default.useState(false);
-      React90__default.useEffect(() => {
+      const [imgFailed, setImgFailed] = React88__default.useState(false);
+      React88__default.useEffect(() => {
         setImgFailed(false);
       }, [src]);
       const initials = providedInitials ?? (name ? generateInitials(name) : void 0);
@@ -4180,7 +4180,7 @@ var init_Center = __esm({
       as: Component2 = "div"
     }) => {
       const mergedStyle = minHeight ? { minHeight, ...style } : style;
-      return React90__default.createElement(Component2, {
+      return React88__default.createElement(Component2, {
         className: cn(
           inline ? "inline-flex" : "flex",
           horizontal && "justify-center",
@@ -4448,7 +4448,7 @@ var init_Radio = __esm({
       md: "w-2.5 h-2.5",
       lg: "w-3 h-3"
     };
-    Radio = React90__default.forwardRef(
+    Radio = React88__default.forwardRef(
       ({
         label,
         helperText,
@@ -4465,12 +4465,12 @@ var init_Radio = __esm({
         onChange,
         ...props
       }, ref) => {
-        const reactId = React90__default.useId();
+        const reactId = React88__default.useId();
         const baseId = id || `radio-${reactId}`;
         const hasError = !!error;
         const eventBus = useEventBus();
-        const [selected, setSelected] = React90__default.useState(value);
-        React90__default.useEffect(() => {
+        const [selected, setSelected] = React88__default.useState(value);
+        React88__default.useEffect(() => {
           if (value !== void 0) setSelected(value);
         }, [value]);
         const pick = (next, e) => {
@@ -4652,7 +4652,7 @@ var init_Switch = __esm({
   "components/core/atoms/Switch.tsx"() {
     "use client";
     init_cn();
-    Switch = React90.forwardRef(
+    Switch = React88.forwardRef(
       ({
         checked,
         defaultChecked = false,
@@ -4663,10 +4663,10 @@ var init_Switch = __esm({
         name,
         className
       }, ref) => {
-        const [isChecked, setIsChecked] = React90.useState(
+        const [isChecked, setIsChecked] = React88.useState(
           checked !== void 0 ? checked : defaultChecked
         );
-        React90.useEffect(() => {
+        React88.useEffect(() => {
           if (checked !== void 0) {
             setIsChecked(checked);
           }
@@ -4825,7 +4825,7 @@ var init_Stack = __esm({
       };
       const isHorizontal = direction === "horizontal";
       const directionClass = responsive && isHorizontal ? reverse ? "flex-col-reverse md:flex-row-reverse" : "flex-col md:flex-row" : isHorizontal ? reverse ? "flex-row-reverse" : "flex-row" : reverse ? "flex-col-reverse" : "flex-col";
-      return React90__default.createElement(
+      return React88__default.createElement(
         Component2,
         {
           className: cn(
@@ -5025,7 +5025,7 @@ var Aside;
 var init_Aside = __esm({
   "components/core/atoms/Aside.tsx"() {
     init_cn();
-    Aside = React90__default.forwardRef(
+    Aside = React88__default.forwardRef(
       ({ className, children, ...rest }, ref) => /* @__PURE__ */ jsx("aside", { ref, className: cn(className), ...rest, children })
     );
     Aside.displayName = "Aside";
@@ -5104,9 +5104,9 @@ var init_LawReferenceTooltip = __esm({
       className
     }) => {
       const { t } = useTranslate();
-      const [isVisible, setIsVisible] = React90__default.useState(false);
-      const timeoutRef = React90__default.useRef(null);
-      const triggerRef = React90__default.useRef(null);
+      const [isVisible, setIsVisible] = React88__default.useState(false);
+      const timeoutRef = React88__default.useRef(null);
+      const triggerRef = React88__default.useRef(null);
       const handleMouseEnter = () => {
         if (timeoutRef.current) clearTimeout(timeoutRef.current);
         timeoutRef.current = setTimeout(() => setIsVisible(true), 200);
@@ -5117,7 +5117,7 @@ var init_LawReferenceTooltip = __esm({
       };
       const { revealed, triggerProps } = useTapReveal({ refs: [triggerRef] });
       const open = isVisible || revealed;
-      React90__default.useEffect(() => {
+      React88__default.useEffect(() => {
         return () => {
           if (timeoutRef.current) clearTimeout(timeoutRef.current);
         };
@@ -5329,7 +5329,7 @@ var init_StatusDot = __esm({
       md: "w-2.5 h-2.5",
       lg: "w-3 h-3"
     };
-    StatusDot = React90__default.forwardRef(
+    StatusDot = React88__default.forwardRef(
       ({ className, status = "offline", pulse = false, size = "md", label, ...props }, ref) => {
         return /* @__PURE__ */ jsx(
           "span",
@@ -5383,7 +5383,7 @@ var init_TrendIndicator = __esm({
       down: "trending-down",
       flat: "arrow-right"
     };
-    TrendIndicator = React90__default.forwardRef(
+    TrendIndicator = React88__default.forwardRef(
       ({
         className,
         value,
@@ -5450,7 +5450,7 @@ var init_RangeSlider = __esm({
       md: "w-4 h-4",
       lg: "w-5 h-5"
     };
-    RangeSlider = React90__default.forwardRef(
+    RangeSlider = React88__default.forwardRef(
       ({
         className,
         min = 0,
@@ -5958,7 +5958,7 @@ var init_ContentSection = __esm({
       md: "py-16",
       lg: "py-24"
     };
-    ContentSection = React90__default.forwardRef(
+    ContentSection = React88__default.forwardRef(
       ({ children, background = "default", padding = "lg", id, className }, ref) => {
         return /* @__PURE__ */ jsx(
           Box,
@@ -6492,7 +6492,7 @@ var init_AnimatedReveal = __esm({
       "scale-up": { opacity: 1, transform: "scale(1) translateY(0)" },
       "none": {}
     };
-    AnimatedReveal = React90__default.forwardRef(
+    AnimatedReveal = React88__default.forwardRef(
       ({
         trigger = "scroll",
         animation = "fade-up",
@@ -6652,7 +6652,7 @@ var init_AnimatedGraphic = __esm({
   "components/marketing/atoms/AnimatedGraphic.tsx"() {
     "use client";
     init_cn();
-    AnimatedGraphic = React90__default.forwardRef(
+    AnimatedGraphic = React88__default.forwardRef(
       ({
         src,
         svgContent,
@@ -6675,7 +6675,7 @@ var init_AnimatedGraphic = __esm({
         const fetchedSvg = useFetchedSvg(svgContent ? void 0 : src);
         const resolvedSvg = svgContent ?? fetchedSvg;
         const prevAnimateRef = useRef(animate);
-        const setRef = React90__default.useCallback(
+        const setRef = React88__default.useCallback(
           (node) => {
             containerRef.current = node;
             if (typeof ref === "function") ref(node);
@@ -6897,50 +6897,23 @@ function ScoreDisplay({
   icon,
   size = "md",
   className,
-  animated = true,
   locale = "en-US"
 }) {
   const resolvedValue = typeof value === "number" && !Number.isNaN(value) ? value : typeof score === "number" && !Number.isNaN(score) ? score : 0;
-  const [displayValue, setDisplayValue] = React90.useState(resolvedValue);
-  const [isAnimating, setIsAnimating] = React90.useState(false);
-  React90.useEffect(() => {
-    if (!animated || displayValue === resolvedValue) {
-      setDisplayValue(resolvedValue);
-      return;
-    }
-    setIsAnimating(true);
-    const diff = resolvedValue - displayValue;
-    const steps = Math.min(Math.abs(diff), 20);
-    const increment = diff / steps;
-    let current = displayValue;
-    let step = 0;
-    const timer = setInterval(() => {
-      step++;
-      current += increment;
-      setDisplayValue(Math.round(current));
-      if (step >= steps) {
-        clearInterval(timer);
-        setDisplayValue(resolvedValue);
-        setIsAnimating(false);
-      }
-    }, 50);
-    return () => clearInterval(timer);
-  }, [resolvedValue, animated]);
-  const formattedValue = new Intl.NumberFormat(locale).format(displayValue);
+  const formattedValue = new Intl.NumberFormat(locale).format(resolvedValue);
   return /* @__PURE__ */ jsxs(
     "div",
     {
       className: cn(
         "flex items-center gap-2 font-bold",
         sizeMap2[size],
-        isAnimating && "animate-pulse",
         className
       ),
       children: [
         assetUrl ? /* @__PURE__ */ jsx(
           "img",
           {
-            src: assetUrl,
+            src: assetUrl.url,
             alt: "",
             width: 20,
             height: 20,
@@ -6957,7 +6930,6 @@ function ScoreDisplay({
 var sizeMap2, DEFAULT_ASSET_URL;
 var init_ScoreDisplay = __esm({
   "components/game/atoms/ScoreDisplay.tsx"() {
-    "use client";
     init_cn();
     init_Icon();
     sizeMap2 = {
@@ -6966,7 +6938,11 @@ var init_ScoreDisplay = __esm({
       lg: "text-2xl",
       xl: "text-4xl"
     };
-    DEFAULT_ASSET_URL = "https://almadar-kflow-assets.web.app/shared/effects/particles/star_01.png";
+    DEFAULT_ASSET_URL = {
+      url: "https://almadar-kflow-assets.web.app/shared/effects/particles/star_01.png",
+      role: "effect",
+      category: "effect"
+    };
     ScoreDisplay.displayName = "ScoreDisplay";
   }
 });
@@ -6986,9 +6962,9 @@ function ControlButton({
   className
 }) {
   const eventBus = useEventBus();
-  const [isPressed, setIsPressed] = React90.useState(false);
+  const [isPressed, setIsPressed] = React88.useState(false);
   const actualPressed = pressed ?? isPressed;
-  const handlePointerDown = React90.useCallback(
+  const handlePointerDown = React88.useCallback(
     (e) => {
       e.preventDefault();
       if (disabled) return;
@@ -6998,7 +6974,7 @@ function ControlButton({
     },
     [disabled, pressEvent, eventBus, onPress]
   );
-  const handlePointerUp = React90.useCallback(
+  const handlePointerUp = React88.useCallback(
     (e) => {
       e.preventDefault();
       if (disabled) return;
@@ -7008,7 +6984,7 @@ function ControlButton({
     },
     [disabled, releaseEvent, eventBus, onRelease]
   );
-  const handlePointerLeave = React90.useCallback(
+  const handlePointerLeave = React88.useCallback(
     (e) => {
       if (isPressed) {
         setIsPressed(false);
@@ -7042,7 +7018,7 @@ function ControlButton({
       children: assetUrl ? /* @__PURE__ */ jsx(
         "img",
         {
-          src: assetUrl,
+          src: assetUrl.url,
           alt: "",
           width: 24,
           height: 24,
@@ -7082,7 +7058,11 @@ var init_ControlButton = __esm({
       secondary: "bg-secondary text-secondary-foreground border-border hover:bg-secondary-hover",
       ghost: "bg-transparent text-foreground border-border hover:bg-muted"
     };
-    DEFAULT_ASSET_URL2 = "https://almadar-kflow-assets.web.app/shared/effects/particles/circle_01.png";
+    DEFAULT_ASSET_URL2 = {
+      url: "https://almadar-kflow-assets.web.app/shared/effects/particles/circle_01.png",
+      role: "effect",
+      category: "effect"
+    };
     ControlButton.displayName = "ControlButton";
   }
 });
@@ -7096,13 +7076,6 @@ var init_spriteSheetConstants = __esm({
 });
 // components/game/organisms/utils/spriteAnimation.ts
-function inferDirection(dx, dy) {
-  if (dx === 0 && dy === 0) return "se";
-  if (dx >= 0 && dy >= 0) return "se";
-  if (dx <= 0 && dy >= 0) return "sw";
-  if (dx >= 0 && dy <= 0) return "ne";
-  return "nw";
-}
 function resolveSheetDirection(facing) {
   switch (facing) {
     case "se":
@@ -7123,25 +7096,12 @@ function frameRect(frame, row, columns, frameWidth, frameHeight) {
     sh: frameHeight
   };
 }
-function getCurrentFrameFromDef(def, elapsed) {
-  const frameDuration = 1e3 / def.frameRate;
-  const totalDuration = def.frames * frameDuration;
-  if (def.loop) {
-    const frame2 = Math.floor(elapsed % totalDuration / frameDuration);
-    return { frame: frame2, finished: false };
-  }
-  if (elapsed >= totalDuration) {
-    return { frame: def.frames - 1, finished: true };
-  }
-  const frame = Math.floor(elapsed / frameDuration);
-  return { frame, finished: false };
-}
 var init_spriteAnimation = __esm({
   "components/game/organisms/utils/spriteAnimation.ts"() {
   }
 });
 function Sprite({
-  spritesheet = "https://almadar-kflow-assets.web.app/shared/isometric-blocks/Spritesheet/allTiles_sheet.png",
+  spritesheet = DEFAULT_SPRITESHEET,
   frameWidth = 64,
   frameHeight = 64,
   frame = 0,
@@ -7154,6 +7114,8 @@ function Sprite({
   opacity = 1,
   zIndex = 0,
   columns = 16,
+  animState: _animState,
+  frameRate: _frameRate,
   className,
   onClick,
   action
@@ -7192,7 +7154,7 @@ function Sprite({
         position: "absolute",
         width: frameWidth,
         height: frameHeight,
-        backgroundImage: `url(${spritesheet})`,
+        backgroundImage: `url(${spritesheet.url})`,
         backgroundPosition,
         backgroundRepeat: "no-repeat",
         imageRendering: "pixelated",
@@ -7205,11 +7167,17 @@ function Sprite({
     }
   );
 }
+var DEFAULT_SPRITESHEET;
 var init_Sprite = __esm({
   "components/game/atoms/Sprite.tsx"() {
     "use client";
     init_useEventBus();
     init_spriteAnimation();
+    DEFAULT_SPRITESHEET = {
+      url: "https://almadar-kflow-assets.web.app/shared/isometric-blocks/Spritesheet/allTiles_sheet.png",
+      role: "tile",
+      category: "tile"
+    };
   }
 });
 function StateIndicator({
@@ -7239,7 +7207,7 @@ function StateIndicator({
         /* @__PURE__ */ jsx(Box, { as: "span", children: assetUrl ? /* @__PURE__ */ jsx(
           "img",
           {
-            src: assetUrl,
+            src: assetUrl.url,
             alt: displayLabel,
             width: 16,
             height: 16,
@@ -7258,7 +7226,11 @@ var init_StateIndicator = __esm({
     init_Box();
     init_Icon();
     init_cn();
-    DEFAULT_ASSET_URL3 = "https://almadar-kflow-assets.web.app/shared/isometric-dungeon/Isometric/chestClosed_E.png";
+    DEFAULT_ASSET_URL3 = {
+      url: "https://almadar-kflow-assets.web.app/shared/isometric-dungeon/Isometric/chestClosed_E.png",
+      role: "effect",
+      category: "item"
+    };
     DEFAULT_STATE_STYLES = {
       idle: { icon: "\u23F8", bgClass: "bg-muted" },
       active: { icon: "\u25B6", bgClass: "bg-success" },
@@ -7356,7 +7328,7 @@ function ResourceCounter({
         assetUrl ? /* @__PURE__ */ jsx(
           "img",
           {
-            src: assetUrl,
+            src: assetUrl.url,
             alt: label,
             width: sizes.img,
             height: sizes.img,
@@ -7389,7 +7361,11 @@ var init_ResourceCounter = __esm({
       error: "text-error",
       muted: "text-muted-foreground"
     };
-    DEFAULT_ASSET_URL4 = "https://almadar-kflow-assets.web.app/shared/world-map/gold_mine.png";
+    DEFAULT_ASSET_URL4 = {
+      url: "https://almadar-kflow-assets.web.app/shared/world-map/gold_mine.png",
+      role: "effect",
+      category: "world"
+    };
     sizeMap5 = {
       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 },
@@ -7435,7 +7411,7 @@ function ItemSlot({
         assetUrl ? /* @__PURE__ */ jsx(
           "img",
           {
-            src: assetUrl,
+            src: assetUrl?.url,
             alt: label,
             width: px,
             height: px,
@@ -7483,7 +7459,11 @@ var init_ItemSlot = __esm({
       epic: "shadow-lg",
       legendary: "shadow-lg"
     };
-    DEFAULT_ASSET_URL5 = "https://almadar-kflow-assets.web.app/shared/isometric-dungeon/Isometric/chestClosed_E.png";
+    DEFAULT_ASSET_URL5 = {
+      url: "https://almadar-kflow-assets.web.app/shared/isometric-dungeon/Isometric/chestClosed_E.png",
+      role: "effect",
+      category: "item"
+    };
     assetSizeMap = {
       sm: 28,
       md: 40,
@@ -7529,7 +7509,7 @@ function TurnIndicator({
           assetUrl ? /* @__PURE__ */ jsx(
             "img",
             {
-              src: assetUrl,
+              src: assetUrl.url,
               alt: "",
               width: 12,
               height: 12,
@@ -7552,7 +7532,11 @@ 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_URL6 = "https://almadar-kflow-assets.web.app/shared/effects/particles/symbol_01.png";
+    DEFAULT_ASSET_URL6 = {
+      url: "https://almadar-kflow-assets.web.app/shared/effects/particles/symbol_01.png",
+      role: "effect",
+      category: "effect"
+    };
     TurnIndicator.displayName = "TurnIndicator";
   }
 });
@@ -7591,7 +7575,7 @@ function ComboCounter({
         assetUrl && /* @__PURE__ */ jsx(
           "img",
           {
-            src: assetUrl,
+            src: assetUrl.url,
             alt: "combo",
             width: 24,
             height: 24,
@@ -7617,7 +7601,11 @@ var DEFAULT_ASSET_URL7, sizeMap8;
 var init_ComboCounter = __esm({
   "components/game/atoms/ComboCounter.tsx"() {
     init_cn();
-    DEFAULT_ASSET_URL7 = "https://almadar-kflow-assets.web.app/shared/effects/flash/flash00.png";
+    DEFAULT_ASSET_URL7 = {
+      url: "https://almadar-kflow-assets.web.app/shared/effects/flash/flash00.png",
+      role: "effect",
+      category: "effect"
+    };
     sizeMap8 = {
       sm: { combo: "text-lg", label: "text-xs", multiplier: "text-xs" },
       md: { combo: "text-2xl", label: "text-xs", multiplier: "text-sm" },
@@ -7637,21 +7625,6 @@ function XPBar({
 }) {
   const sizes = sizeMap9[size];
   const percentage = max > 0 ? Math.max(0, Math.min(100, current / max * 100)) : 0;
-  const [fillWidth, setFillWidth] = React90.useState(animated ? 0 : percentage);
-  React90.useEffect(() => {
-    if (!animated) {
-      setFillWidth(percentage);
-      return;
-    }
-    let frame2;
-    const frame1 = requestAnimationFrame(() => {
-      frame2 = requestAnimationFrame(() => setFillWidth(percentage));
-    });
-    return () => {
-      cancelAnimationFrame(frame1);
-      cancelAnimationFrame(frame2);
-    };
-  }, [animated, percentage]);
   return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2", className), children: [
     level != null && /* @__PURE__ */ jsxs(
       "span",
@@ -7683,7 +7656,7 @@ function XPBar({
                 "bg-gradient-to-r from-accent to-info",
                 animated && "transition-all duration-500 ease-out"
               ),
-              style: { width: `${fillWidth}%` }
+              style: { width: `${percentage}%` }
             }
           )
         }
@@ -7700,7 +7673,6 @@ function XPBar({
 var sizeMap9;
 var init_XPBar = __esm({
   "components/game/atoms/XPBar.tsx"() {
-    "use client";
     init_cn();
     sizeMap9 = {
       sm: { bar: "h-2", text: "text-xs", badge: "text-xs px-1.5 py-0.5" },
@@ -7753,7 +7725,7 @@ function WaypointMarker({
           children: completed ? checkIcon : assetUrl ? /* @__PURE__ */ jsx(
             "img",
             {
-              src: assetUrl,
+              src: assetUrl.url,
               alt: label,
               width: sizes.img,
               height: sizes.img,
@@ -7782,7 +7754,11 @@ 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_URL8 = {
+      url: "https://almadar-kflow-assets.web.app/shared/world-map/battle_marker.png",
+      role: "effect",
+      category: "world"
+    };
     sizeMap10 = {
       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 },
@@ -7823,7 +7799,7 @@ function StatusEffect({
           /* @__PURE__ */ jsx("span", { className: cn("flex items-center justify-center", sizes.icon), children: assetUrl ? /* @__PURE__ */ jsx(
             "img",
             {
-              src: assetUrl,
+              src: assetUrl.url,
               alt: label,
               width: sizes.img,
               height: sizes.img,
@@ -7862,7 +7838,11 @@ var init_StatusEffect = __esm({
   "components/game/atoms/StatusEffect.tsx"() {
     init_cn();
     init_Icon();
-    DEFAULT_ASSET_URL9 = "https://almadar-kflow-assets.web.app/shared/effects/particles/flame_01.png";
+    DEFAULT_ASSET_URL9 = {
+      url: "https://almadar-kflow-assets.web.app/shared/effects/particles/flame_01.png",
+      role: "effect",
+      category: "effect"
+    };
     sizeMap11 = {
       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 },
@@ -7900,7 +7880,7 @@ function DamageNumber({
           assetUrl && /* @__PURE__ */ jsx(
             "img",
             {
-              src: assetUrl,
+              src: assetUrl.url,
               alt: "",
               width: 14,
               height: 14,
@@ -7936,14 +7916,18 @@ var init_DamageNumber = __esm({
   100% { opacity: 0; transform: translateY(-32px) scale(0.8); }
 }
 `;
-    DEFAULT_ASSET_URL10 = "https://almadar-kflow-assets.web.app/shared/effects/particles/spark_01.png";
+    DEFAULT_ASSET_URL10 = {
+      url: "https://almadar-kflow-assets.web.app/shared/effects/particles/spark_01.png",
+      role: "effect",
+      category: "effect"
+    };
     DamageNumber.displayName = "DamageNumber";
   }
 });
 function DialogueBubble({
   speaker = "Hero",
   text = "The dungeon awaits. Choose your path wisely.",
-  portrait = "https://almadar-kflow-assets.web.app/shared/characters/archetypes/04_hero.png",
+  portrait = DEFAULT_PORTRAIT,
   position = "bottom",
   className
 }) {
@@ -7959,7 +7943,7 @@ function DialogueBubble({
         portrait && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 w-12 h-12 rounded-full overflow-hidden border-2 border-warning/60", children: /* @__PURE__ */ jsx(
           "img",
           {
-            src: portrait,
+            src: portrait?.url,
             alt: speaker ?? "speaker",
             className: "w-full h-full object-cover"
           }
@@ -7972,9 +7956,15 @@ function DialogueBubble({
     }
   );
 }
+var DEFAULT_PORTRAIT;
 var init_DialogueBubble = __esm({
   "components/game/atoms/DialogueBubble.tsx"() {
     init_cn();
+    DEFAULT_PORTRAIT = {
+      url: "https://almadar-kflow-assets.web.app/shared/characters/archetypes/04_hero.png",
+      role: "effect",
+      category: "character"
+    };
     DialogueBubble.displayName = "DialogueBubble";
   }
 });
@@ -8018,7 +8008,7 @@ function ChoiceButton({
         assetUrl ? /* @__PURE__ */ jsx(
           "img",
           {
-            src: assetUrl,
+            src: assetUrl.url,
             alt: "",
             width: 16,
             height: 16,
@@ -8088,7 +8078,7 @@ function ActionButton({
         assetUrl ? /* @__PURE__ */ jsx(
           "img",
           {
-            src: assetUrl,
+            src: assetUrl.url,
             alt: "",
             width: 16,
             height: 16,
@@ -8132,7 +8122,11 @@ var init_ActionButton = __esm({
       secondary: "bg-secondary text-secondary-foreground hover:bg-secondary-hover border-border",
       danger: "bg-error text-error-foreground hover:bg-error/90 border-error"
     };
-    DEFAULT_ASSET_URL11 = "https://almadar-kflow-assets.web.app/shared/effects/particles/slash_01.png";
+    DEFAULT_ASSET_URL11 = {
+      url: "https://almadar-kflow-assets.web.app/shared/effects/particles/slash_01.png",
+      role: "effect",
+      category: "effect"
+    };
     ActionButton.displayName = "ActionButton";
   }
 });
@@ -8146,9 +8140,9 @@ function MiniMap({
   viewportRect = DEFAULT_VIEWPORT,
   className
 }) {
-  const canvasRef = React90.useRef(null);
-  const frameRef = React90.useRef(0);
-  React90.useEffect(() => {
+  const canvasRef = React88.useRef(null);
+  const frameRef = React88.useRef(0);
+  React88.useEffect(() => {
     const canvas = canvasRef.current;
     if (!canvas) return;
     const ctx = canvas.getContext("2d");
@@ -8337,7 +8331,7 @@ var init_ErrorBoundary = __esm({
         }
       );
     };
-    ErrorBoundary = class extends React90__default.Component {
+    ErrorBoundary = class extends React88__default.Component {
       constructor(props) {
         super(props);
         __publicField(this, "reset", () => {
@@ -9004,7 +8998,7 @@ var init_Container = __esm({
       as: Component2 = "div"
     }) => {
       const resolvedSize = maxWidth ?? size ?? "lg";
-      return React90__default.createElement(
+      return React88__default.createElement(
         Component2,
         {
           className: cn(
@@ -9727,8 +9721,8 @@ function ActionButtons({
   disabled
 }) {
   const eventBus = useEventBus();
-  const [activeButtons, setActiveButtons] = React90.useState(/* @__PURE__ */ new Set());
-  const handlePress = React90.useCallback(
+  const [activeButtons, setActiveButtons] = React88.useState(/* @__PURE__ */ new Set());
+  const handlePress = React88.useCallback(
     (id) => {
       setActiveButtons((prev) => new Set(prev).add(id));
       if (actionEvent) eventBus.emit(`UI:${actionEvent}`, { id, pressed: true });
@@ -9736,7 +9730,7 @@ function ActionButtons({
     },
     [actionEvent, eventBus, onAction]
   );
-  const handleRelease = React90.useCallback(
+  const handleRelease = React88.useCallback(
     (id) => {
       setActiveButtons((prev) => {
         const next = new Set(prev);
@@ -10566,50 +10560,6 @@ var init_AuthLayout = __esm({
     AuthLayout.displayName = "AuthLayout";
   }
 });
-var LoadingState;
-var init_LoadingState = __esm({
-  "components/core/molecules/LoadingState.tsx"() {
-    "use client";
-    init_cn();
-    init_atoms2();
-    init_Stack();
-    init_Typography();
-    LoadingState = ({
-      title,
-      message,
-      className
-    }) => {
-      const { t } = useTranslate();
-      const displayMessage = message ?? t("common.loading");
-      return /* @__PURE__ */ jsxs(
-        VStack,
-        {
-          align: "center",
-          className: cn(
-            "justify-center py-12",
-            className
-          ),
-          children: [
-            /* @__PURE__ */ jsx(Spinner, { size: "lg" }),
-            title && /* @__PURE__ */ jsx(Typography, { variant: "h3", className: "mt-4 text-lg font-semibold text-foreground", children: title }),
-            /* @__PURE__ */ jsx(
-              Typography,
-              {
-                variant: "small",
-                className: cn(
-                  "text-muted-foreground",
-                  title ? "mt-2" : "mt-4"
-                ),
-                children: displayMessage
-              }
-            )
-          ]
-        }
-      );
-    };
-    LoadingState.displayName = "LoadingState";
-  }
-});
 function getState() {
   if (typeof window !== "undefined") {
     const w = window;
@@ -11107,12 +11057,7 @@ var init_useCanvasGestures = __esm({
   }
 });
 function unitAtlasUrl(unit) {
-  if (unit.spriteSheet) return unit.spriteSheet;
-  const sprite = unit.sprite;
-  if (!sprite) return null;
-  const match = /^(.*-sprite-sheet)(?:-(?:se|sw))?(?:-v\d+)?\.png$/.exec(sprite);
-  if (!match) return null;
-  return `${match[1]}.json`;
+  return unit.spriteSheet?.url ?? null;
 }
 function resolveSheetUrl(atlasUrl, relativeSheetPath) {
   try {
@@ -11127,9 +11072,6 @@ function useUnitSpriteAtlas(units) {
   const loadingRef = useRef(/* @__PURE__ */ new Set());
   const [pendingCount, setPendingCount] = useState(0);
   const [, forceTick] = useState(0);
-  const animStatesRef = useRef(/* @__PURE__ */ new Map());
-  const lastTickRef = useRef(0);
-  const rafRef = useRef(0);
   const atlasUrls = useMemo(() => {
     const set = /* @__PURE__ */ new Set();
     for (const unit of units) {
@@ -11175,54 +11117,6 @@ function useUnitSpriteAtlas(units) {
     }
     return [...urls];
   }, [units, pendingCount]);
-  useEffect(() => {
-    const hasAtlasUnits = units.some((u) => unitAtlasUrl(u) !== null);
-    if (!hasAtlasUnits) return;
-    let running = true;
-    const tick = (ts) => {
-      if (!running) return;
-      const last = lastTickRef.current || ts;
-      const delta = ts - last;
-      lastTickRef.current = ts;
-      const states = animStatesRef.current;
-      const currentIds = /* @__PURE__ */ new Set();
-      for (const unit of units) {
-        if (unitAtlasUrl(unit) === null) continue;
-        currentIds.add(unit.id);
-        let state = states.get(unit.id);
-        if (!state) {
-          state = { animation: "idle", direction: "se", elapsed: 0, walkHold: 0, prev: null };
-          states.set(unit.id, state);
-        }
-        const posX = unit.position?.x ?? unit.x ?? 0;
-        const posY = unit.position?.y ?? unit.y ?? 0;
-        if (state.prev) {
-          const dx = posX - state.prev.x;
-          const dy = posY - state.prev.y;
-          if (dx !== 0 || dy !== 0) {
-            state.animation = "walk";
-            state.direction = inferDirection(dx, dy);
-            state.walkHold = WALK_HOLD_MS;
-          } else if (state.animation === "walk") {
-            state.walkHold -= delta;
-            if (state.walkHold <= 0) state.animation = "idle";
-          }
-        }
-        state.prev = { x: posX, y: posY };
-        state.elapsed += delta;
-      }
-      for (const id of states.keys()) {
-        if (!currentIds.has(id)) states.delete(id);
-      }
-      rafRef.current = requestAnimationFrame(tick);
-    };
-    rafRef.current = requestAnimationFrame(tick);
-    return () => {
-      running = false;
-      cancelAnimationFrame(rafRef.current);
-      lastTickRef.current = 0;
-    };
-  }, [units]);
   const resolveUnitFrame = useCallback((unitId) => {
     const unit = units.find((u) => u.id === unitId);
     if (!unit) return null;
@@ -11230,18 +11124,14 @@ function useUnitSpriteAtlas(units) {
     if (!atlasUrl) return null;
     const atlas = atlasCacheRef.current.get(atlasUrl);
     if (!atlas) return null;
-    const state = animStatesRef.current.get(unitId);
-    const animation = state?.animation ?? "idle";
-    const direction = state?.direction ?? "se";
-    const elapsed = state?.elapsed ?? 0;
+    const animation = unit.animation ?? "idle";
+    const frame = unit.frame ?? 0;
     const def = atlas.animations[animation] ?? atlas.animations.idle;
     if (!def) return null;
-    const { sheetDir, flipX } = resolveSheetDirection(direction);
+    const { sheetDir, flipX } = resolveSheetDirection("se");
     const rel = atlas.sheets[sheetDir] ?? atlas.sheets.se ?? atlas.sheets.sw;
     if (!rel) return null;
     const sheetUrl = resolveSheetUrl(atlasUrl, rel);
-    const isIdle = animation === "idle";
-    const frame = isIdle ? 0 : getCurrentFrameFromDef(def, elapsed).frame;
     const rect = frameRect(frame, def.row, atlas.columns, atlas.frameWidth, atlas.frameHeight);
     return {
       sheetUrl,
@@ -11250,17 +11140,15 @@ function useUnitSpriteAtlas(units) {
       sw: rect.sw,
       sh: rect.sh,
       flipX,
-      applyBreathing: isIdle
+      applyBreathing: animation === "idle"
     };
   }, [units]);
   return { sheetUrls, resolveUnitFrame, pendingCount };
 }
-var WALK_HOLD_MS;
 var init_useUnitSpriteAtlas = __esm({
   "components/game/molecules/useUnitSpriteAtlas.ts"() {
     "use client";
     init_spriteAnimation();
-    WALK_HOLD_MS = 600;
   }
 });
@@ -11328,6 +11216,7 @@ function IsometricCanvas({
   tiles: _tilesPropRaw = [],
   units: _unitsPropRaw = [],
   features: _featuresPropRaw = [],
+  effects: _effectsPropRaw = [],
   // Interaction state
   selectedUnitId = null,
   validMoves = [],
@@ -11360,23 +11249,21 @@ function IsometricCanvas({
   resolveUnitFrame,
   effectSpriteUrls = [],
   onDrawEffects,
-  hasActiveEffects: hasActiveEffects2 = false,
+  hasActiveEffects: _hasActiveEffects = false,
   // Tuning
   diamondTopY: diamondTopYProp,
   // Remote asset loading
-  assetBaseUrl,
   assetManifest
 }) {
   const tilesProp = Array.isArray(_tilesPropRaw) ? _tilesPropRaw : [];
   const unitsProp = Array.isArray(_unitsPropRaw) ? _unitsPropRaw : [];
   const featuresProp = Array.isArray(_featuresPropRaw) ? _featuresPropRaw : [];
+  const effects = Array.isArray(_effectsPropRaw) ? _effectsPropRaw : [];
   const eventBus = useEventBus();
   const { t } = useTranslate();
   const canvasRef = useRef(null);
   const containerRef = useRef(null);
-  const minimapRef = useRef(null);
-  const animTimeRef = useRef(0);
-  const rafIdRef = useRef(0);
+  const lerpRafRef = useRef(0);
   const [viewportSize, setViewportSize] = useState({ width: 800, height: 600 });
   useEffect(() => {
     const el = containerRef.current;
@@ -11400,7 +11287,7 @@ function IsometricCanvas({
     () => unitsProp.map((u) => u.position ? u : { ...u, position: { x: u.x ?? 0, y: u.y ?? 0 } }),
     [unitsProp]
   );
-  const { sheetUrls: atlasSheetUrls, resolveUnitFrame: resolveUnitFrameInternal, pendingCount: atlasPending } = useUnitSpriteAtlas(units);
+  const { sheetUrls: atlasSheetUrls, resolveUnitFrame: resolveUnitFrameInternal } = useUnitSpriteAtlas(units);
   const resolveFrameForUnit = useCallback((unitId) => {
     return resolveUnitFrame?.(unitId) ?? resolveUnitFrameInternal(unitId);
   }, [resolveUnitFrame, resolveUnitFrameInternal]);
@@ -11447,55 +11334,49 @@ function IsometricCanvas({
   const attackTargetSet = useMemo(() => {
     return new Set(attackTargets.map((p2) => `${p2.x},${p2.y}`));
   }, [attackTargets]);
-  const resolveManifestUrl7 = useCallback((relativePath) => {
-    if (!relativePath) return void 0;
-    if (assetBaseUrl) return `${assetBaseUrl.replace(/\/$/, "")}${relativePath.startsWith("/") ? "" : "/"}${relativePath}`;
-    return relativePath;
-  }, [assetBaseUrl]);
   const spriteUrls = useMemo(() => {
     const urls = [];
     for (const tile of sortedTiles) {
-      if (tile.terrainSprite) urls.push(tile.terrainSprite);
+      if (tile.terrainSprite) urls.push(tile.terrainSprite.url);
       else if (getTerrainSprite) {
         const url = getTerrainSprite(tile.terrain ?? "");
         if (url) urls.push(url);
       } else {
-        const url = resolveManifestUrl7(assetManifest?.terrains?.[tile.terrain ?? ""]);
+        const url = assetManifest?.terrains?.[tile.terrain ?? ""]?.url;
         if (url) urls.push(url);
       }
     }
     for (const feature of features) {
-      if (feature.sprite) urls.push(feature.sprite);
+      if (feature.sprite) urls.push(feature.sprite.url);
       else if (getFeatureSprite) {
         const url = getFeatureSprite(feature.type);
         if (url) urls.push(url);
       } else {
-        const url = resolveManifestUrl7(assetManifest?.features?.[feature.type]);
+        const url = assetManifest?.features?.[feature.type]?.url;
         if (url) urls.push(url);
       }
     }
     for (const unit of units) {
-      if (unit.sprite) urls.push(unit.sprite);
+      if (unit.sprite) urls.push(unit.sprite.url);
       else if (getUnitSprite) {
         const url = getUnitSprite(unit);
         if (url) urls.push(url);
       } else if (unit.unitType) {
-        const url = resolveManifestUrl7(assetManifest?.units?.[unit.unitType]);
+        const url = assetManifest?.units?.[unit.unitType]?.url;
         if (url) urls.push(url);
       }
     }
     if (assetManifest?.effects) {
-      for (const path of Object.values(assetManifest.effects)) {
-        const url = resolveManifestUrl7(path);
-        if (url) urls.push(url);
+      for (const asset of Object.values(assetManifest.effects)) {
+        if (asset.url) urls.push(asset.url);
       }
     }
     if (effectSpriteUrls) urls.push(...effectSpriteUrls);
     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, resolveManifestUrl7]);
-  const { getImage, pendingCount } = useImageCache(spriteUrls);
+  }, [sortedTiles, features, units, getTerrainSprite, getFeatureSprite, getUnitSprite, effectSpriteUrls, atlasSheetUrls, backgroundImage, assetManifest]);
+  const { getImage, pendingCount: _imagePendingCount } = useImageCache(spriteUrls);
   useEffect(() => {
     if (typeof window === "undefined") return;
     const canvas = canvasRef.current;
@@ -11519,71 +11400,34 @@ function IsometricCanvas({
     lerpToTarget
   } = useCamera();
   const resolveTerrainSpriteUrl = useCallback((tile) => {
-    return tile.terrainSprite || getTerrainSprite?.(tile.terrain ?? "") || resolveManifestUrl7(assetManifest?.terrains?.[tile.terrain ?? ""]);
-  }, [getTerrainSprite, assetManifest, resolveManifestUrl7]);
+    return tile.terrainSprite?.url || getTerrainSprite?.(tile.terrain ?? "") || assetManifest?.terrains?.[tile.terrain ?? ""]?.url;
+  }, [getTerrainSprite, assetManifest]);
   const resolveFeatureSpriteUrl = useCallback((featureType) => {
-    return getFeatureSprite?.(featureType) || resolveManifestUrl7(assetManifest?.features?.[featureType]);
-  }, [getFeatureSprite, assetManifest, resolveManifestUrl7]);
+    return getFeatureSprite?.(featureType) || assetManifest?.features?.[featureType]?.url;
+  }, [getFeatureSprite, assetManifest]);
   const resolveUnitSpriteUrl = useCallback((unit) => {
-    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;
-    if (!miniCanvas || sortedTiles.length === 0) return;
-    const mCtx = miniCanvas.getContext("2d");
-    if (!mCtx) return;
-    const mW = 150;
-    const mH = 100;
-    miniCanvas.width = mW;
-    miniCanvas.height = mH;
-    mCtx.clearRect(0, 0, mW, mH);
-    const allScreenPos = sortedTiles.map((t2) => isoToScreen(t2.x, t2.y, scale, baseOffsetX, tileLayout));
-    const minX = Math.min(...allScreenPos.map((p2) => p2.x));
-    const maxX = Math.max(...allScreenPos.map((p2) => p2.x + scaledTileWidth));
-    const minY = Math.min(...allScreenPos.map((p2) => p2.y));
-    const tileBottomExtent = tileLayout === "hex" || tileLayout === "flat" ? scaledTileWidth : scaledTileHeight;
-    const maxY = Math.max(...allScreenPos.map((p2) => p2.y + tileBottomExtent));
-    const worldW = maxX - minX;
-    const worldH = maxY - minY;
-    const scaleM = Math.min(mW / worldW, mH / worldH) * 0.9;
-    const offsetMx = (mW - worldW * scaleM) / 2;
-    const offsetMy = (mH - worldH * scaleM) / 2;
-    for (const tile of sortedTiles) {
-      const pos = isoToScreen(tile.x, tile.y, scale, baseOffsetX, tileLayout);
-      const mx = (pos.x - minX) * scaleM + offsetMx;
-      const my = (pos.y - minY) * scaleM + offsetMy;
-      const mTileW = scaledTileWidth * scaleM;
-      const mFloorH = scaledFloorHeight * scaleM;
-      mCtx.fillStyle = tile.terrain === "water" ? "#3b82f6" : tile.terrain === "mountain" ? "#78716c" : "#4ade80";
-      mCtx.beginPath();
-      mCtx.moveTo(mx + mTileW / 2, my);
-      mCtx.lineTo(mx + mTileW, my + mFloorH / 2);
-      mCtx.lineTo(mx + mTileW / 2, my + mFloorH);
-      mCtx.lineTo(mx, my + mFloorH / 2);
-      mCtx.closePath();
-      mCtx.fill();
-    }
-    for (const unit of units) {
-      if (!unit.position) continue;
-      const pos = isoToScreen(unit.position.x, unit.position.y, scale, baseOffsetX, tileLayout);
-      const mx = (pos.x + scaledTileWidth / 2 - minX) * scaleM + offsetMx;
-      const my = (pos.y + scaledTileHeight / 2 - minY) * scaleM + offsetMy;
-      mCtx.fillStyle = unit.team === "player" ? "#60a5fa" : unit.team === "enemy" ? "#f87171" : "#9ca3af";
-      mCtx.beginPath();
-      mCtx.arc(mx, my, 3, 0, Math.PI * 2);
-      mCtx.fill();
-    }
-    const cam = cameraRef.current;
-    const vLeft = (cam.x - minX) * scaleM + offsetMx;
-    const vTop = (cam.y - minY) * scaleM + offsetMy;
-    const vW = viewportSize.width / cam.zoom * scaleM;
-    const vH = viewportSize.height / cam.zoom * scaleM;
-    mCtx.strokeStyle = "rgba(255, 255, 255, 0.8)";
-    mCtx.lineWidth = 1;
-    mCtx.strokeRect(vLeft, vTop, vW, vH);
-  }, [showMinimap, sortedTiles, units, tileLayout, scale, baseOffsetX, scaledTileWidth, scaledTileHeight, scaledFloorHeight, viewportSize, cameraRef]);
-  const draw = useCallback((animTime) => {
+    return unit.sprite?.url || getUnitSprite?.(unit) || (unit.unitType ? assetManifest?.units?.[unit.unitType]?.url : void 0);
+  }, [getUnitSprite, assetManifest]);
+  const miniMapTiles = useMemo(() => {
+    if (!showMinimap) return [];
+    return sortedTiles.map((t2) => ({
+      x: t2.x,
+      y: t2.y,
+      color: t2.terrain === "water" ? "#3b82f6" : t2.terrain === "mountain" ? "#78716c" : "#4ade80"
+    }));
+  }, [showMinimap, sortedTiles]);
+  const miniMapUnits = useMemo(() => {
+    if (!showMinimap) return [];
+    return units.filter((u) => u.position).map((u) => ({
+      x: u.position.x,
+      y: u.position.y,
+      color: u.team === "player" ? "#60a5fa" : u.team === "enemy" ? "#f87171" : "#9ca3af",
+      isPlayer: u.team === "player"
+    }));
+  }, [showMinimap, units]);
+  const miniMapWidth = gridWidth || 10;
+  const miniMapHeight = gridHeight || 10;
+  const draw = useCallback(() => {
     const canvas = canvasRef.current;
     if (!canvas) return;
     const ctx = canvas.getContext("2d");
@@ -11669,8 +11513,7 @@ function IsometricCanvas({
       if (validMoveSet.has(tileKey)) {
         const centerX = pos.x + scaledTileWidth / 2;
         const topY = pos.y + scaledDiamondTopY;
-        const pulse = 0.15 + 0.1 * Math.sin(animTime * 4e-3);
-        ctx.fillStyle = `rgba(74, 222, 128, ${pulse})`;
+        ctx.fillStyle = "rgba(74, 222, 128, 0.25)";
         ctx.beginPath();
         ctx.moveTo(centerX, topY);
         ctx.lineTo(pos.x + scaledTileWidth, topY + scaledFloorHeight / 2);
@@ -11682,8 +11525,7 @@ function IsometricCanvas({
       if (attackTargetSet.has(tileKey)) {
         const centerX = pos.x + scaledTileWidth / 2;
         const topY = pos.y + scaledDiamondTopY;
-        const pulse = 0.2 + 0.15 * Math.sin(animTime * 5e-3);
-        ctx.fillStyle = `rgba(239, 68, 68, ${pulse})`;
+        ctx.fillStyle = "rgba(239, 68, 68, 0.35)";
         ctx.beginPath();
         ctx.moveTo(centerX, topY);
         ctx.lineTo(pos.x + scaledTileWidth, topY + scaledFloorHeight / 2);
@@ -11712,7 +11554,7 @@ function IsometricCanvas({
       if (pos.x + scaledTileWidth < visLeft || pos.x > visRight || pos.y + scaledTileHeight < visTop || pos.y > visBottom) {
         continue;
       }
-      const spriteUrl = feature.sprite || resolveFeatureSpriteUrl(feature.type);
+      const spriteUrl = feature.sprite?.url || resolveFeatureSpriteUrl(feature.type);
       const img = spriteUrl ? getImage(spriteUrl) : null;
       const centerX = pos.x + scaledTileWidth / 2;
       const featureGroundY = pos.y + scaledDiamondTopY + scaledFloorHeight * 0.5;
@@ -11756,17 +11598,17 @@ function IsometricCanvas({
       const isSelected = unit.id === selectedUnitId;
       const centerX = pos.x + scaledTileWidth / 2;
       const groundY = pos.y + scaledDiamondTopY + scaledFloorHeight * 0.5;
-      const breatheOffset = 0.8 * scale * (1 + Math.sin(animTime * 2e-3 + (unit.position.x * 3.7 + unit.position.y * 5.3)));
+      const breatheOffset = 0;
       const unitSpriteUrl = resolveUnitSpriteUrl(unit);
       const img = unitSpriteUrl ? getImage(unitSpriteUrl) : null;
       const unitDrawH = scaledFloorHeight * spriteHeightRatio * unitScale;
       const maxUnitW = scaledTileWidth * spriteMaxWidthRatio * unitScale;
+      const unitIsSheet = unit.sprite?.dimension === "2d" && (unit.sprite?.animations?.length ?? 0) > 0;
       const SHEET_ROWS = 5;
       const sheetFrameW = img ? img.naturalWidth / SHEET_COLUMNS : 0;
       const sheetFrameH = img ? img.naturalHeight / SHEET_ROWS : 0;
-      const imgIsSheet = img ? img.naturalWidth % SHEET_COLUMNS === 0 && img.naturalHeight % SHEET_ROWS === 0 && Math.abs(sheetFrameW - sheetFrameH) < 2 : false;
-      const frameW = imgIsSheet ? sheetFrameW : img?.naturalWidth ?? 1;
-      const frameH = imgIsSheet ? sheetFrameH : img?.naturalHeight ?? 1;
+      const frameW = unitIsSheet ? sheetFrameW : img?.naturalWidth ?? 1;
+      const frameH = unitIsSheet ? sheetFrameH : img?.naturalHeight ?? 1;
       const ar = frameW / (frameH || 1);
       let drawH = unitDrawH;
       let drawW = unitDrawH * ar;
@@ -11781,7 +11623,7 @@ function IsometricCanvas({
         ctx.save();
         ctx.globalAlpha = 0.25;
         if (img) {
-          if (imgIsSheet) {
+          if (unitIsSheet) {
             ctx.drawImage(img, 0, 0, sheetFrameW, sheetFrameH, ghostCenterX - drawW / 2, ghostGroundY - drawH, drawW, drawH);
           } else {
             ctx.drawImage(img, ghostCenterX - drawW / 2, ghostGroundY - drawH, drawW, drawH);
@@ -11796,10 +11638,9 @@ function IsometricCanvas({
         ctx.restore();
       }
       if (isSelected) {
-        const ringAlpha = 0.6 + 0.3 * Math.sin(animTime * 4e-3);
         ctx.beginPath();
         ctx.ellipse(centerX, groundY, drawW / 2 + 4 * scale, 12 * scale, 0, 0, Math.PI * 2);
-        ctx.strokeStyle = `rgba(0, 200, 255, ${ringAlpha})`;
+        ctx.strokeStyle = "rgba(0, 200, 255, 0.8)";
         ctx.lineWidth = 3;
         ctx.stroke();
       }
@@ -11830,7 +11671,7 @@ function IsometricCanvas({
       } else if (img) {
         const spriteY = groundY - drawH - breatheOffset;
         const drawUnit = (x) => {
-          if (imgIsSheet) {
+          if (unitIsSheet) {
             ctx.drawImage(img, 0, 0, sheetFrameW, sheetFrameH, x, spriteY, drawW, drawH);
           } else {
             ctx.drawImage(img, x, spriteY, drawW, drawH);
@@ -11855,66 +11696,29 @@ function IsometricCanvas({
         ctx.lineWidth = 2;
         ctx.stroke();
       }
-      if (unit.name) {
-        const labelBg = unit.team === "player" ? "rgba(59, 130, 246, 0.9)" : unit.team === "enemy" ? "rgba(239, 68, 68, 0.9)" : "rgba(107, 114, 128, 0.9)";
-        ctx.font = `bold ${10 * scale * 2.5}px system-ui`;
-        ctx.textAlign = "center";
-        const textWidth = ctx.measureText(unit.name).width;
-        const labelY = groundY + 14 * scale - breatheOffset;
-        ctx.fillStyle = labelBg;
-        ctx.beginPath();
-        ctx.roundRect(centerX - textWidth / 2 - 6 * scale, labelY - 8 * scale, textWidth + 12 * scale, 16 * scale, 4 * scale);
-        ctx.fill();
-        ctx.fillStyle = "white";
-        ctx.fillText(unit.name, centerX, labelY + 4 * scale);
-      }
-      if (unit.health !== void 0 && unit.maxHealth !== void 0) {
-        const barWidth = 40 * scale;
-        const barHeight = 6 * scale;
-        const barX = centerX - barWidth / 2;
-        const barY = groundY - drawH - 2 * scale - breatheOffset;
-        const healthRatio = unit.health / unit.maxHealth;
-        const barRadius = barHeight / 2;
-        ctx.fillStyle = "rgba(0, 0, 0, 0.7)";
-        ctx.beginPath();
-        ctx.roundRect(barX, barY, barWidth, barHeight, barRadius);
-        ctx.fill();
-        if (healthRatio > 0) {
-          const fillWidth = barWidth * healthRatio;
-          const gradient = ctx.createLinearGradient(barX, barY, barX, barY + barHeight);
-          if (healthRatio > 0.6) {
-            gradient.addColorStop(0, "#4ade80");
-            gradient.addColorStop(1, "#22c55e");
-          } else if (healthRatio > 0.3) {
-            gradient.addColorStop(0, "#fde047");
-            gradient.addColorStop(1, "#eab308");
-          } else {
-            gradient.addColorStop(0, "#f87171");
-            gradient.addColorStop(1, "#ef4444");
-          }
-          ctx.fillStyle = gradient;
-          ctx.save();
-          ctx.beginPath();
-          ctx.roundRect(barX, barY, fillWidth, barHeight, barRadius);
-          ctx.clip();
-          ctx.fillRect(barX, barY, fillWidth, barHeight);
-          ctx.restore();
-        }
-        ctx.strokeStyle = "rgba(255, 255, 255, 0.3)";
-        ctx.lineWidth = 1;
-        ctx.beginPath();
-        ctx.roundRect(barX, barY, barWidth, barHeight, barRadius);
-        ctx.stroke();
-      }
     }
-    onDrawEffects?.(ctx, animTime, getImage);
+    for (const fx of effects) {
+      const spriteUrl = assetManifest?.effects?.[fx.key]?.url;
+      if (!spriteUrl) continue;
+      const img = getImage(spriteUrl);
+      if (!img) continue;
+      const pos = isoToScreen(fx.x, fx.y, scale, baseOffsetX, tileLayout);
+      const cx = pos.x + scaledTileWidth / 2;
+      const cy = pos.y + scaledDiamondTopY + scaledFloorHeight * 0.5;
+      const alpha = Math.min(1, fx.ttl / 4);
+      const prev = ctx.globalAlpha;
+      ctx.globalAlpha = alpha;
+      ctx.drawImage(img, cx - img.naturalWidth / 2, cy - img.naturalHeight / 2);
+      ctx.globalAlpha = prev;
+    }
+    onDrawEffects?.(ctx, 0, getImage);
     ctx.restore();
-    drawMinimap();
   }, [
     sortedTiles,
     units,
     features,
     selectedUnitId,
+    effects,
     tileLayout,
     scale,
     debug2,
@@ -11934,11 +11738,11 @@ function IsometricCanvas({
     attackTargetSet,
     hoveredTile,
     viewportSize,
-    drawMinimap,
     onDrawEffects,
     backgroundImage,
     cameraRef,
-    unitScale
+    unitScale,
+    assetManifest
   ]);
   useEffect(() => {
     if (!selectedUnitId) return;
@@ -11953,30 +11757,33 @@ function IsometricCanvas({
     };
   }, [selectedUnitId, units, tileLayout, scale, baseOffsetX, scaledTileWidth, scaledDiamondTopY, scaledFloorHeight, viewportSize, targetCameraRef]);
   useEffect(() => {
-    const hasAnimations = units.length > 0 || validMoves.length > 0 || attackTargets.length > 0 || selectedUnitId != null || targetCameraRef.current != null || hasActiveEffects2 || pendingCount > 0 || atlasPending > 0;
-    draw(animTimeRef.current);
-    if (!hasAnimations) return;
+    draw();
+  }, [draw]);
+  useEffect(() => {
+    draw();
+  }, [_imagePendingCount]);
+  useEffect(() => {
+    if (selectedUnitId == null) return;
     let running = true;
-    const animate = (timestamp) => {
+    const tick = () => {
       if (!running) return;
-      animTimeRef.current = timestamp;
-      lerpToTarget();
-      draw(timestamp);
-      rafIdRef.current = requestAnimationFrame(animate);
+      const stillLerping = lerpToTarget();
+      draw();
+      if (stillLerping) lerpRafRef.current = requestAnimationFrame(tick);
     };
-    rafIdRef.current = requestAnimationFrame(animate);
+    lerpRafRef.current = requestAnimationFrame(tick);
     return () => {
       running = false;
-      cancelAnimationFrame(rafIdRef.current);
+      cancelAnimationFrame(lerpRafRef.current);
     };
-  }, [draw, units.length, validMoves.length, attackTargets.length, selectedUnitId, hasActiveEffects2, pendingCount, atlasPending, lerpToTarget, targetCameraRef]);
+  }, [selectedUnitId, lerpToTarget, draw]);
   const singlePointerActiveRef = useRef(false);
   const handleCanvasPointerDown = useCallback((e) => {
     singlePointerActiveRef.current = true;
     if (enableCamera) handlePointerDown(e);
   }, [enableCamera, handlePointerDown]);
   const handleCanvasPointerMove = useCallback((e) => {
-    if (enableCamera) handlePointerMove(e, () => draw(animTimeRef.current));
+    if (enableCamera) handlePointerMove(e, () => draw());
   }, [enableCamera, handlePointerMove, draw]);
   const handleCanvasHover = useCallback((e) => {
     if (singlePointerActiveRef.current) return;
@@ -12018,10 +11825,10 @@ function IsometricCanvas({
     onTileLeave?.();
   }, [handleMouseLeave, onTileLeave, tileLeaveEvent, eventBus]);
   const applyZoom = useCallback((factor, centerX, centerY) => {
-    if (enableCamera) zoomAtPoint(factor, centerX, centerY, viewportSize, () => draw(animTimeRef.current));
+    if (enableCamera) zoomAtPoint(factor, centerX, centerY, viewportSize, () => draw());
   }, [enableCamera, zoomAtPoint, viewportSize, draw]);
   const applyPanDelta = useCallback((dx, dy) => {
-    if (enableCamera) panBy(dx, dy, () => draw(animTimeRef.current));
+    if (enableCamera) panBy(dx, dy, () => draw());
   }, [enableCamera, panBy, draw]);
   const cancelSinglePointer = useCallback(() => {
     singlePointerActiveRef.current = false;
@@ -12037,11 +11844,27 @@ function IsometricCanvas({
     onPanDelta: applyPanDelta,
     onMultiTouchStart: cancelSinglePointer
   });
+  const unitOverlays = useMemo(() => {
+    if (sortedTiles.length === 0) return [];
+    return units.filter((u) => !!u.position).map((u) => {
+      const pos = isoToScreen(u.position.x, u.position.y, scale, baseOffsetX, tileLayout);
+      const cam = cameraRef.current;
+      const screenX = (pos.x + scaledTileWidth / 2 - (cam.x + viewportSize.width / 2)) * cam.zoom + viewportSize.width / 2;
+      const screenY = (pos.y + scaledDiamondTopY + scaledFloorHeight * 0.5 - (cam.y + viewportSize.height / 2)) * cam.zoom + viewportSize.height / 2;
+      return { unit: u, screenX, screenY };
+    });
+  }, [units, sortedTiles.length, scale, baseOffsetX, tileLayout, scaledTileWidth, scaledDiamondTopY, scaledFloorHeight, viewportSize, cameraRef]);
   if (error) {
-    return /* @__PURE__ */ jsx(ErrorState, { title: t("canvas.errorTitle"), message: error.message, className });
+    return /* @__PURE__ */ jsx(Box, { className: cn("flex items-center justify-center w-full h-full bg-[var(--color-card)] rounded-container", className), children: /* @__PURE__ */ jsxs(Stack, { direction: "vertical", gap: "md", align: "center", children: [
+      /* @__PURE__ */ jsx(Icon, { name: "alert-circle", size: "xl" }),
+      /* @__PURE__ */ jsx(Typography, { variant: "body", className: "text-error", children: error.message })
+    ] }) });
   }
   if (isLoading) {
-    return /* @__PURE__ */ jsx(LoadingState, { className });
+    return /* @__PURE__ */ jsx(Box, { className: cn("flex items-center justify-center w-full h-full bg-[var(--color-card)] rounded-container", className), children: /* @__PURE__ */ jsxs(Stack, { direction: "vertical", gap: "md", align: "center", children: [
+      /* @__PURE__ */ jsx(Icon, { name: "loader", size: "xl", className: "animate-spin" }),
+      /* @__PURE__ */ jsx(Typography, { variant: "body", className: "text-muted-foreground", children: t("canvas.loadingMessage") || "Loading\u2026" })
+    ] }) });
   }
   if (sortedTiles.length === 0) {
     return /* @__PURE__ */ jsx(
@@ -12106,14 +11929,36 @@ function IsometricCanvas({
             }
           )
         ] }),
-        showMinimap && /* @__PURE__ */ jsx(
-          "canvas",
+        unitOverlays.map(({ unit, screenX, screenY }) => /* @__PURE__ */ jsxs(
+          "div",
           {
-            ref: minimapRef,
-            className: "absolute bottom-2 right-2 border border-border rounded bg-background/80 pointer-events-none",
-            style: { width: 150, height: 100, zIndex: 10 }
+            className: "absolute pointer-events-none",
+            style: { left: Math.round(screenX), top: Math.round(screenY), transform: "translate(-50%, 0)", zIndex: 5 },
+            children: [
+              unit.name && /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "text-white text-xs font-bold px-1.5 py-0.5 rounded mb-0.5 whitespace-nowrap",
+                  style: { background: unit.team === "player" ? "rgba(59,130,246,0.9)" : unit.team === "enemy" ? "rgba(239,68,68,0.9)" : "rgba(107,114,128,0.9)" },
+                  children: unit.name
+                }
+              ),
+              unit.health !== void 0 && unit.maxHealth !== void 0 && unit.maxHealth > 0 && /* @__PURE__ */ jsx(HealthBar, { current: unit.health, max: unit.maxHealth, format: "bar", size: "sm" })
+            ]
+          },
+          unit.id
+        )),
+        showMinimap && /* @__PURE__ */ jsx("div", { className: "absolute bottom-2 right-2 pointer-events-none", style: { zIndex: 10 }, children: /* @__PURE__ */ jsx(
+          MiniMap,
+          {
+            tiles: miniMapTiles,
+            units: miniMapUnits,
+            width: 150,
+            height: 100,
+            mapWidth: miniMapWidth,
+            mapHeight: miniMapHeight
           }
-        )
+        ) })
       ]
     }
   );
@@ -12128,8 +11973,8 @@ var init_IsometricCanvas = __esm({
     init_Stack();
     init_Icon();
     init_Typography();
-    init_LoadingState();
-    init_ErrorState();
+    init_MiniMap();
+    init_HealthBar();
     init_useImageCache();
     init_useCamera();
     init_useCanvasGestures();
@@ -12174,6 +12019,42 @@ var init_boardEntity = __esm({
   "components/game/organisms/boardEntity.ts"() {
   }
 });
+// components/game/organisms/utils/makeAsset.ts
+function makeAsset(url, role, overrides = {}) {
+  const defaults = ROLE_DEFAULTS[role] ?? { dimension: "2d", animations: ["static"], aspect: "1:1" };
+  return {
+    url,
+    role,
+    category: url.split("/").pop()?.replace(/\.[^.]+$/, "") ?? role,
+    ...defaults,
+    ...overrides
+  };
+}
+function makeAssetMap(record, role, overrides = {}) {
+  const result = {};
+  for (const [key, url] of Object.entries(record)) {
+    result[key] = makeAsset(url, role, overrides);
+  }
+  return result;
+}
+var ROLE_DEFAULTS;
+var init_makeAsset = __esm({
+  "components/game/organisms/utils/makeAsset.ts"() {
+    ROLE_DEFAULTS = {
+      tile: { dimension: "2d", animations: ["static"], aspect: "1:1" },
+      decoration: { dimension: "2d", animations: ["static"], aspect: "1:1" },
+      effect: { dimension: "2d", animations: ["static"], aspect: "1:1" },
+      item: { dimension: "2d", animations: ["static"], aspect: "5:7" },
+      player: { dimension: "2d", animations: ["idle", "walk", "attack", "hit", "death"], aspect: "1:1" },
+      enemy: { dimension: "2d", animations: ["idle", "walk", "attack", "hit", "death"], aspect: "1:1" },
+      npc: { dimension: "2d", animations: ["idle", "walk", "attack", "hit", "death"], aspect: "1:1" },
+      projectile: { dimension: "2d", animations: ["static"], aspect: "1:1" },
+      vehicle: { dimension: "2d", animations: ["idle", "walk"], aspect: "1:1" },
+      ui: { dimension: "2d", animations: ["static"], aspect: "1:1" }
+    };
+  }
+});
 function buildDefaultBattleTiles() {
   const tiles = [];
   for (let y = 0; y < BATTLE_GRID_H; y++) {
@@ -12232,14 +12113,14 @@ function BattleBoard({
     if (o === null || typeof o.x !== "number" || typeof o.y !== "number") return [];
     const tile = { x: o.x, y: o.y };
     if (typeof o.terrain === "string") tile.terrain = o.terrain;
-    if (typeof o.terrainSprite === "string") tile.terrainSprite = o.terrainSprite;
+    if (typeof o.terrainSprite === "string") tile.terrainSprite = makeAsset(o.terrainSprite, "tile");
     if (typeof o.passable === "boolean") tile.passable = o.passable;
     if (typeof o.movementCost === "number") tile.movementCost = o.movementCost;
     if (typeof o.elevation === "number") tile.elevation = o.elevation;
     if (typeof o.type === "string") tile.type = o.type;
     if (typeof o.tileType === "string") tile.tileType = o.tileType;
     if (typeof o.id === "string") tile.id = o.id;
-    if (typeof o.modelUrl === "string") tile.modelUrl = o.modelUrl;
+    if (typeof o.modelUrl === "string") tile.modelUrl = makeAsset(o.modelUrl, "decoration", { dimension: "3d" });
     return [tile];
   }) : []);
   const tiles = rawTiles.length === 0 ? DEFAULT_BATTLE_TILES : rawTiles;
@@ -12248,10 +12129,10 @@ function BattleBoard({
     if (o === null || typeof o.type !== "string" || typeof o.x !== "number" || typeof o.y !== "number") return [];
     const feat = { type: o.type, x: o.x, y: o.y };
     if (typeof o.id === "string") feat.id = o.id;
-    if (typeof o.sprite === "string") feat.sprite = o.sprite;
+    if (typeof o.sprite === "string") feat.sprite = makeAsset(o.sprite, "decoration");
     if (typeof o.color === "string") feat.color = o.color;
     if (typeof o.elevation === "number") feat.elevation = o.elevation;
-    if (typeof o.assetUrl === "string") feat.assetUrl = o.assetUrl;
+    if (typeof o.assetUrl === "string") feat.assetUrl = makeAsset(o.assetUrl, "decoration", { dimension: "3d" });
     return [feat];
   }) : []);
   const boardWidth = num(board.gridWidth ?? board.boardWidth, BATTLE_GRID_W);
@@ -12367,7 +12248,7 @@ function BattleBoard({
         maxHealth: num(unit.maxHealth),
         unitType: unit.unitType == null ? void 0 : str(unit.unitType),
         heroId: unit.heroId == null ? void 0 : str(unit.heroId),
-        sprite: unit.sprite == null ? void 0 : str(unit.sprite),
+        sprite: unit.sprite == null ? void 0 : makeAsset(str(unit.sprite), "npc"),
         traits: unitTraits?.map((tr) => ({
           name: tr.name,
           currentState: tr.currentState,
@@ -12517,7 +12398,6 @@ function BattleBoard({
             onTileHover: (x, y) => setHoveredTile({ x, y }),
             onTileLeave: () => setHoveredTile(null),
             scale,
-            assetBaseUrl: assetManifest?.baseUrl,
             assetManifest,
             backgroundImage,
             onDrawEffects,
@@ -12595,15 +12475,16 @@ var init_BattleBoard = __esm({
     init_IsometricCanvas();
     init_boardEntity();
     init_isometric();
+    init_makeAsset();
     BATTLE_CDN = "https://almadar-kflow-assets.web.app/shared";
     BATTLE_GRID_W = 16;
     BATTLE_GRID_H = 16;
     BATTLE_TERRAIN_SPRITES = [
-      `${BATTLE_CDN}/isometric-dungeon/Isometric/dirt_E.png`,
-      `${BATTLE_CDN}/isometric-dungeon/Isometric/dirtTiles_E.png`,
-      `${BATTLE_CDN}/isometric-dungeon/Isometric/planks_E.png`,
-      `${BATTLE_CDN}/isometric-dungeon/Isometric/stoneTile_E.png`,
-      `${BATTLE_CDN}/isometric-dungeon/Isometric/stoneInset_E.png`
+      makeAsset(`${BATTLE_CDN}/isometric-dungeon/Isometric/dirt_E.png`, "tile"),
+      makeAsset(`${BATTLE_CDN}/isometric-dungeon/Isometric/dirtTiles_E.png`, "tile"),
+      makeAsset(`${BATTLE_CDN}/isometric-dungeon/Isometric/planks_E.png`, "tile"),
+      makeAsset(`${BATTLE_CDN}/isometric-dungeon/Isometric/stoneTile_E.png`, "tile"),
+      makeAsset(`${BATTLE_CDN}/isometric-dungeon/Isometric/stoneInset_E.png`, "tile")
     ];
     DEFAULT_BATTLE_TILES = buildDefaultBattleTiles();
     BattleBoard.displayName = "BattleBoard";
@@ -12642,61 +12523,64 @@ function BattleTemplate({
     }
   );
 }
-var CDN, DEFAULT_BATTLE_TILES2, DEFAULT_BATTLE_UNITS, DEFAULT_BATTLE_FEATURES, DEFAULT_BATTLE_MANIFEST;
+var CDN, STONE, DIRT, GRASS, DEFAULT_BATTLE_TILES2, DEFAULT_BATTLE_UNITS, DEFAULT_BATTLE_FEATURES, DEFAULT_BATTLE_MANIFEST;
 var init_BattleTemplate = __esm({
   "components/game/templates/BattleTemplate.tsx"() {
     init_BattleBoard();
+    init_makeAsset();
     CDN = "https://almadar-kflow-assets.web.app/shared";
+    STONE = makeAsset(`${CDN}/isometric-blocks/PNG/Abstract tiles/abstractTile_07.png`, "tile");
+    DIRT = makeAsset(`${CDN}/isometric-blocks/PNG/Abstract tiles/abstractTile_01.png`, "tile");
+    GRASS = makeAsset(`${CDN}/isometric-blocks/PNG/Abstract tiles/abstractTile_13.png`, "tile");
     DEFAULT_BATTLE_TILES2 = [
-      { x: 0, y: 0, terrain: "stone", passable: false, terrainSprite: `${CDN}/isometric-blocks/PNG/Abstract tiles/abstractTile_07.png` },
-      { x: 1, y: 0, terrain: "stone", passable: false, terrainSprite: `${CDN}/isometric-blocks/PNG/Abstract tiles/abstractTile_07.png` },
-      { x: 2, y: 0, terrain: "stone", passable: false, terrainSprite: `${CDN}/isometric-blocks/PNG/Abstract tiles/abstractTile_07.png` },
-      { x: 3, y: 0, terrain: "stone", passable: false, terrainSprite: `${CDN}/isometric-blocks/PNG/Abstract tiles/abstractTile_07.png` },
-      { x: 4, y: 0, terrain: "stone", passable: false, terrainSprite: `${CDN}/isometric-blocks/PNG/Abstract tiles/abstractTile_07.png` },
-      { x: 0, y: 1, terrain: "stone", passable: false, terrainSprite: `${CDN}/isometric-blocks/PNG/Abstract tiles/abstractTile_07.png` },
-      { x: 1, y: 1, terrain: "dirt", passable: true, terrainSprite: `${CDN}/isometric-blocks/PNG/Abstract tiles/abstractTile_01.png` },
-      { x: 2, y: 1, terrain: "grass", passable: true, terrainSprite: `${CDN}/isometric-blocks/PNG/Abstract tiles/abstractTile_13.png` },
-      { x: 3, y: 1, terrain: "grass", passable: true, terrainSprite: `${CDN}/isometric-blocks/PNG/Abstract tiles/abstractTile_13.png` },
-      { x: 4, y: 1, terrain: "stone", passable: false, terrainSprite: `${CDN}/isometric-blocks/PNG/Abstract tiles/abstractTile_07.png` },
-      { x: 0, y: 2, terrain: "stone", passable: false, terrainSprite: `${CDN}/isometric-blocks/PNG/Abstract tiles/abstractTile_07.png` },
-      { x: 1, y: 2, terrain: "grass", passable: true, terrainSprite: `${CDN}/isometric-blocks/PNG/Abstract tiles/abstractTile_13.png` },
-      { x: 2, y: 2, terrain: "dirt", passable: true, terrainSprite: `${CDN}/isometric-blocks/PNG/Abstract tiles/abstractTile_01.png` },
-      { x: 3, y: 2, terrain: "grass", passable: true, terrainSprite: `${CDN}/isometric-blocks/PNG/Abstract tiles/abstractTile_13.png` },
-      { x: 4, y: 2, terrain: "stone", passable: false, terrainSprite: `${CDN}/isometric-blocks/PNG/Abstract tiles/abstractTile_07.png` },
-      { x: 0, y: 3, terrain: "stone", passable: false, terrainSprite: `${CDN}/isometric-blocks/PNG/Abstract tiles/abstractTile_07.png` },
-      { x: 1, y: 3, terrain: "grass", passable: true, terrainSprite: `${CDN}/isometric-blocks/PNG/Abstract tiles/abstractTile_13.png` },
-      { x: 2, y: 3, terrain: "grass", passable: true, terrainSprite: `${CDN}/isometric-blocks/PNG/Abstract tiles/abstractTile_13.png` },
-      { x: 3, y: 3, terrain: "dirt", passable: true, terrainSprite: `${CDN}/isometric-blocks/PNG/Abstract tiles/abstractTile_01.png` },
-      { x: 4, y: 3, terrain: "stone", passable: false, terrainSprite: `${CDN}/isometric-blocks/PNG/Abstract tiles/abstractTile_07.png` },
-      { x: 0, y: 4, terrain: "stone", passable: false, terrainSprite: `${CDN}/isometric-blocks/PNG/Abstract tiles/abstractTile_07.png` },
-      { x: 1, y: 4, terrain: "stone", passable: false, terrainSprite: `${CDN}/isometric-blocks/PNG/Abstract tiles/abstractTile_07.png` },
-      { x: 2, y: 4, terrain: "stone", passable: false, terrainSprite: `${CDN}/isometric-blocks/PNG/Abstract tiles/abstractTile_07.png` },
-      { x: 3, y: 4, terrain: "stone", passable: false, terrainSprite: `${CDN}/isometric-blocks/PNG/Abstract tiles/abstractTile_07.png` },
-      { x: 4, y: 4, terrain: "stone", passable: false, terrainSprite: `${CDN}/isometric-blocks/PNG/Abstract tiles/abstractTile_07.png` }
+      { x: 0, y: 0, terrain: "stone", passable: false, terrainSprite: STONE },
+      { x: 1, y: 0, terrain: "stone", passable: false, terrainSprite: STONE },
+      { x: 2, y: 0, terrain: "stone", passable: false, terrainSprite: STONE },
+      { x: 3, y: 0, terrain: "stone", passable: false, terrainSprite: STONE },
+      { x: 4, y: 0, terrain: "stone", passable: false, terrainSprite: STONE },
+      { x: 0, y: 1, terrain: "stone", passable: false, terrainSprite: STONE },
+      { x: 1, y: 1, terrain: "dirt", passable: true, terrainSprite: DIRT },
+      { x: 2, y: 1, terrain: "grass", passable: true, terrainSprite: GRASS },
+      { x: 3, y: 1, terrain: "grass", passable: true, terrainSprite: GRASS },
+      { x: 4, y: 1, terrain: "stone", passable: false, terrainSprite: STONE },
+      { x: 0, y: 2, terrain: "stone", passable: false, terrainSprite: STONE },
+      { x: 1, y: 2, terrain: "grass", passable: true, terrainSprite: GRASS },
+      { x: 2, y: 2, terrain: "dirt", passable: true, terrainSprite: DIRT },
+      { x: 3, y: 2, terrain: "grass", passable: true, terrainSprite: GRASS },
+      { x: 4, y: 2, terrain: "stone", passable: false, terrainSprite: STONE },
+      { x: 0, y: 3, terrain: "stone", passable: false, terrainSprite: STONE },
+      { x: 1, y: 3, terrain: "grass", passable: true, terrainSprite: GRASS },
+      { x: 2, y: 3, terrain: "grass", passable: true, terrainSprite: GRASS },
+      { x: 3, y: 3, terrain: "dirt", passable: true, terrainSprite: DIRT },
+      { x: 4, y: 3, terrain: "stone", passable: false, terrainSprite: STONE },
+      { x: 0, y: 4, terrain: "stone", passable: false, terrainSprite: STONE },
+      { x: 1, y: 4, terrain: "stone", passable: false, terrainSprite: STONE },
+      { x: 2, y: 4, terrain: "stone", passable: false, terrainSprite: STONE },
+      { x: 3, y: 4, terrain: "stone", passable: false, terrainSprite: STONE },
+      { x: 4, y: 4, terrain: "stone", passable: false, terrainSprite: STONE }
     ];
     DEFAULT_BATTLE_UNITS = [
-      { id: "u1", position: { x: 1, y: 1 }, unitType: "worker", name: "Worker", team: "player", health: 10, maxHealth: 10, sprite: `${CDN}/sprite-sheets/amir-sprite-sheet-se.png` },
-      { id: "u2", position: { x: 3, y: 3 }, unitType: "guardian", name: "Guardian", team: "enemy", health: 8, maxHealth: 10, sprite: `${CDN}/sprite-sheets/destroyer-sprite-sheet-sw.png` }
+      { id: "u1", position: { x: 1, y: 1 }, unitType: "worker", name: "Worker", team: "player", health: 10, maxHealth: 10, sprite: makeAsset(`${CDN}/sprite-sheets/amir-sprite-sheet-se.png`, "player") },
+      { id: "u2", position: { x: 3, y: 3 }, unitType: "guardian", name: "Guardian", team: "enemy", health: 8, maxHealth: 10, sprite: makeAsset(`${CDN}/sprite-sheets/destroyer-sprite-sheet-sw.png`, "enemy") }
     ];
     DEFAULT_BATTLE_FEATURES = [
-      { id: "f1", x: 2, y: 2, type: "gold_mine", sprite: `${CDN}/world-map/gold_mine.png` },
-      { id: "f2", x: 3, y: 1, type: "portal", sprite: `${CDN}/world-map/portal_open.png` }
+      { id: "f1", x: 2, y: 2, type: "gold_mine", sprite: makeAsset(`${CDN}/world-map/gold_mine.png`, "decoration") },
+      { id: "f2", x: 3, y: 1, type: "portal", sprite: makeAsset(`${CDN}/world-map/portal_open.png`, "decoration") }
     ];
     DEFAULT_BATTLE_MANIFEST = {
-      baseUrl: CDN,
-      terrains: {
-        stone: "/isometric-blocks/PNG/Abstract tiles/abstractTile_07.png",
-        dirt: "/isometric-blocks/PNG/Abstract tiles/abstractTile_01.png",
-        grass: "/isometric-blocks/PNG/Abstract tiles/abstractTile_13.png"
-      },
-      units: {
-        worker: "/sprite-sheets/amir-sprite-sheet-se.png",
-        guardian: "/sprite-sheets/destroyer-sprite-sheet-sw.png"
-      },
-      features: {
-        gold_mine: "/world-map/gold_mine.png",
-        portal: "/world-map/portal_open.png"
-      }
+      terrains: makeAssetMap({
+        stone: `${CDN}/isometric-blocks/PNG/Abstract tiles/abstractTile_07.png`,
+        dirt: `${CDN}/isometric-blocks/PNG/Abstract tiles/abstractTile_01.png`,
+        grass: `${CDN}/isometric-blocks/PNG/Abstract tiles/abstractTile_13.png`
+      }, "tile"),
+      units: makeAssetMap({
+        worker: `${CDN}/sprite-sheets/amir-sprite-sheet-se.png`,
+        guardian: `${CDN}/sprite-sheets/destroyer-sprite-sheet-sw.png`
+      }, "npc"),
+      features: makeAssetMap({
+        gold_mine: `${CDN}/world-map/gold_mine.png`,
+        portal: `${CDN}/world-map/portal_open.png`
+      }, "decoration")
     };
     BattleTemplate.displayName = "BattleTemplate";
   }
@@ -13687,6 +13571,50 @@ var init_Tabs = __esm({
     Tabs.displayName = "Tabs";
   }
 });
+var LoadingState;
+var init_LoadingState = __esm({
+  "components/core/molecules/LoadingState.tsx"() {
+    "use client";
+    init_cn();
+    init_atoms2();
+    init_Stack();
+    init_Typography();
+    LoadingState = ({
+      title,
+      message,
+      className
+    }) => {
+      const { t } = useTranslate();
+      const displayMessage = message ?? t("common.loading");
+      return /* @__PURE__ */ jsxs(
+        VStack,
+        {
+          align: "center",
+          className: cn(
+            "justify-center py-12",
+            className
+          ),
+          children: [
+            /* @__PURE__ */ jsx(Spinner, { size: "lg" }),
+            title && /* @__PURE__ */ jsx(Typography, { variant: "h3", className: "mt-4 text-lg font-semibold text-foreground", children: title }),
+            /* @__PURE__ */ jsx(
+              Typography,
+              {
+                variant: "small",
+                className: cn(
+                  "text-muted-foreground",
+                  title ? "mt-2" : "mt-4"
+                ),
+                children: displayMessage
+              }
+            )
+          ]
+        }
+      );
+    };
+    LoadingState.displayName = "LoadingState";
+  }
+});
 var ICON_NAME_ALIASES, lookStyles3, EmptyState;
 var init_EmptyState = __esm({
   "components/core/molecules/EmptyState.tsx"() {
@@ -13967,7 +13895,7 @@ var init_CodeBlock = __esm({
     };
     LINE_PROPS_FN = (n) => ({ "data-line": String(n - 1) });
     HIDDEN_LINE_NUMBERS = { display: "none" };
-    CodeBlock = React90__default.memo(
+    CodeBlock = React88__default.memo(
       ({
         code: rawCode,
         language = "text",
@@ -14554,7 +14482,7 @@ var init_MarkdownContent = __esm({
     init_Box();
     init_CodeBlock();
     init_cn();
-    MarkdownContent = React90__default.memo(
+    MarkdownContent = React88__default.memo(
       ({ content, direction = "ltr", className }) => {
         const { t: _t } = useTranslate();
         const safeContent = typeof content === "string" ? content : String(content ?? "");
@@ -14867,7 +14795,6 @@ function BoardgameBoard({
       units,
       features,
       assetManifest,
-      assetBaseUrl,
       scale,
       showMinimap,
       enableCamera,
@@ -15923,7 +15850,7 @@ var init_StateMachineView = __esm({
                 style: { top: title ? 30 : 0 },
                 children: [
                   entity && /* @__PURE__ */ jsx(EntityBox, { entity, config }),
-                  states.map((state) => renderStateNode ? /* @__PURE__ */ jsx(React90__default.Fragment, { children: renderStateNode(state, config) }, state.id) : /* @__PURE__ */ jsx(
+                  states.map((state) => renderStateNode ? /* @__PURE__ */ jsx(React88__default.Fragment, { children: renderStateNode(state, config) }, state.id) : /* @__PURE__ */ jsx(
                     StateNode,
                     {
                       state,
@@ -19892,7 +19819,7 @@ function CardHand({
   className
 }) {
   const eventBus = useEventBus();
-  const handleClick = React90.useCallback(
+  const handleClick = React88.useCallback(
     (card) => {
       if (card.disabled) return;
       onCardClick?.(card.id);
@@ -19937,7 +19864,7 @@ function CardHand({
           /* @__PURE__ */ jsx(Box, { className: "flex-1 flex items-center justify-center w-full", children: card.iconUrl ? /* @__PURE__ */ jsx(
             "img",
             {
-              src: card.iconUrl,
+              src: card.iconUrl.url,
               alt: card.title ?? card.id,
               width: art,
               height: art,
@@ -19995,15 +19922,6 @@ var init_CardHand = __esm({
     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),
@@ -20017,7 +19935,7 @@ function rowToCard(r) {
 function toHandCards(cards, manifest, mana) {
   return cards.map((c) => {
     const key = c.iconKey ?? c.id;
-    const iconUrl = resolveManifestUrl(manifest, manifest?.cards?.[key]);
+    const iconUrl = manifest?.cards?.[key];
     return {
       id: c.id,
       iconUrl,
@@ -21131,7 +21049,6 @@ function CastleBoard({
             onTileHover: (x, y) => setHoveredTile({ x, y }),
             onTileLeave: () => setHoveredTile(null),
             scale,
-            assetBaseUrl: assetManifest?.baseUrl,
             assetManifest,
             backgroundImage
           }
@@ -21207,60 +21124,63 @@ function CastleTemplate({
     }
   );
 }
-var CDN2, DEFAULT_CASTLE_TILES, DEFAULT_CASTLE_UNITS, DEFAULT_CASTLE_FEATURES, DEFAULT_CASTLE_MANIFEST;
+var CDN2, WALL, FLOOR, FLOOR_CENTER, DEFAULT_CASTLE_TILES, DEFAULT_CASTLE_UNITS, DEFAULT_CASTLE_FEATURES, DEFAULT_CASTLE_MANIFEST;
 var init_CastleTemplate = __esm({
   "components/game/templates/CastleTemplate.tsx"() {
     init_CastleBoard();
+    init_makeAsset();
     CDN2 = "https://almadar-kflow-assets.web.app/shared";
+    WALL = makeAsset(`${CDN2}/isometric-blocks/PNG/Platformer tiles/platformerTile_05.png`, "tile");
+    FLOOR = makeAsset(`${CDN2}/isometric-blocks/PNG/Platformer tiles/platformerTile_01.png`, "tile");
+    FLOOR_CENTER = makeAsset(`${CDN2}/isometric-blocks/PNG/Platformer tiles/platformerTile_09.png`, "tile");
     DEFAULT_CASTLE_TILES = [
-      { x: 0, y: 0, terrain: "wall", passable: false, terrainSprite: `${CDN2}/isometric-blocks/PNG/Platformer tiles/platformerTile_05.png` },
-      { x: 1, y: 0, terrain: "wall", passable: false, terrainSprite: `${CDN2}/isometric-blocks/PNG/Platformer tiles/platformerTile_05.png` },
-      { x: 2, y: 0, terrain: "wall", passable: false, terrainSprite: `${CDN2}/isometric-blocks/PNG/Platformer tiles/platformerTile_05.png` },
-      { x: 3, y: 0, terrain: "wall", passable: false, terrainSprite: `${CDN2}/isometric-blocks/PNG/Platformer tiles/platformerTile_05.png` },
-      { x: 4, y: 0, terrain: "wall", passable: false, terrainSprite: `${CDN2}/isometric-blocks/PNG/Platformer tiles/platformerTile_05.png` },
-      { x: 0, y: 1, terrain: "wall", passable: false, terrainSprite: `${CDN2}/isometric-blocks/PNG/Platformer tiles/platformerTile_05.png` },
-      { x: 1, y: 1, terrain: "floor", passable: true, terrainSprite: `${CDN2}/isometric-blocks/PNG/Platformer tiles/platformerTile_01.png` },
-      { x: 2, y: 1, terrain: "floor", passable: true, terrainSprite: `${CDN2}/isometric-blocks/PNG/Platformer tiles/platformerTile_01.png` },
-      { x: 3, y: 1, terrain: "floor", passable: true, terrainSprite: `${CDN2}/isometric-blocks/PNG/Platformer tiles/platformerTile_01.png` },
-      { x: 4, y: 1, terrain: "wall", passable: false, terrainSprite: `${CDN2}/isometric-blocks/PNG/Platformer tiles/platformerTile_05.png` },
-      { x: 0, y: 2, terrain: "wall", passable: false, terrainSprite: `${CDN2}/isometric-blocks/PNG/Platformer tiles/platformerTile_05.png` },
-      { x: 1, y: 2, terrain: "floor", passable: true, terrainSprite: `${CDN2}/isometric-blocks/PNG/Platformer tiles/platformerTile_01.png` },
-      { x: 2, y: 2, terrain: "floor", passable: true, terrainSprite: `${CDN2}/isometric-blocks/PNG/Platformer tiles/platformerTile_09.png` },
-      { x: 3, y: 2, terrain: "floor", passable: true, terrainSprite: `${CDN2}/isometric-blocks/PNG/Platformer tiles/platformerTile_01.png` },
-      { x: 4, y: 2, terrain: "wall", passable: false, terrainSprite: `${CDN2}/isometric-blocks/PNG/Platformer tiles/platformerTile_05.png` },
-      { x: 0, y: 3, terrain: "wall", passable: false, terrainSprite: `${CDN2}/isometric-blocks/PNG/Platformer tiles/platformerTile_05.png` },
-      { x: 1, y: 3, terrain: "floor", passable: true, terrainSprite: `${CDN2}/isometric-blocks/PNG/Platformer tiles/platformerTile_01.png` },
-      { x: 2, y: 3, terrain: "floor", passable: true, terrainSprite: `${CDN2}/isometric-blocks/PNG/Platformer tiles/platformerTile_01.png` },
-      { x: 3, y: 3, terrain: "floor", passable: true, terrainSprite: `${CDN2}/isometric-blocks/PNG/Platformer tiles/platformerTile_01.png` },
-      { x: 4, y: 3, terrain: "wall", passable: false, terrainSprite: `${CDN2}/isometric-blocks/PNG/Platformer tiles/platformerTile_05.png` },
-      { x: 0, y: 4, terrain: "wall", passable: false, terrainSprite: `${CDN2}/isometric-blocks/PNG/Platformer tiles/platformerTile_05.png` },
-      { x: 1, y: 4, terrain: "wall", passable: false, terrainSprite: `${CDN2}/isometric-blocks/PNG/Platformer tiles/platformerTile_05.png` },
-      { x: 2, y: 4, terrain: "wall", passable: false, terrainSprite: `${CDN2}/isometric-blocks/PNG/Platformer tiles/platformerTile_05.png` },
-      { x: 3, y: 4, terrain: "wall", passable: false, terrainSprite: `${CDN2}/isometric-blocks/PNG/Platformer tiles/platformerTile_05.png` },
-      { x: 4, y: 4, terrain: "wall", passable: false, terrainSprite: `${CDN2}/isometric-blocks/PNG/Platformer tiles/platformerTile_05.png` }
+      { x: 0, y: 0, terrain: "wall", passable: false, terrainSprite: WALL },
+      { x: 1, y: 0, terrain: "wall", passable: false, terrainSprite: WALL },
+      { x: 2, y: 0, terrain: "wall", passable: false, terrainSprite: WALL },
+      { x: 3, y: 0, terrain: "wall", passable: false, terrainSprite: WALL },
+      { x: 4, y: 0, terrain: "wall", passable: false, terrainSprite: WALL },
+      { x: 0, y: 1, terrain: "wall", passable: false, terrainSprite: WALL },
+      { x: 1, y: 1, terrain: "floor", passable: true, terrainSprite: FLOOR },
+      { x: 2, y: 1, terrain: "floor", passable: true, terrainSprite: FLOOR },
+      { x: 3, y: 1, terrain: "floor", passable: true, terrainSprite: FLOOR },
+      { x: 4, y: 1, terrain: "wall", passable: false, terrainSprite: WALL },
+      { x: 0, y: 2, terrain: "wall", passable: false, terrainSprite: WALL },
+      { x: 1, y: 2, terrain: "floor", passable: true, terrainSprite: FLOOR },
+      { x: 2, y: 2, terrain: "floor", passable: true, terrainSprite: FLOOR_CENTER },
+      { x: 3, y: 2, terrain: "floor", passable: true, terrainSprite: FLOOR },
+      { x: 4, y: 2, terrain: "wall", passable: false, terrainSprite: WALL },
+      { x: 0, y: 3, terrain: "wall", passable: false, terrainSprite: WALL },
+      { x: 1, y: 3, terrain: "floor", passable: true, terrainSprite: FLOOR },
+      { x: 2, y: 3, terrain: "floor", passable: true, terrainSprite: FLOOR },
+      { x: 3, y: 3, terrain: "floor", passable: true, terrainSprite: FLOOR },
+      { x: 4, y: 3, terrain: "wall", passable: false, terrainSprite: WALL },
+      { x: 0, y: 4, terrain: "wall", passable: false, terrainSprite: WALL },
+      { x: 1, y: 4, terrain: "wall", passable: false, terrainSprite: WALL },
+      { x: 2, y: 4, terrain: "wall", passable: false, terrainSprite: WALL },
+      { x: 3, y: 4, terrain: "wall", passable: false, terrainSprite: WALL },
+      { x: 4, y: 4, terrain: "wall", passable: false, terrainSprite: WALL }
     ];
     DEFAULT_CASTLE_UNITS = [
-      { id: "u1", position: { x: 1, y: 1 }, unitType: "worker", name: "Worker", team: "player", health: 10, maxHealth: 10, sprite: `${CDN2}/sprite-sheets/coordinator-sprite-sheet-se.png` },
-      { id: "u2", position: { x: 3, y: 3 }, unitType: "guardian", name: "Guardian", team: "player", health: 10, maxHealth: 10, sprite: `${CDN2}/sprite-sheets/forger-sprite-sheet-se.png` }
+      { id: "u1", position: { x: 1, y: 1 }, unitType: "worker", name: "Worker", team: "player", health: 10, maxHealth: 10, sprite: makeAsset(`${CDN2}/sprite-sheets/coordinator-sprite-sheet-se.png`, "player") },
+      { id: "u2", position: { x: 3, y: 3 }, unitType: "guardian", name: "Guardian", team: "player", health: 10, maxHealth: 10, sprite: makeAsset(`${CDN2}/sprite-sheets/forger-sprite-sheet-se.png`, "player") }
     ];
     DEFAULT_CASTLE_FEATURES = [
-      { id: "f1", x: 2, y: 2, type: "chest", sprite: `${CDN2}/world-map/treasure_chest_closed.png` },
-      { id: "f2", x: 3, y: 1, type: "crystal", sprite: `${CDN2}/world-map/resonance_crystal.png` }
+      { id: "f1", x: 2, y: 2, type: "chest", sprite: makeAsset(`${CDN2}/world-map/treasure_chest_closed.png`, "decoration") },
+      { id: "f2", x: 3, y: 1, type: "crystal", sprite: makeAsset(`${CDN2}/world-map/resonance_crystal.png`, "decoration") }
     ];
     DEFAULT_CASTLE_MANIFEST = {
-      baseUrl: CDN2,
-      terrains: {
-        wall: "/isometric-blocks/PNG/Platformer tiles/platformerTile_05.png",
-        floor: "/isometric-blocks/PNG/Platformer tiles/platformerTile_01.png"
-      },
-      units: {
-        worker: "/sprite-sheets/coordinator-sprite-sheet-se.png",
-        guardian: "/sprite-sheets/forger-sprite-sheet-se.png"
-      },
-      features: {
-        chest: "/world-map/treasure_chest_closed.png",
-        crystal: "/world-map/resonance_crystal.png"
-      }
+      terrains: makeAssetMap({
+        wall: `${CDN2}/isometric-blocks/PNG/Platformer tiles/platformerTile_05.png`,
+        floor: `${CDN2}/isometric-blocks/PNG/Platformer tiles/platformerTile_01.png`
+      }, "tile"),
+      units: makeAssetMap({
+        worker: `${CDN2}/sprite-sheets/coordinator-sprite-sheet-se.png`,
+        guardian: `${CDN2}/sprite-sheets/forger-sprite-sheet-se.png`
+      }, "player"),
+      features: makeAssetMap({
+        chest: `${CDN2}/world-map/treasure_chest_closed.png`,
+        crystal: `${CDN2}/world-map/resonance_crystal.png`
+      }, "decoration")
     };
     CastleTemplate.displayName = "CastleTemplate";
   }
@@ -22248,15 +22168,6 @@ var init_ChatBar = __esm({
     ChatBar.displayName = "ChatBar";
   }
 });
-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++) {
@@ -22271,12 +22182,12 @@ function buildDefaultCBTiles() {
 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);
+    const terrainSprite = t.terrainSprite ?? manifest?.terrains?.[key] ?? manifest?.terrains?.grass;
     return {
       x: t.x,
       y: t.y,
       terrain: t.terrain,
-      terrainSprite: sprite,
+      terrainSprite,
       passable: t.passable
     };
   });
@@ -22287,7 +22198,7 @@ function buildingsToFeatures(buildings, manifest) {
     x: b.x,
     y: b.y,
     type: b.type,
-    sprite: resolveManifestUrl2(manifest, manifest?.features?.[b.type])
+    sprite: manifest?.features?.[b.type]
   }));
 }
 function CityBuilderBoard({
@@ -22319,7 +22230,7 @@ function CityBuilderBoard({
       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),
+      terrainSprite: r.terrainSprite == null ? void 0 : makeAsset(str(r.terrainSprite), "tile"),
       passable: r.passable !== false
     })),
     [board.tiles]
@@ -22428,7 +22339,6 @@ function CityBuilderBoard({
         {
           tiles: isoTiles,
           features: buildingFeatures,
-          assetBaseUrl: assetManifest?.baseUrl,
           assetManifest,
           validMoves,
           hoveredTile,
@@ -22463,6 +22373,7 @@ 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_makeAsset();
     init_cn();
     init_useEventBus();
     init_Box();
@@ -22881,10 +22792,10 @@ function CombatLog({
   }, [events2, autoScroll]);
   const safeEvents = events2 ?? [];
   const visibleEvents = safeEvents.slice(-maxVisible);
-  return /* @__PURE__ */ jsxs(Card, { variant: "default", className: cn("flex flex-col", className), children: [
+  return /* @__PURE__ */ jsxs(Box, { className: cn("flex flex-col rounded-container border border-border bg-card shadow-elevation-card", className), children: [
     /* @__PURE__ */ jsx(Box, { padding: "sm", border: true, className: "border-b-2 border-x-0 border-t-0 border-border", children: /* @__PURE__ */ jsxs(Box, { display: "flex", className: "items-center justify-between", children: [
       /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "font-bold", children: title }),
-      /* @__PURE__ */ jsxs(Badge, { variant: "neutral", size: "sm", children: [
+      /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground bg-muted/60 rounded px-1.5 py-0.5 border border-border/50 font-mono", children: [
         safeEvents.length,
         " events"
       ] })
@@ -22904,7 +22815,7 @@ function CombatLog({
             /* @__PURE__ */ jsx(Box, { className: cn("flex-shrink-0 mt-0.5", colorClass), children: /* @__PURE__ */ jsx(EventIcon, { className: "h-4 w-4" }) }),
             /* @__PURE__ */ jsxs(Box, { className: "flex-1 min-w-0", children: [
               /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "block", children: event.message }),
-              event.value !== void 0 && /* @__PURE__ */ jsxs(Badge, { variant: eventBadgeVariants[eventType], size: "sm", className: "mt-1", children: [
+              event.value !== void 0 && /* @__PURE__ */ jsxs("span", { className: cn("inline-block mt-1 text-xs font-bold rounded px-1.5 py-0.5 border", eventValueColors[eventType]), children: [
                 eventType === "heal" ? "+" : eventType === "attack" ? "-" : "",
                 event.value
               ] })
@@ -22917,7 +22828,7 @@ function CombatLog({
     }) }) })
   ] });
 }
-var eventIcons, eventColors, eventBadgeVariants, DEFAULT_COMBAT_EVENTS;
+var eventIcons, eventColors, eventValueColors, DEFAULT_COMBAT_EVENTS;
 var init_CombatLog = __esm({
   "components/game/molecules/CombatLog.tsx"() {
     init_atoms2();
@@ -22940,14 +22851,14 @@ var init_CombatLog = __esm({
       death: "text-muted-foreground",
       spawn: "text-accent"
     };
-    eventBadgeVariants = {
-      attack: "danger",
-      defend: "primary",
-      heal: "success",
-      move: "warning",
-      special: "secondary",
-      death: "secondary",
-      spawn: "secondary"
+    eventValueColors = {
+      attack: "text-error bg-error/10 border-error/30",
+      defend: "text-info bg-info/10 border-info/30",
+      heal: "text-success bg-success/10 border-success/30",
+      move: "text-warning bg-warning/10 border-warning/30",
+      special: "text-accent bg-accent/10 border-accent/30",
+      death: "text-muted-foreground bg-muted/30 border-border",
+      spawn: "text-accent bg-accent/10 border-accent/30"
     };
     DEFAULT_COMBAT_EVENTS = [
       { id: "e1", type: "spawn", message: "Shadow Guard entered the field.", timestamp: 0, turn: 1 },
@@ -23371,7 +23282,7 @@ function CraftingRecipe({
   className
 }) {
   const eventBus = useEventBus();
-  const handleCraft = React90.useCallback(() => {
+  const handleCraft = React88.useCallback(() => {
     onCraft?.();
     if (craftEvent) {
       eventBus.emit(craftEvent, { output: output.label });
@@ -23388,7 +23299,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(React90.Fragment, { children: [
+          return /* @__PURE__ */ jsxs(React88.Fragment, { children: [
             /* @__PURE__ */ jsx(Box, { className: "relative", children: /* @__PURE__ */ jsx(
               ItemSlot,
               {
@@ -23413,13 +23324,13 @@ function CraftingRecipe({
           }
         ),
         /* @__PURE__ */ jsx(
-          Button,
+          ActionButton,
           {
+            label: "Craft",
             onClick: handleCraft,
             disabled: !canCraft,
             variant: canCraft ? "primary" : "secondary",
-            size: "sm",
-            children: "Craft"
+            size: "sm"
           }
         )
       ]
@@ -23433,7 +23344,7 @@ var init_CraftingRecipe = __esm({
     init_cn();
     init_useEventBus();
     init_ItemSlot();
-    init_Button();
+    init_ActionButton();
     init_Box();
     init_Stack();
     init_Icon();
@@ -23460,8 +23371,8 @@ function DPad({
 }) {
   const eventBus = useEventBus();
   const sizes = sizeMap15[size];
-  const [activeDirections, setActiveDirections] = React90.useState(/* @__PURE__ */ new Set());
-  const handlePress = React90.useCallback(
+  const [activeDirections, setActiveDirections] = React88.useState(/* @__PURE__ */ new Set());
+  const handlePress = React88.useCallback(
     (direction) => {
       setActiveDirections((prev) => new Set(prev).add(direction));
       if (directionEvent) eventBus.emit(`UI:${directionEvent}`, { direction, pressed: true });
@@ -23469,7 +23380,7 @@ function DPad({
     },
     [directionEvent, eventBus, onDirection]
   );
-  const handleRelease = React90.useCallback(
+  const handleRelease = React88.useCallback(
     (direction) => {
       setActiveDirections((prev) => {
         const next = new Set(prev);
@@ -24354,8 +24265,8 @@ var init_Menu = __esm({
         "bottom-end": "bottom-start"
       };
       const effectivePosition = direction === "rtl" ? rtlMirror[position] ?? position : position;
-      const triggerChild = React90__default.isValidElement(trigger) ? trigger : /* @__PURE__ */ jsx(Typography, { variant: "small", as: "span", children: trigger });
-      const triggerElement = React90__default.cloneElement(
+      const triggerChild = React88__default.isValidElement(trigger) ? trigger : /* @__PURE__ */ jsx(Typography, { variant: "small", as: "span", children: trigger });
+      const triggerElement = React88__default.cloneElement(
         triggerChild,
         {
           ref: triggerRef,
@@ -24450,14 +24361,14 @@ function useDataDnd(args) {
   const isZone = Boolean(dragGroup || accepts || sortable);
   const enabled = isZone || Boolean(dndRoot);
   const eventBus = useEventBus();
-  const parentRoot = React90__default.useContext(RootCtx);
+  const parentRoot = React88__default.useContext(RootCtx);
   const isRoot = enabled && parentRoot === null;
-  const zoneId = React90__default.useId();
+  const zoneId = React88__default.useId();
   const ownGroup = dragGroup ?? accepts ?? zoneId;
-  const [optimisticOrders, setOptimisticOrders] = React90__default.useState(() => /* @__PURE__ */ new Map());
-  const optimisticOrdersRef = React90__default.useRef(optimisticOrders);
+  const [optimisticOrders, setOptimisticOrders] = React88__default.useState(() => /* @__PURE__ */ new Map());
+  const optimisticOrdersRef = React88__default.useRef(optimisticOrders);
   optimisticOrdersRef.current = optimisticOrders;
-  const clearOptimisticOrder = React90__default.useCallback((group) => {
+  const clearOptimisticOrder = React88__default.useCallback((group) => {
     setOptimisticOrders((prev) => {
       if (!prev.has(group)) return prev;
       const next = new Map(prev);
@@ -24482,7 +24393,7 @@ function useDataDnd(args) {
     const raw = it[dndItemIdField];
     return raw != null ? String(raw) : `__idx_${idx}`;
   }).join("|");
-  const itemIds = React90__default.useMemo(
+  const itemIds = React88__default.useMemo(
     () => orderedItems.map((it, idx) => {
       const raw = it[dndItemIdField];
       return raw != null ? String(raw) : `__idx_${idx}`;
@@ -24493,7 +24404,7 @@ function useDataDnd(args) {
     const raw = it[dndItemIdField];
     return raw != null ? String(raw) : `__${idx}`;
   }).join("|");
-  React90__default.useEffect(() => {
+  React88__default.useEffect(() => {
     const root = isRoot ? null : parentRoot;
     if (root) {
       root.clearOptimisticOrder(ownGroup);
@@ -24501,20 +24412,20 @@ function useDataDnd(args) {
       clearOptimisticOrder(ownGroup);
     }
   }, [itemsContentSig, ownGroup]);
-  const zonesRef = React90__default.useRef(/* @__PURE__ */ new Map());
-  const registerZone = React90__default.useCallback((zoneId2, meta2) => {
+  const zonesRef = React88__default.useRef(/* @__PURE__ */ new Map());
+  const registerZone = React88__default.useCallback((zoneId2, meta2) => {
     zonesRef.current.set(zoneId2, meta2);
   }, []);
-  const unregisterZone = React90__default.useCallback((zoneId2) => {
+  const unregisterZone = React88__default.useCallback((zoneId2) => {
     zonesRef.current.delete(zoneId2);
   }, []);
-  const [activeDrag, setActiveDrag] = React90__default.useState(null);
-  const [overZoneGroup, setOverZoneGroup] = React90__default.useState(null);
-  const meta = React90__default.useMemo(
+  const [activeDrag, setActiveDrag] = React88__default.useState(null);
+  const [overZoneGroup, setOverZoneGroup] = React88__default.useState(null);
+  const meta = React88__default.useMemo(
     () => ({ group: ownGroup, dropEvent, reorderEvent, positionEvent, itemIds, rawItems: items, idField: dndItemIdField }),
     [ownGroup, dropEvent, reorderEvent, positionEvent, itemIds, items, dndItemIdField]
   );
-  React90__default.useEffect(() => {
+  React88__default.useEffect(() => {
     const target = isRoot ? null : parentRoot;
     if (!target) {
       zonesRef.current.set(zoneId, meta);
@@ -24533,7 +24444,7 @@ function useDataDnd(args) {
   }, [parentRoot, isRoot, zoneId, meta]);
   const sensors = useAlmadarDndSensors(true);
   const collisionDetection = almadarDndCollisionDetection;
-  const findZoneByItem = React90__default.useCallback(
+  const findZoneByItem = React88__default.useCallback(
     (id) => {
       for (const z of zonesRef.current.values()) {
         if (z.itemIds.includes(id)) return z;
@@ -24542,7 +24453,7 @@ function useDataDnd(args) {
     },
     []
   );
-  React90__default.useCallback(
+  React88__default.useCallback(
     (group) => {
       for (const z of zonesRef.current.values()) {
         if (z.group === group) return z;
@@ -24551,7 +24462,7 @@ function useDataDnd(args) {
     },
     []
   );
-  const handleDragEnd = React90__default.useCallback(
+  const handleDragEnd = React88__default.useCallback(
     (event) => {
       const { active, over } = event;
       const activeIdStr = String(active.id);
@@ -24642,8 +24553,8 @@ function useDataDnd(args) {
     },
     [eventBus]
   );
-  const sortableData = React90__default.useMemo(() => ({ dndGroup: ownGroup }), [ownGroup]);
-  const SortableItem = React90__default.useCallback(
+  const sortableData = React88__default.useMemo(() => ({ dndGroup: ownGroup }), [ownGroup]);
+  const SortableItem = React88__default.useCallback(
     ({ id, children }) => {
       const {
         attributes,
@@ -24683,7 +24594,7 @@ function useDataDnd(args) {
       id: droppableId,
       data: sortableData
     });
-    const ctx = React90__default.useContext(RootCtx);
+    const ctx = React88__default.useContext(RootCtx);
     const activeDrag2 = ctx?.activeDrag ?? null;
     const overZoneGroup2 = ctx?.overZoneGroup ?? null;
     const isThisZoneOver = overZoneGroup2 === ownGroup;
@@ -24698,7 +24609,7 @@ function useDataDnd(args) {
       showForeignPlaceholder,
       ctxAvailable: ctx != null
     });
-    React90__default.useEffect(() => {
+    React88__default.useEffect(() => {
       dndLog.info("dropzone:isOver:change", { droppableId, group: ownGroup, isOver, isThisZoneOver, showForeignPlaceholder, activeDragSourceGroup: activeDrag2?.sourceGroup ?? null });
     }, [droppableId, isOver, isThisZoneOver, showForeignPlaceholder]);
     return /* @__PURE__ */ jsx(
@@ -24712,11 +24623,11 @@ function useDataDnd(args) {
       }
     );
   };
-  const rootContextValue = React90__default.useMemo(
+  const rootContextValue = React88__default.useMemo(
     () => ({ registerZone, unregisterZone, activeDrag, overZoneGroup, optimisticOrders, clearOptimisticOrder }),
     [registerZone, unregisterZone, activeDrag, overZoneGroup, optimisticOrders, clearOptimisticOrder]
   );
-  const handleDragStart = React90__default.useCallback((event) => {
+  const handleDragStart = React88__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;
@@ -24735,7 +24646,7 @@ function useDataDnd(args) {
       isRoot
     });
   }, [findZoneByItem, isRoot, zoneId]);
-  const handleDragOver = React90__default.useCallback((event) => {
+  const handleDragOver = React88__default.useCallback((event) => {
     const { active, over } = event;
     const overData = over?.data?.current;
     const overGroup = overData?.dndGroup ?? null;
@@ -24805,7 +24716,7 @@ function useDataDnd(args) {
       return next;
     });
   }, []);
-  const handleDragCancel = React90__default.useCallback((event) => {
+  const handleDragCancel = React88__default.useCallback((event) => {
     setActiveDrag(null);
     setOverZoneGroup(null);
     dndLog.warn("dragCancel", {
@@ -24813,12 +24724,12 @@ function useDataDnd(args) {
       reason: "dnd-kit cancelled the drag (escape key, pointer interrupted, or external)"
     });
   }, []);
-  const handleDragEndWithCleanup = React90__default.useCallback((event) => {
+  const handleDragEndWithCleanup = React88__default.useCallback((event) => {
     handleDragEnd(event);
     setActiveDrag(null);
     setOverZoneGroup(null);
   }, [handleDragEnd]);
-  const wrapContainer = React90__default.useCallback(
+  const wrapContainer = React88__default.useCallback(
     (children) => {
       if (!enabled) return children;
       const strategy = layout === "grid" ? rectSortingStrategy : verticalListSortingStrategy;
@@ -24872,7 +24783,7 @@ var init_useDataDnd = __esm({
     init_useAlmadarDndCollision();
     init_Box();
     dndLog = createLogger("almadar:ui:dnd");
-    RootCtx = React90__default.createContext(null);
+    RootCtx = React88__default.createContext(null);
   }
 });
 function renderIconInput(icon, props) {
@@ -25398,7 +25309,7 @@ function DataList({
 }) {
   const eventBus = useEventBus();
   const { t } = useTranslate();
-  const [visibleCount, setVisibleCount] = React90__default.useState(pageSize || Infinity);
+  const [visibleCount, setVisibleCount] = React88__default.useState(pageSize || Infinity);
   const fieldDefs = fields ?? columns ?? [];
   const allDataRaw = Array.isArray(entity) ? entity : entity ? [entity] : [];
   const dnd = useDataDnd({
@@ -25417,7 +25328,7 @@ function DataList({
   const data = pageSize > 0 ? allData.slice(0, visibleCount) : allData;
   const hasMoreLocal = pageSize > 0 && visibleCount < allData.length;
   const hasRenderProp = typeof children === "function";
-  React90__default.useEffect(() => {
+  React88__default.useEffect(() => {
     const renderItemTypeOf = typeof schemaRenderItem;
     const childrenTypeOf = typeof children;
     if (data.length > 0 && !hasRenderProp) {
@@ -25521,7 +25432,7 @@ function DataList({
     const items2 = [...data];
     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(React90__default.Fragment, { children: [
+    return /* @__PURE__ */ jsx(VStack, { gap: "sm", className: cn("py-2", className), children: groups2.map((group, gi) => /* @__PURE__ */ jsxs(React88__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}`;
@@ -25662,7 +25573,7 @@ function DataList({
           className
         ),
         children: [
-          groups.map((group, gi) => /* @__PURE__ */ jsxs(React90__default.Fragment, { children: [
+          groups.map((group, gi) => /* @__PURE__ */ jsxs(React88__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)
@@ -26455,7 +26366,7 @@ var init_Flex = __esm({
           flexStyle.flexBasis = typeof basis === "number" ? `${basis}px` : basis;
         }
       }
-      return React90__default.createElement(Component2, {
+      return React88__default.createElement(Component2, {
         className: cn(
           inline ? "inline-flex" : "flex",
           directionStyles[direction],
@@ -26574,7 +26485,7 @@ var init_Grid = __esm({
       as: Component2 = "div"
     }) => {
       const mergedStyle = rows2 ? { gridTemplateRows: `repeat(${rows2}, minmax(0, 1fr))`, ...style } : style;
-      return React90__default.createElement(
+      return React88__default.createElement(
         Component2,
         {
           className: cn(
@@ -26770,9 +26681,9 @@ var init_Popover = __esm({
         onMouseLeave: handleClose,
         onPointerDown: tapTriggerProps.onPointerDown
       };
-      const childElement = React90__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
+      const childElement = React88__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
       const childPointerDown = childElement.props.onPointerDown;
-      const triggerElement = React90__default.cloneElement(
+      const triggerElement = React88__default.cloneElement(
         childElement,
         {
           ref: triggerRef,
@@ -27374,9 +27285,9 @@ var init_Tooltip = __esm({
           if (hideTimeoutRef.current) clearTimeout(hideTimeoutRef.current);
         };
       }, []);
-      const triggerElement = React90__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
+      const triggerElement = React88__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
       const childPointerDown = triggerElement.props.onPointerDown;
-      const trigger = React90__default.cloneElement(triggerElement, {
+      const trigger = React88__default.cloneElement(triggerElement, {
         ref: triggerRef,
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
@@ -27466,7 +27377,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(React90__default.Fragment, { children: [
+            return /* @__PURE__ */ jsxs(React88__default.Fragment, { children: [
               /* @__PURE__ */ jsx(
                 "button",
                 {
@@ -28429,6 +28340,7 @@ var init_ProgressDots = __esm({
 });
 function StatBadge({
   assetUrl,
+  iconUrl,
   label,
   value = 0,
   max,
@@ -28442,6 +28354,7 @@ function StatBadge({
   field: _field
 }) {
   const numValue = typeof value === "number" ? value : parseInt(String(value), 10) || 0;
+  const resolvedAsset = iconUrl ?? assetUrl;
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -28452,10 +28365,10 @@ function StatBadge({
         className
       ),
       children: [
-        assetUrl ? /* @__PURE__ */ jsx(
+        resolvedAsset ? /* @__PURE__ */ jsx(
           "img",
           {
-            src: assetUrl,
+            src: resolvedAsset.url,
             alt: "",
             width: 16,
             height: 16,
@@ -28486,8 +28399,7 @@ function StatBadge({
           ScoreDisplay,
           {
             value: numValue,
-            size: size === "lg" ? "md" : "sm",
-            animated: true
+            size: size === "lg" ? "md" : "sm"
           }
         ),
         format === "text" && /* @__PURE__ */ jsx("span", { className: "font-bold text-foreground", children: value })
@@ -28530,7 +28442,7 @@ function InventoryGrid({
   const eventBus = useEventBus();
   const slotCount = totalSlots ?? items.length;
   const emptySlotCount = Math.max(0, slotCount - items.length);
-  const handleSelect = React90.useCallback(
+  const handleSelect = React88.useCallback(
     (id) => {
       onSelect?.(id);
       if (selectEvent) {
@@ -28637,12 +28549,14 @@ function QuestTracker({
               }
             ),
             /* @__PURE__ */ jsx(Box, { className: "mt-1.5", children: /* @__PURE__ */ jsx(
-              ProgressBar,
+              HealthBar,
               {
-                value: quest.progress,
+                current: quest.progress,
                 max: quest.maxProgress,
-                variant: isCompleted ? "success" : isActive ? "primary" : "default",
-                size: "sm"
+                format: "bar",
+                size: "sm",
+                animated: true,
+                className: isCompleted ? "[--health-color:var(--color-success)]" : isActive ? "" : "opacity-60"
               }
             ) }),
             /* @__PURE__ */ jsxs(
@@ -28670,7 +28584,7 @@ var init_QuestTracker = __esm({
     "use client";
     init_cn();
     init_WaypointMarker();
-    init_ProgressBar();
+    init_HealthBar();
     init_Typography();
     init_Box();
     init_Stack();
@@ -28761,35 +28675,35 @@ function GameCanvas2D({
   tickEvent,
   drawEvent,
   fps = 60,
-  backgroundImage = "",
+  backgroundImage,
   assetBaseUrl,
   className
 }) {
-  const canvasRef = React90.useRef(null);
-  const rafRef = React90.useRef(0);
-  const frameRef = React90.useRef(0);
-  const lastTimeRef = React90.useRef(0);
-  const imageCache = React90.useRef(/* @__PURE__ */ new Map());
+  const canvasRef = React88.useRef(null);
+  const rafRef = React88.useRef(0);
+  const frameRef = React88.useRef(0);
+  const lastTimeRef = React88.useRef(0);
+  const imageCache = React88.useRef(/* @__PURE__ */ new Map());
   const emit = useEmitEvent();
-  const onDrawRef = React90.useRef(onDraw);
+  const onDrawRef = React88.useRef(onDraw);
   onDrawRef.current = onDraw;
-  const onTickRef = React90.useRef(onTick);
+  const onTickRef = React88.useRef(onTick);
   onTickRef.current = onTick;
-  const tickEventRef = React90.useRef(tickEvent);
+  const tickEventRef = React88.useRef(tickEvent);
   tickEventRef.current = tickEvent;
-  const drawEventRef = React90.useRef(drawEvent);
+  const drawEventRef = React88.useRef(drawEvent);
   drawEventRef.current = drawEvent;
-  const emitRef = React90.useRef(emit);
+  const emitRef = React88.useRef(emit);
   emitRef.current = emit;
-  const assetBaseUrlRef = React90.useRef(assetBaseUrl);
+  const assetBaseUrlRef = React88.useRef(assetBaseUrl);
   assetBaseUrlRef.current = assetBaseUrl;
-  const backgroundImageRef = React90.useRef(backgroundImage);
+  const backgroundImageRef = React88.useRef(backgroundImage);
   backgroundImageRef.current = backgroundImage;
-  const widthRef = React90.useRef(width);
+  const widthRef = React88.useRef(width);
   widthRef.current = width;
-  const heightRef = React90.useRef(height);
+  const heightRef = React88.useRef(height);
   heightRef.current = height;
-  const loadImage = React90.useCallback((url) => {
+  const loadImage = React88.useCallback((url) => {
     const base = assetBaseUrlRef.current;
     if (!url.startsWith("http") && !base) return null;
     const fullUrl = url.startsWith("http") ? url : `${base}${url}`;
@@ -28803,7 +28717,7 @@ function GameCanvas2D({
     }
     return null;
   }, []);
-  React90.useEffect(() => {
+  React88.useEffect(() => {
     const canvas = canvasRef.current;
     if (!canvas) return;
     const ctx = canvas.getContext("2d");
@@ -28825,7 +28739,7 @@ function GameCanvas2D({
           emitRef.current(tickEventRef.current, { dt, frame });
         }
         if (backgroundImageRef.current) {
-          const bgImg = loadImage(backgroundImageRef.current);
+          const bgImg = loadImage(backgroundImageRef.current.url);
           if (bgImg) {
             ctx.drawImage(bgImg, 0, 0, widthRef.current, heightRef.current);
           } else {
@@ -28951,26 +28865,14 @@ function HealthPanel({
             )
           }
         ),
-        effects && effects.length > 0 && /* @__PURE__ */ jsx(Box, { className: "flex items-center gap-1 flex-wrap", children: effects.map((effect, i) => /* @__PURE__ */ jsxs(
-          Badge,
+        effects && effects.length > 0 && /* @__PURE__ */ jsx(Box, { className: "flex items-center gap-1 flex-wrap", children: effects.map((effect, i) => /* @__PURE__ */ jsx(
+          StatusEffect,
           {
+            assetUrl: effect.assetUrl,
+            icon: effect.icon,
+            label: effect.label,
             variant: effectVariantMap[effect.variant ?? "neutral"],
-            size: "sm",
-            icon: effect.assetUrl ? void 0 : effect.icon,
-            children: [
-              effect.assetUrl && /* @__PURE__ */ jsx(
-                "img",
-                {
-                  src: effect.assetUrl,
-                  alt: "",
-                  width: 12,
-                  height: 12,
-                  style: { imageRendering: "pixelated", objectFit: "contain" },
-                  className: "flex-shrink-0 inline-block"
-                }
-              ),
-              effect.label
-            ]
+            size: "sm"
           },
           i
         )) })
@@ -28984,17 +28886,17 @@ var init_HealthPanel = __esm({
     "use client";
     init_cn();
     init_HealthBar();
+    init_StatusEffect();
     init_Box();
     init_Typography();
-    init_Badge();
     sizeMap18 = {
       sm: { gap: "gap-1", padding: "px-2 py-1.5", text: "text-xs", barSize: "sm" },
       md: { gap: "gap-1.5", padding: "px-3 py-2", text: "text-sm", barSize: "md" },
       lg: { gap: "gap-2", padding: "px-4 py-3", text: "text-base", barSize: "lg" }
     };
     effectVariantMap = {
-      buff: "success",
-      debuff: "danger",
+      buff: "buff",
+      debuff: "debuff",
       neutral: "neutral"
     };
     HealthPanel.displayName = "HealthPanel";
@@ -29014,13 +28916,13 @@ function ScoreBoard({
   const multiplier = rawMultiplier ?? 1;
   const level = rawLevel ?? 1;
   return /* @__PURE__ */ jsx(
-    Card,
+    Box,
     {
       className: cn(
-        "bg-[var(--color-card)]/90 border-border backdrop-blur-sm",
+        "rounded-container border border-border bg-[var(--color-card)]/90 backdrop-blur-sm p-3",
         className
       ),
-      children: /* @__PURE__ */ jsx(CardContent, { className: "p-3", children: /* @__PURE__ */ jsxs(Box, { className: "flex items-center gap-3 flex-wrap", children: [
+      children: /* @__PURE__ */ jsxs(Box, { className: "flex items-center gap-3 flex-wrap", children: [
         /* @__PURE__ */ jsx(
           StatBadge,
           {
@@ -29062,7 +28964,7 @@ function ScoreBoard({
           }
         ),
         combo != null && combo > 0 && /* @__PURE__ */ jsx(ComboCounter, { combo, multiplier, size: "sm" })
-      ] }) })
+      ] })
     }
   );
 }
@@ -29072,7 +28974,6 @@ var init_ScoreBoard = __esm({
     init_cn();
     init_ComboCounter();
     init_StatBadge();
-    init_Card();
     init_Box();
     ScoreBoard.displayName = "ScoreBoard";
   }
@@ -29128,7 +29029,7 @@ function TurnPanel({
   className
 }) {
   const eventBus = useEventBus();
-  const handleAction = React90.useCallback(
+  const handleAction = React88.useCallback(
     (event) => {
       if (event) {
         eventBus.emit(event, { turn: currentTurn, phase, activeTeam });
@@ -29153,28 +29054,16 @@ function TurnPanel({
             activeTeam
           }
         ),
-        actions && actions.length > 0 && /* @__PURE__ */ jsx(Box, { className: "flex items-center gap-1.5 ml-auto", children: actions.map((action, i) => /* @__PURE__ */ jsxs(
-          Button,
+        actions && actions.length > 0 && /* @__PURE__ */ jsx(Box, { className: "flex items-center gap-1.5 ml-auto", children: actions.map((action, i) => /* @__PURE__ */ jsx(
+          ActionButton,
           {
-            variant: "ghost",
-            size: "sm",
+            label: action.label,
+            icon: action.assetUrl ? void 0 : action.icon,
+            assetUrl: action.assetUrl,
             disabled: action.disabled,
-            leftIcon: action.assetUrl ? void 0 : action.icon,
-            onClick: () => handleAction(action.event),
-            children: [
-              action.assetUrl && /* @__PURE__ */ jsx(
-                "img",
-                {
-                  src: action.assetUrl,
-                  alt: "",
-                  width: 14,
-                  height: 14,
-                  style: { imageRendering: "pixelated", objectFit: "contain" },
-                  className: "flex-shrink-0"
-                }
-              ),
-              action.label
-            ]
+            variant: "secondary",
+            size: "sm",
+            onClick: () => handleAction(action.event)
           },
           i
         )) })
@@ -29188,7 +29077,7 @@ var init_TurnPanel = __esm({
     "use client";
     init_cn();
     init_TurnIndicator();
-    init_Button();
+    init_ActionButton();
     init_Box();
     init_useEventBus();
     DEFAULT_TURN_ACTIONS = [
@@ -29221,7 +29110,7 @@ function EnemyPlate({
             assetUrl && /* @__PURE__ */ jsx(
               "img",
               {
-                src: assetUrl,
+                src: assetUrl.url,
                 alt: name,
                 width: 24,
                 height: 24,
@@ -29239,7 +29128,7 @@ function EnemyPlate({
               }
             )
           ] }),
-          level != null && /* @__PURE__ */ jsxs(Badge, { variant: "neutral", size: "sm", children: [
+          level != null && /* @__PURE__ */ jsxs("span", { className: "text-xs font-bold text-muted-foreground bg-muted/60 rounded px-1.5 py-0.5 border border-border/50 shrink-0", children: [
             "Lv.",
             level
           ] })
@@ -29270,12 +29159,12 @@ function EnemyPlate({
           )
         ] }),
         effects && effects.length > 0 && /* @__PURE__ */ jsx(Box, { className: "flex items-center gap-1 flex-wrap", children: effects.map((effect, i) => /* @__PURE__ */ jsx(
-          Badge,
+          StatusEffect,
           {
-            variant: effectVariantMap2[effect.variant ?? "neutral"],
-            size: "sm",
             icon: effect.icon,
-            children: effect.label
+            label: effect.label,
+            variant: effectVariantMap2[effect.variant ?? "neutral"],
+            size: "sm"
           },
           i
         )) })
@@ -29289,12 +29178,12 @@ var init_EnemyPlate = __esm({
     "use client";
     init_cn();
     init_HealthBar();
+    init_StatusEffect();
     init_Box();
     init_Typography();
-    init_Badge();
     effectVariantMap2 = {
-      buff: "success",
-      debuff: "danger",
+      buff: "buff",
+      debuff: "debuff",
       neutral: "neutral"
     };
     DEFAULT_ENEMY_EFFECTS = [
@@ -29309,7 +29198,7 @@ function UnitCommandBar({
   className
 }) {
   const eventBus = useEventBus();
-  const handleCommand = React90.useCallback(
+  const handleCommand = React88.useCallback(
     (event) => {
       if (event) {
         eventBus.emit(event, { unitId: selectedUnitId });
@@ -29324,27 +29213,18 @@ function UnitCommandBar({
         "flex items-center gap-1.5 rounded-container bg-[var(--color-card)]/90 border border-border backdrop-blur-sm px-2 py-1.5",
         className
       ),
-      children: commands.map((command, i) => /* @__PURE__ */ jsxs(Box, { className: "flex flex-col items-center gap-0.5", children: [
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "ghost",
-            size: "sm",
-            disabled: command.disabled,
-            leftIcon: command.icon,
-            onClick: () => handleCommand(command.event),
-            children: command.label
-          }
-        ),
-        command.hotkey && /* @__PURE__ */ jsx(
-          Typography,
-          {
-            variant: "caption",
-            className: "text-muted-foreground text-xs font-mono",
-            children: command.hotkey
-          }
-        )
-      ] }, i))
+      children: commands.map((command, i) => /* @__PURE__ */ jsx(Box, { className: "flex flex-col items-center gap-0.5", children: /* @__PURE__ */ jsx(
+        ActionButton,
+        {
+          label: command.label,
+          icon: command.icon,
+          disabled: command.disabled,
+          hotkey: command.hotkey,
+          variant: "secondary",
+          size: "sm",
+          onClick: () => handleCommand(command.event)
+        }
+      ) }, i))
     }
   );
 }
@@ -29353,9 +29233,8 @@ var init_UnitCommandBar = __esm({
   "components/game/molecules/UnitCommandBar.tsx"() {
     "use client";
     init_cn();
-    init_Button();
+    init_ActionButton();
     init_Box();
-    init_Typography();
     init_useEventBus();
     DEFAULT_COMMANDS = [
       { label: "Move", icon: "move", event: "MOVE", hotkey: "M" },
@@ -29573,7 +29452,7 @@ function DialogueBox({
       "div",
       {
         className: "fixed inset-0 z-20 bg-center bg-cover bg-no-repeat",
-        style: { backgroundImage: `url(${backgroundImage})` },
+        style: { backgroundImage: `url(${backgroundImage?.url})` },
         "aria-hidden": "true"
       }
     ),
@@ -29588,7 +29467,7 @@ function DialogueBox({
         children: /* @__PURE__ */ jsx(
           "img",
           {
-            src: portraitUrl,
+            src: portraitUrl?.url,
             alt: dialogue.speaker,
             className: "h-full w-auto object-contain drop-shadow-2xl"
           }
@@ -29860,7 +29739,7 @@ function GameMenu({
   } catch {
   }
   const eventBus = eventBusProp || eventBusFromHook;
-  const handleOptionClick = React90.useCallback(
+  const handleOptionClick = React88.useCallback(
     (option) => {
       if (option.event && eventBus) {
         eventBus.emit(`UI:${option.event}`, { option });
@@ -29979,7 +29858,7 @@ function GameOverScreen({
   } catch {
   }
   const eventBus = eventBusProp || eventBusFromHook;
-  const handleActionClick = React90.useCallback(
+  const handleActionClick = React88.useCallback(
     (action) => {
       if (action.event && eventBus) {
         eventBus.emit(`UI:${action.event}`, { action });
@@ -30194,6 +30073,7 @@ function PlatformerCanvas({
   rightEvent = "MOVE_RIGHT",
   jumpEvent = "JUMP",
   stopEvent = "STOP",
+  effects = [],
   className
 }) {
   const canvasRef = useRef(null);
@@ -30264,7 +30144,8 @@ function PlatformerCanvas({
     playerSprite,
     tileSprites,
     backgroundImage,
-    assetBaseUrl
+    assetBaseUrl,
+    effects
   });
   propsRef.current = {
     platforms,
@@ -30277,7 +30158,8 @@ function PlatformerCanvas({
     playerSprite,
     tileSprites,
     backgroundImage,
-    assetBaseUrl
+    assetBaseUrl,
+    effects
   };
   const handleKeyDown = useCallback((e) => {
     if (keysRef.current.has(e.code)) return;
@@ -30344,7 +30226,8 @@ function PlatformerCanvas({
         bgColor: bg,
         playerSprite: pSprite,
         tileSprites: tSprites,
-        backgroundImage: bgImg
+        backgroundImage: bgImg,
+        effects: fxList
       } = propsRef.current;
       const auth = playerRef.current;
       const interped = positions.get("player");
@@ -30498,6 +30381,18 @@ function PlatformerCanvas({
         ctx.arc(ppx + eyeOffsetX + 7, eyeY, eyeSize, 0, Math.PI * 2);
         ctx.fill();
       }
+      for (const fx of fxList) {
+        const fxScreenX = fx.x - camX;
+        const fxScreenY = fx.y - camY;
+        const alpha = Math.min(1, fx.ttl / 4);
+        const prev = ctx.globalAlpha;
+        ctx.globalAlpha = alpha;
+        ctx.fillStyle = "#ffe066";
+        ctx.beginPath();
+        ctx.arc(fxScreenX, fxScreenY, 12, 0, Math.PI * 2);
+        ctx.fill();
+        ctx.globalAlpha = prev;
+      }
     };
     return interp.startLoop(drawFrame);
   }, [interp.startLoop, loadImage]);
@@ -30911,13 +30806,13 @@ var init_MapView = __esm({
         shadowSize: [41, 41]
       });
       L.Marker.prototype.options.icon = defaultIcon;
-      const { useEffect: useEffect83, useRef: useRef80, useCallback: useCallback126, useState: useState113 } = React90__default;
+      const { useEffect: useEffect81, useRef: useRef80, useCallback: useCallback126, useState: useState111 } = React88__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 = useRef80({ centerLat, centerLng, zoom });
-        useEffect83(() => {
+        useEffect81(() => {
           const prev = prevRef.current;
           if (prev.centerLat !== centerLat || prev.centerLng !== centerLng || prev.zoom !== zoom) {
             map.setView([centerLat, centerLng], zoom);
@@ -30928,7 +30823,7 @@ var init_MapView = __esm({
       }
       function MapClickHandler({ onMapClick }) {
         const map = useMap();
-        useEffect83(() => {
+        useEffect81(() => {
           if (!onMapClick) return;
           const handler = (e) => {
             onMapClick(e.latlng.lat, e.latlng.lng);
@@ -30956,7 +30851,7 @@ var init_MapView = __esm({
         showAttribution = true
       }) {
         const eventBus = useEventBus3();
-        const [clickedPosition, setClickedPosition] = useState113(null);
+        const [clickedPosition, setClickedPosition] = useState111(null);
         const handleMapClick = useCallback126((lat, lng) => {
           if (showClickedPin) {
             setClickedPosition({ lat, lng });
@@ -31826,8 +31721,8 @@ function TableView({
 }) {
   const eventBus = useEventBus();
   const { t } = useTranslate();
-  const [visibleCount, setVisibleCount] = React90__default.useState(pageSize > 0 ? pageSize : Infinity);
-  const [localSelected, setLocalSelected] = React90__default.useState(/* @__PURE__ */ new Set());
+  const [visibleCount, setVisibleCount] = React88__default.useState(pageSize > 0 ? pageSize : Infinity);
+  const [localSelected, setLocalSelected] = React88__default.useState(/* @__PURE__ */ new Set());
   const colDefs = columns ?? fields ?? [];
   const allDataRaw = Array.isArray(entity) ? entity : entity ? [entity] : [];
   const dnd = useDataDnd({
@@ -32022,12 +31917,12 @@ function TableView({
         ]
       }
     );
-    return dnd.isZone ? /* @__PURE__ */ jsx(dnd.SortableItem, { id: row[idField] ?? id, children: rowInner }, id) : /* @__PURE__ */ jsx(React90__default.Fragment, { children: rowInner }, id);
+    return dnd.isZone ? /* @__PURE__ */ jsx(dnd.SortableItem, { id: row[idField] ?? id, children: rowInner }, id) : /* @__PURE__ */ jsx(React88__default.Fragment, { children: rowInner }, id);
   };
   const items = Array.from(data);
   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(React90__default.Fragment, { children: [
+  const body = /* @__PURE__ */ jsx(Box, { role: "rowgroup", children: groups.map((group, gi) => /* @__PURE__ */ jsxs(React88__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)) });
@@ -33384,7 +33279,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(React90__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(React88__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" })
@@ -33395,7 +33290,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(React90__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(React88__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 }),
@@ -34380,7 +34275,7 @@ var init_LikertScale = __esm({
       md: "text-base",
       lg: "text-lg"
     };
-    LikertScale = React90__default.forwardRef(
+    LikertScale = React88__default.forwardRef(
       ({
         question,
         options = DEFAULT_LIKERT_OPTIONS,
@@ -34392,7 +34287,7 @@ var init_LikertScale = __esm({
         variant = "radios",
         className
       }, ref) => {
-        const groupId = React90__default.useId();
+        const groupId = React88__default.useId();
         const eventBus = useEventBus();
         const handleSelect = useCallback(
           (next) => {
@@ -36674,7 +36569,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(React90__default.Fragment, { children: [
+            return /* @__PURE__ */ jsxs(React88__default.Fragment, { children: [
               idx > 0 && /* @__PURE__ */ jsx(
                 Icon,
                 {
@@ -37543,7 +37438,7 @@ var init_MiniStateMachine = __esm({
           const x = 2 + i * (NODE_W + GAP + ARROW_W + GAP);
           const tc = transitionCounts[s.name] ?? 0;
           const role = getStateRole(s.name, s.isInitial ?? void 0, s.isTerminal ?? void 0, tc, maxTC);
-          return /* @__PURE__ */ jsxs(React90__default.Fragment, { children: [
+          return /* @__PURE__ */ jsxs(React88__default.Fragment, { children: [
             /* @__PURE__ */ jsx(
               AvlState,
               {
@@ -37747,7 +37642,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(React90__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(React88__default.Fragment, { children: [
           idx > 0 && /* @__PURE__ */ jsx(Typography, { variant: "small", color: "muted", children: "/" }),
           crumb.href ? /* @__PURE__ */ jsx(
             "a",
@@ -38105,7 +38000,7 @@ var init_Section = __esm({
       as: Component2 = "section"
     }) => {
       const hasHeader = title || description || action;
-      return React90__default.createElement(
+      return React88__default.createElement(
         Component2,
         {
           className: cn(
@@ -38473,7 +38368,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(React90__default.Fragment, { children: [
+              return /* @__PURE__ */ jsxs(React88__default.Fragment, { children: [
                 /* @__PURE__ */ jsx(
                   Button,
                   {
@@ -41052,7 +40947,7 @@ var init_DetailPanel = __esm({
   }
 });
 function extractTitle(children) {
-  if (!React90__default.isValidElement(children)) return void 0;
+  if (!React88__default.isValidElement(children)) return void 0;
   const props = children.props;
   if (typeof props.title === "string") {
     return props.title;
@@ -41107,7 +41002,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(React90__default.Fragment, { children: [
+      return /* @__PURE__ */ jsxs(React88__default.Fragment, { children: [
         i > 0 && /* @__PURE__ */ jsx(
           Typography,
           {
@@ -41878,7 +41773,6 @@ var init_FeatureGridOrganism = __esm({
 });
 function FishingBoard({
   backgroundImage,
-  assetBaseUrl,
   scale = 1,
   showMinimap = false,
   enableCamera = true,
@@ -41896,8 +41790,7 @@ function FishingBoard({
       {
         width,
         height,
-        backgroundImage: backgroundImage ?? "",
-        assetBaseUrl,
+        backgroundImage,
         fps: 60,
         className: "w-full h-full"
       }
@@ -42093,12 +41986,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 = React90__default.useMemo(() => {
+      const normalizedInitialData = React88__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 = React90__default.useMemo(() => {
+      const entityDerivedFields = React88__default.useMemo(() => {
         if (fields && fields.length > 0) return void 0;
         if (!resolvedEntity) return void 0;
         return resolvedEntity.fields.map(
@@ -42119,16 +42012,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] = React90__default.useState(
+      const [formData, setFormData] = React88__default.useState(
         normalizedInitialData
       );
-      const [collapsedSections, setCollapsedSections] = React90__default.useState(
+      const [collapsedSections, setCollapsedSections] = React88__default.useState(
         /* @__PURE__ */ new Set()
       );
-      const [submitError, setSubmitError] = React90__default.useState(null);
-      const formRef = React90__default.useRef(null);
+      const [submitError, setSubmitError] = React88__default.useState(null);
+      const formRef = React88__default.useRef(null);
       const formMode = props.mode;
-      const mountedRef = React90__default.useRef(false);
+      const mountedRef = React88__default.useRef(false);
       if (!mountedRef.current) {
         mountedRef.current = true;
         debug("forms", "mount", {
@@ -42141,7 +42034,7 @@ var init_Form = __esm({
         });
       }
       const shouldShowCancel = showCancel ?? (fields && fields.length > 0);
-      const evalContext = React90__default.useMemo(
+      const evalContext = React88__default.useMemo(
         () => ({
           formValues: formData,
           globalVariables: externalContext?.globalVariables ?? {},
@@ -42150,7 +42043,7 @@ var init_Form = __esm({
         }),
         [formData, externalContext]
       );
-      React90__default.useEffect(() => {
+      React88__default.useEffect(() => {
         debug("forms", "initialData-sync", {
           mode: formMode,
           normalizedInitialData,
@@ -42161,7 +42054,7 @@ var init_Form = __esm({
           setFormData(normalizedInitialData);
         }
       }, [normalizedInitialData]);
-      const processCalculations = React90__default.useCallback(
+      const processCalculations = React88__default.useCallback(
         (changedFieldId, newFormData) => {
           if (!hiddenCalculations.length) return;
           const context = {
@@ -42186,7 +42079,7 @@ var init_Form = __esm({
         },
         [hiddenCalculations, externalContext, eventBus]
       );
-      const checkViolations = React90__default.useCallback(
+      const checkViolations = React88__default.useCallback(
         (changedFieldId, newFormData) => {
           if (!violationTriggers.length) return;
           const context = {
@@ -42224,7 +42117,7 @@ var init_Form = __esm({
         processCalculations(name, newFormData);
         checkViolations(name, newFormData);
       };
-      const isFieldVisible = React90__default.useCallback(
+      const isFieldVisible = React88__default.useCallback(
         (fieldName) => {
           const condition = conditionalFields[fieldName];
           if (!condition) return true;
@@ -42232,7 +42125,7 @@ var init_Form = __esm({
         },
         [conditionalFields, evalContext]
       );
-      const isSectionVisible = React90__default.useCallback(
+      const isSectionVisible = React88__default.useCallback(
         (section) => {
           if (!section.condition) return true;
           return Boolean(evaluateFormExpression(section.condition, evalContext));
@@ -42308,7 +42201,7 @@ var init_Form = __esm({
           eventBus.emit(`UI:${onCancel}`);
         }
       };
-      const renderField = React90__default.useCallback(
+      const renderField = React88__default.useCallback(
         (field) => {
           const fieldName = field.name || field.field;
           if (!fieldName) return null;
@@ -42329,7 +42222,7 @@ var init_Form = __esm({
         [formData, isFieldVisible, relationsData, relationsLoading, isLoading]
       );
       const effectiveFields = entityDerivedFields ?? fields;
-      const normalizedFields = React90__default.useMemo(() => {
+      const normalizedFields = React88__default.useMemo(() => {
         if (!effectiveFields || effectiveFields.length === 0) return [];
         return effectiveFields.map((field) => {
           if (typeof field === "string") {
@@ -42353,7 +42246,7 @@ var init_Form = __esm({
           return field;
         });
       }, [effectiveFields, resolvedEntity]);
-      const schemaFields = React90__default.useMemo(() => {
+      const schemaFields = React88__default.useMemo(() => {
         if (normalizedFields.length === 0) return null;
         if (isDebugEnabled()) {
           debugGroup(`Form: ${entityName || "unknown"}`);
@@ -42363,7 +42256,7 @@ var init_Form = __esm({
         }
         return normalizedFields.map(renderField).filter(Boolean);
       }, [normalizedFields, renderField, entityName, conditionalFields]);
-      const sectionElements = React90__default.useMemo(() => {
+      const sectionElements = React88__default.useMemo(() => {
         if (!sections || sections.length === 0) return null;
         return sections.map((section) => {
           if (!isSectionVisible(section)) {
@@ -43884,7 +43777,6 @@ var init_GameCanvas3D2 = __esm({
         className,
         isLoading: externalLoading,
         error: externalError,
-        entity,
         preloadAssets = [],
         tileClickEvent,
         unitClickEvent,
@@ -44117,7 +44009,7 @@ var init_GameCanvas3D2 = __esm({
                   children: /* @__PURE__ */ jsx(
                     ModelLoader,
                     {
-                      url: tile.modelUrl,
+                      url: tile.modelUrl.url,
                       scale: 0.95,
                       fallbackGeometry: "box",
                       castShadow: true,
@@ -44182,7 +44074,7 @@ var init_GameCanvas3D2 = __esm({
                     /* @__PURE__ */ jsx(
                       ModelLoader,
                       {
-                        url: unit.modelUrl,
+                        url: unit.modelUrl.url,
                         scale: modelScale,
                         fallbackGeometry: "box",
                         castShadow: true
@@ -44242,7 +44134,7 @@ var init_GameCanvas3D2 = __esm({
               return /* @__PURE__ */ jsx(
                 ModelLoader,
                 {
-                  url: feature.assetUrl,
+                  url: feature.assetUrl.url,
                   position,
                   scale: 0.5,
                   rotation: [0, feature.rotation ?? 0, 0],
@@ -44463,7 +44355,18 @@ function GameBoard3D({
   const row = boardEntity(entity);
   const eventBus = useEventBus();
   const entityUnits = row ? rows(row.units) : [];
-  const units = entityUnits;
+  const units = entityUnits.map((r) => ({
+    id: str(r.id),
+    x: num(r.x),
+    y: num(r.y),
+    z: num(r.z),
+    faction: str(r.faction) || "neutral",
+    team: str(r.team) || str(r.faction) || "neutral",
+    unitType: r.unitType == null ? void 0 : str(r.unitType),
+    name: r.name == null ? void 0 : str(r.name),
+    health: r.health == null ? void 0 : num(r.health),
+    maxHealth: r.maxHealth == null ? void 0 : num(r.maxHealth)
+  }));
   const selectedUnitId = row ? str(row.selectedUnitId) || null : null;
   const phase = row ? str(row.phase) : "observation";
   const result = row ? str(row.result) : "none";
@@ -44620,7 +44523,7 @@ var init_GameBoard3D = __esm({
   }
 });
 function asDescriptor(v) {
-  if (Array.isArray(v) || React90__default.isValidElement(v)) return null;
+  if (Array.isArray(v) || React88__default.isValidElement(v)) return null;
   const o = v;
   if (typeof o.type !== "string") return null;
   const props = o.props !== void 0 && typeof o.props === "object" && !Array.isArray(o.props) && o.props !== null ? o.props : void 0;
@@ -44635,10 +44538,10 @@ function getSlotContentRenderer2() {
 }
 function resolveDescriptor(value, idPrefix) {
   if (value === null || value === void 0) return value;
-  if (React90__default.isValidElement(value)) return value;
+  if (React88__default.isValidElement(value)) return value;
   if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") return value;
   if (Array.isArray(value)) {
-    return value.map((item, i) => /* @__PURE__ */ jsx(React90__default.Fragment, { children: resolveDescriptor(item, `${idPrefix}-${i}`) }, i));
+    return value.map((item, i) => /* @__PURE__ */ jsx(React88__default.Fragment, { children: resolveDescriptor(item, `${idPrefix}-${i}`) }, i));
   }
   if (typeof value === "object" && value !== null) {
     const desc = asDescriptor(value);
@@ -44738,10 +44641,10 @@ function getSlotContentRenderer3() {
 }
 function resolveDescriptor2(value, idPrefix) {
   if (value === null || value === void 0) return value;
-  if (React90__default.isValidElement(value)) return value;
+  if (React88__default.isValidElement(value)) return value;
   if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") return value;
   if (Array.isArray(value)) {
-    return value.map((item, i) => /* @__PURE__ */ jsx(React90__default.Fragment, { children: resolveDescriptor2(item, `${idPrefix}-${i}`) }, i));
+    return value.map((item, i) => /* @__PURE__ */ jsx(React88__default.Fragment, { children: resolveDescriptor2(item, `${idPrefix}-${i}`) }, i));
   }
   if (typeof value === "object") {
     const rec = value;
@@ -45058,7 +44961,6 @@ function HexStrategyBoard({
       units,
       features,
       assetManifest,
-      assetBaseUrl,
       scale,
       showMinimap,
       enableCamera,
@@ -45100,7 +45002,6 @@ function HolidayRunnerBoard({
       units,
       features,
       assetManifest,
-      assetBaseUrl,
       scale,
       showMinimap,
       enableCamera,
@@ -45454,7 +45355,7 @@ var init_List = __esm({
         if (entity && typeof entity === "object" && "id" in entity) return [entity];
         return [];
       }, [entity]);
-      const getItemActions = React90__default.useCallback(
+      const getItemActions = React88__default.useCallback(
         (item) => {
           if (!itemActions) return [];
           if (typeof itemActions === "function") {
@@ -45895,7 +45796,6 @@ function MatchPuzzleBoard({
       units,
       features,
       assetManifest,
-      assetBaseUrl,
       scale,
       showMinimap,
       enableCamera,
@@ -45971,7 +45871,7 @@ var init_MediaGallery = __esm({
         [selectable, selectedItems, selectionEvent, eventBus]
       );
       const entityData = Array.isArray(entity) ? entity : [];
-      const items = React90__default.useMemo(() => {
+      const items = React88__default.useMemo(() => {
         if (propItems) return propItems;
         if (entityData.length === 0) return [];
         return entityData.map((record, idx) => {
@@ -46156,7 +46056,6 @@ function MinigolfBoard({
       units,
       features,
       assetManifest,
-      assetBaseUrl,
       scale,
       showMinimap,
       enableCamera,
@@ -46176,7 +46075,7 @@ var init_MinigolfBoard = __esm({
   }
 });
 function extractTitle2(children) {
-  if (!React90__default.isValidElement(children)) return void 0;
+  if (!React88__default.isValidElement(children)) return void 0;
   const props = children.props;
   if (typeof props.title === "string") {
     return props.title;
@@ -46462,7 +46361,6 @@ function PirateBoard({
       units,
       features,
       assetManifest,
-      assetBaseUrl,
       scale,
       showMinimap,
       enableCamera,
@@ -46583,8 +46481,8 @@ function PlatformerBoard({
             canvasHeight,
             followCamera: true,
             bgColor,
-            playerSprite,
-            tileSprites,
+            playerSprite: playerSprite?.url,
+            tileSprites: tileSprites ? Object.fromEntries(Object.entries(tileSprites).map(([k, a]) => [k, a.url])) : void 0,
             leftEvent,
             rightEvent,
             jumpEvent,
@@ -46649,7 +46547,7 @@ function PlatformerTemplate({
   worldHeight = 400,
   canvasWidth = 800,
   canvasHeight = 400,
-  playerSprite = `${CDN3}/characters/platformChar_idle.png`,
+  playerSprite = makeAsset(`${CDN3}/characters/platformChar_idle.png`, "player"),
   tileSprites = DEFAULT_TILE_SPRITES,
   bgColor = "#5c94fc",
   gameEndEvent = "GAME_END",
@@ -46702,13 +46600,14 @@ var init_PlatformerTemplate = __esm({
     init_PlatformerBoard();
     init_GameHud();
     init_ScoreBoard();
+    init_makeAsset();
     CDN3 = "https://almadar-kflow-assets.web.app/shared/platformer";
-    DEFAULT_TILE_SPRITES = {
+    DEFAULT_TILE_SPRITES = makeAssetMap({
       ground: `${CDN3}/tiles/platformPack_tile001.png`,
       platform: `${CDN3}/tiles/platformPack_tile004.png`,
       hazard: `${CDN3}/tiles/platformPack_tile017.png`,
       goal: `${CDN3}/tiles/platformPack_tile007.png`
-    };
+    }, "tile");
     DEFAULT_PLATFORMS = [
       { x: 0, y: 368, width: 800, height: 32, type: "ground" },
       { x: 150, y: 280, width: 160, height: 16, type: "platform" },
@@ -46864,7 +46763,6 @@ function RacingBoard({
       units,
       features,
       assetManifest,
-      assetBaseUrl,
       scale,
       showMinimap,
       enableCamera,
@@ -46883,27 +46781,18 @@ var init_RacingBoard = __esm({
     RacingBoard.displayName = "RacingBoard";
   }
 });
-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: resolveManifestUrl3(manifest, terrains?.stairs) };
+    return { terrain: "stairs", passable: true, terrainSprite: terrains?.stairs };
   }
   if (isWall) {
-    return { terrain: "wall", passable: false, terrainSprite: resolveManifestUrl3(manifest, terrains?.wall) };
+    return { terrain: "wall", passable: false, terrainSprite: terrains?.wall };
   }
-  return { terrain: "floor", passable: true, terrainSprite: resolveManifestUrl3(manifest, terrains?.floor) };
+  return { terrain: "floor", passable: true, terrainSprite: terrains?.floor };
 }
 function buildDefaultDungeonTiles(stairsX, stairsY, manifest) {
   const tiles = [];
@@ -46947,7 +46836,7 @@ function RoguelikeBoard({
       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),
+      terrainSprite: r.terrainSprite == null ? void 0 : makeAsset(str(r.terrainSprite), "tile"),
       passable: r.passable !== false
     })),
     [board.tiles]
@@ -47027,7 +46916,7 @@ function RoguelikeBoard({
         health: playerHp,
         maxHealth: playerMaxHp,
         unitType: "player",
-        sprite: resolveManifestUrl3(assetManifest, assetManifest?.units?.player)
+        sprite: assetManifest?.units?.player
       },
       ...liveEnemies.map((e) => ({
         id: e.id,
@@ -47037,7 +46926,7 @@ function RoguelikeBoard({
         health: e.hp,
         maxHealth: 6,
         unitType: "enemy",
-        sprite: resolveManifestUrl3(assetManifest, assetManifest?.units?.enemy)
+        sprite: assetManifest?.units?.enemy
       }))
     ];
   }, [player, enemies, playerHp, playerMaxHp, assetManifest, t]);
@@ -47047,7 +46936,7 @@ function RoguelikeBoard({
       x: it.x,
       y: it.y,
       type: it.kind,
-      sprite: resolveManifestUrl3(assetManifest, assetManifest?.features?.[it.kind])
+      sprite: assetManifest?.features?.[it.kind]
     })),
     [items, assetManifest]
   );
@@ -47108,7 +46997,6 @@ function RoguelikeBoard({
         onTileHover: (x, y) => setHoveredTile({ x, y }),
         onTileLeave: () => setHoveredTile(null),
         scale,
-        assetBaseUrl: assetManifest?.baseUrl,
         assetManifest,
         unitScale,
         spriteHeightRatio,
@@ -47168,6 +47056,7 @@ var init_RoguelikeBoard = __esm({
     init_Stack();
     init_IsometricCanvas();
     init_boardEntity();
+    init_makeAsset();
     DUNGEON_GRID_W = 16;
     DUNGEON_GRID_H = 16;
     DEFAULT_ENEMIES = [
@@ -47218,55 +47107,59 @@ function RoguelikeTemplate({
     }
   );
 }
-var CDN4, DEFAULT_ROGUELIKE_TILES, DEFAULT_ROGUELIKE_MANIFEST;
+var CDN4, wall, floor, tiles2, stairs, DEFAULT_ROGUELIKE_TILES, DEFAULT_ROGUELIKE_MANIFEST;
 var init_RoguelikeTemplate = __esm({
   "components/game/templates/RoguelikeTemplate.tsx"() {
     init_RoguelikeBoard();
+    init_makeAsset();
     CDN4 = "https://almadar-kflow-assets.web.app/shared";
+    wall = makeAsset(`${CDN4}/isometric-dungeon/Isometric/stoneInset_E.png`, "tile");
+    floor = makeAsset(`${CDN4}/isometric-dungeon/Isometric/dirt_E.png`, "tile");
+    tiles2 = makeAsset(`${CDN4}/isometric-dungeon/Isometric/dirtTiles_E.png`, "tile");
+    stairs = makeAsset(`${CDN4}/isometric-dungeon/Isometric/stairs_E.png`, "tile");
     DEFAULT_ROGUELIKE_TILES = [
-      { 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` }
+      { x: 0, y: 0, terrain: "wall", passable: false, terrainSprite: wall },
+      { x: 1, y: 0, terrain: "wall", passable: false, terrainSprite: wall },
+      { x: 2, y: 0, terrain: "wall", passable: false, terrainSprite: wall },
+      { x: 3, y: 0, terrain: "wall", passable: false, terrainSprite: wall },
+      { x: 4, y: 0, terrain: "wall", passable: false, terrainSprite: wall },
+      { x: 0, y: 1, terrain: "wall", passable: false, terrainSprite: wall },
+      { x: 1, y: 1, terrain: "floor", passable: true, terrainSprite: floor },
+      { x: 2, y: 1, terrain: "floor", passable: true, terrainSprite: floor },
+      { x: 3, y: 1, terrain: "floor", passable: true, terrainSprite: floor },
+      { x: 4, y: 1, terrain: "wall", passable: false, terrainSprite: wall },
+      { x: 0, y: 2, terrain: "wall", passable: false, terrainSprite: wall },
+      { x: 1, y: 2, terrain: "floor", passable: true, terrainSprite: tiles2 },
+      { x: 2, y: 2, terrain: "floor", passable: true, terrainSprite: tiles2 },
+      { x: 3, y: 2, terrain: "floor", passable: true, terrainSprite: floor },
+      { x: 4, y: 2, terrain: "wall", passable: false, terrainSprite: wall },
+      { x: 0, y: 3, terrain: "wall", passable: false, terrainSprite: wall },
+      { x: 1, y: 3, terrain: "floor", passable: true, terrainSprite: floor },
+      { x: 2, y: 3, terrain: "floor", passable: true, terrainSprite: tiles2 },
+      { x: 3, y: 3, terrain: "stairs", passable: true, terrainSprite: stairs },
+      { x: 4, y: 3, terrain: "wall", passable: false, terrainSprite: wall },
+      { x: 0, y: 4, terrain: "wall", passable: false, terrainSprite: wall },
+      { x: 1, y: 4, terrain: "wall", passable: false, terrainSprite: wall },
+      { x: 2, y: 4, terrain: "wall", passable: false, terrainSprite: wall },
+      { x: 3, y: 4, terrain: "wall", passable: false, terrainSprite: wall },
+      { x: 4, y: 4, terrain: "wall", passable: false, terrainSprite: wall }
     ];
     DEFAULT_ROGUELIKE_MANIFEST = {
-      baseUrl: CDN4,
-      terrains: {
-        floor: "/isometric-dungeon/Isometric/dirt_E.png",
-        wall: "/isometric-dungeon/Isometric/stoneInset_E.png",
-        stairs: "/isometric-dungeon/Isometric/stairs_E.png",
-        planks: "/isometric-dungeon/Isometric/planks_E.png"
-      },
+      terrains: makeAssetMap({
+        floor: `${CDN4}/isometric-dungeon/Isometric/dirt_E.png`,
+        wall: `${CDN4}/isometric-dungeon/Isometric/stoneInset_E.png`,
+        stairs: `${CDN4}/isometric-dungeon/Isometric/stairs_E.png`,
+        planks: `${CDN4}/isometric-dungeon/Isometric/planks_E.png`
+      }, "tile"),
       units: {
-        player: "/isometric-dungeon/Characters/Male/Male_0_Idle0.png",
-        enemy: "/sprite-sheets/shadow-legion-sprite-sheet-sw.png"
+        player: makeAsset(`${CDN4}/isometric-dungeon/Characters/Male/Male_0_Idle0.png`, "player"),
+        enemy: makeAsset(`${CDN4}/sprite-sheets/shadow-legion-sprite-sheet-sw.png`, "enemy")
       },
-      features: {
-        health_potion: "/isometric-dungeon/Isometric/chestClosed_E.png",
-        sword: "/isometric-dungeon/Isometric/barrel_E.png",
-        shield: "/isometric-dungeon/Isometric/barrel_E.png"
-      }
+      features: makeAssetMap({
+        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`
+      }, "item")
     };
     RoguelikeTemplate.displayName = "RoguelikeTemplate";
   }
@@ -47358,7 +47251,7 @@ var init_debugRegistry = __esm({
   }
 });
 function useDebugData() {
-  const [data, setData] = React90.useState(() => ({
+  const [data, setData] = React88.useState(() => ({
     traits: [],
     ticks: [],
     guards: [],
@@ -47372,7 +47265,7 @@ function useDebugData() {
     },
     lastUpdate: Date.now()
   }));
-  React90.useEffect(() => {
+  React88.useEffect(() => {
     const updateData = () => {
       setData({
         traits: getAllTraits(),
@@ -47481,12 +47374,12 @@ function layoutGraph(states, transitions, initialState, width, height) {
   return positions;
 }
 function WalkMinimap() {
-  const [walkStep, setWalkStep] = React90.useState(null);
-  const [traits2, setTraits] = React90.useState([]);
-  const [coveredEdges, setCoveredEdges] = React90.useState([]);
-  const [completedTraits, setCompletedTraits] = React90.useState(/* @__PURE__ */ new Set());
-  const prevTraitRef = React90.useRef(null);
-  React90.useEffect(() => {
+  const [walkStep, setWalkStep] = React88.useState(null);
+  const [traits2, setTraits] = React88.useState([]);
+  const [coveredEdges, setCoveredEdges] = React88.useState([]);
+  const [completedTraits, setCompletedTraits] = React88.useState(/* @__PURE__ */ new Set());
+  const prevTraitRef = React88.useRef(null);
+  React88.useEffect(() => {
     const interval = setInterval(() => {
       const w = window;
       const step = w.__orbitalWalkStep;
@@ -47922,15 +47815,15 @@ var init_EntitiesTab = __esm({
 });
 function EventFlowTab({ events: events2 }) {
   const { t } = useTranslate();
-  const [filter, setFilter] = React90.useState("all");
-  const containerRef = React90.useRef(null);
-  const [autoScroll, setAutoScroll] = React90.useState(true);
-  React90.useEffect(() => {
+  const [filter, setFilter] = React88.useState("all");
+  const containerRef = React88.useRef(null);
+  const [autoScroll, setAutoScroll] = React88.useState(true);
+  React88.useEffect(() => {
     if (autoScroll && containerRef.current) {
       containerRef.current.scrollTop = containerRef.current.scrollHeight;
     }
   }, [events2.length, autoScroll]);
-  const filteredEvents = React90.useMemo(() => {
+  const filteredEvents = React88.useMemo(() => {
     if (filter === "all") return events2;
     return events2.filter((e) => e.type === filter);
   }, [events2, filter]);
@@ -48046,7 +47939,7 @@ var init_EventFlowTab = __esm({
 });
 function GuardsPanel({ guards }) {
   const { t } = useTranslate();
-  const [filter, setFilter] = React90.useState("all");
+  const [filter, setFilter] = React88.useState("all");
   if (guards.length === 0) {
     return /* @__PURE__ */ jsx(
       EmptyState,
@@ -48059,7 +47952,7 @@ function GuardsPanel({ guards }) {
   }
   const passedCount = guards.filter((g) => g.result).length;
   const failedCount = guards.length - passedCount;
-  const filteredGuards = React90.useMemo(() => {
+  const filteredGuards = React88.useMemo(() => {
     if (filter === "all") return guards;
     if (filter === "passed") return guards.filter((g) => g.result);
     return guards.filter((g) => !g.result);
@@ -48222,10 +48115,10 @@ function EffectBadge({ effect }) {
 }
 function TransitionTimeline({ transitions }) {
   const { t } = useTranslate();
-  const containerRef = React90.useRef(null);
-  const [autoScroll, setAutoScroll] = React90.useState(true);
-  const [expandedId, setExpandedId] = React90.useState(null);
-  React90.useEffect(() => {
+  const containerRef = React88.useRef(null);
+  const [autoScroll, setAutoScroll] = React88.useState(true);
+  const [expandedId, setExpandedId] = React88.useState(null);
+  React88.useEffect(() => {
     if (autoScroll && containerRef.current) {
       containerRef.current.scrollTop = containerRef.current.scrollHeight;
     }
@@ -48505,9 +48398,9 @@ function getAllEvents(traits2) {
 function EventDispatcherTab({ traits: traits2, schema }) {
   const eventBus = useEventBus();
   const { t } = useTranslate();
-  const [log13, setLog] = React90.useState([]);
-  const prevStatesRef = React90.useRef(/* @__PURE__ */ new Map());
-  React90.useEffect(() => {
+  const [log13, setLog] = React88.useState([]);
+  const prevStatesRef = React88.useRef(/* @__PURE__ */ new Map());
+  React88.useEffect(() => {
     for (const trait of traits2) {
       const prev = prevStatesRef.current.get(trait.id);
       if (prev && prev !== trait.currentState) {
@@ -48676,10 +48569,10 @@ function VerifyModePanel({
   localCount
 }) {
   const { t } = useTranslate();
-  const [expanded, setExpanded] = React90.useState(true);
-  const scrollRef = React90.useRef(null);
-  const prevCountRef = React90.useRef(0);
-  React90.useEffect(() => {
+  const [expanded, setExpanded] = React88.useState(true);
+  const scrollRef = React88.useRef(null);
+  const prevCountRef = React88.useRef(0);
+  React88.useEffect(() => {
     if (expanded && transitions.length > prevCountRef.current && scrollRef.current) {
       scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
     }
@@ -48736,10 +48629,10 @@ function RuntimeDebugger({
   schema
 }) {
   const { t } = useTranslate();
-  const [isCollapsed, setIsCollapsed] = React90.useState(mode === "verify" ? true : defaultCollapsed);
-  const [isVisible, setIsVisible] = React90.useState(mode === "inline" || mode === "verify" || isDebugEnabled2());
+  const [isCollapsed, setIsCollapsed] = React88.useState(mode === "verify" ? true : defaultCollapsed);
+  const [isVisible, setIsVisible] = React88.useState(mode === "inline" || mode === "verify" || isDebugEnabled2());
   const debugData = useDebugData();
-  React90.useEffect(() => {
+  React88.useEffect(() => {
     if (mode === "inline") return;
     return onDebugToggle((enabled) => {
       setIsVisible(enabled);
@@ -48748,7 +48641,7 @@ function RuntimeDebugger({
       }
     });
   }, [mode]);
-  React90.useEffect(() => {
+  React88.useEffect(() => {
     if (mode === "inline") return;
     const handleKeyDown = (e) => {
       if (e.key === "`" && isVisible) {
@@ -49308,7 +49201,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(React90__default.Fragment, { children: [
+  return /* @__PURE__ */ jsx(HStack, { className: cn("items-center", className), gap: "sm", children: paddedSlots.map((slot, i) => /* @__PURE__ */ jsxs(React88__default.Fragment, { children: [
     i > 0 && /* @__PURE__ */ jsx(
       Typography,
       {
@@ -50121,7 +50014,6 @@ function SokobanBoard({
       units,
       features,
       assetManifest,
-      assetBaseUrl,
       scale,
       showMinimap,
       enableCamera,
@@ -50163,7 +50055,6 @@ function SpaceShmupBoard({
       units,
       features,
       assetManifest,
-      assetBaseUrl,
       scale,
       showMinimap,
       enableCamera,
@@ -50205,7 +50096,6 @@ function SpaceStationBoard({
       units,
       features,
       assetManifest,
-      assetBaseUrl,
       scale,
       showMinimap,
       enableCamera,
@@ -50340,7 +50230,6 @@ function SportsBoard({
       units,
       features,
       assetManifest,
-      assetBaseUrl,
       scale,
       showMinimap,
       enableCamera,
@@ -50397,7 +50286,7 @@ var init_StatCard = __esm({
       const labelToUse = propLabel ?? propTitle;
       const eventBus = useEventBus();
       const { t } = useTranslate();
-      const handleActionClick = React90__default.useCallback(() => {
+      const handleActionClick = React88__default.useCallback(() => {
         if (action?.event) {
           eventBus.emit(`UI:${action.event}`, {});
         }
@@ -50408,7 +50297,7 @@ var init_StatCard = __esm({
       const data = Array.isArray(entity) ? entity : entity ? [entity] : [];
       const isLoading = externalLoading ?? false;
       const error = externalError;
-      const computeMetricValue = React90__default.useCallback(
+      const computeMetricValue = React88__default.useCallback(
         (metric, items) => {
           if (metric.value !== void 0) {
             return metric.value;
@@ -50447,7 +50336,7 @@ var init_StatCard = __esm({
         },
         []
       );
-      const schemaStats = React90__default.useMemo(() => {
+      const schemaStats = React88__default.useMemo(() => {
         if (!metrics || metrics.length === 0) return null;
         return metrics.map((metric) => ({
           label: metric.label,
@@ -50455,7 +50344,7 @@ var init_StatCard = __esm({
           format: metric.format
         }));
       }, [metrics, data, computeMetricValue]);
-      const calculatedTrend = React90__default.useMemo(() => {
+      const calculatedTrend = React88__default.useMemo(() => {
         if (manualTrend !== void 0) return manualTrend;
         if (previousValue === void 0 || currentValue === void 0)
           return void 0;
@@ -51661,8 +51550,8 @@ var init_SubagentTracePanel = __esm({
       ] });
     };
     InlineActivityStream = ({ activities, autoScroll = true, className }) => {
-      const endRef = React90__default.useRef(null);
-      React90__default.useEffect(() => {
+      const endRef = React88__default.useRef(null);
+      React88__default.useEffect(() => {
         if (!autoScroll) return;
         endRef.current?.scrollIntoView({ behavior: "smooth", block: "end" });
       }, [activities.length, autoScroll]);
@@ -51756,7 +51645,7 @@ var init_SubagentTracePanel = __esm({
     };
     SubagentRichCard = ({ subagent }) => {
       const { t } = useTranslate();
-      const activities = React90__default.useMemo(
+      const activities = React88__default.useMemo(
         () => subagentMessagesToActivities(subagent.messages),
         [subagent.messages]
       );
@@ -51833,8 +51722,8 @@ var init_SubagentTracePanel = __esm({
       ] });
     };
     CoordinatorConversation = ({ messages, autoScroll = true, className }) => {
-      const endRef = React90__default.useRef(null);
-      React90__default.useEffect(() => {
+      const endRef = React88__default.useRef(null);
+      React88__default.useEffect(() => {
         if (!autoScroll) return;
         endRef.current?.scrollIntoView({ behavior: "smooth", block: "end" });
       }, [messages.length, autoScroll]);
@@ -52184,7 +52073,6 @@ function TanksBoard({
       units,
       features,
       assetManifest,
-      assetBaseUrl,
       scale,
       showMinimap,
       enableCamera,
@@ -52306,7 +52194,7 @@ var init_Timeline = __esm({
     }) => {
       const { t } = useTranslate();
       const entityData = entity ?? [];
-      const items = React90__default.useMemo(() => {
+      const items = React88__default.useMemo(() => {
         if (propItems) return propItems;
         if (entityData.length === 0) return [];
         return entityData.map((record, idx) => {
@@ -52408,7 +52296,7 @@ var init_Timeline = __esm({
   }
 });
 function extractToastProps(children) {
-  if (!React90__default.isValidElement(children)) {
+  if (!React88__default.isValidElement(children)) {
     if (typeof children === "string") {
       return { message: children };
     }
@@ -52446,7 +52334,7 @@ var init_ToastSlot = __esm({
         eventBus.emit("UI:CLOSE");
       };
       if (!isVisible) return null;
-      const isCustomContent = React90__default.isValidElement(children) && !message;
+      const isCustomContent = React88__default.isValidElement(children) && !message;
       return /* @__PURE__ */ jsx(Box, { className: "fixed bottom-4 right-4 z-50", children: isCustomContent ? children : /* @__PURE__ */ jsx(
         Toast,
         {
@@ -52462,15 +52350,6 @@ 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;
@@ -52523,10 +52402,10 @@ function TopDownShooterBoard({
   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 playerSprite = assetManifest?.units?.player?.url;
+  const enemySprite = assetManifest?.units?.enemy?.url;
+  const projectileSprite = assetManifest?.features?.projectile?.url;
+  const backgroundSprite = assetManifest?.background;
   const spriteUrls = useMemo(
     () => [playerSprite, enemySprite, projectileSprite].filter((u) => u != null),
     [playerSprite, enemySprite, projectileSprite]
@@ -52693,7 +52572,6 @@ function TopDownShooterBoard({
           width,
           height,
           backgroundImage: backgroundSprite,
-          assetBaseUrl: assetManifest?.baseUrl,
           onDraw
         }
       ),
@@ -52818,15 +52696,6 @@ var init_TopDownShooterTemplate = __esm({
     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 = [];
@@ -52846,18 +52715,18 @@ function buildDefaultTDTiles() {
 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);
+    const terrainSprite = t.terrainSprite != null ? makeAsset(t.terrainSprite, "tile") : manifest?.terrains?.[key] ?? manifest?.terrains?.ground;
     return {
       x: t.x,
       y: t.y,
       terrain: t.terrain,
-      terrainSprite: sprite,
+      terrainSprite,
       passable: t.passable
     };
   });
 }
 function creepsToUnits(creeps, manifest) {
-  const sprite = resolveManifestUrl5(manifest, manifest?.units?.creep);
+  const sprite = manifest?.units?.creep;
   return creeps.map((c) => ({
     id: c.id,
     position: { x: c.x, y: c.y },
@@ -52875,14 +52744,14 @@ function heroToUnit(hero, manifest) {
     position: { x: hero.x, y: hero.y },
     name: "Hero",
     team: "player",
-    sprite: resolveManifestUrl5(manifest, manifest?.units?.hero),
+    sprite: manifest?.units?.hero,
     unitType: "hero",
     health: 1,
     maxHealth: 1
   };
 }
 function towersToFeatures(towers, manifest) {
-  const sprite = resolveManifestUrl5(manifest, manifest?.features?.tower);
+  const sprite = manifest?.features?.tower;
   return towers.map((t) => ({
     id: t.id,
     x: t.x,
@@ -53080,7 +52949,6 @@ function TowerDefenseBoard({
           tiles: isoTiles,
           units: isoUnits,
           features: towerFeatures,
-          assetBaseUrl: assetManifest?.baseUrl,
           assetManifest,
           validMoves,
           hoveredTile,
@@ -53124,6 +52992,7 @@ var TD_GRID_W, TD_GRID_H, DEFAULT_TD_PATH, DEFAULT_TD_TILES;
 var init_TowerDefenseBoard = __esm({
   "components/game/organisms/TowerDefenseBoard.tsx"() {
     "use client";
+    init_makeAsset();
     init_cn();
     init_useEventBus();
     init_Box();
@@ -53453,15 +53322,6 @@ 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,
@@ -53496,11 +53356,11 @@ function VisualNovelBoard({
   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?.backgrounds?.[currentNode?.backgroundKey ?? ""],
     [assetManifest, currentNode?.backgroundKey]
   );
   const portraitUrl = useMemo(
-    () => resolveManifestUrl6(assetManifest, assetManifest?.portraits?.[currentNode?.portraitKey ?? ""]),
+    () => assetManifest?.portraits?.[currentNode?.portraitKey ?? ""],
     [assetManifest, currentNode?.portraitKey]
   );
   const dialogueChoices = useMemo(
@@ -53674,7 +53534,7 @@ function buildDefaultWorldTiles() {
     for (let x = 0; x < WORLD_GRID_W; x++) {
       const isBorder = x === 0 || y === 0 || x === WORLD_GRID_W - 1 || y === WORLD_GRID_H - 1;
       const def = isBorder ? WORLD_TERRAIN_DEFS[3] : WORLD_TERRAIN_DEFS[(x * 5 + y * 3 + (x ^ y)) % (WORLD_TERRAIN_DEFS.length - 1)];
-      tiles.push({ x, y, terrain: def.terrain, terrainSprite: def.sprite, passable: def.passable });
+      tiles.push({ x, y, terrain: def.terrain, terrainSprite: makeAsset(def.sprite, "tile"), passable: def.passable });
     }
   }
   return tiles;
@@ -53718,7 +53578,12 @@ function WorldMapBoard({
   const resolved = boardEntity(entity);
   const entityUnits = rows(resolved?.units);
   const entityTiles = rows(resolved?.tiles);
-  const features = propFeatures ?? rows(resolved?.features);
+  const features = propFeatures ?? rows(resolved?.features).map((r) => ({
+    id: r.id == null ? void 0 : str(r.id),
+    x: num(r.x),
+    y: num(r.y),
+    type: str(r.type)
+  }));
   const selectedHeroId = resolved?.selectedHeroId ?? null;
   const assetManifest = propAssetManifest ?? resolved?.assetManifest;
   const backgroundImage = resolved?.backgroundImage;
@@ -53728,7 +53593,7 @@ function WorldMapBoard({
       x: num(t.x),
       y: num(t.y),
       terrain: str(t.terrain),
-      terrainSprite: t.terrainSprite == null ? void 0 : str(t.terrainSprite),
+      terrainSprite: t.terrainSprite == null ? void 0 : makeAsset(str(t.terrainSprite), "tile"),
       passable: t.passable !== false
     })),
     [entityTiles]
@@ -53744,7 +53609,7 @@ function WorldMapBoard({
       team: str(u.team) === "enemy" ? "enemy" : "player",
       health: num(u.health) || 100,
       maxHealth: num(u.maxHealth) || 100,
-      sprite: u.sprite == null ? void 0 : str(u.sprite)
+      sprite: u.sprite == null ? void 0 : makeAsset(str(u.sprite), "player")
     })),
     [entityUnits, propUnits]
   );
@@ -53926,7 +53791,6 @@ function WorldMapBoard({
             onTileHover: (x, y) => setHoveredTile({ x, y }),
             onTileLeave: () => setHoveredTile(null),
             scale,
-            assetBaseUrl: assetManifest?.baseUrl,
             assetManifest,
             backgroundImage,
             effectSpriteUrls,
@@ -53949,6 +53813,7 @@ var WORLD_CDN, WORLD_GRID_W, WORLD_GRID_H, WORLD_TERRAIN_DEFS, DEFAULT_WORLD_TIL
 var init_WorldMapBoard = __esm({
   "components/game/organisms/WorldMapBoard.tsx"() {
     "use client";
+    init_makeAsset();
     init_cn();
     init_useEventBus();
     init_Stack();
@@ -54002,68 +53867,72 @@ function WorldMapTemplate({
     }
   );
 }
-var CDN5, DEFAULT_WORLDMAP_TILES, DEFAULT_WORLDMAP_UNITS, DEFAULT_WORLDMAP_FEATURES, DEFAULT_WORLDMAP_MANIFEST;
+var CDN5, mountain, water, grass, road, DEFAULT_WORLDMAP_TILES, DEFAULT_WORLDMAP_UNITS, DEFAULT_WORLDMAP_FEATURES, DEFAULT_WORLDMAP_MANIFEST;
 var init_WorldMapTemplate = __esm({
   "components/game/templates/WorldMapTemplate.tsx"() {
     init_WorldMapBoard();
+    init_makeAsset();
     CDN5 = "https://almadar-kflow-assets.web.app/shared";
+    mountain = makeAsset(`${CDN5}/isometric-blocks/PNG/Platformer tiles/platformerTile_13.png`, "tile");
+    water = makeAsset(`${CDN5}/isometric-blocks/PNG/Platformer tiles/platformerTile_11.png`, "tile");
+    grass = makeAsset(`${CDN5}/isometric-blocks/PNG/Platformer tiles/platformerTile_01.png`, "tile");
+    road = makeAsset(`${CDN5}/isometric-blocks/PNG/Platformer tiles/platformerTile_03.png`, "tile");
     DEFAULT_WORLDMAP_TILES = [
-      { 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` }
+      { x: 0, y: 0, terrain: "mountain", passable: false, terrainSprite: mountain },
+      { x: 1, y: 0, terrain: "mountain", passable: false, terrainSprite: mountain },
+      { x: 2, y: 0, terrain: "water", passable: false, terrainSprite: water },
+      { x: 3, y: 0, terrain: "mountain", passable: false, terrainSprite: mountain },
+      { x: 4, y: 0, terrain: "mountain", passable: false, terrainSprite: mountain },
+      { x: 0, y: 1, terrain: "mountain", passable: false, terrainSprite: mountain },
+      { x: 1, y: 1, terrain: "grass", passable: true, terrainSprite: grass },
+      { x: 2, y: 1, terrain: "grass", passable: true, terrainSprite: grass },
+      { x: 3, y: 1, terrain: "grass", passable: true, terrainSprite: grass },
+      { x: 4, y: 1, terrain: "water", passable: false, terrainSprite: water },
+      { x: 0, y: 2, terrain: "water", passable: false, terrainSprite: water },
+      { x: 1, y: 2, terrain: "grass", passable: true, terrainSprite: grass },
+      { x: 2, y: 2, terrain: "grass", passable: true, terrainSprite: road },
+      { x: 3, y: 2, terrain: "grass", passable: true, terrainSprite: grass },
+      { x: 4, y: 2, terrain: "mountain", passable: false, terrainSprite: mountain },
+      { x: 0, y: 3, terrain: "mountain", passable: false, terrainSprite: mountain },
+      { x: 1, y: 3, terrain: "grass", passable: true, terrainSprite: grass },
+      { x: 2, y: 3, terrain: "grass", passable: true, terrainSprite: grass },
+      { x: 3, y: 3, terrain: "grass", passable: true, terrainSprite: road },
+      { x: 4, y: 3, terrain: "mountain", passable: false, terrainSprite: mountain },
+      { x: 0, y: 4, terrain: "mountain", passable: false, terrainSprite: mountain },
+      { x: 1, y: 4, terrain: "water", passable: false, terrainSprite: water },
+      { x: 2, y: 4, terrain: "grass", passable: true, terrainSprite: grass },
+      { x: 3, y: 4, terrain: "mountain", passable: false, terrainSprite: mountain },
+      { x: 4, y: 4, terrain: "mountain", passable: false, terrainSprite: mountain }
     ];
     DEFAULT_WORLDMAP_UNITS = [
-      { 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` }
+      { id: "h1", position: { x: 1, y: 1 }, unitType: "hero", name: "Amir", team: "player", health: 10, maxHealth: 10, sprite: makeAsset(`${CDN5}/sprite-sheets/amir-sprite-sheet-se.png`, "player") },
+      { id: "h2", position: { x: 3, y: 3 }, unitType: "scout", name: "Archivist", team: "player", health: 10, maxHealth: 10, sprite: makeAsset(`${CDN5}/sprite-sheets/archivist-sprite-sheet-se.png`, "npc") }
     ];
     DEFAULT_WORLDMAP_FEATURES = [
-      { 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` }
+      { id: "f1", x: 2, y: 2, type: "capital", sprite: makeAsset(`${CDN5}/scenes/world/capital.png`, "decoration") },
+      { id: "f2", x: 4, y: 2, type: "power_node", sprite: makeAsset(`${CDN5}/world-map/power_node.png`, "decoration") }
     ];
     DEFAULT_WORLDMAP_MANIFEST = {
-      baseUrl: CDN5,
-      terrains: {
-        grass: "/isometric-blocks/PNG/Platformer tiles/platformerTile_01.png",
-        water: "/isometric-blocks/PNG/Platformer tiles/platformerTile_11.png",
-        mountain: "/isometric-blocks/PNG/Platformer tiles/platformerTile_13.png",
-        road: "/isometric-blocks/PNG/Platformer tiles/platformerTile_03.png"
-      },
+      terrains: makeAssetMap({
+        grass: `${CDN5}/isometric-blocks/PNG/Platformer tiles/platformerTile_01.png`,
+        water: `${CDN5}/isometric-blocks/PNG/Platformer tiles/platformerTile_11.png`,
+        mountain: `${CDN5}/isometric-blocks/PNG/Platformer tiles/platformerTile_13.png`,
+        road: `${CDN5}/isometric-blocks/PNG/Platformer tiles/platformerTile_03.png`
+      }, "tile"),
       units: {
-        hero: "/sprite-sheets/amir-sprite-sheet-se.png",
-        scout: "/sprite-sheets/archivist-sprite-sheet-se.png"
+        hero: makeAsset(`${CDN5}/sprite-sheets/amir-sprite-sheet-se.png`, "player"),
+        scout: makeAsset(`${CDN5}/sprite-sheets/archivist-sprite-sheet-se.png`, "npc")
       },
-      features: {
-        capital: "/scenes/world/capital.png",
-        power_node: "/world-map/power_node.png"
-      }
+      features: makeAssetMap({
+        capital: `${CDN5}/scenes/world/capital.png`,
+        power_node: `${CDN5}/world-map/power_node.png`
+      }, "decoration")
     };
     WorldMapTemplate.displayName = "WorldMapTemplate";
   }
 });
 function lazyThree(name, loader) {
-  const Lazy = React90__default.lazy(
+  const Lazy = React88__default.lazy(
     () => loader().then((m) => {
       const Resolved = m[name];
       if (!Resolved) {
@@ -54075,13 +53944,13 @@ function lazyThree(name, loader) {
     })
   );
   function ThreeWrapper(props) {
-    return React90__default.createElement(
+    return React88__default.createElement(
       ThreeBoundary,
       { name },
-      React90__default.createElement(
-        React90__default.Suspense,
+      React88__default.createElement(
+        React88__default.Suspense,
         { fallback: null },
-        React90__default.createElement(Lazy, props)
+        React88__default.createElement(Lazy, props)
       )
     );
   }
@@ -54404,7 +54273,7 @@ var init_component_registry_generated = __esm({
     init_WorldMapBoard();
     init_WorldMapTemplate();
     init_XPBar();
-    ThreeBoundary = class extends React90__default.Component {
+    ThreeBoundary = class extends React88__default.Component {
       constructor() {
         super(...arguments);
         __publicField(this, "state", { failed: false });
@@ -54414,7 +54283,7 @@ var init_component_registry_generated = __esm({
       }
       render() {
         if (this.state.failed) {
-          return React90__default.createElement(
+          return React88__default.createElement(
             "div",
             {
               "data-testid": "three-unavailable",
@@ -54780,7 +54649,7 @@ function SuspenseConfigProvider({
   config,
   children
 }) {
-  return React90__default.createElement(
+  return React88__default.createElement(
     SuspenseConfigContext.Provider,
     { value: config },
     children
@@ -54822,7 +54691,7 @@ function enrichFormFields(fields, entityDef) {
       }
       return { name: field, label: field.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/\b\w/g, (c) => c.toUpperCase()) };
     }
-    if (field && typeof field === "object" && !Array.isArray(field) && !React90__default.isValidElement(field) && !(field instanceof Date)) {
+    if (field && typeof field === "object" && !Array.isArray(field) && !React88__default.isValidElement(field) && !(field instanceof Date)) {
       const obj = field;
       const fieldName = typeof obj.name === "string" ? obj.name : typeof obj.field === "string" ? obj.field : void 0;
       if (!fieldName) return field;
@@ -55268,7 +55137,7 @@ function renderPatternChildren(children, onDismiss, parentId = "root", parentPat
         const key = `${parentId}-${index}-trait:${traitName}`;
         return /* @__PURE__ */ jsx(TraitFrame, { traitName }, key);
       }
-      return /* @__PURE__ */ jsx(React90__default.Fragment, { children: child }, `${parentId}-${index}`);
+      return /* @__PURE__ */ jsx(React88__default.Fragment, { children: child }, `${parentId}-${index}`);
     }
     if (!child || typeof child !== "object") return null;
     const childId = `${parentId}-${index}`;
@@ -55308,14 +55177,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 (React90__default.isValidElement(value)) return false;
+  if (React88__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" && getComponentForPattern(record.type) !== null;
 }
 function isPlainConfigObject(value) {
-  if (React90__default.isValidElement(value)) return false;
+  if (React88__default.isValidElement(value)) return false;
   if (value instanceof Date) return false;
   const proto = Object.getPrototypeOf(value);
   return proto === Object.prototype || proto === null;
@@ -55441,7 +55310,7 @@ function SlotContentRenderer({
     for (const slotKey of CONTENT_NODE_SLOTS) {
       const slotVal = restProps[slotKey];
       if (slotVal === void 0 || slotVal === null) continue;
-      if (React90__default.isValidElement(slotVal) || typeof slotVal === "string" || typeof slotVal === "number" || typeof slotVal === "boolean") continue;
+      if (React88__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,
@@ -55490,7 +55359,7 @@ function SlotContentRenderer({
     const resolvedItems = Array.isArray(entityVal) && entityVal[0] !== "fn" ? entityVal : null;
     if (resolvedItems && resolvedItems.length > 0 && !finalProps.fields && !finalProps.columns) {
       const sample = resolvedItems[0];
-      if (sample && typeof sample === "object" && !Array.isArray(sample) && !React90__default.isValidElement(sample) && !(sample instanceof Date)) {
+      if (sample && typeof sample === "object" && !Array.isArray(sample) && !React88__default.isValidElement(sample) && !(sample instanceof Date)) {
         const keys = Object.keys(sample).filter((k) => k !== "id" && k !== "_id");
         finalProps.fields = keys.map((k, i) => ({ name: k, variant: i === 0 ? "h4" : "body" }));
       }