@almadar/ui 5.54.0 → 5.56.0

package/dist/avl/index.js

@@ -10,7 +10,7 @@ import * as LucideIcons2 from 'lucide-react';
 import { Loader2, X, Code, FileText, WrapText, Check, Copy, Lightbulb, CheckCircle, List, Printer, ChevronRight, ChevronLeft, GitBranch, Pencil, Eye, Plus, ArrowRight, Trash, RotateCcw, Play, Terminal, XCircle, AlertTriangle, Trash2, Link2, ZoomOut, ZoomIn, Download, Menu as Menu$1, Package, Calendar, MoreHorizontal, Image as Image$1, Upload, ArrowLeft, HelpCircle, PauseCircle, Search, Type, Heading1, Heading2, Heading3, ListOrdered, Quote, Minus, Eraser, TrendingUp, TrendingDown, AlertCircle, Circle, Clock, CheckCircle2, Bug, Send, ChevronUp, ChevronDown, Wrench, Tag, User, DollarSign, Zap, Sword, Move, Heart, Shield } from 'lucide-react';
 import { createPortal } from 'react-dom';
 import { UISlotProvider, useUISlots, useTheme } from '@almadar/ui/context';
-import { evaluate, createMinimalContext } from '@almadar/evaluator';
+import { evaluateGuard, evaluate, createMinimalContext } from '@almadar/evaluator';
 import { Link, Outlet, useLocation } from 'react-router-dom';
 import SyntaxHighlighter from 'react-syntax-highlighter/dist/esm/prism-light.js';
 import dark from 'react-syntax-highlighter/dist/esm/styles/prism/vsc-dark-plus.js';
@@ -47,7 +47,7 @@ import { Canvas, useLoader, useFrame, useThree } from '@react-three/fiber';
 import { Billboard, Grid as Grid$1, OrbitControls } from '@react-three/drei';
 import { getPatternDefinition, getComponentForPattern as getComponentForPattern$1, isEntityAwarePattern } from '@almadar/patterns';
 import { OrbitalServerRuntime } from '@almadar/runtime/OrbitalServerRuntime';
-import { InMemoryPersistence, StateMachineManager, collectDeclaredConfigDefaults, createServerEffectHandlers, EffectExecutor, interpolateValue, createContextFromBindings } from '@almadar/runtime';
+import { InMemoryPersistence, StateMachineManager, collectDeclaredConfigDefaults, createServerEffectHandlers, EffectExecutor, createContextFromBindings } from '@almadar/runtime';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -12160,6 +12160,16 @@ var init_Skeleton = __esm({
     Skeleton.displayName = "Skeleton";
   }
 });
