@almadar/ui 5.86.0 → 5.87.0

package/dist/components/index.js

@@ -1,12 +1,12 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import * as React72 from 'react';
-import React72__default, { createContext, useContext, useMemo, useRef, useEffect, useCallback, useState, Suspense, lazy, useLayoutEffect, useId, useSyncExternalStore } from 'react';
+import * as React74 from 'react';
+import React74__default, { createContext, useContext, useMemo, useRef, useEffect, useCallback, useState, Suspense, lazy, useLayoutEffect, useId, useSyncExternalStore } from 'react';
 import { clsx } from 'clsx';
 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, RotateCcw, Play, Terminal, CheckCircle, XCircle, ChevronDown, 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, ArrowRight, 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, 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 { useTranslate } from '@almadar/ui/hooks';
 import { useUISlots, useTheme } from '@almadar/ui/context';
 import { evaluate, createMinimalContext } from '@almadar/evaluator';
@@ -227,7 +227,7 @@ var init_SvgFlow = __esm({
       width = 100,
       height = 100
     }) => {
-      const markerId = React72__default.useMemo(() => {
+      const markerId = React74__default.useMemo(() => {
         flowIdCounter += 1;
         return `almadar-flow-arrow-${flowIdCounter}`;
       }, []);
@@ -820,7 +820,7 @@ var init_SvgRing = __esm({
       width = 100,
       height = 100
     }) => {
-      const gradientId = React72__default.useMemo(() => {
+      const gradientId = React74__default.useMemo(() => {
         ringIdCounter += 1;
         return `almadar-ring-glow-${ringIdCounter}`;
       }, []);
@@ -1232,7 +1232,7 @@ function loadLib(key, importer) {
   return p;
 }
 function lazyFamilyIcon(libKey, importer, pick, fallbackName, family) {
-  const Lazy = React72__default.lazy(async () => {
+  const Lazy = React74__default.lazy(async () => {
     const lib = await loadLib(libKey, importer);
     const Comp = pick(lib);
     if (!Comp) {
@@ -1242,7 +1242,7 @@ function lazyFamilyIcon(libKey, importer, pick, fallbackName, family) {
     return { default: Comp };
   });
   const Wrapped = (props) => /* @__PURE__ */ jsx(
-    React72__default.Suspense,
+    React74__default.Suspense,
     {
       fallback: /* @__PURE__ */ jsx(
         "span",
@@ -1973,7 +1973,7 @@ var init_Icon = __esm({
       const directIcon = typeof icon === "string" ? void 0 : icon;
       const effectiveName = typeof icon === "string" ? icon : name;
       const family = useIconFamily();
-      const RenderedComponent = React72__default.useMemo(() => {
+      const RenderedComponent = React74__default.useMemo(() => {
         if (directIcon) return null;
         return effectiveName ? resolveIconForFamily(effectiveName, family) : null;
       }, [directIcon, effectiveName, family]);
@@ -2035,7 +2035,7 @@ function resolveIconProp(value, sizeClass) {
     const IconComp = value;
     return /* @__PURE__ */ jsx(IconComp, { className: sizeClass });
   }
-  if (React72__default.isValidElement(value)) {
+  if (React74__default.isValidElement(value)) {
     return value;
   }
   if (typeof value === "object" && value !== null && isIconLike(value)) {
@@ -2111,7 +2111,7 @@ var init_Button = __esm({
       md: "h-icon-default w-icon-default",
       lg: "h-icon-default w-icon-default"
     };
-    Button = React72__default.forwardRef(
+    Button = React74__default.forwardRef(
       ({
         className,
         variant = "primary",
@@ -2181,7 +2181,7 @@ var init_Input = __esm({
     init_cn();
     init_Icon();
     init_useEventBus();
-    Input = React72__default.forwardRef(
+    Input = React74__default.forwardRef(
       ({
         className,
         inputType,
@@ -2341,7 +2341,7 @@ var Label;
 var init_Label = __esm({
   "components/core/atoms/Label.tsx"() {
     init_cn();
-    Label = React72__default.forwardRef(
+    Label = React74__default.forwardRef(
       ({ className, required, children, ...props }, ref) => {
         return /* @__PURE__ */ jsxs(
           "label",
@@ -2368,7 +2368,7 @@ var init_Textarea = __esm({
   "components/core/atoms/Textarea.tsx"() {
     init_cn();
     init_useEventBus();
-    Textarea = React72__default.forwardRef(
+    Textarea = React74__default.forwardRef(
       ({ className, error, onChange, ...props }, ref) => {
         const eventBus = useEventBus();
         const handleChange = (e) => {
@@ -2607,7 +2607,7 @@ var init_Select = __esm({
     init_cn();
     init_Icon();
     init_useEventBus();
-    Select = React72__default.forwardRef(
+    Select = React74__default.forwardRef(
       (props, _ref) => {
         const { multiple, searchable, clearable } = props;
         if (multiple || searchable || clearable) {
@@ -2624,7 +2624,7 @@ var init_Checkbox = __esm({
   "components/core/atoms/Checkbox.tsx"() {
     init_cn();
     init_useEventBus();
-    Checkbox = React72__default.forwardRef(
+    Checkbox = React74__default.forwardRef(
       ({ className, label, id, onChange, ...props }, ref) => {
         const inputId = id || `checkbox-${Math.random().toString(36).substr(2, 9)}`;
         const eventBus = useEventBus();
@@ -2678,7 +2678,7 @@ var init_Spinner = __esm({
       md: "h-6 w-6",
       lg: "h-8 w-8"
     };
-    Spinner = React72__default.forwardRef(
+    Spinner = React74__default.forwardRef(
       ({ className, size = "md", overlay, ...props }, ref) => {
         if (overlay) {
           return /* @__PURE__ */ jsx(
@@ -2768,7 +2768,7 @@ var init_Card = __esm({
       chip: "shadow-none rounded-pill border-[length:var(--border-width)] border-border",
       "tile-image-first": "p-0 overflow-hidden"
     };
-    Card = React72__default.forwardRef(
+    Card = React74__default.forwardRef(
       ({
         className,
         variant = "bordered",
@@ -2816,9 +2816,9 @@ var init_Card = __esm({
       }
     );
     Card.displayName = "Card";
-    CardHeader = React72__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-4", className), ...props }));
+    CardHeader = React74__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-4", className), ...props }));
     CardHeader.displayName = "CardHeader";
-    CardTitle = React72__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    CardTitle = React74__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
       "h3",
       {
         ref,
@@ -2831,11 +2831,11 @@ var init_Card = __esm({
       }
     ));
     CardTitle.displayName = "CardTitle";
-    CardContent = React72__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props }));
+    CardContent = React74__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props }));
     CardContent.displayName = "CardContent";
     CardBody = CardContent;
     CardBody.displayName = "CardBody";
-    CardFooter = React72__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    CardFooter = React74__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
       "div",
       {
         ref,
@@ -2888,7 +2888,7 @@ var init_Badge = __esm({
       md: "px-2.5 py-1 text-sm",
       lg: "px-3 py-1.5 text-base"
     };
-    Badge = React72__default.forwardRef(
+    Badge = React74__default.forwardRef(
       ({ className, variant = "default", size = "sm", amount, label, icon, iconAsset, children, onRemove, removeLabel, ...props }, ref) => {
         const iconSizes3 = {
           sm: "h-icon-default w-icon-default",
@@ -2982,7 +2982,7 @@ var init_FilterPill = __esm({
       md: "w-3.5 h-3.5",
       lg: "w-4 h-4"
     };
-    FilterPill = React72__default.forwardRef(
+    FilterPill = React74__default.forwardRef(
       ({
         className,
         variant = "default",
@@ -3111,8 +3111,8 @@ var init_Avatar = __esm({
       actionPayload
     }) => {
       const eventBus = useEventBus();
-      const [imgFailed, setImgFailed] = React72__default.useState(false);
-      React72__default.useEffect(() => {
+      const [imgFailed, setImgFailed] = React74__default.useState(false);
+      React74__default.useEffect(() => {
         setImgFailed(false);
       }, [src]);
       const initials = providedInitials ?? (name ? generateInitials(name) : void 0);
@@ -3364,7 +3364,7 @@ var init_Box = __esm({
       fixed: "fixed",
       sticky: "sticky"
     };
-    Box = React72__default.forwardRef(
+    Box = React74__default.forwardRef(
       ({
         padding,
         paddingX,
@@ -3429,7 +3429,7 @@ var init_Box = __esm({
           onPointerDown?.(e);
         }, [hoverEvent, tapReveal, triggerProps, onPointerDown]);
         const isClickable = action || onClick;
-        return React72__default.createElement(
+        return React74__default.createElement(
           Component,
           {
             ref,
@@ -3483,7 +3483,7 @@ var init_Center = __esm({
       as: Component = "div"
     }) => {
       const mergedStyle = minHeight ? { minHeight, ...style } : style;
-      return React72__default.createElement(Component, {
+      return React74__default.createElement(Component, {
         className: cn(
           inline ? "inline-flex" : "flex",
           horizontal && "justify-center",
@@ -3751,7 +3751,7 @@ var init_Radio = __esm({
       md: "w-2.5 h-2.5",
       lg: "w-3 h-3"
     };
-    Radio = React72__default.forwardRef(
+    Radio = React74__default.forwardRef(
       ({
         label,
         helperText,
@@ -3768,12 +3768,12 @@ var init_Radio = __esm({
         onChange,
         ...props
       }, ref) => {
-        const reactId = React72__default.useId();
+        const reactId = React74__default.useId();
         const baseId = id || `radio-${reactId}`;
         const hasError = !!error;
         const eventBus = useEventBus();
-        const [selected, setSelected] = React72__default.useState(value);
-        React72__default.useEffect(() => {
+        const [selected, setSelected] = React74__default.useState(value);
+        React74__default.useEffect(() => {
           if (value !== void 0) setSelected(value);
         }, [value]);
         const pick = (next, e) => {
@@ -3955,7 +3955,7 @@ var init_Switch = __esm({
   "components/core/atoms/Switch.tsx"() {
     "use client";
     init_cn();
-    Switch = React72.forwardRef(
+    Switch = React74.forwardRef(
       ({
         checked,
         defaultChecked = false,
@@ -3966,10 +3966,10 @@ var init_Switch = __esm({
         name,
         className
       }, ref) => {
-        const [isChecked, setIsChecked] = React72.useState(
+        const [isChecked, setIsChecked] = React74.useState(
           checked !== void 0 ? checked : defaultChecked
         );
-        React72.useEffect(() => {
+        React74.useEffect(() => {
           if (checked !== void 0) {
             setIsChecked(checked);
           }
@@ -4132,7 +4132,7 @@ var init_Stack = __esm({
       };
       const isHorizontal = direction === "horizontal";
       const directionClass = responsive && isHorizontal ? reverse ? "flex-col-reverse md:flex-row-reverse" : "flex-col md:flex-row" : isHorizontal ? reverse ? "flex-row-reverse" : "flex-row" : reverse ? "flex-col-reverse" : "flex-col";
-      return React72__default.createElement(
+      return React74__default.createElement(
         Component,
         {
           className: cn(
@@ -4328,7 +4328,7 @@ var init_Typography = __esm({
     }) => {
       const variant = variantProp ?? (level ? `h${level}` : "body1");
       const Component = as || defaultElements[variant];
-      return React72__default.createElement(
+      return React74__default.createElement(
         Component,
         {
           id,
@@ -4487,7 +4487,7 @@ var Dialog;
 var init_Dialog = __esm({
   "components/core/atoms/Dialog.tsx"() {
     init_cn();
-    Dialog = React72__default.forwardRef(
+    Dialog = React74__default.forwardRef(
       ({
         role = "dialog",
         "aria-modal": ariaModal = true,
@@ -4513,7 +4513,7 @@ var Aside;
 var init_Aside = __esm({
   "components/core/atoms/Aside.tsx"() {
     init_cn();
-    Aside = React72__default.forwardRef(
+    Aside = React74__default.forwardRef(
       ({ className, children, ...rest }, ref) => /* @__PURE__ */ jsx("aside", { ref, className: cn(className), ...rest, children })
     );
     Aside.displayName = "Aside";
@@ -4592,9 +4592,9 @@ var init_LawReferenceTooltip = __esm({
       className
     }) => {
       const { t } = useTranslate();
-      const [isVisible, setIsVisible] = React72__default.useState(false);
-      const timeoutRef = React72__default.useRef(null);
-      const triggerRef = React72__default.useRef(null);
+      const [isVisible, setIsVisible] = React74__default.useState(false);
+      const timeoutRef = React74__default.useRef(null);
+      const triggerRef = React74__default.useRef(null);
       const handleMouseEnter = () => {
         if (timeoutRef.current) clearTimeout(timeoutRef.current);
         timeoutRef.current = setTimeout(() => setIsVisible(true), 200);
@@ -4605,7 +4605,7 @@ var init_LawReferenceTooltip = __esm({
       };
       const { revealed, triggerProps } = useTapReveal({ refs: [triggerRef] });
       const open = isVisible || revealed;
-      React72__default.useEffect(() => {
+      React74__default.useEffect(() => {
         return () => {
           if (timeoutRef.current) clearTimeout(timeoutRef.current);
         };
@@ -4815,7 +4815,7 @@ var init_StatusDot = __esm({
       md: "w-2.5 h-2.5",
       lg: "w-3 h-3"
     };
-    StatusDot = React72__default.forwardRef(
+    StatusDot = React74__default.forwardRef(
       ({ className, status = "offline", pulse = false, size = "md", label, ...props }, ref) => {
         return /* @__PURE__ */ jsx(
           "span",
@@ -4869,7 +4869,7 @@ var init_TrendIndicator = __esm({
       down: "trending-down",
       flat: "arrow-right"
     };
-    TrendIndicator = React72__default.forwardRef(
+    TrendIndicator = React74__default.forwardRef(
       ({
         className,
         value,
@@ -4936,7 +4936,7 @@ var init_RangeSlider = __esm({
       md: "w-4 h-4",
       lg: "w-5 h-5"
     };
-    RangeSlider = React72__default.forwardRef(
+    RangeSlider = React74__default.forwardRef(
       ({
         className,
         min = 0,
@@ -5530,7 +5530,7 @@ var init_ContentSection = __esm({
       md: "py-16",
       lg: "py-24"
     };
-    ContentSection = React72__default.forwardRef(
+    ContentSection = React74__default.forwardRef(
       ({ children, background = "default", padding = "lg", id, className }, ref) => {
         return /* @__PURE__ */ jsx(
           Box,
@@ -6064,7 +6064,7 @@ var init_AnimatedReveal = __esm({
       "scale-up": { opacity: 1, transform: "scale(1) translateY(0)" },
       "none": {}
     };
-    AnimatedReveal = React72__default.forwardRef(
+    AnimatedReveal = React74__default.forwardRef(
       ({
         trigger = "scroll",
         animation = "fade-up",
@@ -6224,7 +6224,7 @@ var init_AnimatedGraphic = __esm({
   "components/marketing/atoms/AnimatedGraphic.tsx"() {
     "use client";
     init_cn();
-    AnimatedGraphic = React72__default.forwardRef(
+    AnimatedGraphic = React74__default.forwardRef(
       ({
         src,
         svgContent,
@@ -6247,7 +6247,7 @@ var init_AnimatedGraphic = __esm({
         const fetchedSvg = useFetchedSvg(svgContent ? void 0 : src);
         const resolvedSvg = svgContent ?? fetchedSvg;
         const prevAnimateRef = useRef(animate);
-        const setRef = React72__default.useCallback(
+        const setRef = React74__default.useCallback(
           (node) => {
             containerRef.current = node;
             if (typeof ref === "function") ref(node);
@@ -6920,7 +6920,7 @@ var init_ErrorBoundary = __esm({
         }
       );
     };
-    ErrorBoundary = class extends React72__default.Component {
+    ErrorBoundary = class extends React74__default.Component {
       constructor(props) {
         super(props);
         __publicField(this, "reset", () => {
@@ -7216,7 +7216,7 @@ var init_Container = __esm({
       as: Component = "div"
     }) => {
       const resolvedSize = maxWidth ?? size ?? "lg";
-      return React72__default.createElement(
+      return React74__default.createElement(
         Component,
         {
           className: cn(
@@ -8102,7 +8102,7 @@ function ActionTile({
 }
 var DRAG_MIME, SIZE_CONFIG;
 var init_ActionTile = __esm({
-  "components/game/2d/molecules/ActionTile.tsx"() {
+  "components/game/2d/organisms/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/molecules/ActionPalette.tsx"() {
+  "components/game/2d/organisms/ActionPalette.tsx"() {
     init_atoms();
     init_cn();
     init_ActionTile();
@@ -10410,7 +10410,7 @@ var init_CodeBlock = __esm({
     DIFF_STYLE_FALLBACK = { bg: "", prefix: " ", text: "text-foreground" };
     LINE_PROPS_FN = (n) => ({ "data-line": String(n - 1) });
     HIDDEN_LINE_NUMBERS = { display: "none" };
-    CodeBlock = React72__default.memo(
+    CodeBlock = React74__default.memo(
       ({
         code: rawCode,
         language = "text",
@@ -10997,7 +10997,7 @@ var init_MarkdownContent = __esm({
     init_Box();
     init_CodeBlock();
     init_cn();
-    MarkdownContent = React72__default.memo(
+    MarkdownContent = React74__default.memo(
       ({ content, direction = "ltr", className }) => {
         const { t: _t } = useTranslate();
         const safeContent = typeof content === "string" ? content : String(content ?? "");
@@ -12324,7 +12324,7 @@ var init_StateMachineView = __esm({
                 style: { top: title ? 30 : 0 },
                 children: [
                   entity && /* @__PURE__ */ jsx(EntityBox, { entity, config }),
-                  states.map((state) => renderStateNode ? /* @__PURE__ */ jsx(React72__default.Fragment, { children: renderStateNode(state, config) }, state.id) : /* @__PURE__ */ jsx(
+                  states.map((state) => renderStateNode ? /* @__PURE__ */ jsx(React74__default.Fragment, { children: renderStateNode(state, config) }, state.id) : /* @__PURE__ */ jsx(
                     StateNode,
                     {
                       state,
@@ -14363,6 +14363,221 @@ var init_Breadcrumb = __esm({
     Breadcrumb.displayName = "Breadcrumb";
   }
 });
+
+// components/game/shared/boardEntity.ts
+function boardEntity(entity) {
+  if (!entity) return void 0;
+  return Array.isArray(entity) ? entity[0] : entity;
+}
+function str(v) {
+  return v == null ? "" : String(v);
+}
+function num(v, fallback = 0) {
+  const n = Number(v);
+  return Number.isFinite(n) ? n : fallback;
+}
+function bool(v) {
+  return Boolean(v);
+}
+function rows(v) {
+  return Array.isArray(v) ? v : [];
+}
+function vec2(v) {
+  const o = v ?? {};
+  return { x: num(o.x), y: num(o.y) };
+}
+function unitPosition(u) {
+  return vec2(u.position);
+}
+function unitTeam(u) {
+  return str(u.team);
+}
+function unitHealth(u) {
+  return num(u.health);
+}
+var init_boardEntity = __esm({
+  "components/game/shared/boardEntity.ts"() {
+  }
+});
+function BuilderBoard({
+  entity,
+  completeEvent = "PUZZLE_COMPLETE",
+  placeEvent,
+  checkEvent,
+  playAgainEvent,
+  assetManifest,
+  className
+}) {
+  const ui = assetManifest?.ui;
+  const { emit } = useEventBus();
+  const { t } = useTranslate();
+  const resolved = boardEntity(entity);
+  const [headerError, setHeaderError] = useState(false);
+  const [selectedComponent, setSelectedComponent] = useState(null);
+  const components = rows(resolved?.components).map((r) => ({
+    id: str(r.id),
+    label: str(r.label),
+    description: str(r.description) || void 0,
+    iconEmoji: str(r.iconEmoji) || void 0,
+    iconUrl: str(r.iconUrl) || void 0,
+    category: str(r.category) || void 0
+  }));
+  const slots = rows(resolved?.slots).map((r) => ({
+    id: str(r.id),
+    label: str(r.label) || void 0,
+    description: str(r.description) || void 0,
+    requiredComponentId: str(r.requiredComponentId),
+    placedComponentId: str(r.placedComponentId) || void 0
+  }));
+  const placements = {};
+  for (const slot of slots) {
+    if (slot.placedComponentId) placements[slot.id] = slot.placedComponentId;
+  }
+  const attempts = num(resolved?.attempts);
+  const result = str(resolved?.result) || "none";
+  const submitted = result === "win";
+  const usedComponentIds = new Set(Object.values(placements));
+  const availableComponents = components.filter((c) => !usedComponentIds.has(c.id));
+  const allPlaced = slots.length > 0 && slots.every((s) => Boolean(placements[s.id]));
+  const results = submitted ? slots.map((slot) => ({
+    slot,
+    placed: placements[slot.id],
+    correct: placements[slot.id] === slot.requiredComponentId
+  })) : [];
+  const showHint = attempts >= 2 && Boolean(str(resolved?.hint));
+  const handlePlaceComponent = (slotId) => {
+    if (submitted || !selectedComponent) return;
+    if (placeEvent) emit(`UI:${placeEvent}`, { slotId, componentId: selectedComponent });
+    setSelectedComponent(null);
+  };
+  const handleRemoveFromSlot = (slotId) => {
+    if (submitted) return;
+    if (placeEvent) emit(`UI:${placeEvent}`, { slotId, componentId: "" });
+  };
+  const handleSubmit = () => {
+    if (checkEvent) emit(`UI:${checkEvent}`, {});
+    const solved = slots.length > 0 && slots.every((s) => placements[s.id] === s.requiredComponentId);
+    if (solved && completeEvent) {
+      emit(`UI:${completeEvent}`, { success: true, attempts: attempts + 1 });
+    }
+  };
+  const handlePlayAgain = () => {
+    setSelectedComponent(null);
+    if (playAgainEvent) emit(`UI:${playAgainEvent}`, {});
+  };
+  const getComponentById = (id) => components.find((c) => c.id === id);
+  if (!resolved) return null;
+  const theme = resolved.theme ?? void 0;
+  const themeBackground = theme?.background;
+  const headerImage = str(resolved.headerImage);
+  const hint = str(resolved.hint);
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      className,
+      style: {
+        backgroundImage: themeBackground ? `url(${themeBackground})` : void 0,
+        backgroundSize: "cover",
+        backgroundPosition: "center"
+      },
+      children: /* @__PURE__ */ jsxs(VStack, { gap: "lg", className: "p-4", children: [
+        headerImage && !headerError ? /* @__PURE__ */ jsx(Box, { className: "w-full h-32 overflow-hidden rounded-container", children: /* @__PURE__ */ jsx("img", { src: headerImage, alt: "", onError: () => setHeaderError(true), className: "w-full h-full object-cover" }) }) : headerImage && headerError ? /* @__PURE__ */ jsx(Box, { className: "w-full h-32 rounded-container bg-gradient-to-br from-muted to-accent opacity-60" }) : null,
+        /* @__PURE__ */ jsx(Card, { className: "p-4", children: /* @__PURE__ */ jsxs(VStack, { gap: "sm", children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "h4", weight: "bold", children: str(resolved.title) }),
+          /* @__PURE__ */ jsx(Typography, { variant: "body", children: str(resolved.description) })
+        ] }) }),
+        /* @__PURE__ */ jsx(Card, { className: "p-4", children: /* @__PURE__ */ jsxs(VStack, { gap: "sm", children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "small", weight: "bold", className: "uppercase tracking-wider text-muted-foreground", children: t("builder.components") }),
+          /* @__PURE__ */ jsxs(HStack, { gap: "sm", className: "flex-wrap", children: [
+            availableComponents.map((comp) => /* @__PURE__ */ jsxs(
+              Button,
+              {
+                size: "sm",
+                variant: selectedComponent === comp.id ? "primary" : "secondary",
+                onClick: () => setSelectedComponent(selectedComponent === comp.id ? null : comp.id),
+                disabled: submitted,
+                children: [
+                  comp.iconUrl ? /* @__PURE__ */ jsx("img", { src: comp.iconUrl, alt: "", className: "w-5 h-5 object-contain inline-block mr-1" }) : comp.iconEmoji ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                    comp.iconEmoji,
+                    " "
+                  ] }) : null,
+                  comp.label
+                ]
+              },
+              comp.id
+            )),
+            availableComponents.length === 0 && !submitted && /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-muted-foreground", children: t("builder.allPlaced") })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsx(Card, { className: "p-4", children: /* @__PURE__ */ jsxs(VStack, { gap: "sm", children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "small", weight: "bold", className: "uppercase tracking-wider text-muted-foreground", children: t("builder.blueprint") }),
+          /* @__PURE__ */ jsx(VStack, { gap: "sm", children: slots.map((slot) => {
+            const placedComp = placements[slot.id] ? getComponentById(placements[slot.id]) : null;
+            const result2 = results.find((r) => r.slot.id === slot.id);
+            return /* @__PURE__ */ jsxs(
+              HStack,
+              {
+                gap: "sm",
+                align: "center",
+                className: `p-3 border-2 rounded ${result2 ? result2.correct ? "border-success" : "border-error" : selectedComponent ? "border-dashed border-foreground cursor-pointer" : "border-border"}`,
+                onClick: () => handlePlaceComponent(slot.id),
+                children: [
+                  /* @__PURE__ */ jsxs(VStack, { gap: "none", className: "flex-1", children: [
+                    /* @__PURE__ */ jsx(Typography, { variant: "body", weight: "medium", children: slot.label }),
+                    slot.description && /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-muted-foreground", children: slot.description })
+                  ] }),
+                  placedComp ? /* @__PURE__ */ jsxs(HStack, { gap: "xs", align: "center", children: [
+                    /* @__PURE__ */ jsxs(Badge, { size: "sm", onClick: () => handleRemoveFromSlot(slot.id), children: [
+                      placedComp.iconUrl ? /* @__PURE__ */ jsx("img", { src: placedComp.iconUrl, alt: "", className: "w-4 h-4 object-contain inline-block mr-1" }) : placedComp.iconEmoji ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                        placedComp.iconEmoji,
+                        " "
+                      ] }) : null,
+                      placedComp.label
+                    ] }),
+                    result2 && /* @__PURE__ */ jsx(
+                      GameIcon,
+                      {
+                        icon: result2.correct ? CheckCircle : XCircle,
+                        assetUrl: result2.correct ? ui?.["correct"] : ui?.["incorrect"],
+                        size: "sm",
+                        className: result2.correct ? "text-success" : "text-error"
+                      }
+                    )
+                  ] }) : /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-muted-foreground", children: t("builder.empty") })
+                ]
+              },
+              slot.id
+            );
+          }) })
+        ] }) }),
+        submitted && /* @__PURE__ */ jsx(Card, { className: "p-4", children: /* @__PURE__ */ jsxs(VStack, { gap: "sm", align: "center", children: [
+          /* @__PURE__ */ jsx(GameIcon, { icon: CheckCircle, assetUrl: ui?.["correct"], size: "lg", className: "text-success" }),
+          /* @__PURE__ */ jsx(Typography, { variant: "body", weight: "bold", children: str(resolved.successMessage) || t("builder.success") })
+        ] }) }),
+        showHint && hint && /* @__PURE__ */ jsx(Card, { className: "p-4 border-l-4 border-l-warning", children: /* @__PURE__ */ jsx(Typography, { variant: "body", children: hint }) }),
+        /* @__PURE__ */ jsxs(HStack, { gap: "sm", justify: "center", children: [
+          !submitted && /* @__PURE__ */ jsxs(Button, { variant: "primary", onClick: handleSubmit, disabled: !allPlaced, children: [
+            /* @__PURE__ */ jsx(GameIcon, { icon: Wrench, assetUrl: ui?.["build"], size: "sm" }),
+            t("builder.build")
+          ] }),
+          /* @__PURE__ */ jsxs(Button, { variant: "secondary", onClick: handlePlayAgain, children: [
+            /* @__PURE__ */ jsx(GameIcon, { icon: RotateCcw, assetUrl: ui?.["reset"], size: "sm" }),
+            t("builder.reset")
+          ] })
+        ] })
+      ] })
+    }
+  );
+}
+var init_BuilderBoard = __esm({
+  "components/game/2d/organisms/BuilderBoard.tsx"() {
+    init_atoms();
+    init_useEventBus();
+    init_boardEntity();
+    init_GameIcon();
+    BuilderBoard.displayName = "BuilderBoard";
+  }
+});
 function useSwipeGesture(callbacks, options = {}) {
   const { threshold = 50, velocityThreshold = 0.3, preventDefault = false } = options;
   const startX = useRef(0);
@@ -14733,8 +14948,8 @@ function MiniMap({
   tileAssets,
   unitAssets
 }) {
-  const canvasRef = React72.useRef(null);
-  const imgCacheRef = React72.useRef(/* @__PURE__ */ new Map());
+  const canvasRef = React74.useRef(null);
+  const imgCacheRef = React74.useRef(/* @__PURE__ */ new Map());
   function loadImg(url) {
     const cached = imgCacheRef.current.get(url);
     if (cached) return cached.complete ? cached : null;
@@ -14749,7 +14964,7 @@ function MiniMap({
     imgCacheRef.current.set(url, img);
     return null;
   }
-  React72.useEffect(() => {
+  React74.useEffect(() => {
     const canvas = canvasRef.current;
     if (!canvas) return;
     const ctx = canvas.getContext("2d");
@@ -18831,6 +19046,170 @@ var init_ChoiceButton = __esm({
     ChoiceButton.displayName = "ChoiceButton";
   }
 });
+function ClassifierBoard({
+  entity,
+  completeEvent = "PUZZLE_COMPLETE",
+  assignEvent,
+  checkEvent,
+  playAgainEvent,
+  assetManifest,
+  className
+}) {
+  const ui = assetManifest?.ui;
+  const { emit } = useEventBus();
+  const { t } = useTranslate();
+  const resolved = boardEntity(entity);
+  const [headerError, setHeaderError] = useState(false);
+  const items = rows(resolved?.items);
+  const categories = rows(resolved?.categories);
+  const result = str(resolved?.result);
+  const submitted = result === "win";
+  const attempts = num(resolved?.attempts);
+  const assignments = items.reduce((acc, item) => {
+    if (item.assignedCategory != null && item.assignedCategory !== "") acc[item.id] = item.assignedCategory;
+    return acc;
+  }, {});
+  const unassignedItems = items.filter((item) => !assignments[item.id]);
+  const allAssigned = items.length > 0 && Object.keys(assignments).length === items.length;
+  const results = submitted ? items.map((item) => ({
+    item,
+    assigned: assignments[item.id],
+    correct: assignments[item.id] === item.correctCategory
+  })) : [];
+  const allCorrect = result === "win";
+  const correctCount = results.filter((r) => r.correct).length;
+  const showHint = attempts >= 2 && Boolean(str(resolved?.hint));
+  const handleAssign = (itemId, categoryId) => {
+    if (submitted) return;
+    if (assignEvent) emit(`UI:${assignEvent}`, { itemId, categoryId });
+  };
+  const handleUnassign = (itemId) => {
+    if (submitted) return;
+    if (assignEvent) emit(`UI:${assignEvent}`, { itemId, categoryId: "" });
+  };
+  const handleSubmit = () => {
+    if (checkEvent) emit(`UI:${checkEvent}`, {});
+    if (allAssigned && items.every((item) => assignments[item.id] === item.correctCategory)) {
+      emit(`UI:${completeEvent}`, { success: true, attempts: attempts + 1 });
+    }
+  };
+  const handleFullReset = () => {
+    if (playAgainEvent) emit(`UI:${playAgainEvent}`, {});
+  };
+  if (!resolved) return null;
+  const theme = resolved.theme ?? void 0;
+  const themeBackground = theme?.background;
+  const headerImage = str(resolved.headerImage);
+  const hint = str(resolved.hint);
+  const failMessage = str(resolved.failMessage);
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      className,
+      style: {
+        backgroundImage: themeBackground ? `url(${themeBackground})` : void 0,
+        backgroundSize: "cover",
+        backgroundPosition: "center"
+      },
+      children: /* @__PURE__ */ jsxs(VStack, { gap: "lg", className: "p-4", children: [
+        headerImage && !headerError ? /* @__PURE__ */ jsx(Box, { className: "w-full h-32 overflow-hidden rounded-container", children: /* @__PURE__ */ jsx("img", { src: headerImage, alt: "", onError: () => setHeaderError(true), className: "w-full h-full object-cover" }) }) : headerImage && headerError ? /* @__PURE__ */ jsx(Box, { className: "w-full h-32 rounded-container bg-gradient-to-br from-muted to-accent opacity-60" }) : null,
+        /* @__PURE__ */ jsx(Card, { className: "p-4", children: /* @__PURE__ */ jsxs(VStack, { gap: "sm", children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "h4", weight: "bold", children: str(resolved.title) }),
+          /* @__PURE__ */ jsx(Typography, { variant: "body", children: str(resolved.description) })
+        ] }) }),
+        unassignedItems.length > 0 && /* @__PURE__ */ jsx(Card, { className: "p-4", children: /* @__PURE__ */ jsxs(VStack, { gap: "sm", children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "small", weight: "bold", className: "uppercase tracking-wider text-muted-foreground", children: t("classifier.itemsToSort") }),
+          /* @__PURE__ */ jsx(HStack, { gap: "sm", className: "flex-wrap", children: unassignedItems.map((item) => /* @__PURE__ */ jsxs(Badge, { size: "md", className: "cursor-pointer", children: [
+            item.iconUrl && /* @__PURE__ */ jsx("img", { src: item.iconUrl, alt: "", className: "w-4 h-4 object-contain inline-block" }),
+            item.label
+          ] }, item.id)) })
+        ] }) }),
+        /* @__PURE__ */ jsx(VStack, { gap: "md", children: categories.map((cat) => {
+          const catItems = items.filter((item) => assignments[item.id] === cat.id);
+          return /* @__PURE__ */ jsx(Card, { className: "p-4", children: /* @__PURE__ */ jsxs(VStack, { gap: "sm", children: [
+            cat.imageUrl && /* @__PURE__ */ jsx(Box, { className: "w-full h-16 overflow-hidden rounded-container", children: /* @__PURE__ */ jsx("img", { src: cat.imageUrl, alt: "", className: "w-full h-full object-cover" }) }),
+            /* @__PURE__ */ jsxs(HStack, { justify: "between", align: "center", children: [
+              /* @__PURE__ */ jsx(Typography, { variant: "body", weight: "bold", children: cat.label }),
+              /* @__PURE__ */ jsx(Badge, { size: "sm", children: catItems.length })
+            ] }),
+            /* @__PURE__ */ jsx(HStack, { gap: "xs", className: "flex-wrap min-h-[2rem]", children: catItems.map((item) => {
+              const result2 = results.find((r) => r.item.id === item.id);
+              return /* @__PURE__ */ jsxs(
+                Badge,
+                {
+                  size: "sm",
+                  className: `cursor-pointer ${result2 ? result2.correct ? "border-success bg-success/10" : "border-error bg-error/10" : ""}`,
+                  onClick: () => handleUnassign(item.id),
+                  children: [
+                    item.iconUrl && /* @__PURE__ */ jsx("img", { src: item.iconUrl, alt: "", className: "w-3 h-3 object-contain inline-block" }),
+                    item.label,
+                    result2 && /* @__PURE__ */ jsx(
+                      GameIcon,
+                      {
+                        icon: result2.correct ? CheckCircle : XCircle,
+                        assetUrl: result2.correct ? ui?.["correct"] : ui?.["incorrect"],
+                        size: "sm",
+                        className: result2.correct ? "text-success" : "text-error"
+                      }
+                    )
+                  ]
+                },
+                item.id
+              );
+            }) }),
+            !submitted && unassignedItems.length > 0 && /* @__PURE__ */ jsx(HStack, { gap: "xs", className: "flex-wrap", children: unassignedItems.map((item) => /* @__PURE__ */ jsxs(
+              Button,
+              {
+                size: "sm",
+                variant: "ghost",
+                onClick: () => handleAssign(item.id, cat.id),
+                className: "text-xs opacity-50 hover:opacity-100",
+                children: [
+                  "+ ",
+                  item.label
+                ]
+              },
+              item.id
+            )) })
+          ] }) }, cat.id);
+        }) }),
+        submitted && /* @__PURE__ */ jsx(Card, { className: "p-4", children: /* @__PURE__ */ jsxs(VStack, { gap: "sm", align: "center", children: [
+          /* @__PURE__ */ jsx(
+            GameIcon,
+            {
+              icon: allCorrect ? CheckCircle : XCircle,
+              assetUrl: allCorrect ? ui?.["correct"] : ui?.["incorrect"],
+              size: "lg",
+              className: allCorrect ? "text-success" : "text-error"
+            }
+          ),
+          /* @__PURE__ */ jsx(Typography, { variant: "body", weight: "bold", children: allCorrect ? str(resolved.successMessage) || t("classifier.allCorrect") : `${correctCount}/${items.length} ${t("classifier.correct")}` }),
+          !allCorrect && failMessage && /* @__PURE__ */ jsx(Typography, { variant: "body", className: "text-muted-foreground", children: failMessage })
+        ] }) }),
+        showHint && hint && /* @__PURE__ */ jsx(Card, { className: "p-4 border-l-4 border-l-warning", children: /* @__PURE__ */ jsx(Typography, { variant: "body", children: hint }) }),
+        /* @__PURE__ */ jsxs(HStack, { gap: "sm", justify: "center", children: [
+          !submitted && /* @__PURE__ */ jsxs(Button, { variant: "primary", onClick: handleSubmit, disabled: !allAssigned, children: [
+            /* @__PURE__ */ jsx(GameIcon, { icon: Send, assetUrl: ui?.["send"], size: "sm" }),
+            t("classifier.check")
+          ] }),
+          /* @__PURE__ */ jsxs(Button, { variant: "secondary", onClick: handleFullReset, children: [
+            /* @__PURE__ */ jsx(GameIcon, { icon: RotateCcw, assetUrl: ui?.["reset"], size: "sm" }),
+            t("classifier.reset")
+          ] })
+        ] })
+      ] })
+    }
+  );
+}
+var init_ClassifierBoard = __esm({
+  "components/game/2d/organisms/ClassifierBoard.tsx"() {
+    init_atoms();
+    init_useEventBus();
+    init_boardEntity();
+    init_GameIcon();
+    ClassifierBoard.displayName = "ClassifierBoard";
+  }
+});
 var CodeRunnerPanel;
 var init_CodeRunnerPanel = __esm({
   "components/core/organisms/CodeRunnerPanel.tsx"() {
@@ -19264,9 +19643,9 @@ function ControlButton({
   className
 }) {
   const eventBus = useEventBus();
-  const [isPressed, setIsPressed] = React72.useState(false);
+  const [isPressed, setIsPressed] = React74.useState(false);
   const actualPressed = pressed ?? isPressed;
-  const handlePointerDown = React72.useCallback(
+  const handlePointerDown = React74.useCallback(
     (e) => {
       e.preventDefault();
       if (disabled) return;
@@ -19276,7 +19655,7 @@ function ControlButton({
     },
     [disabled, pressEvent, eventBus, onPress]
   );
-  const handlePointerUp = React72.useCallback(
+  const handlePointerUp = React74.useCallback(
     (e) => {
       e.preventDefault();
       if (disabled) return;
@@ -19286,7 +19665,7 @@ function ControlButton({
     },
     [disabled, releaseEvent, eventBus, onRelease]
   );
-  const handlePointerLeave = React72.useCallback(
+  const handlePointerLeave = React74.useCallback(
     (e) => {
       if (isPressed) {
         setIsPressed(false);
@@ -19379,8 +19758,8 @@ function ControlGrid({
   className
 }) {
   const eventBus = useEventBus();
-  const [active, setActive] = React72.useState(/* @__PURE__ */ new Set());
-  const handlePress = React72.useCallback(
+  const [active, setActive] = React74.useState(/* @__PURE__ */ new Set());
+  const handlePress = React74.useCallback(
     (id) => {
       setActive((prev) => new Set(prev).add(id));
       if (actionEvent) eventBus.emit(`UI:${actionEvent}`, { id, pressed: true });
@@ -19394,7 +19773,7 @@ function ControlGrid({
     },
     [kind, actionEvent, directionEvent, directionEvents, eventBus, onAction, onDirection]
   );
-  const handleRelease = React72.useCallback(
+  const handleRelease = React74.useCallback(
     (id) => {
       setActive((prev) => {
         const next = new Set(prev);
@@ -20660,8 +21039,8 @@ var init_Menu = __esm({
         "bottom-end": "bottom-start"
       };
       const effectivePosition = direction === "rtl" ? rtlMirror[position] ?? position : position;
-      const triggerChild = React72__default.isValidElement(trigger) ? trigger : /* @__PURE__ */ jsx(Typography, { variant: "small", as: "span", children: trigger });
-      const triggerElement = React72__default.cloneElement(
+      const triggerChild = React74__default.isValidElement(trigger) ? trigger : /* @__PURE__ */ jsx(Typography, { variant: "small", as: "span", children: trigger });
+      const triggerElement = React74__default.cloneElement(
         triggerChild,
         {
           ref: triggerRef,
@@ -20756,14 +21135,14 @@ function useDataDnd(args) {
   const isZone = Boolean(dragGroup || accepts || sortable);
   const enabled = isZone || Boolean(dndRoot);
   const eventBus = useEventBus();
-  const parentRoot = React72__default.useContext(RootCtx);
+  const parentRoot = React74__default.useContext(RootCtx);
   const isRoot = enabled && parentRoot === null;
-  const zoneId = React72__default.useId();
+  const zoneId = React74__default.useId();
   const ownGroup = dragGroup ?? accepts ?? zoneId;
-  const [optimisticOrders, setOptimisticOrders] = React72__default.useState(() => /* @__PURE__ */ new Map());
-  const optimisticOrdersRef = React72__default.useRef(optimisticOrders);
+  const [optimisticOrders, setOptimisticOrders] = React74__default.useState(() => /* @__PURE__ */ new Map());
+  const optimisticOrdersRef = React74__default.useRef(optimisticOrders);
   optimisticOrdersRef.current = optimisticOrders;
-  const clearOptimisticOrder = React72__default.useCallback((group) => {
+  const clearOptimisticOrder = React74__default.useCallback((group) => {
     setOptimisticOrders((prev) => {
       if (!prev.has(group)) return prev;
       const next = new Map(prev);
@@ -20788,7 +21167,7 @@ function useDataDnd(args) {
     const raw = it[dndItemIdField];
     return raw != null ? String(raw) : `__idx_${idx}`;
   }).join("|");
-  const itemIds = React72__default.useMemo(
+  const itemIds = React74__default.useMemo(
     () => orderedItems.map((it, idx) => {
       const raw = it[dndItemIdField];
       return raw != null ? String(raw) : `__idx_${idx}`;
@@ -20799,7 +21178,7 @@ function useDataDnd(args) {
     const raw = it[dndItemIdField];
     return raw != null ? String(raw) : `__${idx}`;
   }).join("|");
-  React72__default.useEffect(() => {
+  React74__default.useEffect(() => {
     const root = isRoot ? null : parentRoot;
     if (root) {
       root.clearOptimisticOrder(ownGroup);
@@ -20807,20 +21186,20 @@ function useDataDnd(args) {
       clearOptimisticOrder(ownGroup);
     }
   }, [itemsContentSig, ownGroup]);
-  const zonesRef = React72__default.useRef(/* @__PURE__ */ new Map());
-  const registerZone = React72__default.useCallback((zoneId2, meta2) => {
+  const zonesRef = React74__default.useRef(/* @__PURE__ */ new Map());
+  const registerZone = React74__default.useCallback((zoneId2, meta2) => {
     zonesRef.current.set(zoneId2, meta2);
   }, []);
-  const unregisterZone = React72__default.useCallback((zoneId2) => {
+  const unregisterZone = React74__default.useCallback((zoneId2) => {
     zonesRef.current.delete(zoneId2);
   }, []);
-  const [activeDrag, setActiveDrag] = React72__default.useState(null);
-  const [overZoneGroup, setOverZoneGroup] = React72__default.useState(null);
-  const meta = React72__default.useMemo(
+  const [activeDrag, setActiveDrag] = React74__default.useState(null);
+  const [overZoneGroup, setOverZoneGroup] = React74__default.useState(null);
+  const meta = React74__default.useMemo(
     () => ({ group: ownGroup, dropEvent, reorderEvent, positionEvent, itemIds, rawItems: items, idField: dndItemIdField }),
     [ownGroup, dropEvent, reorderEvent, positionEvent, itemIds, items, dndItemIdField]
   );
-  React72__default.useEffect(() => {
+  React74__default.useEffect(() => {
     const target = isRoot ? null : parentRoot;
     if (!target) {
       zonesRef.current.set(zoneId, meta);
@@ -20839,7 +21218,7 @@ function useDataDnd(args) {
   }, [parentRoot, isRoot, zoneId, meta]);
   const sensors = useAlmadarDndSensors(true);
   const collisionDetection = almadarDndCollisionDetection;
-  const findZoneByItem = React72__default.useCallback(
+  const findZoneByItem = React74__default.useCallback(
     (id) => {
       for (const z of zonesRef.current.values()) {
         if (z.itemIds.includes(id)) return z;
@@ -20848,7 +21227,7 @@ function useDataDnd(args) {
     },
     []
   );
-  React72__default.useCallback(
+  React74__default.useCallback(
     (group) => {
       for (const z of zonesRef.current.values()) {
         if (z.group === group) return z;
@@ -20857,7 +21236,7 @@ function useDataDnd(args) {
     },
     []
   );
-  const handleDragEnd = React72__default.useCallback(
+  const handleDragEnd = React74__default.useCallback(
     (event) => {
       const { active, over } = event;
       const activeIdStr = String(active.id);
@@ -20948,8 +21327,8 @@ function useDataDnd(args) {
     },
     [eventBus]
   );
-  const sortableData = React72__default.useMemo(() => ({ dndGroup: ownGroup }), [ownGroup]);
-  const SortableItem = React72__default.useCallback(
+  const sortableData = React74__default.useMemo(() => ({ dndGroup: ownGroup }), [ownGroup]);
+  const SortableItem = React74__default.useCallback(
     ({ id, children }) => {
       const {
         attributes,
@@ -20989,7 +21368,7 @@ function useDataDnd(args) {
       id: droppableId,
       data: sortableData
     });
-    const ctx = React72__default.useContext(RootCtx);
+    const ctx = React74__default.useContext(RootCtx);
     const activeDrag2 = ctx?.activeDrag ?? null;
     const overZoneGroup2 = ctx?.overZoneGroup ?? null;
     const isThisZoneOver = overZoneGroup2 === ownGroup;
@@ -21004,7 +21383,7 @@ function useDataDnd(args) {
       showForeignPlaceholder,
       ctxAvailable: ctx != null
     });
-    React72__default.useEffect(() => {
+    React74__default.useEffect(() => {
       dndLog.info("dropzone:isOver:change", { droppableId, group: ownGroup, isOver, isThisZoneOver, showForeignPlaceholder, activeDragSourceGroup: activeDrag2?.sourceGroup ?? null });
     }, [droppableId, isOver, isThisZoneOver, showForeignPlaceholder]);
     return /* @__PURE__ */ jsx(
@@ -21018,11 +21397,11 @@ function useDataDnd(args) {
       }
     );
   };
-  const rootContextValue = React72__default.useMemo(
+  const rootContextValue = React74__default.useMemo(
     () => ({ registerZone, unregisterZone, activeDrag, overZoneGroup, optimisticOrders, clearOptimisticOrder }),
     [registerZone, unregisterZone, activeDrag, overZoneGroup, optimisticOrders, clearOptimisticOrder]
   );
-  const handleDragStart = React72__default.useCallback((event) => {
+  const handleDragStart = React74__default.useCallback((event) => {
     const sourceZone = findZoneByItem(event.active.id);
     const rect = event.active.rect.current.initial;
     const height = rect?.height && rect.height > 0 ? rect.height : 64;
@@ -21041,7 +21420,7 @@ function useDataDnd(args) {
       isRoot
     });
   }, [findZoneByItem, isRoot, zoneId]);
-  const handleDragOver = React72__default.useCallback((event) => {
+  const handleDragOver = React74__default.useCallback((event) => {
     const { active, over } = event;
     const overData = over?.data?.current;
     const overGroup = overData?.dndGroup ?? null;
@@ -21111,7 +21490,7 @@ function useDataDnd(args) {
       return next;
     });
   }, []);
-  const handleDragCancel = React72__default.useCallback((event) => {
+  const handleDragCancel = React74__default.useCallback((event) => {
     setActiveDrag(null);
     setOverZoneGroup(null);
     dndLog.warn("dragCancel", {
@@ -21119,12 +21498,12 @@ function useDataDnd(args) {
       reason: "dnd-kit cancelled the drag (escape key, pointer interrupted, or external)"
     });
   }, []);
-  const handleDragEndWithCleanup = React72__default.useCallback((event) => {
+  const handleDragEndWithCleanup = React74__default.useCallback((event) => {
     handleDragEnd(event);
     setActiveDrag(null);
     setOverZoneGroup(null);
   }, [handleDragEnd]);
-  const wrapContainer = React72__default.useCallback(
+  const wrapContainer = React74__default.useCallback(
     (children) => {
       if (!enabled) return children;
       const strategy = layout === "grid" ? rectSortingStrategy : verticalListSortingStrategy;
@@ -21178,7 +21557,7 @@ var init_useDataDnd = __esm({
     init_useAlmadarDndCollision();
     init_Box();
     dndLog = createLogger("almadar:ui:dnd");
-    RootCtx = React72__default.createContext(null);
+    RootCtx = React74__default.createContext(null);
   }
 });
 function renderIconInput(icon, props) {
@@ -21704,7 +22083,7 @@ function DataList({
 }) {
   const eventBus = useEventBus();
   const { t } = useTranslate();
-  const [visibleCount, setVisibleCount] = React72__default.useState(pageSize || Infinity);
+  const [visibleCount, setVisibleCount] = React74__default.useState(pageSize || Infinity);
   const fieldDefs = fields ?? columns ?? [];
   const allDataRaw = Array.isArray(entity) ? entity : entity ? [entity] : [];
   const dnd = useDataDnd({
@@ -21723,7 +22102,7 @@ function DataList({
   const data = pageSize > 0 ? allData.slice(0, visibleCount) : allData;
   const hasMoreLocal = pageSize > 0 && visibleCount < allData.length;
   const hasRenderProp = typeof children === "function";
-  React72__default.useEffect(() => {
+  React74__default.useEffect(() => {
     const renderItemTypeOf = typeof schemaRenderItem;
     const childrenTypeOf = typeof children;
     if (data.length > 0 && !hasRenderProp) {
@@ -21827,7 +22206,7 @@ function DataList({
     const items2 = [...data];
     const groups2 = groupBy ? groupData(items2, groupBy) : [{ label: "", items: items2 }];
     const contentField = titleField?.name ?? fieldDefs[0]?.name ?? "";
-    return /* @__PURE__ */ jsx(VStack, { gap: "sm", className: cn("py-2", className), children: groups2.map((group, gi) => /* @__PURE__ */ jsxs(React72__default.Fragment, { children: [
+    return /* @__PURE__ */ jsx(VStack, { gap: "sm", className: cn("py-2", className), children: groups2.map((group, gi) => /* @__PURE__ */ jsxs(React74__default.Fragment, { children: [
       group.label && /* @__PURE__ */ jsx(Divider, { label: group.label, className: "my-2" }),
       group.items.map((itemData, index) => {
         const id = itemData.id || `${gi}-${index}`;
@@ -21968,7 +22347,7 @@ function DataList({
           className
         ),
         children: [
-          groups.map((group, gi) => /* @__PURE__ */ jsxs(React72__default.Fragment, { children: [
+          groups.map((group, gi) => /* @__PURE__ */ jsxs(React74__default.Fragment, { children: [
             group.label && /* @__PURE__ */ jsx(Divider, { label: group.label, className: gi > 0 ? "mt-4" : "mt-0" }),
             group.items.map(
               (itemData, index) => renderItem(itemData, index, gi === groups.length - 1 && index === group.items.length - 1)
@@ -22075,8 +22454,8 @@ function ScalarControl({
   }
   const numeric = typeof value === "number";
   const initial = value === null ? "" : String(value);
-  const [draft, setDraft] = React72__default.useState(initial);
-  React72__default.useEffect(() => setDraft(initial), [initial]);
+  const [draft, setDraft] = React74__default.useState(initial);
+  React74__default.useEffect(() => setDraft(initial), [initial]);
   const commit = () => {
     if (numeric) {
       const n = draft.trim() === "" ? 0 : Number(draft);
@@ -22144,8 +22523,8 @@ function Row({
   onRemove,
   readonly
 }) {
-  const [keyDraft, setKeyDraft] = React72__default.useState(rowKey);
-  React72__default.useEffect(() => setKeyDraft(rowKey), [rowKey]);
+  const [keyDraft, setKeyDraft] = React74__default.useState(rowKey);
+  React74__default.useEffect(() => setKeyDraft(rowKey), [rowKey]);
   const container = isObj(value) || isArr(value);
   return /* @__PURE__ */ jsxs(VStack, { gap: "none", className: "group w-max min-w-full", children: [
     /* @__PURE__ */ jsxs(HStack, { gap: "xs", align: "center", className: "py-0.5 w-max", children: [
@@ -22188,7 +22567,7 @@ function ContainerNode({
   depth,
   readonly
 }) {
-  const [open, setOpen] = React72__default.useState(depth < 2);
+  const [open, setOpen] = React74__default.useState(depth < 2);
   const array = isArr(value);
   const entries = array ? value.map((v, i) => [String(i), v]) : Object.entries(value);
   const setObjValue = (key, next) => {
@@ -22330,7 +22709,7 @@ var init_FormSection = __esm({
       columns = 1,
       className
     }) => {
-      const [collapsed, setCollapsed] = React72__default.useState(defaultCollapsed);
+      const [collapsed, setCollapsed] = React74__default.useState(defaultCollapsed);
       const { t } = useTranslate();
       const eventBus = useEventBus();
       const gridClass = {
@@ -22338,7 +22717,7 @@ var init_FormSection = __esm({
         2: "grid-cols-1 md:grid-cols-2",
         3: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3"
       }[columns];
-      React72__default.useCallback(() => {
+      React74__default.useCallback(() => {
         if (collapsible) {
           setCollapsed((prev) => !prev);
           eventBus.emit("UI:TOGGLE_COLLAPSE", { collapsed: !collapsed });
@@ -22746,8 +23125,8 @@ function TextLikeControl({
   onCommit
 }) {
   const initial = value === void 0 || value === null ? "" : String(value);
-  const [draft, setDraft] = React72__default.useState(initial);
-  React72__default.useEffect(() => setDraft(initial), [initial]);
+  const [draft, setDraft] = React74__default.useState(initial);
+  React74__default.useEffect(() => setDraft(initial), [initial]);
   const commit = () => {
     if (numeric) {
       const n = draft.trim() === "" ? 0 : Number(draft);
@@ -22932,14 +23311,14 @@ var init_NodeSlotEditor = __esm({
     isObj2 = (v) => v !== null && v !== void 0 && typeof v === "object" && !Array.isArray(v);
     NodeSlotEditor = ({ value, onChange, className }) => {
       const { type, props, wasArray } = normalize(value);
-      const patterns = React72__default.useMemo(() => {
+      const patterns = React74__default.useMemo(() => {
         try {
           return [...getKnownPatterns()].sort();
         } catch {
           return [];
         }
       }, []);
-      const options = React72__default.useMemo(
+      const options = React74__default.useMemo(
         () => [{ value: "", label: "\u2014 none \u2014" }, ...patterns.map((p) => ({ value: p, label: p }))],
         [patterns]
       );
@@ -22951,7 +23330,7 @@ var init_NodeSlotEditor = __esm({
         const pattern = { type: nextType, ...nextProps };
         onChange(wasArray || value === void 0 ? [pattern] : pattern);
       };
-      const schemaEntries = React72__default.useMemo(() => {
+      const schemaEntries = React74__default.useMemo(() => {
         if (!type) return [];
         const def = getPatternDefinition(type);
         if (!def?.propsSchema) return [];
@@ -23853,7 +24232,7 @@ var init_Flex = __esm({
           flexStyle.flexBasis = typeof basis === "number" ? `${basis}px` : basis;
         }
       }
-      return React72__default.createElement(Component, {
+      return React74__default.createElement(Component, {
         className: cn(
           inline ? "inline-flex" : "flex",
           directionStyles[direction],
@@ -23972,7 +24351,7 @@ var init_Grid = __esm({
       as: Component = "div"
     }) => {
       const mergedStyle = rows2 ? { gridTemplateRows: `repeat(${rows2}, minmax(0, 1fr))`, ...style } : style;
-      return React72__default.createElement(
+      return React74__default.createElement(
         Component,
         {
           className: cn(
@@ -24168,9 +24547,9 @@ var init_Popover = __esm({
         onMouseLeave: handleClose,
         onPointerDown: tapTriggerProps.onPointerDown
       };
-      const childElement = React72__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
+      const childElement = React74__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
       const childPointerDown = childElement.props.onPointerDown;
-      const triggerElement = React72__default.cloneElement(
+      const triggerElement = React74__default.cloneElement(
         childElement,
         {
           ref: triggerRef,
@@ -25022,9 +25401,9 @@ var init_Tooltip = __esm({
           if (hideTimeoutRef.current) clearTimeout(hideTimeoutRef.current);
         };
       }, []);
-      const triggerElement = React72__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
+      const triggerElement = React74__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
       const childPointerDown = triggerElement.props.onPointerDown;
-      const trigger = React72__default.cloneElement(triggerElement, {
+      const trigger = React74__default.cloneElement(triggerElement, {
         ref: triggerRef,
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
@@ -25114,7 +25493,7 @@ var init_WizardProgress = __esm({
           children: /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: normalizedSteps.map((step, index) => {
             const isActive = index === currentStep;
             const isCompleted = index < currentStep;
-            return /* @__PURE__ */ jsxs(React72__default.Fragment, { children: [
+            return /* @__PURE__ */ jsxs(React74__default.Fragment, { children: [
               /* @__PURE__ */ jsx(
                 "button",
                 {
@@ -26162,42 +26541,6 @@ var init_effects = __esm({
   }
 });
 
-// components/game/shared/boardEntity.ts
-function boardEntity(entity) {
-  if (!entity) return void 0;
-  return Array.isArray(entity) ? entity[0] : entity;
-}
-function str(v) {
-  return v == null ? "" : String(v);
-}
-function num(v, fallback = 0) {
-  const n = Number(v);
-  return Number.isFinite(n) ? n : fallback;
-}
-function bool(v) {
-  return Boolean(v);
-}
-function rows(v) {
-  return Array.isArray(v) ? v : [];
-}
-function vec2(v) {
-  const o = v ?? {};
-  return { x: num(o.x), y: num(o.y) };
-}
-function unitPosition(u) {
-  return vec2(u.position);
-}
-function unitTeam(u) {
-  return str(u.team);
-}
-function unitHealth(u) {
-  return num(u.health);
-}
-var init_boardEntity = __esm({
-  "components/game/shared/boardEntity.ts"() {
-  }
-});
-
 // components/game/shared/makeAsset.ts
 function makeAsset(url, role, overrides = {}) {
   const defaults = ROLE_DEFAULTS[role] ?? { dimension: "2d", animations: ["static"], aspect: "1:1" };
@@ -26263,7 +26606,7 @@ function GameCard({
   className
 }) {
   const eventBus = useEventBus();
-  const handleClick = React72.useCallback(() => {
+  const handleClick = React74.useCallback(() => {
     if (disabled) return;
     onClick?.(id);
     if (clickEvent) eventBus.emit(`UI:${clickEvent}`, { cardId: id });
@@ -27155,7 +27498,7 @@ function InventoryGrid({
   const eventBus = useEventBus();
   const slotCount = totalSlots ?? items.length;
   const emptySlotCount = Math.max(0, slotCount - items.length);
-  const handleSelect = React72.useCallback(
+  const handleSelect = React74.useCallback(
     (id) => {
       onSelect?.(id);
       if (selectEvent) {
@@ -27372,7 +27715,7 @@ function GameMenu({
 }) {
   const resolvedOptions = options ?? menuItems ?? DEFAULT_MENU_OPTIONS;
   const eventBus = useEventBus();
-  const handleOptionClick = React72.useCallback(
+  const handleOptionClick = React74.useCallback(
     (option) => {
       if (option.event) {
         eventBus.emit(`UI:${option.event}`, { option });
@@ -27826,7 +28169,7 @@ function LinearView({
     /* @__PURE__ */ jsx(HStack, { className: "flex-wrap items-center", gap: "xs", children: trait.states.map((state, i) => {
       const isDone = i < currentIdx;
       const isCurrent = i === currentIdx;
-      return /* @__PURE__ */ jsxs(React72__default.Fragment, { children: [
+      return /* @__PURE__ */ jsxs(React74__default.Fragment, { children: [
         i > 0 && /* @__PURE__ */ jsx(
           Typography,
           {
@@ -28023,7 +28366,7 @@ function TraitStateViewer({
 }
 var SIZE_CONFIG2;
 var init_TraitStateViewer = __esm({
-  "components/game/2d/molecules/TraitStateViewer.tsx"() {
+  "components/game/2d/organisms/TraitStateViewer.tsx"() {
     "use client";
     init_cn();
     init_Box();
@@ -28230,7 +28573,7 @@ function TraitSlot({
 }
 var SIZE_CONFIG3, DRAG_MIME2;
 var init_TraitSlot = __esm({
-  "components/game/2d/molecules/TraitSlot.tsx"() {
+  "components/game/2d/organisms/TraitSlot.tsx"() {
     "use client";
     init_cn();
     init_useEventBus();
@@ -28436,8 +28779,6 @@ function SequenceBar({
   maxSlots,
   onSlotDrop,
   onSlotRemove,
-  slotDropEvent,
-  slotRemoveEvent,
   playing = false,
   currentStep = -1,
   categoryColors,
@@ -28445,19 +28786,16 @@ function SequenceBar({
   size = "lg",
   className
 }) {
-  const { emit } = useEventBus();
   const handleDrop = useCallback((index) => (item) => {
     if (playing) return;
-    if (slotDropEvent) emit(`UI:${slotDropEvent}`, { slotIndex: index, actionId: item.id });
-    onSlotDrop?.(index, item);
-  }, [onSlotDrop, slotDropEvent, emit, playing]);
+    onSlotDrop(index, item);
+  }, [onSlotDrop, playing]);
   const handleRemove = useCallback((index) => () => {
     if (playing) return;
-    if (slotRemoveEvent) emit(`UI:${slotRemoveEvent}`, { slotIndex: index });
-    onSlotRemove?.(index);
-  }, [onSlotRemove, slotRemoveEvent, emit, playing]);
+    onSlotRemove(index);
+  }, [onSlotRemove, playing]);
   const paddedSlots = Array.from({ length: maxSlots }, (_, i) => slots[i]);
-  return /* @__PURE__ */ jsx(HStack, { className: cn("items-center", className), gap: "sm", children: paddedSlots.map((slot, i) => /* @__PURE__ */ jsxs(React72__default.Fragment, { children: [
+  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(
       Typography,
       {
@@ -28487,14 +28825,281 @@ function SequenceBar({
   ] }, i)) });
 }
 var init_SequenceBar = __esm({
-  "components/game/2d/molecules/SequenceBar.tsx"() {
+  "components/game/2d/organisms/SequenceBar.tsx"() {
     init_atoms();
     init_cn();
-    init_useEventBus();
     init_TraitSlot();
     SequenceBar.displayName = "SequenceBar";
   }
 });
+function computeSlotFeedback(playerSeq, solutions) {
+  let bestSolution = solutions[0];
+  let bestMatches = -1;
+  for (const sol of solutions) {
+    const matches = sol.filter((id, i) => id === playerSeq[i]).length;
+    if (matches > bestMatches) {
+      bestMatches = matches;
+      bestSolution = sol;
+    }
+  }
+  return playerSeq.map(
+    (id, i) => id !== void 0 && id === bestSolution[i] ? "correct" : "wrong"
+  );
+}
+function isFieldRecord(v) {
+  return typeof v === "object" && v !== null && !Array.isArray(v) && !(v instanceof Date);
+}
+function assetFromField(v) {
+  if (!isFieldRecord(v)) return void 0;
+  const url = typeof v.url === "string" ? v.url : void 0;
+  const role = typeof v.role === "string" ? v.role : void 0;
+  const category = typeof v.category === "string" ? v.category : "";
+  if (!url || !role) return void 0;
+  return {
+    url,
+    role,
+    category,
+    name: typeof v.name === "string" ? v.name : void 0,
+    thumbnailUrl: typeof v.thumbnailUrl === "string" ? v.thumbnailUrl : void 0,
+    style: typeof v.style === "string" ? v.style : void 0,
+    variant: typeof v.variant === "string" ? v.variant : void 0,
+    dimension: typeof v.dimension === "string" ? v.dimension : void 0,
+    aspect: typeof v.aspect === "string" ? v.aspect : void 0
+  };
+}
+function slotItemFromField(fv) {
+  if (!isFieldRecord(fv)) return void 0;
+  const id = typeof fv.id === "string" ? fv.id : void 0;
+  const name = typeof fv.name === "string" ? fv.name : void 0;
+  const category = typeof fv.category === "string" ? fv.category : void 0;
+  if (!id || !name || !category) return void 0;
+  return {
+    id,
+    name,
+    category,
+    description: typeof fv.description === "string" ? fv.description : void 0,
+    iconEmoji: typeof fv.iconEmoji === "string" ? fv.iconEmoji : void 0,
+    iconUrl: assetFromField(fv.iconUrl)
+  };
+}
+function SequencerBoard({
+  entity,
+  categoryColors,
+  stepDurationMs = 1e3,
+  playEvent,
+  completeEvent,
+  placeEvent,
+  removeEvent,
+  checkEvent,
+  playAgainEvent,
+  stepEvent,
+  className
+}) {
+  const { emit } = useEventBus();
+  const { t } = useTranslate();
+  const resolved = boardEntity(entity);
+  const maxSlots = num(resolved?.maxSlots) || 3;
+  const solutions = Array.isArray(resolved?.solutions) ? resolved.solutions : [];
+  const availableActions = (Array.isArray(resolved?.availableActions) ? resolved.availableActions : []).reduce((acc, fv) => {
+    const item = slotItemFromField(fv);
+    if (item) acc.push(item);
+    return acc;
+  }, []);
+  const allowDuplicates = resolved?.allowDuplicates !== false;
+  const entitySlots = Array.isArray(resolved?.slots) ? resolved.slots : [];
+  const entityResult = str(resolved?.result);
+  const entityAttempts = num(resolved?.attempts);
+  const entityCurrentStep = typeof resolved?.currentStep === "number" ? resolved.currentStep : -1;
+  const slots = Array.from({ length: maxSlots }, (_, i) => {
+    const entitySlot = entitySlots.find((s) => s.index === i);
+    if (!entitySlot?.placedActionId) return void 0;
+    return availableActions.find((a) => a.id === entitySlot.placedActionId);
+  });
+  const isSuccess = entityResult === "win";
+  const attempts = entityAttempts;
+  const isPlayingBack = entityCurrentStep >= 0 && !isSuccess;
+  const currentStep = entityCurrentStep;
+  const [headerError, setHeaderError] = useState(false);
+  const [slotFeedback, setSlotFeedback] = useState(
+    () => Array.from({ length: maxSlots }, () => null)
+  );
+  const timerRef = useRef(null);
+  useEffect(() => () => {
+    if (timerRef.current) clearTimeout(timerRef.current);
+  }, []);
+  const handleSlotDrop = useCallback((index, item) => {
+    setSlotFeedback((prev) => {
+      const next = [...prev];
+      next[index] = null;
+      return next;
+    });
+    emit("UI:PLAY_SOUND", { key: "drop_slot" });
+    if (placeEvent) emit(`UI:${placeEvent}`, { slotIndex: index, actionId: item.id });
+  }, [emit, placeEvent]);
+  const handleSlotRemove = useCallback((index) => {
+    setSlotFeedback((prev) => {
+      const next = [...prev];
+      next[index] = null;
+      return next;
+    });
+    emit("UI:PLAY_SOUND", { key: "back" });
+    if (removeEvent) emit(`UI:${removeEvent}`, { slotIndex: index });
+  }, [emit, removeEvent]);
+  const handleReset = useCallback(() => {
+    if (timerRef.current) clearTimeout(timerRef.current);
+    setSlotFeedback(Array.from({ length: maxSlots }, () => null));
+    if (playAgainEvent) emit(`UI:${playAgainEvent}`, {});
+  }, [maxSlots, playAgainEvent, emit]);
+  const filledSlots = slots.filter((s) => !!s);
+  const canPlay = filledSlots.length > 0 && !isPlayingBack && !isSuccess;
+  const handlePlay = useCallback(() => {
+    if (!canPlay) return;
+    setSlotFeedback(Array.from({ length: maxSlots }, () => null));
+    emit("UI:PLAY_SOUND", { key: "confirm" });
+    const sequence = slots.map((s) => s?.id || "");
+    const playerIds = slots.filter(Boolean).map((s) => s?.id || "");
+    if (playEvent) emit(`UI:${playEvent}`, { sequence });
+    let step = 0;
+    const advance = () => {
+      step++;
+      if (stepEvent) emit(`UI:${stepEvent}`, { step });
+      if (step >= maxSlots) {
+        if (checkEvent) emit(`UI:${checkEvent}`, { sequence: playerIds });
+        const playerSeq = slots.map((s) => s?.id);
+        const success = solutions.some(
+          (sol) => sol.length === playerIds.length && sol.every((id, i) => id === playerIds[i])
+        );
+        if (success) {
+          emit("UI:PLAY_SOUND", { key: "levelComplete" });
+          if (completeEvent) emit(`UI:${completeEvent}`, { success: true, sequence: playerIds });
+        } else {
+          const feedback = computeSlotFeedback(playerSeq, solutions);
+          setSlotFeedback(feedback);
+          emit("UI:PLAY_SOUND", { key: "fail" });
+          const correctCount2 = feedback.filter((f3) => f3 === "correct").length;
+          for (let ci = 0; ci < correctCount2; ci++) {
+            setTimeout(() => {
+              emit("UI:PLAY_SOUND", { key: "correctSlot" });
+            }, 300 + ci * 150);
+          }
+        }
+      } else {
+        timerRef.current = setTimeout(advance, stepDurationMs);
+      }
+    };
+    timerRef.current = setTimeout(advance, stepDurationMs);
+  }, [canPlay, slots, maxSlots, solutions, stepDurationMs, playEvent, completeEvent, checkEvent, emit]);
+  const machine = {
+    name: str(resolved?.title),
+    description: str(resolved?.description),
+    states: slots.map((s, i) => stepLabel(s, i)),
+    currentState: currentStep >= 0 ? stepLabel(slots[currentStep], currentStep) : "__idle__",
+    transitions: slots.slice(0, -1).map((s, i) => ({
+      from: stepLabel(s, i),
+      to: stepLabel(slots[i + 1], i + 1),
+      event: "NEXT"
+    }))
+  };
+  const usedIds = !allowDuplicates ? slots.filter(Boolean).map((s) => s?.id || "") : [];
+  const hint = str(resolved?.hint);
+  const showHint = attempts >= 3 && !!hint;
+  const hasFeedback = slotFeedback.some((f3) => f3 !== null);
+  const correctCount = slotFeedback.filter((f3) => f3 === "correct").length;
+  const encourageKey = ENCOURAGEMENT_KEYS[Math.min(attempts - 1, ENCOURAGEMENT_KEYS.length - 1)] ?? ENCOURAGEMENT_KEYS[0];
+  if (!resolved) return null;
+  const theme = resolved.theme ?? void 0;
+  const themeBackground = theme?.background;
+  const headerImage = str(resolved.headerImage);
+  return /* @__PURE__ */ jsxs(
+    VStack,
+    {
+      className: cn("p-4 gap-6", className),
+      style: {
+        backgroundImage: themeBackground ? `url(${themeBackground})` : void 0,
+        backgroundSize: "cover",
+        backgroundPosition: "center"
+      },
+      children: [
+        headerImage && !headerError ? /* @__PURE__ */ jsx(Box, { className: "w-full h-32 overflow-hidden rounded-container", children: /* @__PURE__ */ jsx("img", { src: headerImage, alt: "", onError: () => setHeaderError(true), className: "w-full h-full object-cover" }) }) : headerImage && headerError ? /* @__PURE__ */ jsx(Box, { className: "w-full h-32 rounded-container bg-gradient-to-br from-muted to-accent opacity-60" }) : null,
+        /* @__PURE__ */ jsxs(VStack, { gap: "xs", children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "h4", className: "text-foreground", children: str(resolved.title) }),
+          /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-muted-foreground", children: str(resolved.description) })
+        ] }),
+        showHint && /* @__PURE__ */ jsx(Box, { className: "p-3 rounded-container bg-accent/10 border border-accent/30", children: /* @__PURE__ */ jsxs(HStack, { className: "items-start", gap: "xs", children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-accent font-bold shrink-0", children: "\u{1F4A1} " + t("game.hint") + ":" }),
+          /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-foreground", children: hint })
+        ] }) }),
+        filledSlots.length > 0 && /* @__PURE__ */ jsx(TraitStateViewer, { trait: machine, variant: "linear", size: "md" }),
+        /* @__PURE__ */ jsxs(VStack, { gap: "xs", children: [
+          /* @__PURE__ */ jsxs(HStack, { className: "items-center justify-between", children: [
+            /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-muted-foreground font-medium", children: t("sequencer.yourSequence") + ":" }),
+            hasFeedback && !isPlayingBack && !isSuccess && /* @__PURE__ */ jsxs(Typography, { variant: "caption", className: "text-muted-foreground", children: [
+              `${correctCount}/${maxSlots} `,
+              "\u2705"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(
+            SequenceBar,
+            {
+              slots,
+              maxSlots,
+              onSlotDrop: handleSlotDrop,
+              onSlotRemove: handleSlotRemove,
+              playing: isPlayingBack,
+              currentStep,
+              categoryColors,
+              slotFeedback,
+              size: "lg"
+            }
+          )
+        ] }),
+        !isPlayingBack && /* @__PURE__ */ jsx(
+          ActionPalette,
+          {
+            actions: availableActions,
+            usedActionIds: usedIds,
+            allowDuplicates,
+            categoryColors,
+            label: t("sequencer.dragActions")
+          }
+        ),
+        hasFeedback && !isPlayingBack && !isSuccess && attempts > 0 && /* @__PURE__ */ jsx(Box, { className: "p-3 rounded-container bg-warning/10 border border-warning/30 text-center", children: /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-foreground", children: t(encourageKey) }) }),
+        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("sequencer.levelComplete") }) }),
+        /* @__PURE__ */ jsxs(HStack, { gap: "sm", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "primary",
+              onClick: handlePlay,
+              disabled: !canPlay,
+              children: "\u25B6 " + t("game.play")
+            }
+          ),
+          /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: handleReset, children: "\u21BA " + t("game.reset") })
+        ] })
+      ]
+    }
+  );
+}
+var ENCOURAGEMENT_KEYS, stepLabel;
+var init_SequencerBoard = __esm({
+  "components/game/2d/organisms/SequencerBoard.tsx"() {
+    init_atoms();
+    init_cn();
+    init_useEventBus();
+    init_TraitStateViewer();
+    init_boardEntity();
+    init_SequenceBar();
+    init_ActionPalette();
+    ENCOURAGEMENT_KEYS = [
+      "puzzle.tryAgain1",
+      "puzzle.tryAgain2",
+      "puzzle.tryAgain3"
+    ];
+    stepLabel = (slot, i) => slot ? `${i + 1}. ${slot.name}` : `Step ${i + 1}`;
+    SequencerBoard.displayName = "SequencerBoard";
+  }
+});
 function RuleEditor({
   rule,
   availableEvents,
@@ -28538,7 +29143,7 @@ function RuleEditor({
   ] });
 }
 var init_RuleEditor = __esm({
-  "components/game/2d/molecules/RuleEditor.tsx"() {
+  "components/game/2d/organisms/RuleEditor.tsx"() {
     init_atoms();
     init_cn();
     RuleEditor.displayName = "RuleEditor";
@@ -28579,7 +29184,7 @@ function EventLog({
 }
 var STATUS_STYLES, STATUS_DOTS;
 var init_EventLog = __esm({
-  "components/game/2d/molecules/EventLog.tsx"() {
+  "components/game/2d/organisms/EventLog.tsx"() {
     init_atoms();
     init_cn();
     STATUS_STYLES = {
@@ -28707,7 +29312,7 @@ function ObjectRulePanel({
 }
 var nextRuleId;
 var init_ObjectRulePanel = __esm({
-  "components/game/2d/molecules/ObjectRulePanel.tsx"() {
+  "components/game/2d/organisms/ObjectRulePanel.tsx"() {
     init_atoms();
     init_cn();
     init_TraitStateViewer();
@@ -28717,6 +29322,220 @@ var init_ObjectRulePanel = __esm({
     ObjectRulePanel.displayName = "ObjectRulePanel";
   }
 });
+function EventHandlerBoard({
+  entity,
+  stepDurationMs = 800,
+  playEvent,
+  completeEvent,
+  editRuleEvent,
+  playAgainEvent,
+  className
+}) {
+  const { emit } = useEventBus();
+  const { t } = useTranslate();
+  const resolved = boardEntity(entity);
+  const objects = rows(resolved?.objects);
+  const entityResult = str(resolved?.result) || "none";
+  const isSuccess = entityResult === "win";
+  const attempts = typeof resolved?.attempts === "number" ? resolved.attempts : 0;
+  const [selectedObjectId, setSelectedObjectId] = useState(
+    objects[0] ? objId(objects[0]) : null
+  );
+  const [headerError, setHeaderError] = useState(false);
+  const [isPlaying, setIsPlaying] = useState(false);
+  const [eventLog, setEventLog] = useState([]);
+  const timerRef = useRef(null);
+  const logIdCounter = useRef(0);
+  useEffect(() => () => {
+    if (timerRef.current) clearTimeout(timerRef.current);
+  }, []);
+  const selectedObject = objects.find((o) => objId(o) === selectedObjectId) ?? null;
+  const handleRulesChange = useCallback((objectId, rules) => {
+    if (editRuleEvent) emit(`UI:${editRuleEvent}`, { objectId, rules });
+  }, [editRuleEvent, emit]);
+  const addLogEntry = useCallback((icon, message, status = "done") => {
+    const id = `log-${logIdCounter.current++}`;
+    setEventLog((prev) => [...prev, { id, timestamp: Date.now(), icon, message, status }]);
+  }, []);
+  const handlePlay = useCallback(() => {
+    if (isPlaying || isSuccess) return;
+    if (playEvent) emit(`UI:${playEvent}`, {});
+    setIsPlaying(true);
+    setEventLog([]);
+    const allRules = [];
+    objects.forEach((obj) => {
+      objRules(obj).forEach((rule) => {
+        allRules.push({ object: obj, rule });
+      });
+    });
+    const triggers = Array.isArray(resolved?.triggerEvents) ? resolved.triggerEvents : [];
+    const goalEvent = str(resolved?.goalEvent);
+    const eventQueue = [...triggers];
+    const firedEvents = /* @__PURE__ */ new Set();
+    let stepIdx = 0;
+    let goalReached = false;
+    const processNext = () => {
+      if (eventQueue.length === 0 || stepIdx > 20) {
+        setIsPlaying(false);
+        if (goalReached && completeEvent) emit(`UI:${completeEvent}`, { success: true });
+        return;
+      }
+      const currentEvent = eventQueue.shift();
+      if (firedEvents.has(currentEvent)) {
+        timerRef.current = setTimeout(processNext, 100);
+        return;
+      }
+      firedEvents.add(currentEvent);
+      const matching = allRules.filter((r) => r.rule.whenEvent === currentEvent);
+      if (matching.length === 0) {
+        addLogEntry("\u26A1", t("eventHandler.noListeners", { event: currentEvent }), "done");
+      } else {
+        matching.forEach(({ object, rule }) => {
+          addLogEntry(objIcon(object), t("eventHandler.heardEvent", { object: objName(object), event: currentEvent, action: rule.thenAction }), "done");
+          eventQueue.push(rule.thenAction);
+          if (rule.thenAction === goalEvent) {
+            goalReached = true;
+          }
+        });
+      }
+      if (currentEvent === goalEvent) {
+        goalReached = true;
+      }
+      stepIdx++;
+      timerRef.current = setTimeout(processNext, stepDurationMs);
+    };
+    if (triggers.length > 0) {
+      addLogEntry("\u{1F3AC}", t("eventHandler.simulationStarted", { events: triggers.join(", ") }), "active");
+    }
+    timerRef.current = setTimeout(processNext, stepDurationMs);
+  }, [isPlaying, isSuccess, objects, resolved, stepDurationMs, playEvent, completeEvent, emit, addLogEntry, t]);
+  const handleTryAgain = useCallback(() => {
+    if (timerRef.current) clearTimeout(timerRef.current);
+    setIsPlaying(false);
+    setEventLog([]);
+  }, []);
+  const handleReset = useCallback(() => {
+    if (timerRef.current) clearTimeout(timerRef.current);
+    setIsPlaying(false);
+    setEventLog([]);
+    setSelectedObjectId(objects[0] ? objId(objects[0]) : null);
+    if (playAgainEvent) emit(`UI:${playAgainEvent}`, {});
+  }, [objects, playAgainEvent, emit]);
+  if (!resolved) return null;
+  const objectViewers = objects.map((obj) => {
+    const states = objStates(obj);
+    const currentState = objCurrentState(obj);
+    const machine = {
+      name: objName(obj),
+      states,
+      currentState,
+      transitions: objRules(obj).map((r) => ({
+        from: currentState,
+        to: states.find((s) => s !== currentState) || currentState,
+        event: r.whenEvent
+      }))
+    };
+    return { obj, machine };
+  });
+  const hint = str(resolved.hint);
+  const showHint = attempts >= 3 && hint;
+  const theme = resolved.theme ?? void 0;
+  const themeBackground = theme?.background;
+  const headerImage = str(resolved.headerImage);
+  const encourageKey = ENCOURAGEMENT_KEYS2[Math.min(attempts - 1, ENCOURAGEMENT_KEYS2.length - 1)] ?? ENCOURAGEMENT_KEYS2[0];
+  return /* @__PURE__ */ jsxs(
+    VStack,
+    {
+      className: cn("p-4 gap-6", className),
+      style: {
+        backgroundImage: themeBackground ? `url(${themeBackground})` : void 0,
+        backgroundSize: "cover",
+        backgroundPosition: "center"
+      },
+      children: [
+        headerImage && !headerError ? /* @__PURE__ */ jsx(Box, { className: "w-full h-32 overflow-hidden rounded-container", children: /* @__PURE__ */ jsx("img", { src: headerImage, alt: "", onError: () => setHeaderError(true), className: "w-full h-full object-cover" }) }) : headerImage && headerError ? /* @__PURE__ */ jsx(Box, { className: "w-full h-32 rounded-container bg-gradient-to-br from-muted to-accent opacity-60" }) : null,
+        /* @__PURE__ */ jsxs(VStack, { gap: "xs", children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "h4", className: "text-foreground", children: str(resolved.title) }),
+          /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-muted-foreground", children: str(resolved.description) }),
+          /* @__PURE__ */ jsxs(HStack, { className: "items-center p-2 rounded bg-primary/10 border border-primary/30", gap: "xs", children: [
+            /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-primary font-bold", children: t("game.goal") + ":" }),
+            /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-foreground", children: str(resolved.goalCondition) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(VStack, { gap: "sm", children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-muted-foreground font-medium", children: t("eventHandler.clickObject") + ":" }),
+          /* @__PURE__ */ jsx(HStack, { className: "flex-wrap", gap: "sm", children: objectViewers.map(({ obj, machine }) => {
+            const oid = objId(obj);
+            return /* @__PURE__ */ jsx(
+              Box,
+              {
+                className: cn(
+                  "p-3 rounded-container border-2 cursor-pointer transition-all hover:scale-105",
+                  selectedObjectId === oid ? "border-primary bg-primary/10" : "border-border bg-card hover:border-muted-foreground"
+                ),
+                onClick: () => setSelectedObjectId(oid),
+                children: /* @__PURE__ */ jsxs(VStack, { gap: "xs", className: "items-center min-w-[120px]", children: [
+                  /* @__PURE__ */ jsx(Typography, { variant: "h5", children: objIcon(obj) }),
+                  /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-foreground font-medium", children: objName(obj) }),
+                  /* @__PURE__ */ jsx(TraitStateViewer, { trait: machine, variant: "compact", size: "sm" })
+                ] })
+              },
+              oid
+            );
+          }) })
+        ] }),
+        selectedObject && /* @__PURE__ */ jsx(
+          ObjectRulePanel,
+          {
+            object: selectedObject,
+            onRulesChange: handleRulesChange,
+            disabled: isPlaying
+          }
+        ),
+        eventLog.length > 0 && /* @__PURE__ */ jsx(EventLog, { entries: eventLog }),
+        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("eventHandler.chainComplete") }) }),
+        !isPlaying && !isSuccess && attempts > 0 && /* @__PURE__ */ jsxs(VStack, { gap: "sm", children: [
+          /* @__PURE__ */ jsx(Box, { className: "p-4 rounded-container bg-warning/10 border border-warning/30 text-center", children: /* @__PURE__ */ jsx(Typography, { variant: "body1", className: "text-foreground font-medium", children: t(encourageKey) }) }),
+          showHint && /* @__PURE__ */ jsx(Box, { className: "p-3 rounded-container bg-accent/10 border border-accent/30", children: /* @__PURE__ */ jsxs(HStack, { className: "items-start", gap: "xs", children: [
+            /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-accent font-bold shrink-0", children: "\u{1F4A1} " + t("game.hint") + ":" }),
+            /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-foreground", children: hint })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ jsxs(HStack, { gap: "sm", children: [
+          !isPlaying && !isSuccess && attempts > 0 ? /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: handleTryAgain, children: "\u{1F504} " + t("puzzle.tryAgainButton") }) : /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "primary",
+              onClick: handlePlay,
+              disabled: isPlaying || isSuccess,
+              children: "\u25B6 " + t("game.play")
+            }
+          ),
+          /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: handleReset, children: "\u21BA " + t("game.reset") })
+        ] })
+      ]
+    }
+  );
+}
+var ENCOURAGEMENT_KEYS2;
+var init_EventHandlerBoard = __esm({
+  "components/game/2d/organisms/EventHandlerBoard.tsx"() {
+    init_atoms();
+    init_cn();
+    init_useEventBus();
+    init_TraitStateViewer();
+    init_ObjectRulePanel();
+    init_EventLog();
+    init_puzzleObject();
+    init_boardEntity();
+    ENCOURAGEMENT_KEYS2 = [
+      "puzzle.tryAgain1",
+      "puzzle.tryAgain2",
+      "puzzle.tryAgain3"
+    ];
+    EventHandlerBoard.displayName = "EventHandlerBoard";
+  }
+});
 function StateNode2({
   name,
   isCurrent = false,
@@ -28763,7 +29582,7 @@ function StateNode2({
   );
 }
 var init_StateNode = __esm({
-  "components/game/2d/molecules/StateNode.tsx"() {
+  "components/game/2d/organisms/StateNode.tsx"() {
     init_atoms();
     init_cn();
     StateNode2.displayName = "StateNode";
@@ -28835,7 +29654,7 @@ function TransitionArrow({
 }
 var NODE_RADIUS;
 var init_TransitionArrow = __esm({
-  "components/game/2d/molecules/TransitionArrow.tsx"() {
+  "components/game/2d/organisms/TransitionArrow.tsx"() {
     init_cn();
     NODE_RADIUS = 40;
     TransitionArrow.displayName = "TransitionArrow";
@@ -28885,7 +29704,7 @@ function VariablePanel({
 }
 var numField;
 var init_VariablePanel = __esm({
-  "components/game/2d/molecules/VariablePanel.tsx"() {
+  "components/game/2d/organisms/VariablePanel.tsx"() {
     init_atoms();
     init_cn();
     numField = (v, fallback = 0) => {
@@ -28920,12 +29739,890 @@ function StateJsonView({
   ] });
 }
 var init_StateJsonView = __esm({
-  "components/game/2d/molecules/StateJsonView.tsx"() {
+  "components/game/2d/organisms/StateJsonView.tsx"() {
     init_atoms();
     init_cn();
     StateJsonView.displayName = "StateJsonView";
   }
 });
+function layoutStates(states, width, height) {
+  const cx = width / 2;
+  const cy = height / 2;
+  const radius = Math.min(cx, cy) - 60;
+  const positions = {};
+  states.forEach((state, i) => {
+    const angle = 2 * Math.PI * i / states.length - Math.PI / 2;
+    positions[state] = {
+      x: cx + radius * Math.cos(angle),
+      y: cy + radius * Math.sin(angle)
+    };
+  });
+  return positions;
+}
+function StateArchitectBoard({
+  entity,
+  stepDurationMs = 600,
+  testEvent,
+  completeEvent,
+  addTransitionEvent,
+  removeTransitionEvent,
+  playAgainEvent,
+  className
+}) {
+  const { emit } = useEventBus();
+  const { t } = useTranslate();
+  const resolved = boardEntity(entity);
+  const entityStates = Array.isArray(resolved?.states) ? resolved.states : [];
+  const initialState = str(resolved?.initialState);
+  const entityName = str(resolved?.entityName);
+  const availableEvents = Array.isArray(resolved?.availableEvents) ? resolved.availableEvents : [];
+  const testCases = (Array.isArray(resolved?.testCases) ? resolved.testCases : []).map((item) => {
+    const o = typeof item === "object" && item !== null && !Array.isArray(item) ? item : {};
+    const eventsField = o["events"];
+    return {
+      events: Array.isArray(eventsField) ? eventsField : [],
+      expectedState: str(o["expectedState"]),
+      label: str(o["label"])
+    };
+  });
+  const entityTransitions = (Array.isArray(resolved?.transitions) ? resolved.transitions : []).map((item) => {
+    const o = typeof item === "object" && item !== null && !Array.isArray(item) ? item : {};
+    return {
+      id: str(o["id"]),
+      from: str(o["from"]),
+      to: str(o["to"]),
+      event: str(o["event"]),
+      ...o["guardHint"] ? { guardHint: str(o["guardHint"]) } : {}
+    };
+  });
+  const entityVariables = rows(resolved?.variables);
+  const transitions = entityTransitions;
+  const attempts = typeof resolved?.attempts === "number" ? resolved.attempts : 0;
+  const entityResult = str(resolved?.result) || "none";
+  const isSuccess = entityResult === "win";
+  const [isTesting, setIsTesting] = useState(false);
+  const [headerError, setHeaderError] = useState(false);
+  const [currentState, setCurrentState] = useState(initialState);
+  const [selectedState, setSelectedState] = useState(null);
+  const [testResults, setTestResults] = useState([]);
+  const [variables, setVariables] = useState(() => [...entityVariables]);
+  const timerRef = useRef(null);
+  const [addingFrom, setAddingFrom] = useState(null);
+  useEffect(() => () => {
+    if (timerRef.current) clearTimeout(timerRef.current);
+  }, []);
+  const GRAPH_W = 500;
+  const GRAPH_H = 400;
+  const positions = useMemo(() => layoutStates(entityStates, GRAPH_W, GRAPH_H), [entityStates]);
+  const handleStateClick = useCallback((state) => {
+    if (isTesting) return;
+    if (addingFrom) {
+      if (addingFrom !== state) {
+        const event = availableEvents[0] || "EVENT";
+        const newTrans = {
+          id: `t-${nextTransId++}`,
+          from: addingFrom,
+          to: state,
+          event
+        };
+        if (addTransitionEvent) emit(`UI:${addTransitionEvent}`, { id: newTrans.id, from: newTrans.from, to: newTrans.to, event: newTrans.event });
+      }
+      setAddingFrom(null);
+    } else {
+      setSelectedState(state);
+    }
+  }, [isTesting, addingFrom, availableEvents, addTransitionEvent, emit]);
+  const handleStartAddTransition = useCallback(() => {
+    if (!selectedState) return;
+    setAddingFrom(selectedState);
+  }, [selectedState]);
+  const handleRemoveTransition = useCallback((transId) => {
+    if (removeTransitionEvent) emit(`UI:${removeTransitionEvent}`, { id: transId });
+  }, [removeTransitionEvent, emit]);
+  const machine = useMemo(() => ({
+    name: entityName,
+    description: str(resolved?.description),
+    states: entityStates,
+    currentState,
+    transitions: transitions.map((t2) => ({
+      from: t2.from,
+      to: t2.to,
+      event: t2.event,
+      guardHint: t2.guardHint
+    }))
+  }), [entityName, resolved, entityStates, currentState, transitions]);
+  const handleTest = useCallback(() => {
+    if (isTesting) return;
+    if (testEvent) emit(`UI:${testEvent}`, {});
+    setIsTesting(true);
+    setTestResults([]);
+    const results = [];
+    let testIdx = 0;
+    const runNextTest = () => {
+      if (testIdx >= testCases.length) {
+        const allPassed = results.every((r) => r.passed);
+        setIsTesting(false);
+        setTestResults(results);
+        if (allPassed && completeEvent) {
+          emit(`UI:${completeEvent}`, {
+            success: true,
+            passedTests: results.filter((r) => r.passed).length
+          });
+        }
+        return;
+      }
+      const testCase = testCases[testIdx];
+      if (!testCase) return;
+      let state = initialState;
+      for (const event of testCase.events) {
+        const trans = transitions.find((t2) => t2.from === state && t2.event === event);
+        if (trans) {
+          state = trans.to;
+        }
+      }
+      setCurrentState(state);
+      results.push({
+        label: testCase.label,
+        passed: state === testCase.expectedState,
+        actualState: state,
+        expectedState: testCase.expectedState
+      });
+      testIdx++;
+      timerRef.current = setTimeout(runNextTest, stepDurationMs);
+    };
+    timerRef.current = setTimeout(runNextTest, stepDurationMs);
+  }, [isTesting, transitions, testCases, initialState, stepDurationMs, testEvent, completeEvent, emit]);
+  const handleTryAgain = useCallback(() => {
+    if (timerRef.current) clearTimeout(timerRef.current);
+    setIsTesting(false);
+    setCurrentState(initialState);
+    setTestResults([]);
+  }, [initialState]);
+  const handleReset = useCallback(() => {
+    if (timerRef.current) clearTimeout(timerRef.current);
+    setIsTesting(false);
+    setCurrentState(initialState);
+    setTestResults([]);
+    setVariables([...entityVariables]);
+    setSelectedState(null);
+    setAddingFrom(null);
+    if (playAgainEvent) emit(`UI:${playAgainEvent}`, {});
+  }, [initialState, entityVariables, playAgainEvent, emit]);
+  const codeData = useMemo(() => ({
+    name: entityName,
+    states: entityStates,
+    initialState,
+    transitions: transitions.map((t2) => ({
+      from: t2.from,
+      to: t2.to,
+      event: t2.event,
+      ...t2.guardHint ? { guard: t2.guardHint } : {}
+    }))
+  }), [entityName, entityStates, initialState, transitions]);
+  if (!resolved) return null;
+  const theme = resolved.theme ?? void 0;
+  const themeBackground = theme?.background;
+  const headerImage = str(resolved.headerImage);
+  const hint = str(resolved.hint);
+  return /* @__PURE__ */ jsxs(
+    VStack,
+    {
+      className: cn("p-4 gap-6", className),
+      style: {
+        backgroundImage: themeBackground ? `url(${themeBackground})` : void 0,
+        backgroundSize: "cover",
+        backgroundPosition: "center"
+      },
+      children: [
+        headerImage && !headerError ? /* @__PURE__ */ jsx(Box, { className: "w-full h-32 overflow-hidden rounded-container", children: /* @__PURE__ */ jsx("img", { src: headerImage, alt: "", onError: () => setHeaderError(true), className: "w-full h-full object-cover" }) }) : headerImage && headerError ? /* @__PURE__ */ jsx(Box, { className: "w-full h-32 rounded-container bg-gradient-to-br from-muted to-accent opacity-60" }) : null,
+        /* @__PURE__ */ jsxs(VStack, { gap: "xs", children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "h4", className: "text-foreground", children: str(resolved.title) }),
+          /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-muted-foreground", children: str(resolved.description) }),
+          /* @__PURE__ */ jsxs(HStack, { className: "items-center p-2 rounded bg-warning/10 border border-warning/30", gap: "xs", children: [
+            /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-warning font-bold", children: t("game.hint") + ":" }),
+            /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-foreground", children: hint })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(HStack, { className: "flex-wrap items-start", gap: "lg", children: [
+          /* @__PURE__ */ jsxs(VStack, { gap: "sm", className: "flex-1 min-w-[300px]", children: [
+            /* @__PURE__ */ jsxs(HStack, { className: "items-center justify-between", children: [
+              /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-muted-foreground font-medium", children: t("stateArchitect.graph") }),
+              addingFrom && /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-accent animate-pulse", children: t("stateArchitect.clickTarget", { state: addingFrom || "" }) })
+            ] }),
+            /* @__PURE__ */ jsxs(
+              Box,
+              {
+                position: "relative",
+                className: "rounded-container border border-border bg-background overflow-hidden",
+                style: { width: GRAPH_W, height: GRAPH_H },
+                children: [
+                  /* @__PURE__ */ jsxs(
+                    "svg",
+                    {
+                      width: GRAPH_W,
+                      height: GRAPH_H,
+                      className: "absolute inset-0",
+                      style: { pointerEvents: "none" },
+                      children: [
+                        /* @__PURE__ */ jsxs("defs", { children: [
+                          /* @__PURE__ */ jsx("marker", { id: "arrowhead", markerWidth: "10", markerHeight: "7", refX: "10", refY: "3.5", orient: "auto", children: /* @__PURE__ */ jsx("polygon", { points: "0 0, 10 3.5, 0 7", fill: "var(--color-border)" }) }),
+                          /* @__PURE__ */ jsx("marker", { id: "arrowhead-active", markerWidth: "10", markerHeight: "7", refX: "10", refY: "3.5", orient: "auto", children: /* @__PURE__ */ jsx("polygon", { points: "0 0, 10 3.5, 0 7", fill: "var(--color-primary)" }) })
+                        ] }),
+                        transitions.map((t2) => {
+                          const fromPos = positions[t2.from];
+                          const toPos = positions[t2.to];
+                          if (!fromPos || !toPos) return null;
+                          const isActive = t2.from === currentState;
+                          return /* @__PURE__ */ jsx(
+                            TransitionArrow,
+                            {
+                              from: fromPos,
+                              to: toPos,
+                              eventLabel: t2.event,
+                              guardHint: t2.guardHint,
+                              isActive
+                            },
+                            t2.id
+                          );
+                        })
+                      ]
+                    }
+                  ),
+                  entityStates.map((state) => /* @__PURE__ */ jsx(
+                    StateNode2,
+                    {
+                      name: state,
+                      position: positions[state],
+                      isCurrent: state === currentState,
+                      isSelected: state === selectedState,
+                      isInitial: state === initialState,
+                      onClick: () => handleStateClick(state)
+                    },
+                    state
+                  ))
+                ]
+              }
+            ),
+            !isTesting && /* @__PURE__ */ jsx(HStack, { gap: "sm", children: /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "ghost",
+                onClick: handleStartAddTransition,
+                disabled: !selectedState,
+                children: selectedState ? t("stateArchitect.addTransition", { state: selectedState }) : t("stateArchitect.addTransitionPrompt")
+              }
+            ) }),
+            transitions.length > 0 && /* @__PURE__ */ jsxs(VStack, { gap: "xs", className: "p-3 rounded-container bg-muted/50 border border-border", children: [
+              /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-muted-foreground font-medium", children: t("stateArchitect.transitions", { count: transitions.length }) + ":" }),
+              transitions.map((t2) => /* @__PURE__ */ jsxs(HStack, { className: "items-center text-xs", gap: "xs", children: [
+                /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-foreground", children: t2.from }),
+                /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-muted-foreground", children: "\u2014[" }),
+                /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-accent font-medium", children: t2.event }),
+                /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-muted-foreground", children: "]\u2192" }),
+                /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-success", children: t2.to }),
+                t2.guardHint && /* @__PURE__ */ jsxs(Typography, { variant: "caption", className: "text-warning", children: [
+                  "(",
+                  t2.guardHint,
+                  ")"
+                ] }),
+                !isTesting && /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "ghost",
+                    onClick: () => handleRemoveTransition(t2.id),
+                    className: "text-xs ml-auto",
+                    children: "\xD7"
+                  }
+                )
+              ] }, t2.id))
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(VStack, { gap: "sm", className: "w-[280px] shrink-0", children: [
+            /* @__PURE__ */ jsx(TraitStateViewer, { trait: machine, variant: "full", size: "sm" }),
+            /* @__PURE__ */ jsx(
+              VariablePanel,
+              {
+                entityName,
+                variables
+              }
+            ),
+            testResults.length > 0 && /* @__PURE__ */ jsxs(VStack, { className: "p-3 rounded-container bg-card border border-border", gap: "xs", children: [
+              /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-muted-foreground font-medium", children: t("stateArchitect.testResults") + ":" }),
+              testResults.map((r, i) => /* @__PURE__ */ jsxs(HStack, { className: "items-center text-xs", gap: "xs", children: [
+                /* @__PURE__ */ jsx(Typography, { variant: "caption", className: r.passed ? "text-success" : "text-error", children: r.passed ? "\u2714" : "\u2717" }),
+                /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-foreground flex-1", children: r.label }),
+                !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" })
+          ] })
+        ] }),
+        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") }) }),
+        !isTesting && !isSuccess && testResults.some((r) => !r.passed) && /* @__PURE__ */ jsxs(VStack, { gap: "sm", children: [
+          /* @__PURE__ */ jsx(Box, { className: "p-4 rounded-container bg-warning/10 border border-warning/30 text-center", children: /* @__PURE__ */ jsx(Typography, { variant: "body1", className: "text-foreground font-medium", children: t(ENCOURAGEMENT_KEYS3[Math.min(attempts - 1, ENCOURAGEMENT_KEYS3.length - 1)] ?? ENCOURAGEMENT_KEYS3[0]) }) }),
+          !isSuccess && attempts >= 2 && Boolean(str(resolved?.hint)) && /* @__PURE__ */ jsx(Box, { className: "p-3 rounded-container bg-accent/10 border border-accent/30", children: /* @__PURE__ */ jsxs(HStack, { className: "items-start", gap: "xs", children: [
+            /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-accent font-bold shrink-0", children: "\u{1F4A1} " + t("game.hint") + ":" }),
+            /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-foreground", children: hint })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ jsxs(HStack, { gap: "sm", children: [
+          !isTesting && !isSuccess && testResults.some((r) => !r.passed) ? /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: handleTryAgain, children: "\u{1F504} " + t("puzzle.tryAgainButton") }) : /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "primary",
+              onClick: handleTest,
+              disabled: isTesting,
+              children: "\u25B6 " + t("game.runTests")
+            }
+          ),
+          /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: handleReset, children: "\u21BA " + t("game.reset") })
+        ] })
+      ]
+    }
+  );
+}
+var ENCOURAGEMENT_KEYS3, nextTransId;
+var init_StateArchitectBoard = __esm({
+  "components/game/2d/organisms/StateArchitectBoard.tsx"() {
+    init_atoms();
+    init_cn();
+    init_useEventBus();
+    init_TraitStateViewer();
+    init_StateNode();
+    init_TransitionArrow();
+    init_VariablePanel();
+    init_StateJsonView();
+    init_boardEntity();
+    ENCOURAGEMENT_KEYS3 = [
+      "puzzle.tryAgain1",
+      "puzzle.tryAgain2",
+      "puzzle.tryAgain3"
+    ];
+    nextTransId = 100;
+    StateArchitectBoard.displayName = "StateArchitectBoard";
+  }
+});
+function readSimulatorParameters(v) {
+  if (!Array.isArray(v)) return [];
+  const result = [];
+  for (const item of v) {
+    if (typeof item === "object" && item !== null && !Array.isArray(item) && !(item instanceof Date)) {
+      const param = item;
+      if ("id" in item && "label" in item && "unit" in item && "min" in item && "max" in item && "step" in item) {
+        result.push({
+          id: str(param.id),
+          label: str(param.label),
+          unit: str(param.unit),
+          min: num(param.min),
+          max: num(param.max),
+          step: num(param.step),
+          initial: num(param.initial),
+          correct: num(param.correct),
+          tolerance: num(param.tolerance)
+        });
+      }
+    }
+  }
+  return result;
+}
+function SimulatorBoard({
+  entity,
+  completeEvent = "PUZZLE_COMPLETE",
+  setAEvent,
+  setBEvent,
+  checkEvent,
+  playAgainEvent,
+  assetManifest,
+  className
+}) {
+  const ui = assetManifest?.ui;
+  const { emit } = useEventBus();
+  const { t } = useTranslate();
+  const resolved = boardEntity(entity);
+  const parameters = readSimulatorParameters(resolved?.parameters);
+  const [headerError, setHeaderError] = useState(false);
+  if (!resolved) return null;
+  const paramA = num(resolved.paramA);
+  const paramB = num(resolved.paramB);
+  const output = num(resolved.output);
+  const targetValue = num(resolved.target);
+  const targetTolerance = num(resolved.tolerance);
+  const attempts = num(resolved.attempts);
+  const result = str(resolved.result);
+  const isWin = result === "win";
+  const isComplete = result !== "none" && result !== "";
+  const paramAValue = parameters[0];
+  const paramBValue = parameters[1];
+  const sliderValues = [paramA, paramB];
+  const sliderEvents = [setAEvent, setBEvent];
+  const handleParameterChange = (index, value) => {
+    if (isComplete) return;
+    const ev = sliderEvents[index];
+    if (ev) emit(`UI:${ev}`, { value });
+  };
+  const handleCheck = () => {
+    if (checkEvent) emit(`UI:${checkEvent}`, {});
+  };
+  const handlePlayAgain = () => {
+    if (playAgainEvent) emit(`UI:${playAgainEvent}`, {});
+  };
+  const themeBackground = (() => {
+    const t2 = resolved.theme;
+    if (typeof t2 === "object" && t2 !== null && !Array.isArray(t2) && !(t2 instanceof Date)) {
+      const bg = t2.background;
+      return str(bg);
+    }
+    return "";
+  })();
+  const headerImage = str(resolved.headerImage);
+  const hint = str(resolved.hint);
+  const showHint = isComplete && !isWin && attempts >= 2 && Boolean(hint);
+  const outputLabel = str(resolved.outputLabel);
+  const outputUnit = str(resolved.outputUnit);
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      className,
+      style: {
+        backgroundImage: themeBackground ? `url(${themeBackground})` : void 0,
+        backgroundSize: "cover",
+        backgroundPosition: "center"
+      },
+      children: /* @__PURE__ */ jsxs(VStack, { gap: "lg", className: "p-4", children: [
+        headerImage && !headerError ? /* @__PURE__ */ jsx(Box, { className: "w-full h-32 overflow-hidden rounded-container", children: /* @__PURE__ */ jsx("img", { src: headerImage, alt: "", onError: () => setHeaderError(true), className: "w-full h-full object-cover" }) }) : headerImage && headerError ? /* @__PURE__ */ jsx(Box, { className: "w-full h-32 rounded-container bg-gradient-to-br from-muted to-accent opacity-60" }) : null,
+        /* @__PURE__ */ jsx(Card, { className: "p-4", children: /* @__PURE__ */ jsxs(VStack, { gap: "sm", children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "h4", weight: "bold", children: str(resolved.title) }),
+          /* @__PURE__ */ jsx(Typography, { variant: "body", children: str(resolved.description) })
+        ] }) }),
+        /* @__PURE__ */ jsx(Card, { className: "p-4", children: /* @__PURE__ */ jsxs(VStack, { gap: "md", children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "small", weight: "bold", className: "uppercase tracking-wider text-muted-foreground", children: t("simulator.parameters") }),
+          [paramAValue, paramBValue].map(
+            (param, index) => param ? /* @__PURE__ */ jsxs(VStack, { gap: "xs", children: [
+              /* @__PURE__ */ jsxs(HStack, { justify: "between", align: "center", children: [
+                /* @__PURE__ */ jsx(Typography, { variant: "body", weight: "medium", children: param.label }),
+                /* @__PURE__ */ jsxs(Badge, { size: "sm", children: [
+                  sliderValues[index],
+                  " ",
+                  param.unit
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "range",
+                  min: param.min,
+                  max: param.max,
+                  step: param.step,
+                  value: sliderValues[index],
+                  onChange: (e) => handleParameterChange(index, Number(e.target.value)),
+                  disabled: isComplete,
+                  className: "w-full accent-foreground"
+                }
+              ),
+              /* @__PURE__ */ jsxs(HStack, { justify: "between", children: [
+                /* @__PURE__ */ jsxs(Typography, { variant: "caption", className: "text-muted-foreground", children: [
+                  param.min,
+                  " ",
+                  param.unit
+                ] }),
+                /* @__PURE__ */ jsxs(Typography, { variant: "caption", className: "text-muted-foreground", children: [
+                  param.max,
+                  " ",
+                  param.unit
+                ] })
+              ] })
+            ] }, param.id ?? index) : null
+          )
+        ] }) }),
+        /* @__PURE__ */ jsx(Card, { className: "p-4", children: /* @__PURE__ */ jsxs(VStack, { gap: "sm", align: "center", children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "small", weight: "bold", className: "uppercase tracking-wider text-muted-foreground", children: outputLabel }),
+          /* @__PURE__ */ jsxs(Typography, { variant: "h3", weight: "bold", children: [
+            output.toFixed(2),
+            " ",
+            outputUnit
+          ] }),
+          isComplete && /* @__PURE__ */ jsxs(HStack, { gap: "xs", align: "center", children: [
+            /* @__PURE__ */ jsx(
+              GameIcon,
+              {
+                icon: isWin ? CheckCircle : XCircle,
+                assetUrl: isWin ? ui?.["correct"] : ui?.["incorrect"],
+                size: "sm",
+                className: isWin ? "text-success" : "text-error"
+              }
+            ),
+            /* @__PURE__ */ jsx(Typography, { variant: "body", className: isWin ? "text-success" : "text-error", children: isWin ? str(resolved.successMessage) || t("simulator.correct") : str(resolved.failMessage) || t("simulator.incorrect") })
+          ] }),
+          /* @__PURE__ */ jsxs(Typography, { variant: "caption", className: "text-muted-foreground", children: [
+            t("simulator.target"),
+            ": ",
+            targetValue,
+            " ",
+            outputUnit,
+            " (\xB1",
+            targetTolerance,
+            ")"
+          ] })
+        ] }) }),
+        showHint && hint && /* @__PURE__ */ jsx(Card, { className: "p-4 border-l-4 border-l-warning", children: /* @__PURE__ */ jsx(Typography, { variant: "body", children: hint }) }),
+        /* @__PURE__ */ jsxs(HStack, { gap: "sm", justify: "center", children: [
+          !isComplete ? /* @__PURE__ */ jsxs(Button, { variant: "primary", onClick: handleCheck, children: [
+            /* @__PURE__ */ jsx(GameIcon, { icon: Play, assetUrl: ui?.["play"], size: "sm" }),
+            t("simulator.simulate")
+          ] }) : null,
+          /* @__PURE__ */ jsxs(Button, { variant: "secondary", onClick: handlePlayAgain, children: [
+            /* @__PURE__ */ jsx(GameIcon, { icon: RotateCcw, assetUrl: ui?.["reset"], size: "sm" }),
+            t("simulator.reset")
+          ] })
+        ] })
+      ] })
+    }
+  );
+}
+var init_SimulatorBoard = __esm({
+  "components/game/2d/organisms/SimulatorBoard.tsx"() {
+    init_atoms();
+    init_useEventBus();
+    init_boardEntity();
+    init_GameIcon();
+    SimulatorBoard.displayName = "SimulatorBoard";
+  }
+});
+function toDebuggerLine(v) {
+  if (v === null || typeof v !== "object" || Array.isArray(v) || v instanceof Date) return null;
+  const id = v["id"];
+  const content = v["content"];
+  const isBug = v["isBug"];
+  if (typeof id !== "string" || typeof content !== "string" || typeof isBug !== "boolean") return null;
+  const isFlagged = v["isFlagged"];
+  const explanation = v["explanation"];
+  return {
+    id,
+    content,
+    isBug,
+    isFlagged: typeof isFlagged === "boolean" ? isFlagged : void 0,
+    explanation: typeof explanation === "string" ? explanation : void 0
+  };
+}
+function DebuggerBoard({
+  entity,
+  completeEvent = "PUZZLE_COMPLETE",
+  toggleFlagEvent,
+  checkEvent,
+  playAgainEvent,
+  assetManifest,
+  className
+}) {
+  const ui = assetManifest?.ui;
+  const { emit } = useEventBus();
+  const { t } = useTranslate();
+  const resolved = boardEntity(entity);
+  const [headerError, setHeaderError] = useState(false);
+  const lines = Array.isArray(resolved?.lines) ? resolved.lines.flatMap((v) => {
+    const l = toDebuggerLine(v);
+    return l ? [l] : [];
+  }) : [];
+  const result = str(resolved?.result) || "none";
+  const attempts = num(resolved?.attempts);
+  const submitted = result === "win";
+  const showHint = !submitted && attempts >= 2 && Boolean(str(resolved?.hint));
+  const bugLines = lines.filter((l) => l.isBug);
+  const flaggedLines = lines.filter((l) => l.isFlagged);
+  const correctFlags = lines.filter((l) => l.isBug && l.isFlagged);
+  const falseFlags = lines.filter((l) => !l.isBug && l.isFlagged);
+  const allCorrect = submitted;
+  const toggleLine = (lineId) => {
+    if (submitted) return;
+    if (toggleFlagEvent) emit(`UI:${toggleFlagEvent}`, { lineId });
+  };
+  const handleSubmit = useCallback(() => {
+    if (checkEvent) emit(`UI:${checkEvent}`, {});
+    const correct = correctFlags.length === bugLines.length && falseFlags.length === 0;
+    if (correct) emit(`UI:${completeEvent}`, { success: true, attempts: attempts + 1 });
+  }, [checkEvent, correctFlags.length, bugLines.length, falseFlags.length, attempts, completeEvent, emit]);
+  const handleReset = () => {
+    if (playAgainEvent) emit(`UI:${playAgainEvent}`, {});
+  };
+  if (!resolved) return null;
+  const theme = resolved.theme ?? void 0;
+  const themeBackground = theme?.background;
+  const headerImage = str(resolved.headerImage);
+  const hint = str(resolved.hint);
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      className,
+      style: {
+        backgroundImage: themeBackground ? `url(${themeBackground})` : void 0,
+        backgroundSize: "cover",
+        backgroundPosition: "center"
+      },
+      children: /* @__PURE__ */ jsxs(VStack, { gap: "lg", className: "p-4", children: [
+        headerImage && !headerError ? /* @__PURE__ */ jsx(Box, { className: "w-full h-32 overflow-hidden rounded-container", children: /* @__PURE__ */ jsx("img", { src: headerImage, alt: "", onError: () => setHeaderError(true), className: "w-full h-full object-cover" }) }) : headerImage && headerError ? /* @__PURE__ */ jsx(Box, { className: "w-full h-32 rounded-container bg-gradient-to-br from-muted to-accent opacity-60" }) : null,
+        /* @__PURE__ */ jsx(Card, { className: "p-4", children: /* @__PURE__ */ jsxs(VStack, { gap: "sm", children: [
+          /* @__PURE__ */ jsxs(HStack, { gap: "xs", align: "center", children: [
+            /* @__PURE__ */ jsx(GameIcon, { icon: Bug, assetUrl: ui?.["bug"], size: "sm" }),
+            /* @__PURE__ */ jsx(Typography, { variant: "h4", weight: "bold", children: str(resolved.title) })
+          ] }),
+          /* @__PURE__ */ jsx(Typography, { variant: "body", children: str(resolved.description) }),
+          /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-muted-foreground", children: t("debugger.findBugs", { count: String(lines.filter((l) => l.isBug).length) }) })
+        ] }) }),
+        /* @__PURE__ */ jsx(Card, { className: "p-0 overflow-hidden", children: /* @__PURE__ */ jsx(VStack, { gap: "none", children: lines.map((line, i) => {
+          const isFlagged = !!line.isFlagged;
+          let lineStyle = "";
+          if (submitted) {
+            if (line.isBug && isFlagged) lineStyle = "bg-success/10";
+            else if (line.isBug && !isFlagged) lineStyle = "bg-warning/10";
+            else if (!line.isBug && isFlagged) lineStyle = "bg-error/10";
+          } else if (isFlagged) {
+            lineStyle = "bg-error/10";
+          }
+          return /* @__PURE__ */ jsxs(
+            HStack,
+            {
+              gap: "none",
+              align: "stretch",
+              className: `border-b border-border cursor-pointer hover:bg-muted ${lineStyle}`,
+              onClick: () => toggleLine(line.id),
+              children: [
+                /* @__PURE__ */ jsx(Box, { className: "w-10 flex-shrink-0 flex items-center justify-center border-r border-border text-muted-foreground", children: /* @__PURE__ */ jsx(Typography, { variant: "caption", children: i + 1 }) }),
+                /* @__PURE__ */ jsx(Box, { className: "flex-1 px-3 py-1.5 font-mono text-sm whitespace-pre", children: /* @__PURE__ */ jsx(Typography, { variant: "body", className: "font-mono text-sm", children: line.content }) }),
+                /* @__PURE__ */ jsxs(Box, { className: "w-8 flex-shrink-0 flex items-center justify-center", children: [
+                  isFlagged && /* @__PURE__ */ jsx(GameIcon, { icon: Bug, assetUrl: ui?.["bug"], size: "sm", className: "text-error" }),
+                  submitted && line.isBug && !isFlagged && /* @__PURE__ */ jsx(GameIcon, { icon: Bug, assetUrl: ui?.["bug"], size: "sm", className: "text-warning" })
+                ] })
+              ]
+            },
+            line.id
+          );
+        }) }) }),
+        submitted && /* @__PURE__ */ jsx(Card, { className: "p-4", children: /* @__PURE__ */ jsxs(VStack, { gap: "sm", children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "body", weight: "bold", children: allCorrect ? str(resolved.successMessage) || t("debugger.allFound") : `${correctFlags.length}/${bugLines.length} ${t("debugger.bugsFound")}` }),
+          bugLines.map((line) => /* @__PURE__ */ jsxs(HStack, { gap: "xs", align: "start", children: [
+            /* @__PURE__ */ jsx(
+              GameIcon,
+              {
+                icon: line.isFlagged ? CheckCircle : XCircle,
+                assetUrl: line.isFlagged ? ui?.["correct"] : ui?.["incorrect"],
+                size: "sm",
+                className: line.isFlagged ? "text-success mt-0.5" : "text-warning mt-0.5"
+              }
+            ),
+            /* @__PURE__ */ jsxs(VStack, { gap: "none", children: [
+              /* @__PURE__ */ jsx(Typography, { variant: "caption", weight: "bold", className: "font-mono", children: line.content.trim() }),
+              line.explanation && /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-muted-foreground", children: line.explanation })
+            ] })
+          ] }, line.id))
+        ] }) }),
+        showHint && hint && /* @__PURE__ */ jsx(Card, { className: "p-4 border-l-4 border-l-warning", children: /* @__PURE__ */ jsx(Typography, { variant: "body", children: hint }) }),
+        /* @__PURE__ */ jsxs(HStack, { gap: "sm", justify: "center", children: [
+          !submitted && /* @__PURE__ */ jsxs(Button, { variant: "primary", onClick: handleSubmit, disabled: flaggedLines.length === 0, children: [
+            /* @__PURE__ */ jsx(GameIcon, { icon: Send, assetUrl: ui?.["send"], size: "sm" }),
+            t("debugger.submit")
+          ] }),
+          /* @__PURE__ */ jsxs(Button, { variant: "secondary", onClick: handleReset, children: [
+            /* @__PURE__ */ jsx(GameIcon, { icon: RotateCcw, assetUrl: ui?.["reset"], size: "sm" }),
+            t("debugger.reset")
+          ] })
+        ] })
+      ] })
+    }
+  );
+}
+var init_DebuggerBoard = __esm({
+  "components/game/2d/organisms/DebuggerBoard.tsx"() {
+    init_atoms();
+    init_useEventBus();
+    init_boardEntity();
+    init_GameIcon();
+    DebuggerBoard.displayName = "DebuggerBoard";
+  }
+});
+function NegotiatorBoard({
+  entity,
+  completeEvent = "PUZZLE_COMPLETE",
+  playRoundEvent,
+  finishEvent,
+  playAgainEvent,
+  assetManifest,
+  className
+}) {
+  const ui = assetManifest?.ui;
+  const { emit } = useEventBus();
+  const { t } = useTranslate();
+  const resolved = boardEntity(entity);
+  const [history, setHistory] = useState([]);
+  const [headerError, setHeaderError] = useState(false);
+  const [showHint, setShowHint] = useState(false);
+  const totalRounds = num(resolved?.maxRounds);
+  const targetScore = num(resolved?.targetScore);
+  const currentRound = num(resolved?.round);
+  const result = str(resolved?.result) || "none";
+  const playerTotal = num(resolved?.score);
+  const isComplete = result !== "none" || totalRounds > 0 && currentRound >= totalRounds;
+  const won = result === "win";
+  const lastPlayerAction = str(resolved?.lastPlayerAction);
+  const lastOpponentAction = str(resolved?.lastOpponentAction);
+  const lastPayoff = num(resolved?.lastPayoff);
+  const actions = Array.isArray(resolved?.actions) ? resolved.actions.flatMap((item) => {
+    if (item !== null && typeof item === "object" && !Array.isArray(item) && !(item instanceof Date) && typeof item.id === "string" && typeof item.label === "string")
+      return [{ id: item.id, label: item.label, description: typeof item.description === "string" ? item.description : void 0 }];
+    return [];
+  }) : [];
+  const payoffMatrix = Array.isArray(resolved?.payoffMatrix) ? resolved.payoffMatrix.flatMap((item) => {
+    if (item !== null && typeof item === "object" && !Array.isArray(item) && !(item instanceof Date) && typeof item.playerAction === "string" && typeof item.opponentAction === "string")
+      return [{ playerAction: item.playerAction, opponentAction: item.opponentAction, playerPayoff: typeof item.playerPayoff === "number" ? item.playerPayoff : 0, opponentPayoff: typeof item.opponentPayoff === "number" ? item.opponentPayoff : 0 }];
+    return [];
+  }) : [];
+  const prevRoundRef = useRef(currentRound);
+  useEffect(() => {
+    if (currentRound > prevRoundRef.current && lastPlayerAction) {
+      const opponentPayoffEntry = payoffMatrix.find(
+        (p) => p.playerAction === lastPlayerAction && p.opponentAction === lastOpponentAction
+      );
+      setHistory((prev) => [
+        ...prev,
+        {
+          round: currentRound,
+          playerAction: lastPlayerAction,
+          opponentAction: lastOpponentAction,
+          playerPayoff: lastPayoff,
+          opponentPayoff: opponentPayoffEntry?.opponentPayoff ?? 0
+        }
+      ]);
+    }
+    prevRoundRef.current = currentRound;
+  }, [currentRound, lastPlayerAction, lastOpponentAction, lastPayoff, payoffMatrix]);
+  const opponentTotal = useMemo(() => history.reduce((s, r) => s + r.opponentPayoff, 0), [history]);
+  const handleAction = useCallback((actionId) => {
+    if (isComplete) return;
+    if (playRoundEvent) {
+      emit(`UI:${playRoundEvent}`, { playerAction: actionId, payoff: 0 });
+    }
+    if (totalRounds > 0 && currentRound + 1 >= totalRounds) {
+      if (finishEvent) {
+        emit(`UI:${finishEvent}`, {});
+      }
+      if (str(resolved?.hint)) {
+        setShowHint(true);
+      }
+    }
+  }, [isComplete, resolved, totalRounds, currentRound, playRoundEvent, finishEvent, emit]);
+  const handleReset = useCallback(() => {
+    setHistory([]);
+    setShowHint(false);
+    prevRoundRef.current = 0;
+    if (playAgainEvent) {
+      emit(`UI:${playAgainEvent}`, {});
+    }
+  }, [playAgainEvent, emit]);
+  const completedRef = useRef(false);
+  useEffect(() => {
+    if (result === "win" && !completedRef.current) {
+      completedRef.current = true;
+      emit(`UI:${completeEvent}`, { success: true, score: playerTotal });
+    } else if (result === "none") {
+      completedRef.current = false;
+    }
+  }, [result, playerTotal, completeEvent, emit]);
+  const getActionLabel = (id) => actions.find((a) => a.id === id)?.label ?? id;
+  if (!resolved) return null;
+  const theme = resolved.theme ?? void 0;
+  const themeBackground = theme?.background;
+  const headerImage = str(resolved.headerImage);
+  const hint = str(resolved.hint);
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      className,
+      style: {
+        backgroundImage: themeBackground ? `url(${themeBackground})` : void 0,
+        backgroundSize: "cover",
+        backgroundPosition: "center"
+      },
+      children: /* @__PURE__ */ jsxs(VStack, { gap: "lg", className: "p-4", children: [
+        headerImage && !headerError ? /* @__PURE__ */ jsx(Box, { className: "w-full h-32 overflow-hidden rounded-container", children: /* @__PURE__ */ jsx("img", { src: headerImage, alt: "", onError: () => setHeaderError(true), className: "w-full h-full object-cover" }) }) : headerImage && headerError ? /* @__PURE__ */ jsx(Box, { className: "w-full h-32 rounded-container bg-gradient-to-br from-muted to-accent opacity-60" }) : null,
+        /* @__PURE__ */ jsx(Card, { className: "p-4", children: /* @__PURE__ */ jsxs(VStack, { gap: "sm", children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "h4", weight: "bold", children: str(resolved.title) }),
+          /* @__PURE__ */ jsx(Typography, { variant: "body", children: str(resolved.description) }),
+          /* @__PURE__ */ jsxs(HStack, { gap: "md", children: [
+            /* @__PURE__ */ jsx(Badge, { size: "sm", children: t("negotiator.round", { current: String(currentRound), total: String(totalRounds) }) }),
+            /* @__PURE__ */ jsxs(Badge, { size: "sm", children: [
+              t("negotiator.target"),
+              ": ",
+              targetScore
+            ] })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsxs(HStack, { gap: "md", justify: "center", children: [
+          /* @__PURE__ */ jsx(Card, { className: "p-4 flex-1 text-center", children: /* @__PURE__ */ jsxs(VStack, { gap: "xs", align: "center", children: [
+            /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-muted-foreground", children: t("negotiator.you") }),
+            /* @__PURE__ */ jsx(Typography, { variant: "h3", weight: "bold", children: playerTotal })
+          ] }) }),
+          /* @__PURE__ */ jsx(Card, { className: "p-4 flex-1 text-center", children: /* @__PURE__ */ jsxs(VStack, { gap: "xs", align: "center", children: [
+            /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-muted-foreground", children: t("negotiator.opponent") }),
+            /* @__PURE__ */ jsx(Typography, { variant: "h3", weight: "bold", children: opponentTotal })
+          ] }) })
+        ] }),
+        !isComplete && /* @__PURE__ */ jsx(Card, { className: "p-4", children: /* @__PURE__ */ jsxs(VStack, { gap: "sm", children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "small", weight: "bold", className: "uppercase tracking-wider text-muted-foreground", children: t("negotiator.chooseAction") }),
+          /* @__PURE__ */ jsx(HStack, { gap: "sm", justify: "center", className: "flex-wrap", children: actions.map((action) => /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "primary",
+              onClick: () => handleAction(action.id),
+              children: action.label
+            },
+            action.id
+          )) })
+        ] }) }),
+        history.length > 0 && /* @__PURE__ */ jsx(Card, { className: "p-4", children: /* @__PURE__ */ jsxs(VStack, { gap: "sm", children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "small", weight: "bold", className: "uppercase tracking-wider text-muted-foreground", children: t("negotiator.history") }),
+          history.map((round) => /* @__PURE__ */ jsxs(HStack, { gap: "sm", align: "center", className: "text-sm", children: [
+            /* @__PURE__ */ jsxs(Badge, { size: "sm", children: [
+              "R",
+              round.round
+            ] }),
+            /* @__PURE__ */ jsx(Typography, { variant: "caption", children: getActionLabel(round.playerAction) }),
+            /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-muted-foreground", children: "vs" }),
+            /* @__PURE__ */ jsx(Typography, { variant: "caption", children: getActionLabel(round.opponentAction) }),
+            /* @__PURE__ */ jsx(GameIcon, { icon: ArrowRight, assetUrl: ui?.["arrow"], size: "sm" }),
+            /* @__PURE__ */ jsxs(Typography, { variant: "caption", weight: "bold", className: "text-success", children: [
+              "+",
+              round.playerPayoff
+            ] }),
+            /* @__PURE__ */ jsxs(Typography, { variant: "caption", className: "text-muted-foreground", children: [
+              "/ +",
+              round.opponentPayoff
+            ] })
+          ] }, round.round))
+        ] }) }),
+        isComplete && /* @__PURE__ */ jsx(Card, { className: "p-4", children: /* @__PURE__ */ jsxs(VStack, { gap: "sm", align: "center", children: [
+          /* @__PURE__ */ jsx(GameIcon, { icon: CheckCircle, assetUrl: ui?.["correct"], size: "lg", className: won ? "text-success" : "text-error" }),
+          /* @__PURE__ */ jsx(Typography, { variant: "body", weight: "bold", children: won ? str(resolved.successMessage) || t("negotiator.success") : str(resolved.failMessage) || t("negotiator.failed") }),
+          /* @__PURE__ */ jsxs(Typography, { variant: "caption", className: "text-muted-foreground", children: [
+            t("negotiator.finalScore"),
+            ": ",
+            playerTotal,
+            "/",
+            targetScore
+          ] })
+        ] }) }),
+        showHint && hint && !won && /* @__PURE__ */ jsx(Card, { className: "p-4 border-l-4 border-l-warning", children: /* @__PURE__ */ jsx(Typography, { variant: "body", children: hint }) }),
+        isComplete && !won && /* @__PURE__ */ jsx(HStack, { justify: "center", children: /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: handleReset, children: t("negotiator.playAgain") }) })
+      ] })
+    }
+  );
+}
+var init_NegotiatorBoard = __esm({
+  "components/game/2d/organisms/NegotiatorBoard.tsx"() {
+    init_atoms();
+    init_useEventBus();
+    init_boardEntity();
+    init_GameIcon();
+    NegotiatorBoard.displayName = "NegotiatorBoard";
+  }
+});
 
 // components/game/shared/lib/mechanics.ts
 var projectileMotion, pendulum, springOscillator;
@@ -29140,7 +30837,7 @@ function SimulationCanvas({
 }
 var PRESET_BY_ID;
 var init_SimulationCanvas = __esm({
-  "components/game/2d/molecules/SimulationCanvas.tsx"() {
+  "components/game/2d/organisms/SimulationCanvas.tsx"() {
     init_cn();
     init_atoms();
     init_verificationRegistry();
@@ -29258,7 +30955,7 @@ function SimulationControls({
   ] });
 }
 var init_SimulationControls = __esm({
-  "components/game/2d/molecules/SimulationControls.tsx"() {
+  "components/game/2d/organisms/SimulationControls.tsx"() {
     init_useEventBus();
     init_atoms();
     init_GameIcon();
@@ -29323,7 +31020,7 @@ function SimulationGraph({
   ] }) });
 }
 var init_SimulationGraph = __esm({
-  "components/game/2d/molecules/SimulationGraph.tsx"() {
+  "components/game/2d/organisms/SimulationGraph.tsx"() {
     init_atoms();
     SimulationGraph.displayName = "SimulationGraph";
   }
@@ -29574,14 +31271,22 @@ var init_molecules = __esm({
     init_ActionTile();
     init_ActionPalette();
     init_SequenceBar();
+    init_SequencerBoard();
     init_RuleEditor();
     init_EventLog();
     init_ObjectRulePanel();
+    init_EventHandlerBoard();
     init_puzzleObject();
     init_StateNode();
     init_TransitionArrow();
     init_VariablePanel();
     init_StateJsonView();
+    init_StateArchitectBoard();
+    init_SimulatorBoard();
+    init_ClassifierBoard();
+    init_BuilderBoard();
+    init_DebuggerBoard();
+    init_NegotiatorBoard();
     init_SimulationCanvas();
     init_SimulationControls();
     init_SimulationGraph();
@@ -30189,13 +31894,13 @@ var init_MapView = __esm({
         shadowSize: [41, 41]
       });
       L.Marker.prototype.options.icon = defaultIcon;
-      const { useEffect: useEffect67, useRef: useRef62, useCallback: useCallback109, useState: useState100 } = React72__default;
+      const { useEffect: useEffect71, useRef: useRef66, useCallback: useCallback114, 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 = useRef62({ centerLat, centerLng, zoom });
-        useEffect67(() => {
+        const prevRef = useRef66({ centerLat, centerLng, zoom });
+        useEffect71(() => {
           const prev = prevRef.current;
           if (prev.centerLat !== centerLat || prev.centerLng !== centerLng || prev.zoom !== zoom) {
             map.setView([centerLat, centerLng], zoom);
@@ -30206,7 +31911,7 @@ var init_MapView = __esm({
       }
       function MapClickHandler({ onMapClick }) {
         const map = useMap();
-        useEffect67(() => {
+        useEffect71(() => {
           if (!onMapClick) return;
           const handler = (e) => {
             onMapClick(e.latlng.lat, e.latlng.lng);
@@ -30234,8 +31939,8 @@ var init_MapView = __esm({
         showAttribution = true
       }) {
         const eventBus = useEventBus2();
-        const [clickedPosition, setClickedPosition] = useState100(null);
-        const handleMapClick = useCallback109((lat, lng) => {
+        const [clickedPosition, setClickedPosition] = useState108(null);
+        const handleMapClick = useCallback114((lat, lng) => {
           if (showClickedPin) {
             setClickedPosition({ lat, lng });
           }
@@ -30244,7 +31949,7 @@ var init_MapView = __esm({
             eventBus.emit(`UI:${mapClickEvent}`, { latitude: lat, longitude: lng });
           }
         }, [onMapClick, mapClickEvent, eventBus, showClickedPin]);
-        const handleMarkerClick = useCallback109((marker) => {
+        const handleMarkerClick = useCallback114((marker) => {
           onMarkerClick?.(marker);
           if (markerClickEvent) {
             eventBus.emit(`UI:${markerClickEvent}`, { ...marker });
@@ -31104,8 +32809,8 @@ function TableView({
 }) {
   const eventBus = useEventBus();
   const { t } = useTranslate();
-  const [visibleCount, setVisibleCount] = React72__default.useState(pageSize > 0 ? pageSize : Infinity);
-  const [localSelected, setLocalSelected] = React72__default.useState(/* @__PURE__ */ new Set());
+  const [visibleCount, setVisibleCount] = React74__default.useState(pageSize > 0 ? pageSize : Infinity);
+  const [localSelected, setLocalSelected] = React74__default.useState(/* @__PURE__ */ new Set());
   const colDefs = columns ?? fields ?? [];
   const allDataRaw = Array.isArray(entity) ? entity : entity ? [entity] : [];
   const dnd = useDataDnd({
@@ -31300,12 +33005,12 @@ function TableView({
         ]
       }
     );
-    return dnd.isZone ? /* @__PURE__ */ jsx(dnd.SortableItem, { id: row[idField] ?? id, children: rowInner }, id) : /* @__PURE__ */ jsx(React72__default.Fragment, { children: rowInner }, id);
+    return dnd.isZone ? /* @__PURE__ */ jsx(dnd.SortableItem, { id: row[idField] ?? id, children: rowInner }, id) : /* @__PURE__ */ jsx(React74__default.Fragment, { children: rowInner }, id);
   };
   const items = Array.from(data);
   const groups = groupBy ? groupData2(items, groupBy) : [{ label: "", items }];
   let runningIndex = 0;
-  const body = /* @__PURE__ */ jsx(Box, { role: "rowgroup", children: groups.map((group, gi) => /* @__PURE__ */ jsxs(React72__default.Fragment, { children: [
+  const body = /* @__PURE__ */ jsx(Box, { role: "rowgroup", children: groups.map((group, gi) => /* @__PURE__ */ jsxs(React74__default.Fragment, { children: [
     group.label && /* @__PURE__ */ jsx(Divider, { label: group.label, className: gi > 0 ? "mt-3" : "mt-0" }),
     group.items.map((row) => renderRow(row, runningIndex++))
   ] }, gi)) });
@@ -32662,7 +34367,7 @@ var init_StepFlow = __esm({
       className
     }) => {
       if (orientation === "vertical") {
-        return /* @__PURE__ */ jsx(VStack, { gap: "none", className: cn("w-full", className), children: steps.map((step, index) => /* @__PURE__ */ jsx(React72__default.Fragment, { children: /* @__PURE__ */ jsxs(HStack, { gap: "md", align: "start", className: "w-full", children: [
+        return /* @__PURE__ */ jsx(VStack, { gap: "none", className: cn("w-full", className), children: steps.map((step, index) => /* @__PURE__ */ jsx(React74__default.Fragment, { children: /* @__PURE__ */ jsxs(HStack, { gap: "md", align: "start", className: "w-full", children: [
           /* @__PURE__ */ jsxs(VStack, { gap: "none", align: "center", children: [
             /* @__PURE__ */ jsx(StepCircle, { step, index }),
             showConnectors && index < steps.length - 1 && /* @__PURE__ */ jsx(Box, { className: "w-px h-8 bg-border" })
@@ -32673,7 +34378,7 @@ var init_StepFlow = __esm({
           ] })
         ] }) }, index)) });
       }
-      return /* @__PURE__ */ jsx(Box, { className: cn("w-full flex flex-col md:flex-row items-start gap-0", className), children: steps.map((step, index) => /* @__PURE__ */ jsxs(React72__default.Fragment, { children: [
+      return /* @__PURE__ */ jsx(Box, { className: cn("w-full flex flex-col md:flex-row items-start gap-0", className), children: steps.map((step, index) => /* @__PURE__ */ jsxs(React74__default.Fragment, { children: [
         /* @__PURE__ */ jsxs(VStack, { gap: "sm", align: "center", className: "flex-1 w-full md:w-auto", children: [
           /* @__PURE__ */ jsx(StepCircle, { step, index }),
           /* @__PURE__ */ jsx(Typography, { variant: "h4", className: "text-center", children: step.title }),
@@ -33658,7 +35363,7 @@ var init_LikertScale = __esm({
       md: "text-base",
       lg: "text-lg"
     };
-    LikertScale = React72__default.forwardRef(
+    LikertScale = React74__default.forwardRef(
       ({
         question,
         options = DEFAULT_LIKERT_OPTIONS,
@@ -33670,7 +35375,7 @@ var init_LikertScale = __esm({
         variant = "radios",
         className
       }, ref) => {
-        const groupId = React72__default.useId();
+        const groupId = React74__default.useId();
         const eventBus = useEventBus();
         const handleSelect = useCallback(
           (next) => {
@@ -35952,7 +37657,7 @@ var init_DocBreadcrumb = __esm({
           "aria-label": t("aria.breadcrumb"),
           children: /* @__PURE__ */ jsx(HStack, { gap: "xs", align: "center", wrap: true, children: items.map((item, idx) => {
             const isLast = idx === items.length - 1;
-            return /* @__PURE__ */ jsxs(React72__default.Fragment, { children: [
+            return /* @__PURE__ */ jsxs(React74__default.Fragment, { children: [
               idx > 0 && /* @__PURE__ */ jsx(
                 Icon,
                 {
@@ -36821,7 +38526,7 @@ var init_MiniStateMachine = __esm({
           const x = 2 + i * (NODE_W + GAP2 + ARROW_W + GAP2);
           const tc = transitionCounts[s.name] ?? 0;
           const role = getStateRole(s.name, s.isInitial ?? void 0, s.isTerminal ?? void 0, tc, maxTC);
-          return /* @__PURE__ */ jsxs(React72__default.Fragment, { children: [
+          return /* @__PURE__ */ jsxs(React74__default.Fragment, { children: [
             /* @__PURE__ */ jsx(
               AvlState,
               {
@@ -37025,7 +38730,7 @@ var init_PageHeader = __esm({
         info: "bg-info/10 text-info"
       };
       return /* @__PURE__ */ jsxs(Box, { className: cn("mb-6", className), children: [
-        breadcrumbs && breadcrumbs.length > 0 && /* @__PURE__ */ jsx(Box, { as: "nav", className: "mb-4", children: /* @__PURE__ */ jsx(Box, { as: "ol", className: "flex items-center gap-2 text-sm", children: breadcrumbs.map((crumb, idx) => /* @__PURE__ */ jsxs(React72__default.Fragment, { children: [
+        breadcrumbs && breadcrumbs.length > 0 && /* @__PURE__ */ jsx(Box, { as: "nav", className: "mb-4", children: /* @__PURE__ */ jsx(Box, { as: "ol", className: "flex items-center gap-2 text-sm", children: breadcrumbs.map((crumb, idx) => /* @__PURE__ */ jsxs(React74__default.Fragment, { children: [
           idx > 0 && /* @__PURE__ */ jsx(Typography, { variant: "small", color: "muted", children: "/" }),
           crumb.href ? /* @__PURE__ */ jsx(
             "a",
@@ -37383,7 +39088,7 @@ var init_Section = __esm({
       as: Component = "section"
     }) => {
       const hasHeader = title || description || action;
-      return React72__default.createElement(
+      return React74__default.createElement(
         Component,
         {
           className: cn(
@@ -37757,7 +39462,7 @@ var init_WizardContainer = __esm({
               const isCompleted = index < currentStep;
               const stepKey = step.id ?? step.tabId ?? `step-${index}`;
               const stepTitle = step.title ?? step.name ?? `Step ${index + 1}`;
-              return /* @__PURE__ */ jsxs(React72__default.Fragment, { children: [
+              return /* @__PURE__ */ jsxs(React74__default.Fragment, { children: [
                 /* @__PURE__ */ jsx(
                   Button,
                   {
@@ -40406,7 +42111,7 @@ var init_DetailPanel = __esm({
   }
 });
 function extractTitle(children) {
-  if (!React72__default.isValidElement(children)) return void 0;
+  if (!React74__default.isValidElement(children)) return void 0;
   const props = children.props;
   if (typeof props.title === "string") {
     return props.title;
@@ -40756,12 +42461,12 @@ var init_Form = __esm({
       const isSchemaEntity = isOrbitalEntitySchema(entity);
       const resolvedEntity = isSchemaEntity ? entity : void 0;
       const entityName = typeof entity === "string" ? entity : resolvedEntity?.name;
-      const normalizedInitialData = React72__default.useMemo(() => {
+      const normalizedInitialData = React74__default.useMemo(() => {
         const entityRowAsInitial = isPlainEntityRow(entity) ? entity : void 0;
         const callerInitial = initialData !== null && typeof initialData === "object" && !Array.isArray(initialData) ? initialData : {};
         return entityRowAsInitial !== void 0 ? { ...entityRowAsInitial, ...callerInitial } : callerInitial;
       }, [entity, initialData]);
-      const entityDerivedFields = React72__default.useMemo(() => {
+      const entityDerivedFields = React74__default.useMemo(() => {
         if (fields && fields.length > 0) return void 0;
         if (!resolvedEntity) return void 0;
         return resolvedEntity.fields.map(
@@ -40782,16 +42487,16 @@ var init_Form = __esm({
       const conditionalFields = typeof conditionalFieldsRaw === "boolean" ? {} : conditionalFieldsRaw;
       const hiddenCalculations = typeof hiddenCalculationsRaw === "boolean" ? [] : hiddenCalculationsRaw;
       const violationTriggers = typeof violationTriggersRaw === "boolean" ? [] : violationTriggersRaw;
-      const [formData, setFormData] = React72__default.useState(
+      const [formData, setFormData] = React74__default.useState(
         normalizedInitialData
       );
-      const [collapsedSections, setCollapsedSections] = React72__default.useState(
+      const [collapsedSections, setCollapsedSections] = React74__default.useState(
         /* @__PURE__ */ new Set()
       );
-      const [submitError, setSubmitError] = React72__default.useState(null);
-      const formRef = React72__default.useRef(null);
+      const [submitError, setSubmitError] = React74__default.useState(null);
+      const formRef = React74__default.useRef(null);
       const formMode = props.mode;
-      const mountedRef = React72__default.useRef(false);
+      const mountedRef = React74__default.useRef(false);
       if (!mountedRef.current) {
         mountedRef.current = true;
         debug("forms", "mount", {
@@ -40804,7 +42509,7 @@ var init_Form = __esm({
         });
       }
       const shouldShowCancel = showCancel ?? (fields && fields.length > 0);
-      const evalContext = React72__default.useMemo(
+      const evalContext = React74__default.useMemo(
         () => ({
           formValues: formData,
           globalVariables: externalContext?.globalVariables ?? {},
@@ -40813,7 +42518,7 @@ var init_Form = __esm({
         }),
         [formData, externalContext]
       );
-      React72__default.useEffect(() => {
+      React74__default.useEffect(() => {
         debug("forms", "initialData-sync", {
           mode: formMode,
           normalizedInitialData,
@@ -40824,7 +42529,7 @@ var init_Form = __esm({
           setFormData(normalizedInitialData);
         }
       }, [normalizedInitialData]);
-      const processCalculations = React72__default.useCallback(
+      const processCalculations = React74__default.useCallback(
         (changedFieldId, newFormData) => {
           if (!hiddenCalculations.length) return;
           const context = {
@@ -40849,7 +42554,7 @@ var init_Form = __esm({
         },
         [hiddenCalculations, externalContext, eventBus]
       );
-      const checkViolations = React72__default.useCallback(
+      const checkViolations = React74__default.useCallback(
         (changedFieldId, newFormData) => {
           if (!violationTriggers.length) return;
           const context = {
@@ -40887,7 +42592,7 @@ var init_Form = __esm({
         processCalculations(name, newFormData);
         checkViolations(name, newFormData);
       };
-      const isFieldVisible = React72__default.useCallback(
+      const isFieldVisible = React74__default.useCallback(
         (fieldName) => {
           const condition = conditionalFields[fieldName];
           if (!condition) return true;
@@ -40895,7 +42600,7 @@ var init_Form = __esm({
         },
         [conditionalFields, evalContext]
       );
-      const isSectionVisible = React72__default.useCallback(
+      const isSectionVisible = React74__default.useCallback(
         (section) => {
           if (!section.condition) return true;
           return Boolean(evaluateFormExpression(section.condition, evalContext));
@@ -40971,7 +42676,7 @@ var init_Form = __esm({
           eventBus.emit(`UI:${onCancel}`);
         }
       };
-      const renderField = React72__default.useCallback(
+      const renderField = React74__default.useCallback(
         (field) => {
           const fieldName = field.name || field.field;
           if (!fieldName) return null;
@@ -40992,7 +42697,7 @@ var init_Form = __esm({
         [formData, isFieldVisible, relationsData, relationsLoading, isLoading]
       );
       const effectiveFields = entityDerivedFields ?? fields;
-      const normalizedFields = React72__default.useMemo(() => {
+      const normalizedFields = React74__default.useMemo(() => {
         if (!effectiveFields || effectiveFields.length === 0) return [];
         return effectiveFields.map((field) => {
           if (typeof field === "string") {
@@ -41016,7 +42721,7 @@ var init_Form = __esm({
           return field;
         });
       }, [effectiveFields, resolvedEntity]);
-      const schemaFields = React72__default.useMemo(() => {
+      const schemaFields = React74__default.useMemo(() => {
         if (normalizedFields.length === 0) return null;
         if (isDebugEnabled()) {
           debugGroup(`Form: ${entityName || "unknown"}`);
@@ -41026,7 +42731,7 @@ var init_Form = __esm({
         }
         return normalizedFields.map(renderField).filter(Boolean);
       }, [normalizedFields, renderField, entityName, conditionalFields]);
-      const sectionElements = React72__default.useMemo(() => {
+      const sectionElements = React74__default.useMemo(() => {
         if (!sections || sections.length === 0) return null;
         return sections.map((section) => {
           if (!isSectionVisible(section)) {
@@ -41751,7 +43456,7 @@ var init_List = __esm({
         if (entity && typeof entity === "object" && "id" in entity) return [entity];
         return [];
       }, [entity]);
-      const getItemActions = React72__default.useCallback(
+      const getItemActions = React74__default.useCallback(
         (item) => {
           if (!itemActions) return [];
           if (typeof itemActions === "function") {
@@ -42226,7 +43931,7 @@ var init_MediaGallery = __esm({
         [selectable, selectedItems, selectionEvent, eventBus]
       );
       const entityData = Array.isArray(entity) ? entity : [];
-      const items = React72__default.useMemo(() => {
+      const items = React74__default.useMemo(() => {
         if (propItems) return propItems;
         if (entityData.length === 0) return [];
         return entityData.map((record, idx) => {
@@ -42389,7 +44094,7 @@ var init_MediaGallery = __esm({
   }
 });
 function extractTitle2(children) {
-  if (!React72__default.isValidElement(children)) return void 0;
+  if (!React74__default.isValidElement(children)) return void 0;
   const props = children.props;
   if (typeof props.title === "string") {
     return props.title;
@@ -42644,7 +44349,7 @@ var init_debugRegistry = __esm({
   }
 });
 function useDebugData() {
-  const [data, setData] = React72.useState(() => ({
+  const [data, setData] = React74.useState(() => ({
     traits: [],
     ticks: [],
     guards: [],
@@ -42658,7 +44363,7 @@ function useDebugData() {
     },
     lastUpdate: Date.now()
   }));
-  React72.useEffect(() => {
+  React74.useEffect(() => {
     const updateData = () => {
       setData({
         traits: getAllTraits(),
@@ -42767,12 +44472,12 @@ function layoutGraph(states, transitions, initialState, width, height) {
   return positions;
 }
 function WalkMinimap() {
-  const [walkStep, setWalkStep] = React72.useState(null);
-  const [traits2, setTraits] = React72.useState([]);
-  const [coveredEdges, setCoveredEdges] = React72.useState([]);
-  const [completedTraits, setCompletedTraits] = React72.useState(/* @__PURE__ */ new Set());
-  const prevTraitRef = React72.useRef(null);
-  React72.useEffect(() => {
+  const [walkStep, setWalkStep] = React74.useState(null);
+  const [traits2, setTraits] = React74.useState([]);
+  const [coveredEdges, setCoveredEdges] = React74.useState([]);
+  const [completedTraits, setCompletedTraits] = React74.useState(/* @__PURE__ */ new Set());
+  const prevTraitRef = React74.useRef(null);
+  React74.useEffect(() => {
     const interval = setInterval(() => {
       const w = window;
       const step = w.__orbitalWalkStep;
@@ -43208,15 +44913,15 @@ var init_EntitiesTab = __esm({
 });
 function EventFlowTab({ events: events2 }) {
   const { t } = useTranslate();
-  const [filter, setFilter] = React72.useState("all");
-  const containerRef = React72.useRef(null);
-  const [autoScroll, setAutoScroll] = React72.useState(true);
-  React72.useEffect(() => {
+  const [filter, setFilter] = React74.useState("all");
+  const containerRef = React74.useRef(null);
+  const [autoScroll, setAutoScroll] = React74.useState(true);
+  React74.useEffect(() => {
     if (autoScroll && containerRef.current) {
       containerRef.current.scrollTop = containerRef.current.scrollHeight;
     }
   }, [events2.length, autoScroll]);
-  const filteredEvents = React72.useMemo(() => {
+  const filteredEvents = React74.useMemo(() => {
     if (filter === "all") return events2;
     return events2.filter((e) => e.type === filter);
   }, [events2, filter]);
@@ -43332,7 +45037,7 @@ var init_EventFlowTab = __esm({
 });
 function GuardsPanel({ guards }) {
   const { t } = useTranslate();
-  const [filter, setFilter] = React72.useState("all");
+  const [filter, setFilter] = React74.useState("all");
   if (guards.length === 0) {
     return /* @__PURE__ */ jsx(
       EmptyState,
@@ -43345,7 +45050,7 @@ function GuardsPanel({ guards }) {
   }
   const passedCount = guards.filter((g) => g.result).length;
   const failedCount = guards.length - passedCount;
-  const filteredGuards = React72.useMemo(() => {
+  const filteredGuards = React74.useMemo(() => {
     if (filter === "all") return guards;
     if (filter === "passed") return guards.filter((g) => g.result);
     return guards.filter((g) => !g.result);
@@ -43508,10 +45213,10 @@ function EffectBadge({ effect }) {
 }
 function TransitionTimeline({ transitions }) {
   const { t } = useTranslate();
-  const containerRef = React72.useRef(null);
-  const [autoScroll, setAutoScroll] = React72.useState(true);
-  const [expandedId, setExpandedId] = React72.useState(null);
-  React72.useEffect(() => {
+  const containerRef = React74.useRef(null);
+  const [autoScroll, setAutoScroll] = React74.useState(true);
+  const [expandedId, setExpandedId] = React74.useState(null);
+  React74.useEffect(() => {
     if (autoScroll && containerRef.current) {
       containerRef.current.scrollTop = containerRef.current.scrollHeight;
     }
@@ -43791,9 +45496,9 @@ function getAllEvents(traits2) {
 function EventDispatcherTab({ traits: traits2, schema }) {
   const eventBus = useEventBus();
   const { t } = useTranslate();
-  const [log18, setLog] = React72.useState([]);
-  const prevStatesRef = React72.useRef(/* @__PURE__ */ new Map());
-  React72.useEffect(() => {
+  const [log18, setLog] = React74.useState([]);
+  const prevStatesRef = React74.useRef(/* @__PURE__ */ new Map());
+  React74.useEffect(() => {
     for (const trait of traits2) {
       const prev = prevStatesRef.current.get(trait.id);
       if (prev && prev !== trait.currentState) {
@@ -43962,10 +45667,10 @@ function VerifyModePanel({
   localCount
 }) {
   const { t } = useTranslate();
-  const [expanded, setExpanded] = React72.useState(true);
-  const scrollRef = React72.useRef(null);
-  const prevCountRef = React72.useRef(0);
-  React72.useEffect(() => {
+  const [expanded, setExpanded] = React74.useState(true);
+  const scrollRef = React74.useRef(null);
+  const prevCountRef = React74.useRef(0);
+  React74.useEffect(() => {
     if (expanded && transitions.length > prevCountRef.current && scrollRef.current) {
       scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
     }
@@ -44022,10 +45727,10 @@ function RuntimeDebugger({
   schema
 }) {
   const { t } = useTranslate();
-  const [isCollapsed, setIsCollapsed] = React72.useState(mode === "verify" ? true : defaultCollapsed);
-  const [isVisible, setIsVisible] = React72.useState(mode === "inline" || mode === "verify" || isDebugEnabled2());
+  const [isCollapsed, setIsCollapsed] = React74.useState(mode === "verify" ? true : defaultCollapsed);
+  const [isVisible, setIsVisible] = React74.useState(mode === "inline" || mode === "verify" || isDebugEnabled2());
   const debugData = useDebugData();
-  React72.useEffect(() => {
+  React74.useEffect(() => {
     if (mode === "inline") return;
     return onDebugToggle((enabled) => {
       setIsVisible(enabled);
@@ -44034,7 +45739,7 @@ function RuntimeDebugger({
       }
     });
   }, [mode]);
-  React72.useEffect(() => {
+  React74.useEffect(() => {
     if (mode === "inline") return;
     const handleKeyDown = (e) => {
       if (e.key === "`" && isVisible) {
@@ -44554,7 +46259,7 @@ var init_StatCard = __esm({
       const labelToUse = propLabel ?? propTitle;
       const eventBus = useEventBus();
       const { t } = useTranslate();
-      const handleActionClick = React72__default.useCallback(() => {
+      const handleActionClick = React74__default.useCallback(() => {
         if (action?.event) {
           eventBus.emit(`UI:${action.event}`, {});
         }
@@ -44565,7 +46270,7 @@ var init_StatCard = __esm({
       const data = Array.isArray(entity) ? entity : entity ? [entity] : [];
       const isLoading = externalLoading ?? false;
       const error = externalError;
-      const computeMetricValue = React72__default.useCallback(
+      const computeMetricValue = React74__default.useCallback(
         (metric, items) => {
           if (metric.value !== void 0) {
             return metric.value;
@@ -44604,7 +46309,7 @@ var init_StatCard = __esm({
         },
         []
       );
-      const schemaStats = React72__default.useMemo(() => {
+      const schemaStats = React74__default.useMemo(() => {
         if (!metrics || metrics.length === 0) return null;
         return metrics.map((metric) => ({
           label: metric.label,
@@ -44612,7 +46317,7 @@ var init_StatCard = __esm({
           format: metric.format
         }));
       }, [metrics, data, computeMetricValue]);
-      const calculatedTrend = React72__default.useMemo(() => {
+      const calculatedTrend = React74__default.useMemo(() => {
         if (manualTrend !== void 0) return manualTrend;
         if (previousValue === void 0 || currentValue2 === void 0)
           return void 0;
@@ -45252,8 +46957,8 @@ var init_SubagentTracePanel = __esm({
       ] });
     };
     InlineActivityStream = ({ activities, autoScroll = true, className }) => {
-      const endRef = React72__default.useRef(null);
-      React72__default.useEffect(() => {
+      const endRef = React74__default.useRef(null);
+      React74__default.useEffect(() => {
         if (!autoScroll) return;
         endRef.current?.scrollIntoView({ behavior: "smooth", block: "end" });
       }, [activities.length, autoScroll]);
@@ -45347,7 +47052,7 @@ var init_SubagentTracePanel = __esm({
     };
     SubagentRichCard = ({ subagent }) => {
       const { t } = useTranslate();
-      const activities = React72__default.useMemo(
+      const activities = React74__default.useMemo(
         () => subagentMessagesToActivities(subagent.messages),
         [subagent.messages]
       );
@@ -45424,8 +47129,8 @@ var init_SubagentTracePanel = __esm({
       ] });
     };
     CoordinatorConversation = ({ messages, autoScroll = true, className }) => {
-      const endRef = React72__default.useRef(null);
-      React72__default.useEffect(() => {
+      const endRef = React74__default.useRef(null);
+      React74__default.useEffect(() => {
         if (!autoScroll) return;
         endRef.current?.scrollIntoView({ behavior: "smooth", block: "end" });
       }, [messages.length, autoScroll]);
@@ -45855,7 +47560,7 @@ var init_Timeline = __esm({
     }) => {
       const { t } = useTranslate();
       const entityData = entity ?? [];
-      const items = React72__default.useMemo(() => {
+      const items = React74__default.useMemo(() => {
         if (propItems) return propItems;
         if (entityData.length === 0) return [];
         return entityData.map((record, idx) => {
@@ -45957,7 +47662,7 @@ var init_Timeline = __esm({
   }
 });
 function extractToastProps(children) {
-  if (!React72__default.isValidElement(children)) {
+  if (!React74__default.isValidElement(children)) {
     if (typeof children === "string") {
       return { message: children };
     }
@@ -45999,7 +47704,7 @@ var init_ToastSlot = __esm({
         eventBus.emit(`${prefix}CLOSE`);
       };
       if (!isVisible) return null;
-      const isCustomContent = React72__default.isValidElement(children) && !message;
+      const isCustomContent = React74__default.isValidElement(children) && !message;
       return /* @__PURE__ */ jsx(Box, { className: "fixed bottom-4 right-4 z-50", children: isCustomContent ? children : /* @__PURE__ */ jsx(
         Toast,
         {
@@ -46016,7 +47721,7 @@ var init_ToastSlot = __esm({
   }
 });
 function lazyThree(name, loader) {
-  const Lazy = React72__default.lazy(
+  const Lazy = React74__default.lazy(
     () => loader().then((m) => {
       const Resolved = m[name];
       if (!Resolved) {
@@ -46028,13 +47733,13 @@ function lazyThree(name, loader) {
     })
   );
   function ThreeWrapper(props) {
-    return React72__default.createElement(
+    return React74__default.createElement(
       ThreeBoundary,
       { name },
-      React72__default.createElement(
-        React72__default.Suspense,
+      React74__default.createElement(
+        React74__default.Suspense,
         { fallback: null },
-        React72__default.createElement(Lazy, props)
+        React74__default.createElement(Lazy, props)
       )
     );
   }
@@ -46070,6 +47775,7 @@ var init_component_registry_generated = __esm({
     init_LayoutPatterns();
     init_BranchingLogicBuilder();
     init_Breadcrumb();
+    init_BuilderBoard();
     init_CTABanner();
     init_CalendarGrid();
     init_Canvas2D();
@@ -46085,6 +47791,7 @@ var init_component_registry_generated = __esm({
     init_Checkbox();
     init_ChemistryCanvas();
     init_ChoiceButton();
+    init_ClassifierBoard();
     init_CodeBlock();
     init_CodeRunnerPanel();
     init_ComboCounter();
@@ -46108,6 +47815,7 @@ var init_component_registry_generated = __esm({
     init_DateRangePicker();
     init_DateRangeSelector();
     init_DayCell();
+    init_DebuggerBoard();
     init_DetailPanel();
     init_Dialog();
     init_DialogueBubble();
@@ -46123,6 +47831,7 @@ var init_component_registry_generated = __esm({
     init_EmptyState();
     init_ErrorBoundary();
     init_ErrorState();
+    init_EventHandlerBoard();
     init_EventLog();
     init_FeatureCard();
     init_FeatureDetailPageTemplate();
@@ -46189,6 +47898,7 @@ var init_component_registry_generated = __esm({
     init_ModalSlot();
     init_ModuleCard();
     init_Navigation();
+    init_NegotiatorBoard();
     init_NumberStepper();
     init_OptionConstraintGroup();
     init_OrbitalVisualization();
@@ -46227,6 +47937,7 @@ var init_component_registry_generated = __esm({
     init_SegmentRenderer();
     init_Select();
     init_SequenceBar();
+    init_SequencerBoard();
     init_ServiceCatalog();
     init_ShowcaseCard();
     init_ShowcaseOrganism();
@@ -46235,6 +47946,7 @@ var init_component_registry_generated = __esm({
     init_SignaturePad();
     init_SimpleGrid();
     init_SimulationCanvas();
+    init_SimulatorBoard();
     init_Skeleton();
     init_SocialProof();
     init_SortableList();
@@ -46248,6 +47960,7 @@ var init_component_registry_generated = __esm({
     init_StatBadge();
     init_StatCard();
     init_StatDisplay();
+    init_StateArchitectBoard();
     init_StateIndicator();
     init_StateMachineView();
     init_StatsGrid();
@@ -46302,7 +48015,7 @@ var init_component_registry_generated = __esm({
     init_WizardContainer();
     init_WizardNavigation();
     init_WizardProgress();
-    ThreeBoundary = class extends React72__default.Component {
+    ThreeBoundary = class extends React74__default.Component {
       constructor() {
         super(...arguments);
         __publicField(this, "state", { failed: false });
@@ -46312,7 +48025,7 @@ var init_component_registry_generated = __esm({
       }
       render() {
         if (this.state.failed) {
-          return React72__default.createElement(
+          return React74__default.createElement(
             "div",
             {
               "data-testid": "three-unavailable",
@@ -46358,6 +48071,7 @@ var init_component_registry_generated = __esm({
       "BoxPattern": BoxPattern,
       "BranchingLogicBuilder": BranchingLogicBuilder,
       "Breadcrumb": Breadcrumb,
+      "BuilderBoard": BuilderBoard,
       "Button": ButtonPattern,
       "ButtonPattern": ButtonPattern,
       "CTABanner": CTABanner,
@@ -46375,6 +48089,7 @@ var init_component_registry_generated = __esm({
       "Checkbox": Checkbox,
       "ChemistryCanvas": ChemistryCanvas,
       "ChoiceButton": ChoiceButton,
+      "ClassifierBoard": ClassifierBoard,
       "CodeBlock": CodeBlock,
       "CodeRunnerPanel": CodeRunnerPanel,
       "ComboCounter": ComboCounter,
@@ -46398,6 +48113,7 @@ var init_component_registry_generated = __esm({
       "DateRangePicker": DateRangePicker,
       "DateRangeSelector": DateRangeSelector,
       "DayCell": DayCell,
+      "DebuggerBoard": DebuggerBoard,
       "DetailPanel": DetailPanel,
       "Dialog": Dialog,
       "DialogueBubble": DialogueBubble,
@@ -46415,6 +48131,7 @@ var init_component_registry_generated = __esm({
       "EmptyState": EmptyState,
       "ErrorBoundary": ErrorBoundary,
       "ErrorState": ErrorState,
+      "EventHandlerBoard": EventHandlerBoard,
       "EventLog": EventLog,
       "FeatureCard": FeatureCard,
       "FeatureDetailPageTemplate": FeatureDetailPageTemplate,
@@ -46489,6 +48206,7 @@ var init_component_registry_generated = __esm({
       "ModalSlot": ModalSlot,
       "ModuleCard": ModuleCard,
       "Navigation": Navigation,
+      "NegotiatorBoard": NegotiatorBoard,
       "NumberStepper": NumberStepper,
       "OptionConstraintGroup": OptionConstraintGroup,
       "OrbitalVisualization": OrbitalVisualization,
@@ -46527,6 +48245,7 @@ var init_component_registry_generated = __esm({
       "SegmentRenderer": SegmentRenderer,
       "Select": Select,
       "SequenceBar": SequenceBar,
+      "SequencerBoard": SequencerBoard,
       "ServiceCatalog": ServiceCatalog,
       "ShowcaseCard": ShowcaseCard,
       "ShowcaseOrganism": ShowcaseOrganism,
@@ -46535,6 +48254,7 @@ var init_component_registry_generated = __esm({
       "SignaturePad": SignaturePad,
       "SimpleGrid": SimpleGrid,
       "SimulationCanvas": SimulationCanvas,
+      "SimulatorBoard": SimulatorBoard,
       "Skeleton": Skeleton,
       "SocialProof": SocialProof,
       "SortableList": SortableList,
@@ -46551,6 +48271,7 @@ var init_component_registry_generated = __esm({
       "StatBadge": StatBadge,
       "StatCard": StatCard,
       "StatDisplay": StatDisplay,
+      "StateArchitectBoard": StateArchitectBoard,
       "StateIndicator": StateIndicator,
       "StateMachineView": StateMachineView,
       "StatsGrid": StatsGrid,
@@ -46624,7 +48345,7 @@ function SuspenseConfigProvider({
   config,
   children
 }) {
-  return React72__default.createElement(
+  return React74__default.createElement(
     SuspenseConfigContext.Provider,
     { value: config },
     children
@@ -46666,7 +48387,7 @@ function enrichFormFields(fields, entityDef) {
       }
       return { name: field, label: field.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/\b\w/g, (c) => c.toUpperCase()) };
     }
-    if (field && typeof field === "object" && !Array.isArray(field) && !React72__default.isValidElement(field) && !(field instanceof Date)) {
+    if (field && typeof field === "object" && !Array.isArray(field) && !React74__default.isValidElement(field) && !(field instanceof Date)) {
       const obj = field;
       const fieldName = typeof obj.name === "string" ? obj.name : typeof obj.field === "string" ? obj.field : void 0;
       if (!fieldName) return field;
@@ -47119,7 +48840,7 @@ function renderPatternChildren(children, onDismiss, parentId = "root", parentPat
         const key = `${parentId}-${index}-trait:${traitName}`;
         return /* @__PURE__ */ jsx(TraitFrame, { traitName }, key);
       }
-      return /* @__PURE__ */ jsx(React72__default.Fragment, { children: child }, `${parentId}-${index}`);
+      return /* @__PURE__ */ jsx(React74__default.Fragment, { children: child }, `${parentId}-${index}`);
     }
     if (!child || typeof child !== "object") return null;
     const childId = `${parentId}-${index}`;
@@ -47159,14 +48880,14 @@ function isPatternConfig(value) {
   if (value === null || value === void 0) return false;
   if (typeof value !== "object") return false;
   if (Array.isArray(value)) return false;
-  if (React72__default.isValidElement(value)) return false;
+  if (React74__default.isValidElement(value)) return false;
   if (value instanceof Date) return false;
   if (typeof value === "function") return false;
   const record = value;
   return "type" in record && typeof record.type === "string" && getComponentForPattern$1(record.type) !== null;
 }
 function isPlainConfigObject(value) {
-  if (React72__default.isValidElement(value)) return false;
+  if (React74__default.isValidElement(value)) return false;
   if (value instanceof Date) return false;
   const proto = Object.getPrototypeOf(value);
   return proto === Object.prototype || proto === null;
@@ -47292,7 +49013,7 @@ function SlotContentRenderer({
     for (const slotKey of CONTENT_NODE_SLOTS) {
       const slotVal = restProps[slotKey];
       if (slotVal === void 0 || slotVal === null) continue;
-      if (React72__default.isValidElement(slotVal) || typeof slotVal === "string" || typeof slotVal === "number" || typeof slotVal === "boolean") continue;
+      if (React74__default.isValidElement(slotVal) || typeof slotVal === "string" || typeof slotVal === "number" || typeof slotVal === "boolean") continue;
       if (Array.isArray(slotVal) || typeof slotVal === "object" && "type" in slotVal) {
         nodeSlotOverrides[slotKey] = renderPatternChildren(
           slotVal,
@@ -47341,7 +49062,7 @@ function SlotContentRenderer({
     const resolvedItems = Array.isArray(entityVal) && entityVal[0] !== "fn" ? entityVal : null;
     if (resolvedItems && resolvedItems.length > 0 && !finalProps.fields && !finalProps.columns) {
       const sample = resolvedItems[0];
-      if (sample && typeof sample === "object" && !Array.isArray(sample) && !React72__default.isValidElement(sample) && !(sample instanceof Date)) {
+      if (sample && typeof sample === "object" && !Array.isArray(sample) && !React74__default.isValidElement(sample) && !(sample instanceof Date)) {
         const keys = Object.keys(sample).filter((k) => k !== "id" && k !== "_id");
         finalProps.fields = keys.map((k, i) => ({ name: k, variant: i === 0 ? "h4" : "body" }));
       }
@@ -49641,7 +51362,7 @@ var I18nContext = createContext({
 });
 I18nContext.displayName = "I18nContext";
 var I18nProvider = I18nContext.Provider;
-function useTranslate119() {
+function useTranslate127() {
   return useContext(I18nContext);
 }
 function createTranslate(messages) {
@@ -49842,4 +51563,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, Button, ButtonGroup, CTABanner, CalendarGrid, Canvas2D, Card, CardBody, CardContent, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, CaseStudyCard, CaseStudyOrganism, Center, Chart, ChartLegend, ChatBar, Checkbox, ChemistryCanvas, ChoiceButton, 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, 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, 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, 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, ServiceCatalog, ShowcaseCard, ShowcaseOrganism, SidePanel, Sidebar, SignaturePad, SimpleGrid, SimulationCanvas, SimulationControls, SimulationGraph, Skeleton, SlotContentRenderer, SocialProof, SortableList, Spacer, Sparkline, Spinner, Split, SplitPane, SplitSection, Sprite, Stack, StarRating, StatBadge, StatCard, StatDisplay, 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, useTranslate119 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, SimulationCanvas, SimulationControls, SimulationGraph, SimulatorBoard, Skeleton, SlotContentRenderer, SocialProof, SortableList, Spacer, Sparkline, Spinner, Split, SplitPane, SplitSection, Sprite, Stack, StarRating, StatBadge, StatCard, StatDisplay, StateArchitectBoard, StateIndicator, StateJsonView, StateMachineView, StateNode2 as StateNode, StatsGrid, StatsOrganism, StatusBar, StatusDot, StatusEffect, StepFlow, StepFlowOrganism, 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 };