@almadar/ui 5.91.0 → 5.94.0

package/dist/components/index.js

@@ -6,7 +6,7 @@ import { twMerge } from 'tailwind-merge';
 import { EventBusContext, useTraitScope, useCurrentPagePath, useEntitySchemaOptional, TraitScopeProvider } from '@almadar/ui/providers';
 import { createLogger, isLogLevelEnabled } from '@almadar/logger';
 import * as LucideIcons2 from 'lucide-react';
-import { X, List, Printer, ChevronRight, ChevronLeft, CheckCircle, XCircle, Wrench, RotateCcw, Send, Play, Terminal, ChevronDown, Bug, ArrowRight, Pause, SkipForward, Search, ChevronUp, MoreHorizontal, Package, Calendar, Pencil, Eye, Image as Image$1, Upload, ZoomIn, TrendingUp, TrendingDown, Minus, AlertCircle, Circle, Clock, CheckCircle2, Loader2, Code, FileText, WrapText, Check, Copy, HelpCircle, Type, Heading1, Heading2, Heading3, ListOrdered, Quote, GitBranch, Plus, Trash, ArrowLeft, Menu as Menu$1, AlertTriangle, Trash2, Eraser, ZoomOut, Download, Lightbulb, PauseCircle, Link2, Tag, User, DollarSign } from 'lucide-react';
+import { X, List, Printer, ChevronRight, ChevronLeft, CheckCircle, XCircle, Wrench, RotateCcw, Send, Play, Terminal, ChevronDown, Bug, ArrowRight, Search, ChevronUp, MoreHorizontal, Package, Calendar, Pencil, Eye, Image as Image$1, Upload, ZoomIn, TrendingUp, TrendingDown, Minus, AlertCircle, Circle, Clock, CheckCircle2, Loader2, Code, FileText, WrapText, Check, Copy, HelpCircle, Type, Heading1, Heading2, Heading3, ListOrdered, Quote, GitBranch, Plus, Trash, ArrowLeft, Menu as Menu$1, AlertTriangle, Trash2, Eraser, ZoomOut, Download, Lightbulb, PauseCircle, Link2, Tag, User, DollarSign } from 'lucide-react';
 import { useTranslate } from '@almadar/ui/hooks';
 import { useUISlots, useTheme } from '@almadar/ui/context';
 import { evaluate, createMinimalContext } from '@almadar/evaluator';
