@almadar/ui 5.89.0 → 5.93.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';
@@ -8102,7 +8102,7 @@ function ActionTile({
 }
 var DRAG_MIME, SIZE_CONFIG;
 var init_ActionTile = __esm({
-  "components/game/2d/organisms/ActionTile.tsx"() {
+  "components/game/2d/molecules/ActionTile.tsx"() {
     init_atoms();
     init_cn();
     DRAG_MIME = "application/x-almadar-slot-item";
@@ -8139,7 +8139,7 @@ function ActionPalette({
   ] });
 }
 var init_ActionPalette = __esm({
-  "components/game/2d/organisms/ActionPalette.tsx"() {
+  "components/game/2d/molecules/ActionPalette.tsx"() {
     init_atoms();
     init_cn();
     init_ActionTile();
@@ -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";
   }
 });
@@ -27838,7 +27873,7 @@ function StateNode2({
   );
 }
 var init_StateNode = __esm({
-  "components/game/2d/organisms/StateNode.tsx"() {
+  "components/game/2d/molecules/StateNode.tsx"() {
     init_atoms();
     init_cn();
     StateNode2.displayName = "StateNode";
@@ -27910,7 +27945,7 @@ function TransitionArrow({
 }
 var NODE_RADIUS;
 var init_TransitionArrow = __esm({
-  "components/game/2d/organisms/TransitionArrow.tsx"() {
+  "components/game/2d/molecules/TransitionArrow.tsx"() {
     init_cn();
     NODE_RADIUS = 40;
     TransitionArrow.displayName = "TransitionArrow";
@@ -28574,7 +28609,7 @@ function TraitStateViewer({
 }
 var SIZE_CONFIG2;
 var init_TraitStateViewer = __esm({
-  "components/game/2d/organisms/TraitStateViewer.tsx"() {
+  "components/game/2d/molecules/TraitStateViewer.tsx"() {
     "use client";
     init_cn();
     init_Box();
@@ -28607,7 +28642,8 @@ function TraitSlot({
   onClick,
   onRemove,
   clickEvent,
-  removeEvent
+  removeEvent,
+  dropEvent
 }) {
   const { emit } = useEventBus();
   const [isHovered, setIsHovered] = useState(false);
@@ -28639,29 +28675,30 @@ function TraitSlot({
     onDragStart?.(equippedItem);
   }, [equippedItem, draggable, onDragStart]);
   const handleDragOver = useCallback((e) => {
-    if (locked || !onItemDrop) return;
+    if (locked || !onItemDrop && !dropEvent) return;
     if (e.dataTransfer.types.includes(DRAG_MIME2)) {
       e.preventDefault();
       const allowed = e.dataTransfer.effectAllowed;
       e.dataTransfer.dropEffect = allowed === "copy" ? "copy" : "move";
       setIsDragOver(true);
     }
-  }, [locked, onItemDrop]);
+  }, [locked, onItemDrop, dropEvent]);
   const handleDragLeave = useCallback(() => {
     setIsDragOver(false);
   }, []);
   const handleDrop = useCallback((e) => {
     e.preventDefault();
     setIsDragOver(false);
-    if (locked || !onItemDrop) return;
+    if (locked || !onItemDrop && !dropEvent) return;
     const raw = e.dataTransfer.getData(DRAG_MIME2);
     if (!raw) return;
     try {
       const item = JSON.parse(raw);
-      onItemDrop(item);
+      if (dropEvent) emit(`UI:${dropEvent}`, { slotNumber, itemId: item.id });
+      else onItemDrop?.(item);
     } catch {
     }
-  }, [locked, onItemDrop]);
+  }, [locked, onItemDrop, dropEvent, emit, slotNumber]);
   const getTooltipStyle = () => {
     if (!slotRef.current) return {};
     const rect = slotRef.current.getBoundingClientRect();
@@ -28781,7 +28818,7 @@ function TraitSlot({
 }
 var SIZE_CONFIG3, DRAG_MIME2;
 var init_TraitSlot = __esm({
-  "components/game/2d/organisms/TraitSlot.tsx"() {
+  "components/game/2d/molecules/TraitSlot.tsx"() {
     "use client";
     init_cn();
     init_useEventBus();
@@ -28987,6 +29024,8 @@ function SequenceBar({
   maxSlots,
   onSlotDrop,
   onSlotRemove,
+  slotDropEvent,
+  slotRemoveEvent,
   playing = false,
   currentStep = -1,
   categoryColors,
@@ -28994,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(
@@ -29033,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";
   }
@@ -29351,7 +29394,7 @@ function RuleEditor({
   ] });
 }
 var init_RuleEditor = __esm({
-  "components/game/2d/organisms/RuleEditor.tsx"() {
+  "components/game/2d/molecules/RuleEditor.tsx"() {
     init_atoms();
     init_cn();
     RuleEditor.displayName = "RuleEditor";
@@ -29392,7 +29435,7 @@ function EventLog({
 }
 var STATUS_STYLES, STATUS_DOTS;
 var init_EventLog = __esm({
-  "components/game/2d/organisms/EventLog.tsx"() {
+  "components/game/2d/molecules/EventLog.tsx"() {
     init_atoms();
     init_cn();
     STATUS_STYLES = {
@@ -29447,10 +29490,12 @@ var init_puzzleObject = __esm({
 function ObjectRulePanel({
   object,
   onRulesChange,
+  rulesChangeEvent,
   disabled = false,
   className
 }) {
   const { t } = useTranslate();
+  const { emit } = useEventBus();
   const id = objId(object);
   const name = objName(object);
   const icon = objIcon(object);
@@ -29461,15 +29506,19 @@ function ObjectRulePanel({
   const rules = objRules(object);
   const maxRules = objMaxRules(object);
   const canAdd = rules.length < maxRules;
+  const emitRules = useCallback((newRules) => {
+    if (rulesChangeEvent) emit(`UI:${rulesChangeEvent}`, { objectId: id, rules: newRules });
+    else onRulesChange?.(id, newRules);
+  }, [rulesChangeEvent, emit, id, onRulesChange]);
   const handleRuleChange = useCallback((index, updatedRule) => {
     const newRules = [...rules];
     newRules[index] = updatedRule;
-    onRulesChange(id, newRules);
-  }, [id, rules, onRulesChange]);
+    emitRules(newRules);
+  }, [rules, emitRules]);
   const handleRuleRemove = useCallback((index) => {
     const newRules = rules.filter((_, i) => i !== index);
-    onRulesChange(id, newRules);
-  }, [id, rules, onRulesChange]);
+    emitRules(newRules);
+  }, [rules, emitRules]);
   const handleAddRule = useCallback(() => {
     if (!canAdd || disabled) return;
     const firstEvent = availableEvents[0]?.value || "";
@@ -29479,8 +29528,8 @@ function ObjectRulePanel({
       whenEvent: firstEvent,
       thenAction: firstAction
     };
-    onRulesChange(id, [...rules, newRule]);
-  }, [canAdd, disabled, id, rules, availableEvents, availableActions, onRulesChange]);
+    emitRules([...rules, newRule]);
+  }, [canAdd, disabled, rules, availableEvents, availableActions, emitRules]);
   const machine = {
     name,
     states,
@@ -29520,9 +29569,10 @@ function ObjectRulePanel({
 }
 var nextRuleId;
 var init_ObjectRulePanel = __esm({
-  "components/game/2d/organisms/ObjectRulePanel.tsx"() {
+  "components/game/2d/molecules/ObjectRulePanel.tsx"() {
     init_atoms();
     init_cn();
+    init_useEventBus();
     init_TraitStateViewer();
     init_RuleEditor();
     init_puzzleObject();
@@ -29752,61 +29802,35 @@ function VariablePanel({
   const { t } = useTranslate();
   return /* @__PURE__ */ jsxs(VStack, { className: cn("p-3 rounded-lg bg-card border border-border", className), gap: "sm", children: [
     /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-muted-foreground font-medium", children: t("stateArchitect.variables", { name: entityName }) }),
-    variables.map((v) => {
-      const name = v.name == null ? "" : String(v.name);
-      const value = numField(v.value);
-      const max = numField(v.max, 100);
-      const min = numField(v.min, 0);
-      const unit = v.unit == null ? "" : String(v.unit);
-      const pct = Math.round((value - min) / (max - min) * 100);
-      const isHigh = pct > 80;
-      const isLow = pct < 20;
-      return /* @__PURE__ */ jsxs(VStack, { gap: "none", children: [
-        /* @__PURE__ */ jsxs(HStack, { className: "items-center justify-between", children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-foreground font-medium", children: name }),
-          /* @__PURE__ */ jsxs(Typography, { variant: "caption", className: cn(
-            isHigh ? "text-error" : isLow ? "text-warning" : "text-foreground"
-          ), children: [
-            value,
-            unit,
-            " / ",
-            max,
-            unit
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx(
-          ProgressBar,
-          {
-            value: pct,
-            color: isHigh ? "danger" : isLow ? "warning" : "primary",
-            size: "sm"
-          }
-        )
-      ] }, name);
-    })
+    (variables ?? []).map((v) => /* @__PURE__ */ jsxs(HStack, { className: "items-center justify-between", children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-foreground font-medium", children: v.name }),
+      /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-accent font-mono", children: v.value })
+    ] }, v.name))
   ] });
 }
-var numField;
 var init_VariablePanel = __esm({
-  "components/game/2d/organisms/VariablePanel.tsx"() {
+  "components/game/2d/molecules/VariablePanel.tsx"() {
     init_atoms();
     init_cn();
-    numField = (v, fallback = 0) => {
-      const n = Number(v);
-      return Number.isFinite(n) ? n : fallback;
-    };
     VariablePanel.displayName = "VariablePanel";
   }
 });
 function StateJsonView({
-  data,
+  name,
+  initialState,
+  states,
+  transitions,
   label,
   defaultExpanded = false,
   className
 }) {
   const { t } = useTranslate();
   const [expanded, setExpanded] = useState(defaultExpanded);
-  const jsonString = JSON.stringify(data, null, 2);
+  const jsonString = JSON.stringify(
+    { name, initialState, states: states ?? [], transitions: transitions ?? [] },
+    null,
+    2
+  );
   return /* @__PURE__ */ jsxs(VStack, { className: cn("rounded-lg border border-border overflow-hidden", className), gap: "none", children: [
     /* @__PURE__ */ jsxs(HStack, { className: "items-center justify-between p-2 bg-muted", gap: "sm", children: [
       /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-muted-foreground font-medium", children: label ?? t("stateArchitect.viewCode") }),
@@ -29823,7 +29847,7 @@ function StateJsonView({
   ] });
 }
 var init_StateJsonView = __esm({
-  "components/game/2d/organisms/StateJsonView.tsx"() {
+  "components/game/2d/molecules/StateJsonView.tsx"() {
     init_atoms();
     init_cn();
     StateJsonView.displayName = "StateJsonView";
@@ -29992,7 +30016,7 @@ function StateArchitectBoard({
     setAddingFrom(null);
     if (playAgainEvent) emit(`UI:${playAgainEvent}`, {});
   }, [initialState, entityVariables, playAgainEvent, emit]);
-  const codeData = useMemo(() => ({
+  useMemo(() => ({
     name: entityName,
     states: entityStates,
     initialState,
@@ -30127,7 +30151,7 @@ function StateArchitectBoard({
               VariablePanel,
               {
                 entityName,
-                variables
+                variables: variables.map((v) => ({ name: String(v.name ?? ""), value: String(v.value ?? "") }))
               }
             ),
             testResults.length > 0 && /* @__PURE__ */ jsxs(VStack, { className: "p-3 rounded-container bg-card border border-border", gap: "xs", children: [
@@ -30138,7 +30162,16 @@ function StateArchitectBoard({
                 !r.passed && /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-error", children: t("stateArchitect.gotState", { state: r.actualState }) })
               ] }, i))
             ] }),
-            resolved.showCodeView !== false && /* @__PURE__ */ jsx(StateJsonView, { data: codeData, label: "View Code" })
+            resolved.showCodeView !== false && /* @__PURE__ */ jsx(
+              StateJsonView,
+              {
+                name: entityName,
+                initialState,
+                states: entityStates,
+                transitions: transitions.map((tr) => ({ from: tr.from, to: tr.to, event: tr.event })),
+                label: "View Code"
+              }
+            )
           ] })
         ] }),
         isSuccess && /* @__PURE__ */ jsx(Box, { className: "p-4 rounded-container bg-success/20 border border-success text-center", children: /* @__PURE__ */ jsx(Typography, { variant: "h5", className: "text-success", children: str(resolved.successMessage) || t("stateArchitect.allPassed") }) }),
@@ -30779,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"() {
@@ -31372,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();
@@ -31979,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);
@@ -31996,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);
@@ -32025,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 });
           }
@@ -32034,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 });
@@ -47985,6 +47685,7 @@ var init_component_registry_generated = __esm({
     init_Navigation();
     init_NegotiatorBoard();
     init_NumberStepper();
+    init_ObjectRulePanel();
     init_OptionConstraintGroup();
     init_OrbitalVisualization();
     init_Overlay();
@@ -48030,7 +47731,6 @@ var init_component_registry_generated = __esm({
     init_Sidebar();
     init_SignaturePad();
     init_SimpleGrid();
-    init_SimulationCanvas();
     init_SimulatorBoard();
     init_Skeleton();
     init_SocialProof();
@@ -48048,6 +47748,7 @@ var init_component_registry_generated = __esm({
     init_StateArchitectBoard();
     init_StateGraph();
     init_StateIndicator();
+    init_StateJsonView();
     init_StateMachineView();
     init_StatsGrid();
     init_StatsOrganism();
@@ -48094,6 +47795,7 @@ var init_component_registry_generated = __esm({
     init_Typography();
     init_UISlotRenderer();
     init_UploadDropZone();
+    init_VariablePanel();
     init_VersionDiff();
     init_ViolationAlert();
     init_VoteStack();
@@ -48294,6 +47996,7 @@ var init_component_registry_generated = __esm({
       "Navigation": Navigation,
       "NegotiatorBoard": NegotiatorBoard,
       "NumberStepper": NumberStepper,
+      "ObjectRulePanel": ObjectRulePanel,
       "OptionConstraintGroup": OptionConstraintGroup,
       "OrbitalVisualization": OrbitalVisualization,
       "Overlay": Overlay,
@@ -48339,7 +48042,6 @@ var init_component_registry_generated = __esm({
       "Sidebar": Sidebar,
       "SignaturePad": SignaturePad,
       "SimpleGrid": SimpleGrid,
-      "SimulationCanvas": SimulationCanvas,
       "SimulatorBoard": SimulatorBoard,
       "Skeleton": Skeleton,
       "SocialProof": SocialProof,
@@ -48360,6 +48062,7 @@ var init_component_registry_generated = __esm({
       "StateArchitectBoard": StateArchitectBoard,
       "StateGraph": StateGraph,
       "StateIndicator": StateIndicator,
+      "StateJsonView": StateJsonView,
       "StateMachineView": StateMachineView,
       "StatsGrid": StatsGrid,
       "StatsOrganism": StatsOrganism,
@@ -48407,6 +48110,7 @@ var init_component_registry_generated = __esm({
       "UISlotRenderer": UISlotRenderer,
       "UploadDropZone": UploadDropZone,
       "VStack": VStack,
+      "VariablePanel": VariablePanel,
       "VersionDiff": VersionDiff,
       "ViolationAlert": ViolationAlert,
       "VoteStack": VoteStack,
@@ -51650,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 };