+function isKnownPattern(type) {
+  return type in componentMapping;
+}
+var componentMapping;
+var init_pattern_resolver = __esm({
+  "renderer/pattern-resolver.ts"() {
+    createLogger("almadar:ui:pattern-resolver");
+    componentMapping = {};
+  }
+});
 
 // renderer/slot-definitions.ts
 function isPortalSlot(slot) {
@@ -12268,6 +12278,7 @@ var init_navigation = __esm({
 // renderer/index.ts
 var init_renderer = __esm({
   "renderer/index.ts"() {
+    init_pattern_resolver();
     init_slot_definitions();
   }
 });
@@ -13971,7 +13982,7 @@ function recordTransition(trace) {
     ...trace,
     id: `t-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`
   };
-  log4.debug("transition:recorded", { trait: trace.traitName, from: trace.from, to: trace.to, event: trace.event, effectCount: trace.effects.length });
+  log5.debug("transition:recorded", { trait: trace.traitName, from: trace.from, to: trace.to, event: trace.event, effectCount: trace.effects.length });
   getState().transitions.push(entry);
   if (getState().transitions.length > MAX_TRANSITIONS) {
     getState().transitions.shift();
@@ -14070,7 +14081,7 @@ function getTraitSnapshots() {
     try {
       snapshots.push(getter());
     } catch (err) {
-      log4.error("traitSnapshot getter failed", { trait: traitName, err: String(err) });
+      log5.error("traitSnapshot getter failed", { trait: traitName, err: String(err) });
     }
   }
   return snapshots;
@@ -14169,10 +14180,10 @@ function updateAssetStatus(url, status) {
     window.__orbitalVerification.assetStatus[url] = status;
   }
 }
-var log4, MAX_TRANSITIONS;
+var log5, MAX_TRANSITIONS;
 var init_verificationRegistry = __esm({
   "lib/verificationRegistry.ts"() {
-    log4 = createLogger("almadar:bridge");
+    log5 = createLogger("almadar:bridge");
     MAX_TRANSITIONS = 500;
     exposeOnWindow();
   }
@@ -14523,6 +14534,8 @@ function IsometricCanvas({
   showMinimap = true,
   enableCamera = true,
   unitScale = 1,
+  spriteHeightRatio = 1.5,
+  spriteMaxWidthRatio = 0.6,
   // Asset resolution
   getTerrainSprite,
   getFeatureSprite,
@@ -14913,8 +14926,8 @@ function IsometricCanvas({
       const breatheOffset = 0.8 * scale * (1 + Math.sin(animTime * 2e-3 + (unit.position.x * 3.7 + unit.position.y * 5.3)));
       const unitSpriteUrl = resolveUnitSpriteUrl(unit);
       const img = unitSpriteUrl ? getImage(unitSpriteUrl) : null;
-      const unitDrawH = scaledFloorHeight * 1.5 * unitScale;
-      const maxUnitW = scaledTileWidth * 0.6 * unitScale;
+      const unitDrawH = scaledFloorHeight * spriteHeightRatio * unitScale;
+      const maxUnitW = scaledTileWidth * spriteMaxWidthRatio * unitScale;
       const ar = img ? img.naturalWidth / img.naturalHeight : 0.5;
       let drawH = unitDrawH;
       let drawW = unitDrawH * ar;
@@ -15298,6 +15311,8 @@ function BattleBoard({
   assetManifest: propAssetManifest,
   scale = 0.45,
   unitScale = 1,
+  spriteHeightRatio = 1.5,
+  spriteMaxWidthRatio = 0.6,
   header,
   sidebar,
   actions,
@@ -15588,7 +15603,9 @@ function BattleBoard({
             hasActiveEffects: hasActiveEffects2,
             effectSpriteUrls,
             resolveUnitFrame,
-            unitScale
+            unitScale,
+            spriteHeightRatio,
+            spriteMaxWidthRatio
           }
         ),
         overlay && overlay(ctx)
@@ -16068,7 +16085,7 @@ function generateDiff(oldVal, newVal) {
   }
   return diff;
 }
-var orbStyleOverrides, orbStyle, loloStyleOverrides, loloStyle, log5, CODE_LANGUAGES, CODE_LANGUAGE_SET, DIFF_STYLES, LINE_PROPS_FN, HIDDEN_LINE_NUMBERS, CodeBlock;
+var orbStyleOverrides, orbStyle, loloStyleOverrides, loloStyle, log6, CODE_LANGUAGES, CODE_LANGUAGE_SET, DIFF_STYLES, LINE_PROPS_FN, HIDDEN_LINE_NUMBERS, CodeBlock;
 var init_CodeBlock = __esm({
   "components/core/molecules/markdown/CodeBlock.tsx"() {
     init_cn();
@@ -16151,7 +16168,7 @@ var init_CodeBlock = __esm({
       "lolo-op-async": { color: ORB_COLORS.dark.async }
     };
     loloStyle = { ...dark, ...loloStyleOverrides };
-    log5 = createLogger("almadar:ui:markdown-code");
+    log6 = createLogger("almadar:ui:markdown-code");
     CODE_LANGUAGES = [
       "text",
       "json",
@@ -16415,7 +16432,7 @@ var init_CodeBlock = __esm({
             eventBus.emit("UI:COPY_CODE", { language: activeLanguage, success: true });
             setTimeout(() => setCopied(false), 2e3);
           } catch (err) {
-            log5.error("Failed to copy code", { error: err instanceof Error ? err : String(err) });
+            log6.error("Failed to copy code", { error: err instanceof Error ? err : String(err) });
             eventBus.emit("UI:COPY_CODE", { language: activeLanguage, success: false });
           }
         };
@@ -20296,14 +20313,14 @@ function useSafeEventBus2() {
     } };
   }
 }
-var log6, lookStyles4, ButtonGroup;
+var log7, lookStyles4, ButtonGroup;
 var init_ButtonGroup = __esm({
   "components/core/molecules/ButtonGroup.tsx"() {
     "use client";
     init_cn();
     init_atoms2();
     init_useEventBus();
-    log6 = createLogger("almadar:ui:button-group");
+    log7 = createLogger("almadar:ui:button-group");
     lookStyles4 = {
       "right-aligned-buttons": "",
       "floating-bar": "fixed bottom-section left-1/2 -translate-x-1/2 shadow-elevation-toast bg-card p-card-sm rounded-container",
@@ -20384,7 +20401,7 @@ var init_ButtonGroup = __esm({
           {
             variant: "ghost",
             onClick: () => {
-              log6.debug("Filter clicked", { field: filter.field });
+              log7.debug("Filter clicked", { field: filter.field });
             },
             children: filter.label
           },
@@ -28046,9 +28063,9 @@ function debug(...args) {
   const [first, ...rest] = args;
   const message = typeof first === "string" ? first : "<debug>";
   if (rest.length === 0 && typeof first === "string") {
-    log7.debug(message);
+    log8.debug(message);
   } else {
-    log7.debug(message, { args: rest.length > 0 ? formatArgs(rest) : formatArgs([first]) });
+    log8.debug(message, { args: rest.length > 0 ? formatArgs(rest) : formatArgs([first]) });
   }
 }
 function debugGroup(label) {
@@ -28076,11 +28093,11 @@ function toLogMetaValue(v) {
   }
   return String(v);
 }
-var NAMESPACE, log7;
+var NAMESPACE, log8;
 var init_debug = __esm({
   "lib/debug.ts"() {
     NAMESPACE = "almadar:ui:debug";
-    log7 = createLogger(NAMESPACE);
+    log8 = createLogger(NAMESPACE);
     createLogger("almadar:ui:debug:input");
     createLogger("almadar:ui:debug:collision");
     createLogger("almadar:ui:debug:physics");
@@ -43962,11 +43979,11 @@ var init_Canvas3DErrorBoundary = __esm({
   "components/game/molecules/three/components/Canvas3DErrorBoundary.css"() {
   }
 });
-var log8, Canvas3DErrorBoundary;
+var log9, Canvas3DErrorBoundary;
 var init_Canvas3DErrorBoundary2 = __esm({
   "components/game/molecules/three/components/Canvas3DErrorBoundary.tsx"() {
     init_Canvas3DErrorBoundary();
-    log8 = createLogger("almadar:ui:game:canvas3d:error-boundary");
+    log9 = createLogger("almadar:ui:game:canvas3d:error-boundary");
     Canvas3DErrorBoundary = class extends Component {
       constructor(props) {
         super(props);
@@ -43994,8 +44011,8 @@ var init_Canvas3DErrorBoundary2 = __esm({
       componentDidCatch(error, errorInfo) {
         this.setState({ errorInfo });
         this.props.onError?.(error, errorInfo);
-        log8.error("Error caught", { error });
-        log8.error("Component stack", { componentStack: errorInfo.componentStack ?? "<none>" });
+        log9.error("Error caught", { error });
+        log9.error("Component stack", { componentStack: errorInfo.componentStack ?? "<none>" });
       }
       render() {
         if (this.state.hasError) {
@@ -44058,7 +44075,7 @@ function useGLTFModel(url, resourceBasePath) {
       setState({ model: null, isLoading: false, error: null });
       return;
     }
-    log9.debug("Loading", { url });
+    log10.debug("Loading", { url });
     setState((prev) => ({ ...prev, isLoading: true, error: null }));
     const assetRoot = resourceBasePath || detectAssetRoot2(url);
     const loader = new GLTFLoader$1();
@@ -44066,7 +44083,7 @@ function useGLTFModel(url, resourceBasePath) {
     loader.load(
       url,
       (gltf) => {
-        log9.debug("Loaded", { url });
+        log10.debug("Loaded", { url });
         setState({
           model: gltf.scene,
           isLoading: false,
@@ -44075,7 +44092,7 @@ function useGLTFModel(url, resourceBasePath) {
       },
       void 0,
       (err) => {
-        log9.warn("Failed", { url, error: err instanceof Error ? err : String(err) });
+        log10.warn("Failed", { url, error: err instanceof Error ? err : String(err) });
         setState({
           model: null,
           isLoading: false,
@@ -44191,11 +44208,11 @@ function ModelLoader({
     }
   );
 }
-var log9;
+var log10;
 var init_ModelLoader = __esm({
   "components/game/molecules/three/components/ModelLoader.tsx"() {
     "use client";
-    log9 = createLogger("almadar:ui:game:model-loader");
+    log10 = createLogger("almadar:ui:game:model-loader");
   }
 });
 
@@ -44321,6 +44338,8 @@ var init_GameCanvas3D2 = __esm({
         attackTargets = [],
         selectedTileIds = [],
         selectedUnitId = null,
+        unitScale = 1,
+        scale = 0.45,
         children
       }, ref) => {
         const containerRef = useRef(null);
@@ -44537,12 +44556,18 @@ var init_GameCanvas3D2 = __esm({
           },
           [selectedTileIds, hoveredTile, validMoves, attackTargets, handleTileClick, handleTileHover]
         );
+        const UNIT_BASE_MODEL_SCALE = 0.5;
+        const UNIT_BASE_BILLBOARD_HEIGHT = 1.2;
+        const UNIT_BASE_PRIMITIVE_RADIUS = 0.3;
         const DefaultUnitRenderer = useCallback(
           ({ unit, position }) => {
             const isSelected = selectedUnitId === unit.id;
             const color = unit.faction === "player" ? 4491519 : unit.faction === "enemy" ? 16729156 : 16777028;
             const hasAtlas = unitAtlasUrl(unit) !== null;
             const initialFrame = hasAtlas ? resolveUnitFrame(unit.id) : null;
+            const modelScale = UNIT_BASE_MODEL_SCALE * unitScale;
+            const billboardHeight = UNIT_BASE_BILLBOARD_HEIGHT * unitScale;
+            const primitiveRadius = UNIT_BASE_PRIMITIVE_RADIUS * unitScale;
             return /* @__PURE__ */ jsxs(
               "group",
               {
@@ -44560,7 +44585,8 @@ var init_GameCanvas3D2 = __esm({
                       UnitSpriteBillboard,
                       {
                         sheetUrl: initialFrame.sheetUrl,
-                        resolveFrame: () => resolveUnitFrame(unit.id)
+                        resolveFrame: () => resolveUnitFrame(unit.id),
+                        height: billboardHeight
                       }
                     ) })
                   ) : unit.modelUrl ? (
@@ -44569,22 +44595,22 @@ var init_GameCanvas3D2 = __esm({
                       ModelLoader,
                       {
                         url: unit.modelUrl,
-                        scale: 0.5,
+                        scale: modelScale,
                         fallbackGeometry: "box",
                         castShadow: true
                       }
                     )
                   ) : /* @__PURE__ */ jsxs(Fragment, { children: [
-                    /* @__PURE__ */ jsxs("mesh", { position: [0, 0.3, 0], children: [
-                      /* @__PURE__ */ jsx("cylinderGeometry", { args: [0.3, 0.3, 0.1, 8] }),
+                    /* @__PURE__ */ jsxs("mesh", { position: [0, primitiveRadius, 0], children: [
+                      /* @__PURE__ */ jsx("cylinderGeometry", { args: [primitiveRadius, primitiveRadius, primitiveRadius * 0.33, 8] }),
                       /* @__PURE__ */ jsx("meshStandardMaterial", { color })
                     ] }),
-                    /* @__PURE__ */ jsxs("mesh", { position: [0, 0.6, 0], children: [
-                      /* @__PURE__ */ jsx("capsuleGeometry", { args: [0.2, 0.4, 4, 8] }),
+                    /* @__PURE__ */ jsxs("mesh", { position: [0, primitiveRadius * 2, 0], children: [
+                      /* @__PURE__ */ jsx("capsuleGeometry", { args: [primitiveRadius * 0.67, primitiveRadius * 1.33, 4, 8] }),
                       /* @__PURE__ */ jsx("meshStandardMaterial", { color })
                     ] }),
-                    /* @__PURE__ */ jsxs("mesh", { position: [0, 0.9, 0], children: [
-                      /* @__PURE__ */ jsx("sphereGeometry", { args: [0.12, 8, 8] }),
+                    /* @__PURE__ */ jsxs("mesh", { position: [0, primitiveRadius * 3, 0], children: [
+                      /* @__PURE__ */ jsx("sphereGeometry", { args: [primitiveRadius * 0.4, 8, 8] }),
                       /* @__PURE__ */ jsx("meshStandardMaterial", { color })
                     ] })
                   ] }),
@@ -44617,7 +44643,7 @@ var init_GameCanvas3D2 = __esm({
               }
             );
           },
-          [selectedUnitId, handleUnitClick, resolveUnitFrame]
+          [selectedUnitId, handleUnitClick, resolveUnitFrame, unitScale]
         );
         const DefaultFeatureRenderer = useCallback(
           ({
@@ -44760,33 +44786,35 @@ var init_GameCanvas3D2 = __esm({
                             fadeStrength: 1
                           }
                         ),
-                        tiles.map((tile, index) => {
-                          const position = gridToWorld(
-                            tile.x,
-                            tile.z ?? tile.y ?? 0,
-                            tile.elevation ?? 0
-                          );
-                          const Renderer = CustomTileRenderer || DefaultTileRenderer;
-                          return /* @__PURE__ */ jsx(Renderer, { tile, position }, tile.id ?? `tile-${index}`);
-                        }),
-                        features.map((feature, index) => {
-                          const position = gridToWorld(
-                            feature.x,
-                            feature.z ?? feature.y ?? 0,
-                            (feature.elevation ?? 0) + 0.5
-                          );
-                          const Renderer = CustomFeatureRenderer || DefaultFeatureRenderer;
-                          return /* @__PURE__ */ jsx(Renderer, { feature, position }, feature.id ?? `feature-${index}`);
-                        }),
-                        units.map((unit) => {
-                          const position = gridToWorld(
-                            unit.x ?? 0,
-                            unit.z ?? unit.y ?? 0,
-                            (unit.elevation ?? 0) + 0.5
-                          );
-                          const Renderer = CustomUnitRenderer || DefaultUnitRenderer;
-                          return /* @__PURE__ */ jsx(Renderer, { unit, position }, unit.id);
-                        }),
+                        /* @__PURE__ */ jsxs("group", { scale, children: [
+                          tiles.map((tile, index) => {
+                            const position = gridToWorld(
+                              tile.x,
+                              tile.z ?? tile.y ?? 0,
+                              tile.elevation ?? 0
+                            );
+                            const Renderer = CustomTileRenderer || DefaultTileRenderer;
+                            return /* @__PURE__ */ jsx(Renderer, { tile, position }, tile.id ?? `tile-${index}`);
+                          }),
+                          features.map((feature, index) => {
+                            const position = gridToWorld(
+                              feature.x,
+                              feature.z ?? feature.y ?? 0,
+                              (feature.elevation ?? 0) + 0.5
+                            );
+                            const Renderer = CustomFeatureRenderer || DefaultFeatureRenderer;
+                            return /* @__PURE__ */ jsx(Renderer, { feature, position }, feature.id ?? `feature-${index}`);
+                          }),
+                          units.map((unit) => {
+                            const position = gridToWorld(
+                              unit.x ?? 0,
+                              unit.z ?? unit.y ?? 0,
+                              (unit.elevation ?? 0) + 0.5
+                            );
+                            const Renderer = CustomUnitRenderer || DefaultUnitRenderer;
+                            return /* @__PURE__ */ jsx(Renderer, { unit, position }, unit.id);
+                          })
+                        ] }),
                         children,
                         /* @__PURE__ */ jsx(
                           OrbitControls,
@@ -44829,6 +44857,8 @@ function GameBoard3D({
   features = [],
   cameraMode = "perspective",
   backgroundColor = "#2a1a1a",
+  unitScale = 1,
+  scale = 0.45,
   tileClickEvent,
   unitClickEvent,
   attackEvent,
@@ -44929,6 +44959,8 @@ function GameBoard3D({
         selectedUnitId,
         validMoves,
         attackTargets,
+        unitScale,
+        scale,
         className: "game-board-3d__canvas w-full min-h-[85vh]"
       }
     ),
@@ -46914,6 +46946,8 @@ function RoguelikeBoard({
   assetManifest: propAssetManifest,
   scale = 0.45,
   unitScale = 1,
+  spriteHeightRatio = 1.5,
+  spriteMaxWidthRatio = 0.6,
   moveEvent,
   playAgainEvent,
   gameEndEvent,
@@ -47061,7 +47095,9 @@ function RoguelikeBoard({
         scale,
         assetBaseUrl: propAssetManifest?.baseUrl ?? CDN4,
         assetManifest: propAssetManifest,
-        unitScale
+        unitScale,
+        spriteHeightRatio,
+        spriteMaxWidthRatio
       }
     ) }),
     !isGameOver && /* @__PURE__ */ jsx(HStack, { className: "justify-center gap-2 p-3", gap: "none", children: [
@@ -48500,7 +48536,7 @@ function getAllEvents(traits2) {
 function EventDispatcherTab({ traits: traits2, schema }) {
   const eventBus = useEventBus();
   const { t } = useTranslate();
-  const [log15, setLog] = React90.useState([]);
+  const [log16, setLog] = React90.useState([]);
   const prevStatesRef = React90.useRef(/* @__PURE__ */ new Map());
   React90.useEffect(() => {
     for (const trait of traits2) {
@@ -48564,9 +48600,9 @@ function EventDispatcherTab({ traits: traits2, schema }) {
       /* @__PURE__ */ jsx(Typography, { variant: "small", weight: "medium", className: "text-gray-500 mb-1", children: t("debug.otherEvents") }),
       /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: unavailableEvents.map((event) => /* @__PURE__ */ jsx(Badge, { variant: "default", size: "sm", className: "opacity-50", children: event }, event)) })
     ] }),
-    log15.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
+    log16.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsx(Typography, { variant: "small", weight: "medium", className: "text-gray-500 mb-1", children: t("debug.recentTransitions") }),
-      /* @__PURE__ */ jsx(Stack, { gap: "xs", children: log15.map((entry, i) => /* @__PURE__ */ jsxs(Typography, { variant: "small", className: "font-mono text-xs", children: [
+      /* @__PURE__ */ jsx(Stack, { gap: "xs", children: log16.map((entry, i) => /* @__PURE__ */ jsxs(Typography, { variant: "small", className: "font-mono text-xs", children: [
         /* @__PURE__ */ jsx("span", { className: "text-purple-400", children: entry.traitName }),
         " ",
         /* @__PURE__ */ jsx("span", { className: "text-gray-500", children: entry.from }),
@@ -51433,6 +51469,9 @@ function TowerDefenseBoard({
   waveActive: propWaveActive,
   towerCost = 25,
   scale = 0.45,
+  unitScale = 1,
+  spriteHeightRatio = 1.5,
+  spriteMaxWidthRatio = 0.6,
   placeTowerEvent,
   startWaveEvent,
   playAgainEvent,
@@ -51540,7 +51579,10 @@ function TowerDefenseBoard({
           onTileClick: handleTileClick,
           onTileHover: (x, y) => setHoveredTile({ x, y }),
           onTileLeave: () => setHoveredTile(null),
-          scale
+          scale,
+          unitScale,
+          spriteHeightRatio,
+          spriteMaxWidthRatio
         }
       ),
       hoveredTile && canPlaceTower && validMoves.some((m) => m.x === hoveredTile.x && m.y === hoveredTile.y) && /* @__PURE__ */ jsx(Box, { className: "absolute bottom-4 left-1/2 -translate-x-1/2 z-10 bg-background/80 rounded px-3 py-1 backdrop-blur-sm pointer-events-none", children: /* @__PURE__ */ jsx(Typography, { variant: "small", children: t("td.placeTower") ?? `Place tower (${towerCost} gold)` }) })
@@ -51876,6 +51918,8 @@ function WorldMapBoard({
   isLoading,
   scale = 0.4,
   unitScale = 2.5,
+  spriteHeightRatio = 1.5,
+  spriteMaxWidthRatio = 0.6,
   allowMoveAllHeroes = false,
   isInRange = defaultIsInRange,
   heroSelectEvent,
@@ -52113,6 +52157,8 @@ function WorldMapBoard({
             effectSpriteUrls,
             resolveUnitFrame,
             unitScale,
+            spriteHeightRatio,
+            spriteMaxWidthRatio,
             diamondTopY,
             enableCamera
           }
@@ -53431,7 +53477,7 @@ function isPatternConfig(value) {
   if (value instanceof Date) return false;
   if (typeof value === "function") return false;
   const record = value;
-  return "type" in record && typeof record.type === "string";
+  return "type" in record && typeof record.type === "string" && isKnownPattern(record.type);
 }
 function isPlainConfigObject(value) {
   if (React90__default.isValidElement(value)) return false;
@@ -57343,7 +57389,7 @@ function convertObjectProps(props) {
 function convertFnFormLambdasInProps(props) {
   return convertObjectProps(props);
 }
-var log10 = createLogger("almadar:ui:effects:client-handlers");
+var log11 = createLogger("almadar:ui:effects:client-handlers");
 function createClientEffectHandlers(options) {
   const { eventBus, slotSetter, navigate, notify, callService, liveEntity } = options;
   return {
@@ -57352,11 +57398,11 @@ function createClientEffectHandlers(options) {
       eventBus.emit(prefixedEvent, payload);
     },
     persist: async () => {
-      log10.warn("persist is server-side only, ignored on client");
+      log11.warn("persist is server-side only, ignored on client");
     },
     set: (_entityId, field, value) => {
       if (!liveEntity) {
-        log10.warn("set is server-side only, ignored on client (no live entity)");
+        log11.warn("set is server-side only, ignored on client (no live entity)");
         return;
       }
       liveEntity[field] = value;
@@ -57388,10 +57434,10 @@ function createClientEffectHandlers(options) {
       slotSetter.addPattern(slot, pattern, props);
     },
     navigate: navigate ?? ((path) => {
-      log10.warn("No navigate handler, ignoring", { path });
+      log11.warn("No navigate handler, ignoring", { path });
     }),
     notify: notify ?? ((msg, type) => {
-      log10.debug("notify", { type, message: msg });
+      log11.debug("notify", { type, message: msg });
     })
   };
 }
@@ -57623,7 +57669,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
     };
   }, [traitBindings]);
   const executeTransitionEffects = useCallback(async (params) => {
-    const { binding, previousState, newState, payload, flushEvent, syncOnly, log: log15 } = params;
+    const { binding, previousState, newState, payload, flushEvent, syncOnly, log: log16 } = params;
     const traitName = binding.trait.name;
     const linkedEntity = binding.linkedEntity || "";
     const entityId = payload?.entityId;
@@ -57711,7 +57757,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
       ...handlers,
       set: async (targetId, field, value) => {
         if (baseSet) await baseSet(targetId, field, value);
-        log15.debug("set:write", {
+        log16.debug("set:write", {
           traitName,
           field,
           value: JSON.stringify(value),
@@ -57751,7 +57797,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
     const executor = new EffectExecutor({ handlers: trackingHandlers, bindings: bindingCtx, context: effectContext });
     try {
       await executor.executeAll(effects);
-      log15.debug("effects:executed", () => ({
+      log16.debug("effects:executed", () => ({
         traitName,
         transition: `${previousState}->${newState}`,
         event: flushEvent,
@@ -57761,7 +57807,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
         slotsTouched: Array.from(pendingSlots.keys()).join(",")
       }));
       for (const [slot, patterns] of pendingSlots) {
-        log15.debug("flush:slot", {
+        log16.debug("flush:slot", {
           traitName,
           slot,
           patternCount: patterns.length,
@@ -57776,7 +57822,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
         });
       }
     } catch (error) {
-      log15.error("effects:error", {
+      log16.error("effects:error", {
         traitName,
         transition: `${previousState}->${newState}`,
         event: flushEvent,
@@ -57799,7 +57845,10 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
       if (binding.config) {
         guardCtx.config = binding.config;
       }
-      const passed = interpolateValue(tick.guard, createContextFromBindings(guardCtx));
+      const passed = evaluateGuard(
+        tick.guard,
+        createContextFromBindings(guardCtx)
+      );
       if (!passed) {
         tickLog.debug("guard-blocked", { traitName, tick: tick.name, state: currentState });
         return;
@@ -58768,7 +58817,7 @@ OrbitalThemeProvider.displayName = "OrbitalThemeProvider";
 init_navigation();
 init_verificationRegistry();
 var PERF_NAMESPACE = "almadar:perf:canvas";
-var log12 = createLogger(PERF_NAMESPACE);
+var log13 = createLogger(PERF_NAMESPACE);
 var RING_SIZE = 50;
 var ring = [];
 var writeIdx = 0;
@@ -58819,7 +58868,7 @@ function perfEnd(name, startToken, detail) {
     }
   }
   push({ name, durationMs, ts: endTs, detail });
-  log12.debug(name, () => ({ durationMs, ...detail ?? {} }));
+  log13.debug(name, () => ({ durationMs, ...detail ?? {} }));
 }
 var profilerOnRender = (id, phase, actualDuration, baseDuration, _startTime, commitTime) => {
   if (!isEnabled()) return;
@@ -58829,7 +58878,7 @@ var profilerOnRender = (id, phase, actualDuration, baseDuration, _startTime, com
     ts: commitTime,
     detail: { baseDuration }
   });
-  log12.debug(`profiler:${id}:${phase}`, () => ({ actualDuration, baseDuration }));
+  log13.debug(`profiler:${id}:${phase}`, () => ({ actualDuration, baseDuration }));
 };
 
 // runtime/prepareSchemaForPreview.ts
@@ -59472,7 +59521,7 @@ init_useEventBus();
 // components/avl/molecules/useCanvasDnd.tsx
 init_useEventBus();
 init_useAlmadarDndCollision();
-var log13 = createLogger("almadar:ui:canvas-dnd");
+var log14 = createLogger("almadar:ui:canvas-dnd");
 function useCanvasDraggable({
   id,
   payload,
@@ -59511,7 +59560,7 @@ function defaultEmit(eventBus, drop) {
   if (payload.kind === "pattern") {
     const patternType = payload.data.type;
     if (typeof patternType !== "string") {
-      log13.warn("default-emit:pattern:missing-type");
+      log14.warn("default-emit:pattern:missing-type");
       return;
     }
     const out = { patternType, containerNode: target.containerNode };
@@ -59520,23 +59569,23 @@ function defaultEmit(eventBus, drop) {
       out.index = resolved.index;
     }
     eventBus.emit("UI:PATTERN_DROP", out);
-    log13.info("default-emit:pattern", { patternType, level: target.level });
+    log14.info("default-emit:pattern", { patternType, level: target.level });
     return;
   }
   if (payload.kind === "behavior") {
     const behaviorName = payload.data.name;
     if (typeof behaviorName !== "string") {
-      log13.warn("default-emit:behavior:missing-name");
+      log14.warn("default-emit:behavior:missing-name");
       return;
     }
     eventBus.emit("UI:BEHAVIOR_DROP", {
       behaviorName,
       containerNode: target.containerNode
     });
-    log13.info("default-emit:behavior", { behaviorName, level: target.level });
+    log14.info("default-emit:behavior", { behaviorName, level: target.level });
     return;
   }
-  log13.debug("default-emit:unhandled-kind", { kind: payload.kind });
+  log14.debug("default-emit:unhandled-kind", { kind: payload.kind });
 }
 function CanvasDndProvider({
   children,
@@ -59552,9 +59601,9 @@ function CanvasDndProvider({
     if (payload) {
       setActivePayload(payload);
       eventBus.emit("UI:DRAG_START", { kind: payload.kind, data: payload.data });
-      log13.info("dragStart", { id: e.active.id, kind: payload.kind });
+      log14.info("dragStart", { id: e.active.id, kind: payload.kind });
     } else {
-      log13.warn("dragStart:missing-payload", { id: e.active.id });
+      log14.warn("dragStart:missing-payload", { id: e.active.id });
     }
   }, [eventBus]);
   const handleDragEnd = React90__default.useCallback((e) => {
@@ -59564,7 +59613,7 @@ function CanvasDndProvider({
     const overData = e.over?.data.current;
     const target = overData?.target;
     const accepts = overData?.accepts;
-    log13.info("dragEnd", {
+    log14.info("dragEnd", {
       activeId: e.active.id,
       overId: e.over?.id,
       hasPayload: !!payload,
@@ -59576,7 +59625,7 @@ function CanvasDndProvider({
     }
     if (!payload || !target) return;
     if (accepts && !accepts.includes(payload.kind)) {
-      log13.debug("dragEnd:rejected:kind", { kind: payload.kind, accepts: [...accepts] });
+      log14.debug("dragEnd:rejected:kind", { kind: payload.kind, accepts: [...accepts] });
       return;
     }
     const activator = e.activatorEvent;
@@ -59588,7 +59637,7 @@ function CanvasDndProvider({
   }, [eventBus, onDrop]);
   const handleDragCancel = React90__default.useCallback(() => {
     setActivePayload(null);
-    log13.info("dragCancel");
+    log14.info("dragCancel");
   }, []);
   return /* @__PURE__ */ jsxs(
     DndContext,
@@ -61403,7 +61452,7 @@ init_AvlTransitionLane();
 init_AvlSwimLane();
 init_types();
 init_avl_elk_layout();
-var log14 = createLogger("almadar:ui:avl:trait-scene");
+var log15 = createLogger("almadar:ui:avl:trait-scene");
 var SWIM_GUTTER2 = 120;
 var CENTER_W2 = 360;
 var AvlTraitScene = ({
@@ -61416,7 +61465,7 @@ var AvlTraitScene = ({
   const dataKey = useMemo(() => JSON.stringify(data), [data]);
   useEffect(() => {
     computeTraitLayout(data).then(setLayout).catch((error) => {
-      log14.error("computeTraitLayout failed", { error: error instanceof Error ? error : String(error) });
+      log15.error("computeTraitLayout failed", { error: error instanceof Error ? error : String(error) });
     });
   }, [dataKey]);
   if (!layout) {