@@ -16302,6 +16302,7 @@ function Canvas2D({
   unitScale = 1,
   showMinimap = true,
   animate,
+  interpolateUnits = false,
   // Tuning
   debug: debug2 = false,
   spriteHeightRatio = 1.5,
@@ -16336,6 +16337,8 @@ function Canvas2D({
   const containerRef = useRef(null);
   const lerpRafRef = useRef(0);
   const animRafRef = useRef(0);
+  const unitInterp = useRenderInterpolation();
+  const interpolatedUnitPositionsRef = useRef(/* @__PURE__ */ new Map());
   const [viewportSize, setViewportSize] = useState({ width: 800, height: 600 });
   useEffect(() => {
     const el = containerRef.current;
@@ -16650,7 +16653,8 @@ function Canvas2D({
       return depthA !== depthB ? depthA - depthB : a.position.y - b.position.y;
     });
     for (const unit of sortedUnits) {
-      const pos = project(unit.position.x, unit.position.y, baseOffsetX);
+      const interpolated = interpolateUnits ? interpolatedUnitPositionsRef.current.get(unit.id) : void 0;
+      const pos = project(interpolated?.x ?? unit.position.x, interpolated?.y ?? unit.position.y, baseOffsetX);
       if (pos.x + scaledTileWidth < visLeft || pos.x > visRight || pos.y + scaledTileHeight < visTop || pos.y > visBottom) {
         continue;
       }
@@ -16802,7 +16806,8 @@ function Canvas2D({
     unitScale,
     assetManifest,
     spriteHeightRatio,
-    spriteMaxWidthRatio
+    spriteMaxWidthRatio,
+    interpolateUnits
   ]);
   useEffect(() => {
     if (camera === "fixed") return;
@@ -16817,6 +16822,19 @@ function Canvas2D({
       y: centerY - viewportSize.height / 2
     };
   }, [camera, selectedUnitId, units, project, baseOffsetX, scaledTileWidth, scaledDiamondTopY, scaledFloorHeight, viewportSize, targetCameraRef]);
+  useEffect(() => {
+    if (isSide || !interpolateUnits) return;
+    unitInterp.onSnapshot(
+      units.filter((u) => !!u.position).map((u) => ({ id: u.id, x: u.position.x, y: u.position.y }))
+    );
+  }, [isSide, interpolateUnits, units, unitInterp]);
+  useEffect(() => {
+    if (isSide || !interpolateUnits) return;
+    return unitInterp.startLoop((positions) => {
+      interpolatedUnitPositionsRef.current = positions;
+      draw();
+    });
+  }, [isSide, interpolateUnits, unitInterp, draw]);
   useEffect(() => {
     if (isSide) return;
     draw();
@@ -26601,6 +26619,7 @@ function GameCard({
   selected = false,
   disabled = false,
   size = "md",
+  animState = "idle",
   onClick,
   clickEvent,
   className
@@ -26628,6 +26647,7 @@ function GameCard({
         cardSizeMap[size],
         disabled ? "border-border opacity-50 cursor-not-allowed" : "border-accent hover:brightness-125 hover:-translate-y-1 cursor-pointer",
         selected && "ring-2 ring-foreground ring-offset-1 ring-offset-background -translate-y-1",
+        ANIM_STATE_CLASS[animState],
         className
       ),
       children: [
@@ -26660,7 +26680,7 @@ function GameCard({
     }
   );
 }
-var cardSizeMap, artPxMap;
+var cardSizeMap, artPxMap, ANIM_STATE_CLASS;
 var init_GameCard = __esm({
   "components/game/2d/atoms/GameCard.tsx"() {
     "use client";
@@ -26676,6 +26696,12 @@ var init_GameCard = __esm({
       lg: "w-24 h-36"
     };
     artPxMap = { sm: 40, md: 52, lg: 64 };
+    ANIM_STATE_CLASS = {
+      idle: "",
+      drawn: "scale-105",
+      played: "-translate-y-2 opacity-80",
+      flipped: "scale-x-0"
+    };
     GameCard.displayName = "GameCard";
   }
 });
@@ -27366,8 +27392,11 @@ function DialogueBubble({
   text = "The dungeon awaits. Choose your path wisely.",
   portrait = DEFAULT_PORTRAIT,
   position = "bottom",
+  mood = "neutral",
+  revealedChars,
   className
 }) {
+  const visibleText = revealedChars === void 0 ? text : text.slice(0, revealedChars);
   return /* @__PURE__ */ jsxs(
     Box,
     {
@@ -27377,16 +27406,16 @@ function DialogueBubble({
         className
       ),
       children: [
-        portrait && /* @__PURE__ */ jsx(Box, { className: "flex-shrink-0 w-12 h-12 rounded-full overflow-hidden border-2 border-warning/60", children: /* @__PURE__ */ jsx(GameIcon, { assetUrl: portrait, icon: "image", size: 48, alt: speaker ?? "speaker", className: "w-full h-full object-cover" }) }),
+        portrait && /* @__PURE__ */ jsx(Box, { className: cn("flex-shrink-0 w-12 h-12 rounded-full overflow-hidden border-2 transition-colors duration-300", MOOD_RING_CLASS[mood]), children: /* @__PURE__ */ jsx(GameIcon, { assetUrl: portrait, icon: "image", size: 48, alt: speaker ?? "speaker", className: "w-full h-full object-cover" }) }),
         /* @__PURE__ */ jsxs(Box, { className: "flex flex-col gap-1 min-w-0", children: [
           speaker && /* @__PURE__ */ jsx(Typography, { as: "span", className: "text-sm font-bold text-warning", children: speaker }),
-          /* @__PURE__ */ jsx(Typography, { as: "span", className: "text-sm text-foreground leading-relaxed", children: text })
+          /* @__PURE__ */ jsx(Typography, { as: "span", className: "text-sm text-foreground leading-relaxed", children: visibleText })
         ] })
       ]
     }
   );
 }
-var DEFAULT_PORTRAIT;
+var DEFAULT_PORTRAIT, MOOD_RING_CLASS;
 var init_DialogueBubble = __esm({
   "components/game/2d/atoms/DialogueBubble.tsx"() {
     init_cn();
@@ -27398,6 +27427,12 @@ var init_DialogueBubble = __esm({
       role: "effect",
       category: "character"
     };
+    MOOD_RING_CLASS = {
+      neutral: "border-warning/60",
+      happy: "border-success/70",
+      concerned: "border-info/70",
+      angry: "border-error/70"
+    };
     DialogueBubble.displayName = "DialogueBubble";
   }
 });
@@ -28989,6 +29024,8 @@ function SequenceBar({
   maxSlots,
   onSlotDrop,
   onSlotRemove,
+  slotDropEvent,
+  slotRemoveEvent,
   playing = false,
   currentStep = -1,
   categoryColors,
@@ -28996,14 +29033,17 @@ function SequenceBar({
   size = "lg",
   className
 }) {
+  const { emit } = useEventBus();
   const handleDrop = useCallback((index) => (item) => {
     if (playing) return;
-    onSlotDrop(index, item);
-  }, [onSlotDrop, playing]);
+    if (slotDropEvent) emit(`UI:${slotDropEvent}`, { slotNumber: index, itemId: item.id });
+    else onSlotDrop?.(index, item);
+  }, [emit, slotDropEvent, onSlotDrop, playing]);
   const handleRemove = useCallback((index) => () => {
     if (playing) return;
-    onSlotRemove(index);
-  }, [onSlotRemove, playing]);
+    if (slotRemoveEvent) emit(`UI:${slotRemoveEvent}`, { slotNumber: index });
+    else onSlotRemove?.(index);
+  }, [emit, slotRemoveEvent, 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(React74__default.Fragment, { children: [
     i > 0 && /* @__PURE__ */ jsx(
@@ -29035,9 +29075,10 @@ function SequenceBar({
   ] }, i)) });
 }
 var init_SequenceBar = __esm({
-  "components/game/2d/organisms/SequenceBar.tsx"() {
+  "components/game/2d/molecules/SequenceBar.tsx"() {
     init_atoms();
     init_cn();
+    init_useEventBus();
     init_TraitSlot();
     SequenceBar.displayName = "SequenceBar";
   }
@@ -30771,336 +30812,6 @@ var init_physicsPresets = __esm({
     ];
   }
 });
-function resolvePreset(preset) {
-  if (typeof preset !== "string") return preset;
-  return PRESET_BY_ID[preset] ?? projectileMotion;
-}
-function SimulationCanvas({
-  preset: presetProp,
-  width = 600,
-  height = 400,
-  bodies: externalBodies,
-  className
-}) {
-  const preset = useMemo(() => resolvePreset(presetProp), [presetProp]);
-  const canvasRef = useRef(null);
-  const bodiesRef = useRef(structuredClone(preset.bodies));
-  const interp = useRenderInterpolation();
-  useEffect(() => {
-    bodiesRef.current = structuredClone(preset.bodies);
-  }, [preset]);
-  const draw = useCallback(() => {
-    const canvas = canvasRef.current;
-    if (!canvas) return;
-    const ctx = canvas.getContext("2d");
-    if (!ctx) return;
-    const bodies = bodiesRef.current;
-    ctx.clearRect(0, 0, width, height);
-    ctx.fillStyle = preset.backgroundColor ?? "#1a1a2e";
-    ctx.fillRect(0, 0, width, height);
-    if (preset.constraints) {
-      for (const c of preset.constraints) {
-        const a = bodies[c.bodyA];
-        const b = bodies[c.bodyB];
-        if (a && b) {
-          ctx.beginPath();
-          ctx.moveTo(a.x, a.y);
-          ctx.lineTo(b.x, b.y);
-          ctx.strokeStyle = "#533483";
-          ctx.lineWidth = 1;
-          ctx.setLineDash([4, 4]);
-          ctx.stroke();
-          ctx.setLineDash([]);
-        }
-      }
-    }
-    for (const body of bodies) {
-      ctx.beginPath();
-      ctx.arc(body.x, body.y, body.radius, 0, Math.PI * 2);
-      ctx.fillStyle = body.color ?? "#e94560";
-      ctx.fill();
-      if (preset.showVelocity) {
-        ctx.beginPath();
-        ctx.moveTo(body.x, body.y);
-        ctx.lineTo(body.x + body.vx * 0.1, body.y + body.vy * 0.1);
-        ctx.strokeStyle = "#16213e";
-        ctx.lineWidth = 2;
-        ctx.stroke();
-      }
-    }
-  }, [width, height, preset]);
-  useEffect(() => {
-    if (!externalBodies) return;
-    interp.onSnapshot(externalBodies.map((b) => ({ id: b.id, x: b.x, y: b.y })));
-  }, [externalBodies]);
-  const presetRef = useRef(preset);
-  presetRef.current = preset;
-  const widthRef = useRef(width);
-  widthRef.current = width;
-  const heightRef = useRef(height);
-  heightRef.current = height;
-  useEffect(() => {
-    if (!externalBodies) return;
-    const drawInterpolated = (positions) => {
-      const canvas = canvasRef.current;
-      if (!canvas) return;
-      const ctx = canvas.getContext("2d");
-      if (!ctx) return;
-      const bodies = bodiesRef.current;
-      const p = presetRef.current;
-      const w = widthRef.current;
-      const h = heightRef.current;
-      ctx.clearRect(0, 0, w, h);
-      ctx.fillStyle = p.backgroundColor ?? "#1a1a2e";
-      ctx.fillRect(0, 0, w, h);
-      if (p.constraints) {
-        for (const c of p.constraints) {
-          const a = bodies[c.bodyA];
-          const b = bodies[c.bodyB];
-          if (a && b) {
-            const aPos = positions.get(a.id) ?? a;
-            const bPos = positions.get(b.id) ?? b;
-            ctx.beginPath();
-            ctx.moveTo(aPos.x, aPos.y);
-            ctx.lineTo(bPos.x, bPos.y);
-            ctx.strokeStyle = "#533483";
-            ctx.lineWidth = 1;
-            ctx.setLineDash([4, 4]);
-            ctx.stroke();
-            ctx.setLineDash([]);
-          }
-        }
-      }
-      for (const body of bodies) {
-        const pos = positions.get(body.id) ?? body;
-        ctx.beginPath();
-        ctx.arc(pos.x, pos.y, body.radius, 0, Math.PI * 2);
-        ctx.fillStyle = body.color ?? "#e94560";
-        ctx.fill();
-        if (p.showVelocity) {
-          ctx.beginPath();
-          ctx.moveTo(pos.x, pos.y);
-          ctx.lineTo(pos.x + body.vx * 0.1, pos.y + body.vy * 0.1);
-          ctx.strokeStyle = "#16213e";
-          ctx.lineWidth = 2;
-          ctx.stroke();
-        }
-      }
-    };
-    return interp.startLoop(drawInterpolated);
-  }, [externalBodies !== void 0, interp.startLoop]);
-  useEffect(() => {
-    draw();
-  }, [draw]);
-  useEffect(() => {
-    if (typeof window === "undefined") return;
-    const canvas = canvasRef.current;
-    if (!canvas) return;
-    bindCanvasCapture(() => canvas.toDataURL("image/png"));
-    return () => {
-      bindCanvasCapture(() => null);
-    };
-  }, []);
-  return /* @__PURE__ */ jsx(Box, { className: cn("flex justify-center", className), children: /* @__PURE__ */ jsx(
-    "canvas",
-    {
-      ref: canvasRef,
-      width,
-      height,
-      className: "rounded-container block max-w-full h-auto"
-    }
-  ) });
-}
-var PRESET_BY_ID;
-var init_SimulationCanvas = __esm({
-  "components/game/2d/organisms/SimulationCanvas.tsx"() {
-    init_cn();
-    init_atoms();
-    init_verificationRegistry();
-    init_physicsPresets();
-    init_useRenderInterpolation();
-    PRESET_BY_ID = {
-      "mechanics-projectile": projectileMotion,
-      "mechanics-pendulum": pendulum,
-      "mechanics-spring": springOscillator
-    };
-    SimulationCanvas.displayName = "SimulationCanvas";
-  }
-});
-function SimulationControls({
-  running,
-  speed,
-  parameters,
-  onPlay,
-  onPause,
-  onStep,
-  onReset,
-  onSpeedChange,
-  onParameterChange,
-  playEvent,
-  pauseEvent,
-  stepEvent,
-  resetEvent,
-  speedChangeEvent,
-  parameterChangeEvent,
-  assetManifest,
-  className
-}) {
-  const eventBus = useEventBus();
-  const ui = assetManifest?.ui;
-  const handlePlay = () => {
-    if (playEvent) eventBus.emit(`UI:${playEvent}`, {});
-    onPlay?.();
-  };
-  const handlePause = () => {
-    if (pauseEvent) eventBus.emit(`UI:${pauseEvent}`, {});
-    onPause?.();
-  };
-  const handleStep = () => {
-    if (stepEvent) eventBus.emit(`UI:${stepEvent}`, {});
-    onStep?.();
-  };
-  const handleReset = () => {
-    if (resetEvent) eventBus.emit(`UI:${resetEvent}`, {});
-    onReset?.();
-  };
-  const handleSpeedChange = (s) => {
-    if (speedChangeEvent) eventBus.emit(`UI:${speedChangeEvent}`, { speed: s });
-    onSpeedChange?.(s);
-  };
-  const handleParameterChange = (name, value) => {
-    if (parameterChangeEvent) eventBus.emit(`UI:${parameterChangeEvent}`, { name, value });
-    onParameterChange?.(name, value);
-  };
-  return /* @__PURE__ */ jsxs(VStack, { gap: "md", className, children: [
-    /* @__PURE__ */ jsxs(HStack, { gap: "sm", align: "center", children: [
-      running ? /* @__PURE__ */ jsxs(Button, { size: "sm", variant: "secondary", onClick: handlePause, children: [
-        /* @__PURE__ */ jsx(GameIcon, { icon: Pause, assetUrl: ui?.["pause"], size: "sm" }),
-        "Pause"
-      ] }) : /* @__PURE__ */ jsxs(Button, { size: "sm", variant: "primary", onClick: handlePlay, children: [
-        /* @__PURE__ */ jsx(GameIcon, { icon: Play, assetUrl: ui?.["play"], size: "sm" }),
-        "Play"
-      ] }),
-      /* @__PURE__ */ jsxs(Button, { size: "sm", variant: "ghost", onClick: handleStep, disabled: running, children: [
-        /* @__PURE__ */ jsx(GameIcon, { icon: SkipForward, assetUrl: ui?.["step"], size: "sm" }),
-        "Step"
-      ] }),
-      /* @__PURE__ */ jsxs(Button, { size: "sm", variant: "ghost", onClick: handleReset, children: [
-        /* @__PURE__ */ jsx(GameIcon, { icon: RotateCcw, assetUrl: ui?.["reset"], size: "sm" }),
-        "Reset"
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs(VStack, { gap: "xs", children: [
-      /* @__PURE__ */ jsxs(Typography, { variant: "caption", color: "muted", children: [
-        "Speed: ",
-        speed.toFixed(1),
-        "x"
-      ] }),
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          type: "range",
-          min: 0.1,
-          max: 5,
-          step: 0.1,
-          value: speed,
-          onChange: (e) => handleSpeedChange(parseFloat(e.target.value)),
-          className: "w-full"
-        }
-      )
-    ] }),
-    Object.entries(parameters).map(([name, param]) => /* @__PURE__ */ jsxs(VStack, { gap: "xs", children: [
-      /* @__PURE__ */ jsxs(Typography, { variant: "caption", color: "muted", children: [
-        param.label,
-        ": ",
-        param.value.toFixed(2)
-      ] }),
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          type: "range",
-          min: param.min,
-          max: param.max,
-          step: param.step,
-          value: param.value,
-          onChange: (e) => handleParameterChange(name, parseFloat(e.target.value)),
-          className: "w-full"
-        }
-      )
-    ] }, name))
-  ] });
-}
-var init_SimulationControls = __esm({
-  "components/game/2d/organisms/SimulationControls.tsx"() {
-    init_useEventBus();
-    init_atoms();
-    init_GameIcon();
-    SimulationControls.displayName = "SimulationControls";
-  }
-});
-function SimulationGraph({
-  label,
-  unit,
-  data,
-  maxPoints = 200,
-  width = 300,
-  height = 120,
-  color = "#e94560",
-  className
-}) {
-  const canvasRef = useRef(null);
-  const visibleData = data.slice(-maxPoints);
-  useEffect(() => {
-    const canvas = canvasRef.current;
-    if (!canvas || visibleData.length < 2) return;
-    const ctx = canvas.getContext("2d");
-    if (!ctx) return;
-    ctx.clearRect(0, 0, width, height);
-    ctx.fillStyle = "#0f0f23";
-    ctx.fillRect(0, 0, width, height);
-    ctx.strokeStyle = "#1a1a3e";
-    ctx.lineWidth = 0.5;
-    for (let i = 0; i < 5; i++) {
-      const y = height / 5 * i;
-      ctx.beginPath();
-      ctx.moveTo(0, y);
-      ctx.lineTo(width, y);
-      ctx.stroke();
-    }
-    let minVal = Infinity;
-    let maxVal = -Infinity;
-    for (const pt of visibleData) {
-      if (pt.value < minVal) minVal = pt.value;
-      if (pt.value > maxVal) maxVal = pt.value;
-    }
-    const range = maxVal - minVal || 1;
-    const pad = height * 0.1;
-    ctx.beginPath();
-    ctx.strokeStyle = color;
-    ctx.lineWidth = 2;
-    for (let i = 0; i < visibleData.length; i++) {
-      const x = i / (maxPoints - 1) * width;
-      const y = pad + (maxVal - visibleData[i].value) / range * (height - 2 * pad);
-      if (i === 0) ctx.moveTo(x, y);
-      else ctx.lineTo(x, y);
-    }
-    ctx.stroke();
-    const last = visibleData[visibleData.length - 1];
-    ctx.fillStyle = color;
-    ctx.font = "12px monospace";
-    ctx.fillText(`${last.value.toFixed(2)} ${unit}`, width - 80, 16);
-  }, [visibleData, width, height, color, unit, maxPoints]);
-  return /* @__PURE__ */ jsx(Card, { padding: "sm", className, children: /* @__PURE__ */ jsxs(VStack, { gap: "xs", children: [
-    /* @__PURE__ */ jsx(Typography, { variant: "caption", weight: "bold", children: label }),
-    /* @__PURE__ */ jsx("canvas", { ref: canvasRef, width, height, className: "rounded" })
-  ] }) });
-}
-var init_SimulationGraph = __esm({
-  "components/game/2d/organisms/SimulationGraph.tsx"() {
-    init_atoms();
-    SimulationGraph.displayName = "SimulationGraph";
-  }
-});
 var GameTemplate;
 var init_GameTemplate = __esm({
   "components/game/2d/templates/GameTemplate.tsx"() {
@@ -31364,9 +31075,6 @@ var init_molecules = __esm({
     init_BuilderBoard();
     init_DebuggerBoard();
     init_NegotiatorBoard();
-    init_SimulationCanvas();
-    init_SimulationControls();
-    init_SimulationGraph();
     init_physicsPresets();
     init_GameTemplate();
     init_GameShell();
@@ -31971,13 +31679,13 @@ var init_MapView = __esm({
         shadowSize: [41, 41]
       });
       L.Marker.prototype.options.icon = defaultIcon;
-      const { useEffect: useEffect71, useRef: useRef66, useCallback: useCallback114, useState: useState108 } = React74__default;
+      const { useEffect: useEffect69, useRef: useRef64, useCallback: useCallback113, useState: useState108 } = React74__default;
       const { Typography: Typography2 } = await Promise.resolve().then(() => (init_Typography(), Typography_exports));
       const { useEventBus: useEventBus2 } = await Promise.resolve().then(() => (init_useEventBus(), useEventBus_exports));
       function MapUpdater({ centerLat, centerLng, zoom }) {
         const map = useMap();
-        const prevRef = useRef66({ centerLat, centerLng, zoom });
-        useEffect71(() => {
+        const prevRef = useRef64({ centerLat, centerLng, zoom });
+        useEffect69(() => {
           const prev = prevRef.current;
           if (prev.centerLat !== centerLat || prev.centerLng !== centerLng || prev.zoom !== zoom) {
             map.setView([centerLat, centerLng], zoom);
@@ -31988,7 +31696,7 @@ var init_MapView = __esm({
       }
       function MapClickHandler({ onMapClick }) {
         const map = useMap();
-        useEffect71(() => {
+        useEffect69(() => {
           if (!onMapClick) return;
           const handler = (e) => {
             onMapClick(e.latlng.lat, e.latlng.lng);
@@ -32017,7 +31725,7 @@ var init_MapView = __esm({
       }) {
         const eventBus = useEventBus2();
         const [clickedPosition, setClickedPosition] = useState108(null);
-        const handleMapClick = useCallback114((lat, lng) => {
+        const handleMapClick = useCallback113((lat, lng) => {
           if (showClickedPin) {
             setClickedPosition({ lat, lng });
           }
@@ -32026,7 +31734,7 @@ var init_MapView = __esm({
             eventBus.emit(`UI:${mapClickEvent}`, { latitude: lat, longitude: lng });
           }
         }, [onMapClick, mapClickEvent, eventBus, showClickedPin]);
-        const handleMarkerClick = useCallback114((marker) => {
+        const handleMarkerClick = useCallback113((marker) => {
           onMarkerClick?.(marker);
           if (markerClickEvent) {
             eventBus.emit(`UI:${markerClickEvent}`, { ...marker });
@@ -48023,7 +47731,6 @@ var init_component_registry_generated = __esm({
     init_Sidebar();
     init_SignaturePad();
     init_SimpleGrid();
-    init_SimulationCanvas();
     init_SimulatorBoard();
     init_Skeleton();
     init_SocialProof();
@@ -48335,7 +48042,6 @@ var init_component_registry_generated = __esm({
       "Sidebar": Sidebar,
       "SignaturePad": SignaturePad,
       "SimpleGrid": SimpleGrid,
-      "SimulationCanvas": SimulationCanvas,
       "SimulatorBoard": SimulatorBoard,
       "Skeleton": Skeleton,
       "SocialProof": SocialProof,
@@ -51648,4 +51354,4 @@ function useGitHubBranches(owner, repo, enabled = true) {
   });
 }
 
-export { ALL_PRESETS, ALMADAR_DND_MIME, AR_BOOK_FIELDS, AboutPageTemplate, Accordion, ActionButton, Card2 as ActionCard, ActionPalette, ActionTile, ActivationBlock, Alert, AnimatedCounter, AnimatedGraphic, AnimatedReveal, ArticleSection, Aside, AssetPicker, AuthLayout, Avatar, Badge, BehaviorView, BiologyCanvas, BloomQuizBlock, BookChapterView, BookCoverPage, BookNavBar, BookTableOfContents, BookViewer, Box, BranchingLogicBuilder, Breadcrumb, BuilderBoard, Button, ButtonGroup, CTABanner, CalendarGrid, Canvas2D, Card, CardBody, CardContent, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, CaseStudyCard, CaseStudyOrganism, Center, Chart, ChartLegend, ChatBar, Checkbox, ChemistryCanvas, ChoiceButton, ClassifierBoard, Coachmark, CodeBlock, CodeRunnerPanel, CollapsibleSection, ComboCounter, CommunityLinks, ConditionalWrapper, ConfettiEffect, ConfirmDialog, ConnectionBlock, Container, ContentRenderer, ContentSection, ControlButton, ControlGrid, CounterTemplate, DEFAULT_LIKERT_OPTIONS, DEFAULT_MATRIX_COLUMNS, DEFAULT_SLOTS, DIAMOND_TOP_Y, DamageNumber, DashboardGrid, DashboardLayout, DataGrid, DataList, DataTable, DateRangePicker, DateRangeSelector, DayCell, DebuggerBoard, DetailPanel, Dialog, DialogueBubble, Divider, DocBreadcrumb, DocPagination, DocSearch, DocSidebar, DocTOC, DocumentViewer, StateMachineView as DomStateMachineVisualizer, Drawer, DrawerSlot, ELEMENT_SELECTED_EVENT, EMPTY_EFFECT_STATE, EdgeDecoration, EditorCheckbox, EditorSelect, EditorSlider, EditorTextInput, EditorToolbar, EmptyState, EntityDisplayEvents, ErrorBoundary, ErrorState, EventHandlerBoard, EventLog, FEATURE_COLORS, FEATURE_TYPES, FLOOR_HEIGHT, FeatureCard, FeatureDetailPageTemplate, FeatureGrid, FeatureGridOrganism, FileTree, FilterGroup, FilterPill, Flex, FlipCard, FlipContainer, FloatingActionButton, Form, FormActions, FormField, FormLayout, FormSection, FormSectionHeader, GameAudioContext, GameAudioProvider, GameAudioToggle, GameCard, GameHud, GameIcon, GameMenu, GameShell, GameTemplate, GenericAppTemplate, GeometricPattern, GradientDivider, GraphCanvas, GraphView, Grid, GridPicker, HStack, Header, HealthBar, HeroOrganism, HeroSection, I18nProvider, IDENTITY_BOOK_FIELDS, Icon, IconPicker, InfiniteScrollSentinel, Input, InputGroup, InstallBox, InventoryGrid, ItemSlot, JazariStateMachine, JsonTreeEditor, Label, LandingPageTemplate, LawReferenceTooltip, LearningCanvas, Lightbox, LikertScale, LineChart2 as LineChart, List3 as List, LoadingState, MapView, MarkdownContent, MarketingFooter, MarketingStatCard, MasterDetail, MasterDetailLayout, MathCanvas, MatrixQuestion, MediaGallery, Menu, Meter, MiniMap, Modal, ModalSlot, ModuleCard, Navigation, NegotiatorBoard, NodeSlotEditor, NotifyListener, NumberStepper, ObjectRulePanel, OnboardingSpotlight, OptionConstraintGroup, StateMachineView as OrbitalStateMachineView, OrbitalVisualization, Overlay, PageHeader, Pagination, PatternTile, PhysicsCanvas, Popover, PositionedCanvas, PricingCard, PricingGrid, PricingOrganism, PricingPageTemplate, ProgressBar, ProgressDots, PropertyInspector, PullQuote, PullToRefresh, QrScanner, QuizBlock, Radio, RangeSlider, ReflectionBlock, RelationSelect, RepeatableFormSection, ReplyTree, ResourceBar, ResourceCounter, RichBlockEditor, RuleEditor, RuntimeDebugger, SHEET_COLUMNS, SPRITE_SHEET_LAYOUT, ScaledDiagram, ScoreDisplay, SearchInput, Section, SectionHeader, SegmentRenderer, Select, SequenceBar, SequencerBoard, ServiceCatalog, ShowcaseCard, ShowcaseOrganism, SidePanel, Sidebar, SignaturePad, SimpleGrid, SimulationCanvas, SimulationControls, SimulationGraph, SimulatorBoard, Skeleton, SlotContentRenderer, SocialProof, SortableList, Spacer, Sparkline, Spinner, Split, SplitPane, SplitSection, Sprite, Stack, StarRating, StatBadge, StatCard, StatDisplay, StateArchitectBoard, StateGraph, StateIndicator, StateJsonView, StateMachineView, StateNode2 as StateNode, StatsGrid, StatsOrganism, StatusBar, StatusDot, StatusEffect, StepFlow, StepFlowOrganism, SubagentTracePanel, SvgBranch, SvgConnection, SvgFlow, SvgGrid, SvgLobe, SvgMesh, SvgMorph, SvgNode, SvgPulse, SvgRing, SvgShield, SvgStack, SwipeableRow, Switch, TERRAIN_COLORS, TILE_HEIGHT, TILE_WIDTH, TabbedContainer, TableView, Tabs, TagCloud, TagInput, TeamCard, TeamOrganism, TerrainPalette, TextHighlight, Textarea, ThemeToggle, TimeSlotCell, Timeline, TimerDisplay, Toast, ToastSlot, Tooltip, TraitFrame, TraitSlot, TraitStateViewer, TransitionArrow, TrendIndicator, TurnIndicator, TypewriterText, Typography, UISlotComponent, UISlotRenderer, UploadDropZone, VStack, VariablePanel, VersionDiff, ViolationAlert, VoteStack, WaypointMarker, WizardContainer, WizardNavigation, WizardProgress, boardEntity, bool, calculateAttackTargets, calculateValidMoves, cn, createInitialGameState, createTranslate, createUnitAnimationState, drawSprite, getCurrentFrame, getTileDimensions, inferDirection, isoToScreen, makeAsset, makeAssetMap, mapBookData, num, objAvailableActions, objAvailableEvents, objCurrentState, objIcon, objId, objMaxRules, objName, objRules, objStates, parseEditFocus, parseLessonSegments, parseMarkdownWithCodeBlocks, parseQueryBinding, pendulum, projectileMotion, resolveFieldMap, resolveFrame, resolveSheetDirection, rows, screenToIso, springOscillator, str, tickAnimationState, toCodeLanguage, transitionAnimation, unitHealth, unitPosition, unitTeam, useAgentChat, useAnchorRect, useAuthContext, useCamera, useCanvasGestures, useCompile, useConnectGitHub, useDeepAgentGeneration, useDisconnectGitHub, useDragReorder, useDraggable, useDropZone, useEmitEvent, useEventBus, useEventListener, useExtensions, useFileEditor, useFileSystem, useGameAudio, useGameAudioContext, useGitHubBranches, useGitHubRepo, useGitHubRepos, useGitHubStatus, useImageCache, useInfiniteScroll, useLongPress, useOrbitalHistory, usePreview, usePullToRefresh, useQuerySingleton, useRenderInterpolation, useSwipeGesture, useTapReveal, useTraitListens, useTranslate127 as useTranslate, useUIEvents, useUISlotManager, useUnitSpriteAtlas, useValidation, vec2 };
+export { ALL_PRESETS, ALMADAR_DND_MIME, AR_BOOK_FIELDS, AboutPageTemplate, Accordion, ActionButton, Card2 as ActionCard, ActionPalette, ActionTile, ActivationBlock, Alert, AnimatedCounter, AnimatedGraphic, AnimatedReveal, ArticleSection, Aside, AssetPicker, AuthLayout, Avatar, Badge, BehaviorView, BiologyCanvas, BloomQuizBlock, BookChapterView, BookCoverPage, BookNavBar, BookTableOfContents, BookViewer, Box, BranchingLogicBuilder, Breadcrumb, BuilderBoard, Button, ButtonGroup, CTABanner, CalendarGrid, Canvas2D, Card, CardBody, CardContent, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, CaseStudyCard, CaseStudyOrganism, Center, Chart, ChartLegend, ChatBar, Checkbox, ChemistryCanvas, ChoiceButton, ClassifierBoard, Coachmark, CodeBlock, CodeRunnerPanel, CollapsibleSection, ComboCounter, CommunityLinks, ConditionalWrapper, ConfettiEffect, ConfirmDialog, ConnectionBlock, Container, ContentRenderer, ContentSection, ControlButton, ControlGrid, CounterTemplate, DEFAULT_LIKERT_OPTIONS, DEFAULT_MATRIX_COLUMNS, DEFAULT_SLOTS, DIAMOND_TOP_Y, DamageNumber, DashboardGrid, DashboardLayout, DataGrid, DataList, DataTable, DateRangePicker, DateRangeSelector, DayCell, DebuggerBoard, DetailPanel, Dialog, DialogueBubble, Divider, DocBreadcrumb, DocPagination, DocSearch, DocSidebar, DocTOC, DocumentViewer, StateMachineView as DomStateMachineVisualizer, Drawer, DrawerSlot, ELEMENT_SELECTED_EVENT, EMPTY_EFFECT_STATE, EdgeDecoration, EditorCheckbox, EditorSelect, EditorSlider, EditorTextInput, EditorToolbar, EmptyState, EntityDisplayEvents, ErrorBoundary, ErrorState, EventHandlerBoard, EventLog, FEATURE_COLORS, FEATURE_TYPES, FLOOR_HEIGHT, FeatureCard, FeatureDetailPageTemplate, FeatureGrid, FeatureGridOrganism, FileTree, FilterGroup, FilterPill, Flex, FlipCard, FlipContainer, FloatingActionButton, Form, FormActions, FormField, FormLayout, FormSection, FormSectionHeader, GameAudioContext, GameAudioProvider, GameAudioToggle, GameCard, GameHud, GameIcon, GameMenu, GameShell, GameTemplate, GenericAppTemplate, GeometricPattern, GradientDivider, GraphCanvas, GraphView, Grid, GridPicker, HStack, Header, HealthBar, HeroOrganism, HeroSection, I18nProvider, IDENTITY_BOOK_FIELDS, Icon, IconPicker, InfiniteScrollSentinel, Input, InputGroup, InstallBox, InventoryGrid, ItemSlot, JazariStateMachine, JsonTreeEditor, Label, LandingPageTemplate, LawReferenceTooltip, LearningCanvas, Lightbox, LikertScale, LineChart2 as LineChart, List3 as List, LoadingState, MapView, MarkdownContent, MarketingFooter, MarketingStatCard, MasterDetail, MasterDetailLayout, MathCanvas, MatrixQuestion, MediaGallery, Menu, Meter, MiniMap, Modal, ModalSlot, ModuleCard, Navigation, NegotiatorBoard, NodeSlotEditor, NotifyListener, NumberStepper, ObjectRulePanel, OnboardingSpotlight, OptionConstraintGroup, StateMachineView as OrbitalStateMachineView, OrbitalVisualization, Overlay, PageHeader, Pagination, PatternTile, PhysicsCanvas, Popover, PositionedCanvas, PricingCard, PricingGrid, PricingOrganism, PricingPageTemplate, ProgressBar, ProgressDots, PropertyInspector, PullQuote, PullToRefresh, QrScanner, QuizBlock, Radio, RangeSlider, ReflectionBlock, RelationSelect, RepeatableFormSection, ReplyTree, ResourceBar, ResourceCounter, RichBlockEditor, RuleEditor, RuntimeDebugger, SHEET_COLUMNS, SPRITE_SHEET_LAYOUT, ScaledDiagram, ScoreDisplay, SearchInput, Section, SectionHeader, SegmentRenderer, Select, SequenceBar, SequencerBoard, ServiceCatalog, ShowcaseCard, ShowcaseOrganism, SidePanel, Sidebar, SignaturePad, SimpleGrid, SimulatorBoard, Skeleton, SlotContentRenderer, SocialProof, SortableList, Spacer, Sparkline, Spinner, Split, SplitPane, SplitSection, Sprite, Stack, StarRating, StatBadge, StatCard, StatDisplay, StateArchitectBoard, StateGraph, StateIndicator, StateJsonView, StateMachineView, StateNode2 as StateNode, StatsGrid, StatsOrganism, StatusBar, StatusDot, StatusEffect, StepFlow, StepFlowOrganism, SubagentTracePanel, SvgBranch, SvgConnection, SvgFlow, SvgGrid, SvgLobe, SvgMesh, SvgMorph, SvgNode, SvgPulse, SvgRing, SvgShield, SvgStack, SwipeableRow, Switch, TERRAIN_COLORS, TILE_HEIGHT, TILE_WIDTH, TabbedContainer, TableView, Tabs, TagCloud, TagInput, TeamCard, TeamOrganism, TerrainPalette, TextHighlight, Textarea, ThemeToggle, TimeSlotCell, Timeline, TimerDisplay, Toast, ToastSlot, Tooltip, TraitFrame, TraitSlot, TraitStateViewer, TransitionArrow, TrendIndicator, TurnIndicator, TypewriterText, Typography, UISlotComponent, UISlotRenderer, UploadDropZone, VStack, VariablePanel, VersionDiff, ViolationAlert, VoteStack, WaypointMarker, WizardContainer, WizardNavigation, WizardProgress, boardEntity, bool, calculateAttackTargets, calculateValidMoves, cn, createInitialGameState, createTranslate, createUnitAnimationState, drawSprite, getCurrentFrame, getTileDimensions, inferDirection, isoToScreen, makeAsset, makeAssetMap, mapBookData, num, objAvailableActions, objAvailableEvents, objCurrentState, objIcon, objId, objMaxRules, objName, objRules, objStates, parseEditFocus, parseLessonSegments, parseMarkdownWithCodeBlocks, parseQueryBinding, pendulum, projectileMotion, resolveFieldMap, resolveFrame, resolveSheetDirection, rows, screenToIso, springOscillator, str, tickAnimationState, toCodeLanguage, transitionAnimation, unitHealth, unitPosition, unitTeam, useAgentChat, useAnchorRect, useAuthContext, useCamera, useCanvasGestures, useCompile, useConnectGitHub, useDeepAgentGeneration, useDisconnectGitHub, useDragReorder, useDraggable, useDropZone, useEmitEvent, useEventBus, useEventListener, useExtensions, useFileEditor, useFileSystem, useGameAudio, useGameAudioContext, useGitHubBranches, useGitHubRepo, useGitHubRepos, useGitHubStatus, useImageCache, useInfiniteScroll, useLongPress, useOrbitalHistory, usePreview, usePullToRefresh, useQuerySingleton, useRenderInterpolation, useSwipeGesture, useTapReveal, useTraitListens, useTranslate127 as useTranslate, useUIEvents, useUISlotManager, useUnitSpriteAtlas, useValidation, vec2 };