@almadar/ui 5.22.2 → 5.23.0

package/dist/avl/index.js

@@ -1,6 +1,7 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import * as React97 from 'react';
-import React97__default, { createContext, useState, useMemo, useRef, useEffect, useContext, useCallback, Suspense, useLayoutEffect, Profiler, useReducer, useSyncExternalStore, lazy, useId } from 'react';
+import * as React93 from 'react';
+import React93__default, { createContext, useState, useMemo, useRef, useEffect, useContext, useCallback, Suspense, useLayoutEffect, Profiler, useReducer, useSyncExternalStore, lazy, useId } from 'react';
+import { OrbitalProvider, EventBusContext, useTraitScope, VerificationProvider, TraitScopeProvider } from '@almadar/ui/providers';
 import { createLogger, isLogLevelEnabled } from '@almadar/logger';
 import ELK from 'elkjs/lib/elk.bundled.js';
 import { MarkerType, useReactFlow, Handle, Position, getBezierPath, EdgeLabelRenderer, useNodeId, ReactFlowProvider, BaseEdge, useNodesState, useEdgesState, ReactFlow, Controls, Background, BackgroundVariant } from '@xyflow/react';
@@ -12,6 +13,7 @@ import * as TablerIcons from '@tabler/icons-react';
 import * as FaIcons from 'react-icons/fa';
 import { createPortal } from 'react-dom';
 import { evaluate, createMinimalContext } from '@almadar/evaluator';
+import { UISlotProvider, useUISlots } from '@almadar/ui/context';
 import { Link, Outlet, useLocation } from 'react-router-dom';
 import SyntaxHighlighter from 'react-syntax-highlighter/dist/esm/prism-light.js';
 import dark from 'react-syntax-highlighter/dist/esm/styles/prism/vsc-dark-plus.js';
@@ -3240,177 +3242,6 @@ var init_Typography = __esm({
     Text.displayName = "Text";
   }
 });
-function captureSubscriberTag(listener) {
-  const fnName = listener.name;
-  if (typeof fnName === "string" && fnName.length > 0 && fnName !== "listener") {
-    return fnName;
-  }
-  const stack = new Error().stack ?? "";
-  const lines = stack.split("\n");
-  for (const raw of lines.slice(2)) {
-    const line = raw.trim();
-    if (!line) continue;
-    if (line.includes("EventBusProvider") || line.includes("useEventBus")) continue;
-    if (line.includes("captureSubscriberTag")) continue;
-    const match = line.match(/([^/\\)]+\.(?:tsx?|jsx?))(?::(\d+))?/);
-    if (match) return match[2] ? `${match[1]}:${match[2]}` : match[1];
-    return line.slice(0, 120);
-  }
-  return "unknown";
-}
-function EventBusProvider({ children, isolated = false }) {
-  const listenersRef = useRef(/* @__PURE__ */ new Map());
-  const anyListenersRef = useRef(/* @__PURE__ */ new Set());
-  const deprecationWarningShown = useRef(false);
-  const getSelectedEntity = useCallback(() => {
-    if (!deprecationWarningShown.current) {
-      busLog.warn("deprecated:getSelectedEntity", {
-        migration: "Use SelectionProvider and useSelection hook instead. See SelectionProvider.tsx for migration guide."
-      });
-      deprecationWarningShown.current = true;
-    }
-    return null;
-  }, []);
-  const clearSelectedEntity = useCallback(() => {
-    if (!deprecationWarningShown.current) {
-      busLog.warn("deprecated:clearSelectedEntity", {
-        migration: "Use SelectionProvider and useSelection hook instead. See SelectionProvider.tsx for migration guide."
-      });
-      deprecationWarningShown.current = true;
-    }
-  }, []);
-  const emit = useCallback((type, payload, source) => {
-    const event = {
-      type,
-      payload,
-      timestamp: Date.now(),
-      source
-    };
-    const listeners7 = listenersRef.current.get(type);
-    const listenerCount = (listeners7?.size ?? 0) + anyListenersRef.current.size;
-    busLog.debug("emit", { type, payloadKeys: payload ? Object.keys(payload).length : 0, listenerCount });
-    if (listenerCount === 0) {
-      busLog.warn("emit:no-listeners", { type });
-    }
-    if (listeners7) {
-      const listenersCopy = Array.from(listeners7);
-      for (let i = 0; i < listenersCopy.length; i++) {
-        const listener = listenersCopy[i];
-        busLog.debug("emit:listener", {
-          type,
-          kind: "specific",
-          index: i,
-          tag: listenerTags.get(listener) ?? "untagged"
-        });
-        try {
-          listener(event);
-        } catch (error) {
-          busLog.error("listener-threw", { type, error: error instanceof Error ? error : String(error) });
-        }
-      }
-    }
-    const anyListeners = Array.from(anyListenersRef.current);
-    for (let i = 0; i < anyListeners.length; i++) {
-      const listener = anyListeners[i];
-      busLog.debug("emit:listener", {
-        type,
-        kind: "onAny",
-        index: i,
-        tag: listenerTags.get(listener) ?? "untagged"
-      });
-      try {
-        listener(event);
-      } catch (error) {
-        busLog.error("onAny-listener-threw", { type, error: error instanceof Error ? error : String(error) });
-      }
-    }
-  }, []);
-  const on = useCallback((type, listener) => {
-    if (!listenersRef.current.has(type)) {
-      listenersRef.current.set(type, /* @__PURE__ */ new Set());
-    }
-    const listeners7 = listenersRef.current.get(type);
-    listeners7.add(listener);
-    if (!listenerTags.has(listener)) listenerTags.set(listener, captureSubscriberTag(listener));
-    subLog.debug("subscribe", { type, totalListeners: listeners7.size, tag: listenerTags.get(listener) });
-    return () => {
-      listeners7.delete(listener);
-      subLog.debug("unsubscribe", { type, remaining: listeners7.size });
-      if (listeners7.size === 0) {
-        listenersRef.current.delete(type);
-      }
-    };
-  }, []);
-  const once = useCallback((type, listener) => {
-    const wrappedListener = (event) => {
-      listenersRef.current.get(type)?.delete(wrappedListener);
-      listener(event);
-    };
-    return on(type, wrappedListener);
-  }, [on]);
-  const hasListeners = useCallback((type) => {
-    const listeners7 = listenersRef.current.get(type);
-    return listeners7 !== void 0 && listeners7.size > 0;
-  }, []);
-  const onAny = useCallback((listener) => {
-    anyListenersRef.current.add(listener);
-    if (!listenerTags.has(listener)) listenerTags.set(listener, captureSubscriberTag(listener));
-    subLog.debug("subscribe:any", { totalAnyListeners: anyListenersRef.current.size, tag: listenerTags.get(listener) });
-    return () => {
-      anyListenersRef.current.delete(listener);
-      subLog.debug("unsubscribe:any", { remaining: anyListenersRef.current.size });
-    };
-  }, []);
-  const contextValue = useMemo(
-    () => ({
-      emit,
-      on,
-      once,
-      hasListeners,
-      onAny,
-      getSelectedEntity,
-      clearSelectedEntity
-    }),
-    [emit, on, once, hasListeners, onAny, getSelectedEntity, clearSelectedEntity]
-  );
-  useEffect(() => {
-    if (isolated) return;
-    setGlobalEventBus(contextValue);
-    return () => {
-      setGlobalEventBus(null);
-    };
-  }, [contextValue, isolated]);
-  return /* @__PURE__ */ jsx(EventBusContext.Provider, { value: contextValue, children });
-}
-var busLog, subLog, EventBusContext, listenerTags;
-var init_EventBusProvider = __esm({
-  "providers/EventBusProvider.tsx"() {
-    "use client";
-    init_useEventBus();
-    busLog = createLogger("almadar:eventbus");
-    subLog = createLogger("almadar:eventbus:subscribe");
-    EventBusContext = createContext(null);
-    listenerTags = /* @__PURE__ */ new WeakMap();
-  }
-});
-function TraitScopeProvider({
-  orbital,
-  trait,
-  children
-}) {
-  const value = useMemo(() => ({ orbital, trait }), [orbital, trait]);
-  return /* @__PURE__ */ jsx(TraitScopeContext.Provider, { value, children });
-}
-function useTraitScope() {
-  return useContext(TraitScopeContext);
-}
-var TraitScopeContext;
-var init_TraitScopeProvider = __esm({
-  "providers/TraitScopeProvider.tsx"() {
-    "use client";
-    TraitScopeContext = createContext(null);
-  }
-});
 
 // hooks/useEventBus.ts
 var useEventBus_exports = {};
@@ -3495,14 +3326,12 @@ function useEmitEvent() {
     [eventBus]
   );
 }
-var log, subLog2, scopeLog, fallbackListeners, fallbackAnyListeners, fallbackEventBus, useEventSubscription, useEventBus_default;
+var log, subLog, scopeLog, fallbackListeners, fallbackAnyListeners, fallbackEventBus, useEventSubscription, useEventBus_default;
 var init_useEventBus = __esm({
   "hooks/useEventBus.ts"() {
     "use client";
-    init_EventBusProvider();
-    init_TraitScopeProvider();
     log = createLogger("almadar:eventbus");
-    subLog2 = createLogger("almadar:eventbus:subscribe");
+    subLog = createLogger("almadar:eventbus:subscribe");
     scopeLog = createLogger("almadar:ui:trait-scope");
     fallbackListeners = /* @__PURE__ */ new Map();
     fallbackAnyListeners = /* @__PURE__ */ new Set();
@@ -3538,7 +3367,7 @@ var init_useEventBus = __esm({
           fallbackListeners.set(type, /* @__PURE__ */ new Set());
         }
         fallbackListeners.get(type).add(listener);
-        subLog2.debug("subscribe", { type, totalListeners: fallbackListeners.get(type).size });
+        subLog.debug("subscribe", { type, totalListeners: fallbackListeners.get(type).size });
         return () => {
           const handlers = fallbackListeners.get(type);
           if (handlers) {
@@ -3562,7 +3391,7 @@ var init_useEventBus = __esm({
       },
       onAny: (listener) => {
         fallbackAnyListeners.add(listener);
-        subLog2.debug("subscribe:any", { totalAnyListeners: fallbackAnyListeners.size });
+        subLog.debug("subscribe:any", { totalAnyListeners: fallbackAnyListeners.size });
         return () => {
           fallbackAnyListeners.delete(listener);
         };
@@ -3680,7 +3509,7 @@ var init_Box = __esm({
       fixed: "fixed",
       sticky: "sticky"
     };
-    Box = React97__default.forwardRef(
+    Box = React93__default.forwardRef(
       ({
         padding,
         paddingX,
@@ -3730,7 +3559,7 @@ var init_Box = __esm({
           onMouseLeave?.(e);
         }, [hoverEvent, eventBus, onMouseLeave]);
         const isClickable = action || onClick;
-        return React97__default.createElement(
+        return React93__default.createElement(
           Component,
           {
             ref,
@@ -4320,7 +4149,7 @@ var init_MiniStateMachine = __esm({
           const x = 2 + i * (NODE_W + GAP + ARROW_W + GAP);
           const tc = transitionCounts[s.name] ?? 0;
           const role = getStateRole(s.name, s.isInitial, s.isTerminal, tc, maxTC);
-          return /* @__PURE__ */ jsxs(React97__default.Fragment, { children: [
+          return /* @__PURE__ */ jsxs(React93__default.Fragment, { children: [
             /* @__PURE__ */ jsx(
               AvlState,
               {
@@ -4591,312 +4420,6 @@ var init_BehaviorView = __esm({
     BehaviorView.displayName = "BehaviorView";
   }
 });
-function getSystemMode() {
-  if (typeof window === "undefined") return "light";
-  return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-}
-function resolveMode(mode) {
-  if (mode === "system") {
-    return getSystemMode();
-  }
-  return mode;
-}
-function useTheme() {
-  const context = useContext(ThemeContext);
-  if (context === void 0) {
-    return {
-      theme: "wireframe",
-      mode: "light",
-      resolvedMode: "light",
-      setTheme: () => {
-      },
-      setMode: () => {
-      },
-      toggleMode: () => {
-      },
-      availableThemes: BUILT_IN_THEMES,
-      appliedTheme: "wireframe-light"
-    };
-  }
-  return context;
-}
-var log3, BUILT_IN_THEMES, ThemeContext, THEME_STORAGE_KEY, MODE_STORAGE_KEY, ThemeProvider;
-var init_ThemeContext = __esm({
-  "context/ThemeContext.tsx"() {
-    "use client";
-    log3 = createLogger("almadar:ui:theme");
-    BUILT_IN_THEMES = [
-      {
-        name: "wireframe",
-        displayName: "Wireframe",
-        hasLightMode: true,
-        hasDarkMode: true
-      },
-      {
-        name: "minimalist",
-        displayName: "Minimalist",
-        hasLightMode: true,
-        hasDarkMode: true
-      },
-      {
-        name: "almadar",
-        displayName: "Almadar",
-        hasLightMode: true,
-        hasDarkMode: true
-      },
-      {
-        name: "trait-wars",
-        displayName: "Trait Wars",
-        hasLightMode: false,
-        hasDarkMode: true
-      },
-      // Extended themes
-      {
-        name: "ocean",
-        displayName: "Ocean",
-        hasLightMode: true,
-        hasDarkMode: true
-      },
-      {
-        name: "forest",
-        displayName: "Forest",
-        hasLightMode: true,
-        hasDarkMode: true
-      },
-      {
-        name: "sunset",
-        displayName: "Sunset",
-        hasLightMode: true,
-        hasDarkMode: true
-      },
-      {
-        name: "lavender",
-        displayName: "Lavender",
-        hasLightMode: true,
-        hasDarkMode: true
-      },
-      {
-        name: "rose",
-        displayName: "Rose",
-        hasLightMode: true,
-        hasDarkMode: true
-      },
-      {
-        name: "slate",
-        displayName: "Slate",
-        hasLightMode: true,
-        hasDarkMode: true
-      },
-      {
-        name: "ember",
-        displayName: "Ember",
-        hasLightMode: true,
-        hasDarkMode: true
-      },
-      {
-        name: "midnight",
-        displayName: "Midnight",
-        hasLightMode: true,
-        hasDarkMode: true
-      },
-      {
-        name: "sand",
-        displayName: "Sand",
-        hasLightMode: true,
-        hasDarkMode: true
-      },
-      {
-        name: "neon",
-        displayName: "Neon",
-        hasLightMode: true,
-        hasDarkMode: true
-      },
-      {
-        name: "arctic",
-        displayName: "Arctic",
-        hasLightMode: true,
-        hasDarkMode: true
-      },
-      {
-        name: "copper",
-        displayName: "Copper",
-        hasLightMode: true,
-        hasDarkMode: true
-      },
-      // Layer 1 skin axes — truly-unique themes (compact tech / editorial / brutalist dense / display-heavy / touch-first)
-      {
-        name: "prism",
-        displayName: "Prism",
-        hasLightMode: true,
-        hasDarkMode: true
-      },
-      {
-        name: "gazette",
-        displayName: "Gazette",
-        hasLightMode: true,
-        hasDarkMode: true
-      },
-      {
-        name: "terminal",
-        displayName: "Terminal",
-        hasLightMode: true,
-        hasDarkMode: true
-      },
-      {
-        name: "atelier",
-        displayName: "Atelier",
-        hasLightMode: true,
-        hasDarkMode: true
-      },
-      {
-        name: "kiosk",
-        displayName: "Kiosk",
-        hasLightMode: true,
-        hasDarkMode: true
-      },
-      {
-        name: "linear-clean",
-        displayName: "Linear Clean",
-        hasLightMode: true,
-        hasDarkMode: true
-      },
-      {
-        name: "notion-editorial",
-        displayName: "Notion Editorial",
-        hasLightMode: true,
-        hasDarkMode: true
-      },
-      {
-        name: "bloomberg-dense",
-        displayName: "Bloomberg Dense",
-        hasLightMode: true,
-        hasDarkMode: true
-      }
-    ];
-    ThemeContext = createContext(void 0);
-    THEME_STORAGE_KEY = "theme";
-    MODE_STORAGE_KEY = "theme-mode";
-    ThemeProvider = ({
-      children,
-      themes = [],
-      defaultTheme = "wireframe",
-      defaultMode = "system",
-      targetRef
-    }) => {
-      const availableThemes = useMemo(() => {
-        const themeMap = /* @__PURE__ */ new Map();
-        BUILT_IN_THEMES.forEach((t) => themeMap.set(t.name, t));
-        themes.forEach((t) => themeMap.set(t.name, t));
-        return Array.from(themeMap.values());
-      }, [themes]);
-      const isScoped = !!targetRef;
-      const [theme, setThemeState] = useState(() => {
-        if (isScoped || typeof window === "undefined") return defaultTheme;
-        const stored = localStorage.getItem(THEME_STORAGE_KEY);
-        const validThemes = [
-          ...BUILT_IN_THEMES.map((t) => t.name),
-          ...themes.map((t) => t.name)
-        ];
-        if (stored && validThemes.includes(stored)) {
-          return stored;
-        }
-        return defaultTheme;
-      });
-      const [mode, setModeState] = useState(() => {
-        if (isScoped || typeof window === "undefined") return defaultMode;
-        const stored = localStorage.getItem(MODE_STORAGE_KEY);
-        if (stored === "light" || stored === "dark" || stored === "system") {
-          return stored;
-        }
-        return defaultMode;
-      });
-      const [resolvedMode, setResolvedMode] = useState(
-        () => resolveMode(mode)
-      );
-      const appliedTheme = useMemo(
-        () => `${theme}-${resolvedMode}`,
-        [theme, resolvedMode]
-      );
-      useEffect(() => {
-        const updateResolved = () => {
-          setResolvedMode(resolveMode(mode));
-        };
-        updateResolved();
-        if (mode === "system") {
-          const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
-          const handleChange = () => updateResolved();
-          mediaQuery.addEventListener("change", handleChange);
-          return () => mediaQuery.removeEventListener("change", handleChange);
-        }
-        return void 0;
-      }, [mode]);
-      useEffect(() => {
-        if (isScoped) {
-          if (targetRef?.current) {
-            targetRef.current.setAttribute("data-theme", appliedTheme);
-            targetRef.current.classList.remove("light", "dark");
-            targetRef.current.classList.add(resolvedMode);
-          }
-          return;
-        }
-        const root = document.documentElement;
-        root.setAttribute("data-theme", appliedTheme);
-        root.classList.remove("light", "dark");
-        root.classList.add(resolvedMode);
-      }, [appliedTheme, resolvedMode, targetRef, isScoped]);
-      const setTheme = useCallback(
-        (newTheme) => {
-          const validTheme = availableThemes.find((t) => t.name === newTheme);
-          if (validTheme) {
-            setThemeState(newTheme);
-            if (!isScoped && typeof window !== "undefined") {
-              localStorage.setItem(THEME_STORAGE_KEY, newTheme);
-            }
-          } else {
-            log3.warn("Theme not found", {
-              theme: newTheme,
-              available: availableThemes.map((t) => t.name)
-            });
-          }
-        },
-        [availableThemes]
-      );
-      const setMode = useCallback((newMode) => {
-        setModeState(newMode);
-        if (!isScoped && typeof window !== "undefined") {
-          localStorage.setItem(MODE_STORAGE_KEY, newMode);
-        }
-      }, []);
-      const toggleMode = useCallback(() => {
-        const newMode = resolvedMode === "dark" ? "light" : "dark";
-        setMode(newMode);
-      }, [resolvedMode, setMode]);
-      const contextValue = useMemo(
-        () => ({
-          theme,
-          mode,
-          resolvedMode,
-          setTheme,
-          setMode,
-          toggleMode,
-          availableThemes,
-          appliedTheme
-        }),
-        [
-          theme,
-          mode,
-          resolvedMode,
-          setTheme,
-          setMode,
-          toggleMode,
-          availableThemes,
-          appliedTheme
-        ]
-      );
-      return /* @__PURE__ */ jsx(ThemeContext.Provider, { value: contextValue, children });
-    };
-  }
-});
 function EntitySchemaProvider({
   entities,
   traitLinkedEntities,
@@ -4942,380 +4465,6 @@ var init_EntitySchemaContext = __esm({
     EntitySchemaContext = createContext(null);
   }
 });
-function generateId() {
-  return `slot-content-${++idCounter}-${Date.now()}`;
-}
-function aggregateSlot(sources) {
-  if (!sources) return null;
-  const entries = Object.entries(sources);
-  if (entries.length === 0) return null;
-  if (entries.length === 1) return entries[0][1];
-  const children = entries.map(([, entry]) => ({
-    type: entry.pattern,
-    ...entry.props
-  }));
-  const stackId = `slot-content-stack-${entries.map(([k]) => k).join("-")}`;
-  return {
-    id: stackId,
-    pattern: "stack",
-    props: {
-      direction: "vertical",
-      gap: "lg",
-      children
-    },
-    priority: 0,
-    animation: "fade",
-    sourceTrait: MULTI_SOURCE_STACK_TRAIT
-  };
-}
-function useUISlotManager() {
-  const [sources, setSources] = useState(DEFAULT_SOURCES);
-  const subscribersRef = useRef(/* @__PURE__ */ new Set());
-  const timersRef = useRef(/* @__PURE__ */ new Map());
-  const traitIndexRef = useRef(/* @__PURE__ */ new Map());
-  const traitSubscribersRef = useRef(/* @__PURE__ */ new Map());
-  const slots = useMemo(() => {
-    const out = { ...DEFAULT_SLOTS };
-    for (const slot of ALL_SLOTS) {
-      out[slot] = aggregateSlot(sources[slot]);
-    }
-    return out;
-  }, [sources]);
-  useEffect(() => {
-    return () => {
-      timersRef.current.forEach((timer) => clearTimeout(timer));
-      timersRef.current.clear();
-    };
-  }, []);
-  const notifySubscribers = useCallback((slot, content) => {
-    subscribersRef.current.forEach((callback) => {
-      try {
-        callback(slot, content);
-      } catch (error) {
-        log5.error("Subscriber error", { error: error instanceof Error ? error : String(error) });
-      }
-    });
-  }, []);
-  const notifyTraitSubscribers = useCallback(
-    (traitName, content) => {
-      const subs = traitSubscribersRef.current.get(traitName);
-      if (!subs) return;
-      subs.forEach((callback) => {
-        try {
-          callback(content);
-        } catch (error) {
-          log5.error("Trait subscriber error", { traitName, error: error instanceof Error ? error : String(error) });
-        }
-      });
-    },
-    []
-  );
-  const indexTraitRender = useCallback(
-    (traitName, content) => {
-      traitIndexRef.current.set(traitName, content);
-    },
-    []
-  );
-  const unindexTrait = useCallback((traitName) => {
-    traitIndexRef.current.delete(traitName);
-  }, []);
-  const render = useCallback(
-    (config) => {
-      const id = generateId();
-      const sourceKey = config.sourceTrait ?? DEFAULT_SOURCE_KEY;
-      const content = {
-        id,
-        pattern: config.pattern,
-        props: config.props ?? {},
-        priority: config.priority ?? 0,
-        animation: config.animation ?? "fade",
-        onDismiss: config.onDismiss,
-        sourceTrait: config.sourceTrait,
-        slot: config.target,
-        transitionEvent: config.transitionEvent,
-        fromState: config.fromState,
-        entity: config.entity
-      };
-      if (config.autoDismissMs && config.autoDismissMs > 0) {
-        content.autoDismissAt = Date.now() + config.autoDismissMs;
-        const timer = setTimeout(() => {
-          setSources((prev) => {
-            const slotSources = prev[config.target];
-            if (slotSources && slotSources[sourceKey]?.id === id) {
-              content.onDismiss?.();
-              const next = { ...slotSources };
-              delete next[sourceKey];
-              const updated = { ...prev, [config.target]: next };
-              notifySubscribers(config.target, aggregateSlot(next));
-              return updated;
-            }
-            return prev;
-          });
-          timersRef.current.delete(id);
-        }, config.autoDismissMs);
-        timersRef.current.set(id, timer);
-      }
-      setSources((prev) => {
-        const slotSources = prev[config.target] ?? {};
-        const existing = slotSources[sourceKey];
-        if (existing && existing.priority > content.priority) {
-          log5.warn("Slot already has higher priority content", {
-            slot: config.target,
-            sourceKey,
-            existingPriority: existing.priority,
-            newPriority: content.priority
-          });
-          return prev;
-        }
-        const nextSources = {
-          ...slotSources,
-          [sourceKey]: content
-        };
-        const nextAll = { ...prev, [config.target]: nextSources };
-        if (content.sourceTrait) {
-          indexTraitRender(content.sourceTrait, content);
-          notifyTraitSubscribers(content.sourceTrait, content);
-        }
-        log5.info("slot:written", {
-          slot: config.target,
-          sourceKey,
-          sourceTrait: content.sourceTrait,
-          patternType: content.pattern,
-          priority: content.priority
-        });
-        notifySubscribers(config.target, aggregateSlot(nextSources));
-        return nextAll;
-      });
-      return id;
-    },
-    [notifySubscribers, notifyTraitSubscribers, indexTraitRender]
-  );
-  const clear = useCallback(
-    (slot) => {
-      setSources((prev) => {
-        const slotSources = prev[slot];
-        if (!slotSources || Object.keys(slotSources).length === 0) {
-          return prev;
-        }
-        for (const content of Object.values(slotSources)) {
-          const timer = timersRef.current.get(content.id);
-          if (timer) {
-            clearTimeout(timer);
-            timersRef.current.delete(content.id);
-          }
-          content.onDismiss?.();
-          if (content.sourceTrait) {
-            unindexTrait(content.sourceTrait);
-            notifyTraitSubscribers(content.sourceTrait, null);
-          }
-        }
-        notifySubscribers(slot, null);
-        return { ...prev, [slot]: {} };
-      });
-    },
-    [notifySubscribers, notifyTraitSubscribers, unindexTrait]
-  );
-  const clearBySource = useCallback(
-    (slot, sourceTrait) => {
-      const sourceKey = sourceTrait;
-      setSources((prev) => {
-        const slotSources = prev[slot];
-        if (!slotSources || !(sourceKey in slotSources)) {
-          log5.debug("slot:clear-noop", { slot, sourceTrait, reason: !slotSources ? "no-slot" : "no-source" });
-          return prev;
-        }
-        const content = slotSources[sourceKey];
-        const timer = timersRef.current.get(content.id);
-        if (timer) {
-          clearTimeout(timer);
-          timersRef.current.delete(content.id);
-        }
-        content.onDismiss?.();
-        if (content.sourceTrait) {
-          unindexTrait(content.sourceTrait);
-          notifyTraitSubscribers(content.sourceTrait, null);
-        }
-        const nextSources = { ...slotSources };
-        delete nextSources[sourceKey];
-        log5.info("slot:cleared", { slot, sourceTrait, lastPatternType: content.pattern });
-        notifySubscribers(slot, aggregateSlot(nextSources));
-        return { ...prev, [slot]: nextSources };
-      });
-    },
-    [notifySubscribers, notifyTraitSubscribers, unindexTrait]
-  );
-  const clearById = useCallback(
-    (id) => {
-      setSources((prev) => {
-        for (const slot of ALL_SLOTS) {
-          const slotSources = prev[slot];
-          if (!slotSources) continue;
-          const matchKey = Object.keys(slotSources).find(
-            (k) => slotSources[k].id === id
-          );
-          if (!matchKey) continue;
-          const content = slotSources[matchKey];
-          const timer = timersRef.current.get(id);
-          if (timer) {
-            clearTimeout(timer);
-            timersRef.current.delete(id);
-          }
-          content.onDismiss?.();
-          if (content.sourceTrait) {
-            unindexTrait(content.sourceTrait);
-            notifyTraitSubscribers(content.sourceTrait, null);
-          }
-          const nextSources = { ...slotSources };
-          delete nextSources[matchKey];
-          notifySubscribers(slot, aggregateSlot(nextSources));
-          return { ...prev, [slot]: nextSources };
-        }
-        return prev;
-      });
-    },
-    [notifySubscribers, notifyTraitSubscribers, unindexTrait]
-  );
-  const clearAll = useCallback(() => {
-    timersRef.current.forEach((timer) => clearTimeout(timer));
-    timersRef.current.clear();
-    setSources((prev) => {
-      for (const slot of ALL_SLOTS) {
-        const slotSources = prev[slot];
-        if (!slotSources) continue;
-        for (const content of Object.values(slotSources)) {
-          content.onDismiss?.();
-          if (content.sourceTrait) {
-            notifyTraitSubscribers(content.sourceTrait, null);
-          }
-        }
-        notifySubscribers(slot, null);
-      }
-      return DEFAULT_SOURCES;
-    });
-    traitIndexRef.current.clear();
-  }, [notifySubscribers, notifyTraitSubscribers]);
-  const subscribe = useCallback((callback) => {
-    subscribersRef.current.add(callback);
-    return () => {
-      subscribersRef.current.delete(callback);
-    };
-  }, []);
-  const hasContent = useCallback(
-    (slot) => slots[slot] !== null,
-    [slots]
-  );
-  const getContent = useCallback(
-    (slot) => slots[slot],
-    [slots]
-  );
-  const getTraitContent = useCallback(
-    (traitName) => traitIndexRef.current.get(traitName) ?? null,
-    []
-  );
-  const subscribeTrait = useCallback(
-    (traitName, callback) => {
-      let set = traitSubscribersRef.current.get(traitName);
-      if (!set) {
-        set = /* @__PURE__ */ new Set();
-        traitSubscribersRef.current.set(traitName, set);
-      }
-      set.add(callback);
-      return () => {
-        const s = traitSubscribersRef.current.get(traitName);
-        if (!s) return;
-        s.delete(callback);
-        if (s.size === 0) {
-          traitSubscribersRef.current.delete(traitName);
-        }
-      };
-    },
-    []
-  );
-  const updateTraitContent = useCallback(
-    (traitName, content) => {
-      const id = generateId();
-      const fullContent = { ...content, id, sourceTrait: traitName };
-      indexTraitRender(traitName, fullContent);
-      notifyTraitSubscribers(traitName, fullContent);
-      return id;
-    },
-    [indexTraitRender, notifyTraitSubscribers]
-  );
-  return {
-    slots,
-    render,
-    clear,
-    clearBySource,
-    clearById,
-    clearAll,
-    subscribe,
-    hasContent,
-    getContent,
-    getTraitContent,
-    subscribeTrait,
-    updateTraitContent
-  };
-}
-var log5, DEFAULT_SOURCE_KEY, MULTI_SOURCE_STACK_TRAIT, ALL_SLOTS, DEFAULT_SLOTS, DEFAULT_SOURCES, idCounter;
-var init_useUISlots = __esm({
-  "hooks/useUISlots.ts"() {
-    "use client";
-    log5 = createLogger("almadar:ui:ui-slots");
-    DEFAULT_SOURCE_KEY = "__default__";
-    MULTI_SOURCE_STACK_TRAIT = "__multi_source_stack__";
-    ALL_SLOTS = [
-      "main",
-      "sidebar",
-      "modal",
-      "drawer",
-      "overlay",
-      "center",
-      "toast",
-      "hud-top",
-      "hud-bottom",
-      "hud-left",
-      "hud-right",
-      "floating"
-    ];
-    DEFAULT_SLOTS = ALL_SLOTS.reduce(
-      (acc, slot) => {
-        acc[slot] = null;
-        return acc;
-      },
-      {}
-    );
-    DEFAULT_SOURCES = ALL_SLOTS.reduce(
-      (acc, slot) => {
-        acc[slot] = {};
-        return acc;
-      },
-      {}
-    );
-    idCounter = 0;
-  }
-});
-function UISlotProvider({ children }) {
-  const slotManager = useUISlotManager();
-  const contextValue = useMemo(() => slotManager, [slotManager]);
-  return /* @__PURE__ */ jsx(UISlotContext.Provider, { value: contextValue, children });
-}
-function useUISlots() {
-  const context = useContext(UISlotContext);
-  if (!context) {
-    throw new Error(
-      "useUISlots must be used within a UISlotProvider. Make sure your component tree is wrapped with <UISlotProvider>."
-    );
-  }
-  return context;
-}
-var UISlotContext;
-var init_UISlotContext = __esm({
-  "context/UISlotContext.tsx"() {
-    "use client";
-    init_useUISlots();
-    UISlotContext = createContext(null);
-  }
-});
 function getCurrentIconFamily() {
   if (typeof window === "undefined" || typeof document === "undefined") {
     return DEFAULT_FAMILY;
@@ -6063,7 +5212,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 = React97__default.useMemo(() => {
+      const RenderedComponent = React93__default.useMemo(() => {
         if (directIcon) return null;
         return effectiveName ? resolveIconForFamily(effectiveName, family) : null;
       }, [directIcon, effectiveName, family]);
@@ -6121,7 +5270,7 @@ function resolveIconProp(value, sizeClass) {
     const IconComp = value;
     return /* @__PURE__ */ jsx(IconComp, { className: sizeClass });
   }
-  if (React97__default.isValidElement(value)) {
+  if (React93__default.isValidElement(value)) {
     return value;
   }
   if (typeof value === "object" && value !== null && "render" in value) {
@@ -6197,7 +5346,7 @@ var init_Button = __esm({
       md: "h-icon-default w-icon-default",
       lg: "h-icon-default w-icon-default"
     };
-    Button = React97__default.forwardRef(
+    Button = React93__default.forwardRef(
       ({
         className,
         variant = "primary",
@@ -6262,7 +5411,7 @@ var Dialog;
 var init_Dialog = __esm({
   "components/core/atoms/Dialog.tsx"() {
     init_cn();
-    Dialog = React97__default.forwardRef(
+    Dialog = React93__default.forwardRef(
       ({
         role = "dialog",
         "aria-modal": ariaModal = true,
@@ -6765,7 +5914,7 @@ var init_Badge = __esm({
       md: "px-2.5 py-1 text-sm",
       lg: "px-3 py-1.5 text-base"
     };
-    Badge = React97__default.forwardRef(
+    Badge = React93__default.forwardRef(
       ({ className, variant = "default", size = "sm", amount, label, icon, children, onRemove, removeLabel, ...props }, ref) => {
         const iconSizes3 = {
           sm: "h-icon-default w-icon-default",
@@ -7081,7 +6230,7 @@ var init_SvgFlow = __esm({
       opacity = 1,
       className
     }) => {
-      const markerId = React97__default.useMemo(() => {
+      const markerId = React93__default.useMemo(() => {
         flowIdCounter += 1;
         return `almadar-flow-arrow-${flowIdCounter}`;
       }, []);
@@ -7624,7 +6773,7 @@ var init_SvgRing = __esm({
       className,
       label
     }) => {
-      const gradientId = React97__default.useMemo(() => {
+      const gradientId = React93__default.useMemo(() => {
         ringIdCounter += 1;
         return `almadar-ring-glow-${ringIdCounter}`;
       }, []);
@@ -7786,7 +6935,7 @@ var init_Input = __esm({
   "components/core/atoms/Input.tsx"() {
     init_cn();
     init_Icon();
-    Input = React97__default.forwardRef(
+    Input = React93__default.forwardRef(
       ({
         className,
         inputType,
@@ -7907,7 +7056,7 @@ var Label;
 var init_Label = __esm({
   "components/core/atoms/Label.tsx"() {
     init_cn();
-    Label = React97__default.forwardRef(
+    Label = React93__default.forwardRef(
       ({ className, required, children, ...props }, ref) => {
         return /* @__PURE__ */ jsxs(
           "label",
@@ -7933,7 +7082,7 @@ var Textarea;
 var init_Textarea = __esm({
   "components/core/atoms/Textarea.tsx"() {
     init_cn();
-    Textarea = React97__default.forwardRef(
+    Textarea = React93__default.forwardRef(
       ({ className, error, ...props }, ref) => {
         return /* @__PURE__ */ jsx(
           "textarea",
@@ -7963,7 +7112,7 @@ var init_Select = __esm({
   "components/core/atoms/Select.tsx"() {
     init_cn();
     init_Icon();
-    Select = React97__default.forwardRef(
+    Select = React93__default.forwardRef(
       ({ className, options, placeholder, error, ...props }, ref) => {
         return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
           /* @__PURE__ */ jsxs(
@@ -8005,7 +7154,7 @@ var Checkbox;
 var init_Checkbox = __esm({
   "components/core/atoms/Checkbox.tsx"() {
     init_cn();
-    Checkbox = React97__default.forwardRef(
+    Checkbox = React93__default.forwardRef(
       ({ className, label, id, ...props }, ref) => {
         const inputId = id || `checkbox-${Math.random().toString(36).substr(2, 9)}`;
         return /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
@@ -8096,7 +7245,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 = React97__default.forwardRef(
+    Card = React93__default.forwardRef(
       ({
         className,
         variant = "bordered",
@@ -8134,9 +7283,9 @@ var init_Card = __esm({
       }
     );
     Card.displayName = "Card";
-    CardHeader = React97__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-4", className), ...props }));
+    CardHeader = React93__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-4", className), ...props }));
     CardHeader.displayName = "CardHeader";
-    CardTitle = React97__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    CardTitle = React93__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
       "h3",
       {
         ref,
@@ -8149,11 +7298,11 @@ var init_Card = __esm({
       }
     ));
     CardTitle.displayName = "CardTitle";
-    CardContent = React97__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props }));
+    CardContent = React93__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props }));
     CardContent.displayName = "CardContent";
     CardBody = CardContent;
     CardBody.displayName = "CardBody";
-    CardFooter = React97__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    CardFooter = React93__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
       "div",
       {
         ref,
@@ -8208,7 +7357,7 @@ var init_FilterPill = __esm({
       md: "w-3.5 h-3.5",
       lg: "w-4 h-4"
     };
-    FilterPill = React97__default.forwardRef(
+    FilterPill = React93__default.forwardRef(
       ({
         className,
         variant = "default",
@@ -8285,7 +7434,7 @@ var init_Spinner = __esm({
       md: "h-6 w-6",
       lg: "h-8 w-8"
     };
-    Spinner = React97__default.forwardRef(
+    Spinner = React93__default.forwardRef(
       ({ className, size = "md", ...props }, ref) => {
         return /* @__PURE__ */ jsx(
           "div",
@@ -8747,7 +7896,7 @@ var init_Radio = __esm({
       md: "w-2.5 h-2.5",
       lg: "w-3 h-3"
     };
-    Radio = React97__default.forwardRef(
+    Radio = React93__default.forwardRef(
       ({
         label,
         helperText,
@@ -8764,12 +7913,12 @@ var init_Radio = __esm({
         onChange,
         ...props
       }, ref) => {
-        const reactId = React97__default.useId();
+        const reactId = React93__default.useId();
         const baseId = id || `radio-${reactId}`;
         const hasError = !!error;
         const eventBus = useEventBus();
-        const [selected, setSelected] = React97__default.useState(value);
-        React97__default.useEffect(() => {
+        const [selected, setSelected] = React93__default.useState(value);
+        React93__default.useEffect(() => {
           if (value !== void 0) setSelected(value);
         }, [value]);
         const pick = (next, e) => {
@@ -8951,7 +8100,7 @@ var init_Switch = __esm({
   "components/core/atoms/Switch.tsx"() {
     "use client";
     init_cn();
-    Switch = React97.forwardRef(
+    Switch = React93.forwardRef(
       ({
         checked,
         defaultChecked = false,
@@ -8962,10 +8111,10 @@ var init_Switch = __esm({
         name,
         className
       }, ref) => {
-        const [isChecked, setIsChecked] = React97.useState(
+        const [isChecked, setIsChecked] = React93.useState(
           checked !== void 0 ? checked : defaultChecked
         );
-        React97.useEffect(() => {
+        React93.useEffect(() => {
           if (checked !== void 0) {
             setIsChecked(checked);
           }
@@ -9134,6 +8283,181 @@ var init_TextHighlight = __esm({
     TextHighlight.displayName = "TextHighlight";
   }
 });
+function useTheme() {
+  const context = useContext(ThemeContext);
+  if (context === void 0) {
+    return {
+      theme: "wireframe",
+      mode: "light",
+      resolvedMode: "light",
+      setTheme: () => {
+      },
+      setMode: () => {
+      },
+      toggleMode: () => {
+      },
+      availableThemes: BUILT_IN_THEMES,
+      appliedTheme: "wireframe-light"
+    };
+  }
+  return context;
+}
+var BUILT_IN_THEMES, ThemeContext;
+var init_ThemeContext = __esm({
+  "context/ThemeContext.tsx"() {
+    "use client";
+    createLogger("almadar:ui:theme");
+    BUILT_IN_THEMES = [
+      {
+        name: "wireframe",
+        displayName: "Wireframe",
+        hasLightMode: true,
+        hasDarkMode: true
+      },
+      {
+        name: "minimalist",
+        displayName: "Minimalist",
+        hasLightMode: true,
+        hasDarkMode: true
+      },
+      {
+        name: "almadar",
+        displayName: "Almadar",
+        hasLightMode: true,
+        hasDarkMode: true
+      },
+      {
+        name: "trait-wars",
+        displayName: "Trait Wars",
+        hasLightMode: false,
+        hasDarkMode: true
+      },
+      // Extended themes
+      {
+        name: "ocean",
+        displayName: "Ocean",
+        hasLightMode: true,
+        hasDarkMode: true
+      },
+      {
+        name: "forest",
+        displayName: "Forest",
+        hasLightMode: true,
+        hasDarkMode: true
+      },
+      {
+        name: "sunset",
+        displayName: "Sunset",
+        hasLightMode: true,
+        hasDarkMode: true
+      },
+      {
+        name: "lavender",
+        displayName: "Lavender",
+        hasLightMode: true,
+        hasDarkMode: true
+      },
+      {
+        name: "rose",
+        displayName: "Rose",
+        hasLightMode: true,
+        hasDarkMode: true
+      },
+      {
+        name: "slate",
+        displayName: "Slate",
+        hasLightMode: true,
+        hasDarkMode: true
+      },
+      {
+        name: "ember",
+        displayName: "Ember",
+        hasLightMode: true,
+        hasDarkMode: true
+      },
+      {
+        name: "midnight",
+        displayName: "Midnight",
+        hasLightMode: true,
+        hasDarkMode: true
+      },
+      {
+        name: "sand",
+        displayName: "Sand",
+        hasLightMode: true,
+        hasDarkMode: true
+      },
+      {
+        name: "neon",
+        displayName: "Neon",
+        hasLightMode: true,
+        hasDarkMode: true
+      },
+      {
+        name: "arctic",
+        displayName: "Arctic",
+        hasLightMode: true,
+        hasDarkMode: true
+      },
+      {
+        name: "copper",
+        displayName: "Copper",
+        hasLightMode: true,
+        hasDarkMode: true
+      },
+      // Layer 1 skin axes — truly-unique themes (compact tech / editorial / brutalist dense / display-heavy / touch-first)
+      {
+        name: "prism",
+        displayName: "Prism",
+        hasLightMode: true,
+        hasDarkMode: true
+      },
+      {
+        name: "gazette",
+        displayName: "Gazette",
+        hasLightMode: true,
+        hasDarkMode: true
+      },
+      {
+        name: "terminal",
+        displayName: "Terminal",
+        hasLightMode: true,
+        hasDarkMode: true
+      },
+      {
+        name: "atelier",
+        displayName: "Atelier",
+        hasLightMode: true,
+        hasDarkMode: true
+      },
+      {
+        name: "kiosk",
+        displayName: "Kiosk",
+        hasLightMode: true,
+        hasDarkMode: true
+      },
+      {
+        name: "linear-clean",
+        displayName: "Linear Clean",
+        hasLightMode: true,
+        hasDarkMode: true
+      },
+      {
+        name: "notion-editorial",
+        displayName: "Notion Editorial",
+        hasLightMode: true,
+        hasDarkMode: true
+      },
+      {
+        name: "bloomberg-dense",
+        displayName: "Bloomberg Dense",
+        hasLightMode: true,
+        hasDarkMode: true
+      }
+    ];
+    ThemeContext = createContext(void 0);
+  }
+});
 var sizeClasses5, iconSizes2, ThemeToggle;
 var init_ThemeToggle = __esm({
   "components/core/atoms/ThemeToggle.tsx"() {
@@ -9235,7 +8559,7 @@ var Aside;
 var init_Aside = __esm({
   "components/core/atoms/Aside.tsx"() {
     init_cn();
-    Aside = React97__default.forwardRef(
+    Aside = React93__default.forwardRef(
       ({ className, children, ...rest }, ref) => /* @__PURE__ */ jsx("aside", { ref, className: cn(className), ...rest, children })
     );
     Aside.displayName = "Aside";
@@ -9313,8 +8637,8 @@ var init_LawReferenceTooltip = __esm({
       className
     }) => {
       const { t } = useTranslate();
-      const [isVisible, setIsVisible] = React97__default.useState(false);
-      const timeoutRef = React97__default.useRef(null);
+      const [isVisible, setIsVisible] = React93__default.useState(false);
+      const timeoutRef = React93__default.useRef(null);
       const handleMouseEnter = () => {
         if (timeoutRef.current) clearTimeout(timeoutRef.current);
         timeoutRef.current = setTimeout(() => setIsVisible(true), 200);
@@ -9323,7 +8647,7 @@ var init_LawReferenceTooltip = __esm({
         if (timeoutRef.current) clearTimeout(timeoutRef.current);
         setIsVisible(false);
       };
-      React97__default.useEffect(() => {
+      React93__default.useEffect(() => {
         return () => {
           if (timeoutRef.current) clearTimeout(timeoutRef.current);
         };
@@ -9533,7 +8857,7 @@ var init_StatusDot = __esm({
       md: "w-2.5 h-2.5",
       lg: "w-3 h-3"
     };
-    StatusDot = React97__default.forwardRef(
+    StatusDot = React93__default.forwardRef(
       ({ className, status = "offline", pulse = false, size = "md", label, ...props }, ref) => {
         return /* @__PURE__ */ jsx(
           "span",
@@ -9587,7 +8911,7 @@ var init_TrendIndicator = __esm({
       down: "trending-down",
       flat: "arrow-right"
     };
-    TrendIndicator = React97__default.forwardRef(
+    TrendIndicator = React93__default.forwardRef(
       ({
         className,
         value,
@@ -9654,7 +8978,7 @@ var init_RangeSlider = __esm({
       md: "w-4 h-4",
       lg: "w-5 h-5"
     };
-    RangeSlider = React97__default.forwardRef(
+    RangeSlider = React93__default.forwardRef(
       ({
         className,
         min = 0,
@@ -10162,7 +9486,7 @@ var init_ContentSection = __esm({
       md: "py-16",
       lg: "py-24"
     };
-    ContentSection = React97__default.forwardRef(
+    ContentSection = React93__default.forwardRef(
       ({ children, background = "default", padding = "lg", id, className }, ref) => {
         return /* @__PURE__ */ jsx(
           Box,
@@ -10696,7 +10020,7 @@ var init_AnimatedReveal = __esm({
       "scale-up": { opacity: 1, transform: "scale(1) translateY(0)" },
       "none": {}
     };
-    AnimatedReveal = React97__default.forwardRef(
+    AnimatedReveal = React93__default.forwardRef(
       ({
         trigger = "scroll",
         animation = "fade-up",
@@ -10856,7 +10180,7 @@ var init_AnimatedGraphic = __esm({
   "components/marketing/atoms/AnimatedGraphic.tsx"() {
     "use client";
     init_cn();
-    AnimatedGraphic = React97__default.forwardRef(
+    AnimatedGraphic = React93__default.forwardRef(
       ({
         src,
         svgContent,
@@ -10879,7 +10203,7 @@ var init_AnimatedGraphic = __esm({
         const fetchedSvg = useFetchedSvg(svgContent ? void 0 : src);
         const resolvedSvg = svgContent ?? fetchedSvg;
         const prevAnimateRef = useRef(animate);
-        const setRef = React97__default.useCallback(
+        const setRef = React93__default.useCallback(
           (node) => {
             containerRef.current = node;
             if (typeof ref === "function") ref(node);
@@ -11015,8 +10339,6 @@ function getSlotContentRenderer() {
 var _slotContentRenderer;
 var init_TraitFrame = __esm({
   "components/core/atoms/TraitFrame.tsx"() {
-    init_UISlotContext();
-    init_TraitScopeProvider();
     init_EntitySchemaContext();
     TraitFrame.displayName = "TraitFrame";
     _slotContentRenderer = null;
@@ -11106,9 +10428,9 @@ function ScoreDisplay({
   ...rest
 }) {
   const resolvedValue = typeof value === "number" && !Number.isNaN(value) ? value : typeof rest.score === "number" && !Number.isNaN(rest.score) ? rest.score : 0;
-  const [displayValue, setDisplayValue] = React97.useState(resolvedValue);
-  const [isAnimating, setIsAnimating] = React97.useState(false);
-  React97.useEffect(() => {
+  const [displayValue, setDisplayValue] = React93.useState(resolvedValue);
+  const [isAnimating, setIsAnimating] = React93.useState(false);
+  React93.useEffect(() => {
     if (!animated || displayValue === resolvedValue) {
       setDisplayValue(resolvedValue);
       return;
@@ -11178,9 +10500,9 @@ function ControlButton({
   className
 }) {
   const eventBus = useEventBus();
-  const [isPressed, setIsPressed] = React97.useState(false);
+  const [isPressed, setIsPressed] = React93.useState(false);
   const actualPressed = pressed ?? isPressed;
-  const handlePointerDown = React97.useCallback(
+  const handlePointerDown = React93.useCallback(
     (e) => {
       e.preventDefault();
       if (disabled) return;
@@ -11190,7 +10512,7 @@ function ControlButton({
     },
     [disabled, pressEvent, eventBus, onPress]
   );
-  const handlePointerUp = React97.useCallback(
+  const handlePointerUp = React93.useCallback(
     (e) => {
       e.preventDefault();
       if (disabled) return;
@@ -11200,7 +10522,7 @@ function ControlButton({
     },
     [disabled, releaseEvent, eventBus, onRelease]
   );
-  const handlePointerLeave = React97.useCallback(
+  const handlePointerLeave = React93.useCallback(
     (e) => {
       if (isPressed) {
         setIsPressed(false);
@@ -12106,9 +11428,9 @@ function MiniMap({
   viewportRect,
   className
 }) {
-  const canvasRef = React97.useRef(null);
-  const frameRef = React97.useRef(0);
-  React97.useEffect(() => {
+  const canvasRef = React93.useRef(null);
+  const frameRef = React93.useRef(0);
+  React93.useEffect(() => {
     const canvas = canvasRef.current;
     if (!canvas) return;
     const ctx = canvas.getContext("2d");
@@ -12282,7 +11604,7 @@ var init_ErrorBoundary = __esm({
         }
       );
     };
-    ErrorBoundary = class extends React97__default.Component {
+    ErrorBoundary = class extends React93__default.Component {
       constructor(props) {
         super(props);
         __publicField(this, "reset", () => {
@@ -13348,8 +12670,8 @@ var init_Tooltip = __esm({
           if (hideTimeoutRef.current) clearTimeout(hideTimeoutRef.current);
         };
       }, []);
-      const triggerElement = React97__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
-      const trigger = React97__default.cloneElement(triggerElement, {
+      const triggerElement = React93__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
+      const trigger = React93__default.cloneElement(triggerElement, {
         ref: triggerRef,
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
@@ -13504,8 +12826,8 @@ var init_Popover = __esm({
         onMouseEnter: handleOpen,
         onMouseLeave: handleClose
       };
-      const childElement = React97__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
-      const triggerElement = React97__default.cloneElement(
+      const childElement = React93__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
+      const triggerElement = React93__default.cloneElement(
         childElement,
         {
           ref: triggerRef,
@@ -13632,8 +12954,8 @@ var init_Menu = __esm({
       };
       const effectivePosition = direction === "rtl" ? rtlMirror[position] ?? position : position;
       const subMenuSideClass = direction === "rtl" ? "right-full mr-2" : "left-full ml-2";
-      const triggerChild = React97__default.isValidElement(trigger) ? trigger : /* @__PURE__ */ jsx(Typography, { variant: "small", as: "span", children: trigger });
-      const triggerElement = React97__default.cloneElement(
+      const triggerChild = React93__default.isValidElement(trigger) ? trigger : /* @__PURE__ */ jsx(Typography, { variant: "small", as: "span", children: trigger });
+      const triggerElement = React93__default.cloneElement(
         triggerChild,
         {
           ref: triggerRef,
@@ -14040,13 +13362,13 @@ var init_MapView = __esm({
         shadowSize: [41, 41]
       });
       L.Marker.prototype.options.icon = defaultIcon;
-      const { useEffect: useEffect79, useRef: useRef71, useCallback: useCallback123, useState: useState113 } = React97__default;
+      const { useEffect: useEffect75, useRef: useRef68, useCallback: useCallback120, useState: useState111 } = React93__default;
       const { Typography: Typography2 } = await Promise.resolve().then(() => (init_Typography(), Typography_exports));
       const { useEventBus: useEventBus3 } = await Promise.resolve().then(() => (init_useEventBus(), useEventBus_exports));
       function MapUpdater({ centerLat, centerLng, zoom }) {
         const map = useMap();
-        const prevRef = useRef71({ centerLat, centerLng, zoom });
-        useEffect79(() => {
+        const prevRef = useRef68({ centerLat, centerLng, zoom });
+        useEffect75(() => {
           const prev = prevRef.current;
           if (prev.centerLat !== centerLat || prev.centerLng !== centerLng || prev.zoom !== zoom) {
             map.setView([centerLat, centerLng], zoom);
@@ -14057,7 +13379,7 @@ var init_MapView = __esm({
       }
       function MapClickHandler({ onMapClick }) {
         const map = useMap();
-        useEffect79(() => {
+        useEffect75(() => {
           if (!onMapClick) return;
           const handler = (e) => {
             onMapClick(e.latlng.lat, e.latlng.lng);
@@ -14085,8 +13407,8 @@ var init_MapView = __esm({
         showAttribution = true
       }) {
         const eventBus = useEventBus3();
-        const [clickedPosition, setClickedPosition] = useState113(null);
-        const handleMapClick = useCallback123((lat, lng) => {
+        const [clickedPosition, setClickedPosition] = useState111(null);
+        const handleMapClick = useCallback120((lat, lng) => {
           if (showClickedPin) {
             setClickedPosition({ lat, lng });
           }
@@ -14095,7 +13417,7 @@ var init_MapView = __esm({
             eventBus.emit(`UI:${mapClickEvent}`, { latitude: lat, longitude: lng });
           }
         }, [onMapClick, mapClickEvent, eventBus, showClickedPin]);
-        const handleMarkerClick = useCallback123((marker) => {
+        const handleMarkerClick = useCallback120((marker) => {
           onMarkerClick?.(marker);
           if (markerClickEvent) {
             eventBus.emit(`UI:${markerClickEvent}`, { ...marker });
@@ -14286,7 +13608,7 @@ function InputPattern({
   fieldName
 }) {
   const { emit } = useEventBus();
-  const [localValue, setLocalValue] = React97__default.useState(value);
+  const [localValue, setLocalValue] = React93__default.useState(value);
   const handleChange = (e) => {
     setLocalValue(e.target.value);
     if (onChange) {
@@ -14324,7 +13646,7 @@ function TextareaPattern({
   fieldName
 }) {
   const { emit } = useEventBus();
-  const [localValue, setLocalValue] = React97__default.useState(value);
+  const [localValue, setLocalValue] = React93__default.useState(value);
   const handleChange = (e) => {
     setLocalValue(e.target.value);
     if (onChange) {
@@ -14356,7 +13678,7 @@ function SelectPattern({
   fieldName
 }) {
   const { emit } = useEventBus();
-  const [localValue, setLocalValue] = React97__default.useState(value);
+  const [localValue, setLocalValue] = React93__default.useState(value);
   const handleChange = (e) => {
     setLocalValue(e.target.value);
     if (onChange) {
@@ -14385,7 +13707,7 @@ function CheckboxPattern({
   className
 }) {
   const { emit } = useEventBus();
-  const [localChecked, setLocalChecked] = React97__default.useState(checked);
+  const [localChecked, setLocalChecked] = React93__default.useState(checked);
   const handleChange = (e) => {
     setLocalChecked(e.target.checked);
     if (onChange) {
@@ -14616,8 +13938,8 @@ function ActionButtons({
   disabled
 }) {
   const eventBus = useEventBus();
-  const [activeButtons, setActiveButtons] = React97.useState(/* @__PURE__ */ new Set());
-  const handlePress = React97.useCallback(
+  const [activeButtons, setActiveButtons] = React93.useState(/* @__PURE__ */ new Set());
+  const handlePress = React93.useCallback(
     (id) => {
       setActiveButtons((prev) => new Set(prev).add(id));
       if (actionEvent) eventBus.emit(`UI:${actionEvent}`, { id, pressed: true });
@@ -14625,7 +13947,7 @@ function ActionButtons({
     },
     [actionEvent, eventBus, onAction]
   );
-  const handleRelease = React97.useCallback(
+  const handleRelease = React93.useCallback(
     (id) => {
       setActiveButtons((prev) => {
         const next = new Set(prev);
@@ -15129,7 +14451,7 @@ function recordTransition(trace) {
     ...trace,
     id: `t-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`
   };
-  log7.debug("transition:recorded", { trait: trace.traitName, from: trace.from, to: trace.to, event: trace.event, effectCount: trace.effects.length });
+  log5.debug("transition:recorded", { trait: trace.traitName, from: trace.from, to: trace.to, event: trace.event, effectCount: trace.effects.length });
   getState().transitions.push(entry);
   if (getState().transitions.length > MAX_TRANSITIONS) {
     getState().transitions.shift();
@@ -15228,7 +14550,7 @@ function getTraitSnapshots() {
     try {
       snapshots.push(getter());
     } catch (err) {
-      log7.error("traitSnapshot getter failed", { trait: traitName, err: String(err) });
+      log5.error("traitSnapshot getter failed", { trait: traitName, err: String(err) });
     }
   }
   return snapshots;
@@ -15289,38 +14611,6 @@ function waitForTransition(event, timeoutMs = 1e4) {
     });
   });
 }
-function bindEventBus(eventBus) {
-  if (typeof window === "undefined") return;
-  log7.info("bindEventBus", { hasOnAny: !!eventBus.onAny });
-  exposeOnWindow();
-  if (window.__orbitalVerification) {
-    window.__orbitalVerification.sendEvent = (event, payload, traitScope) => {
-      const prefixed = event.startsWith("UI:") ? event : traitScope ? `UI:${traitScope}.${event}` : `UI:${event}`;
-      log7.debug("sendEvent", { event: prefixed, traitScope, payloadKeys: payload ? Object.keys(payload) : [] });
-      eventBus.emit(prefixed, payload);
-    };
-    const eventLog = [];
-    window.__orbitalVerification.eventLog = eventLog;
-    window.__orbitalVerification.clearEventLog = () => {
-      eventLog.length = 0;
-    };
-    if (eventBus.onAny) {
-      const verificationRegistryEventLogger = (event) => {
-        if (eventLog.length < 200) {
-          eventLog.push({
-            type: event.type,
-            payload: event.payload,
-            timestamp: Date.now()
-          });
-        }
-      };
-      Object.defineProperty(verificationRegistryEventLogger, "name", {
-        value: "verificationRegistry:eventLog"
-      });
-      eventBus.onAny(verificationRegistryEventLogger);
-    }
-  }
-}
 function bindTraitStateGetter(getter) {
   if (typeof window === "undefined") return;
   exposeOnWindow();
@@ -15359,10 +14649,10 @@ function updateAssetStatus(url, status) {
     window.__orbitalVerification.assetStatus[url] = status;
   }
 }
-var log7, MAX_TRANSITIONS;
+var log5, MAX_TRANSITIONS;
 var init_verificationRegistry = __esm({
   "lib/verificationRegistry.ts"() {
-    log7 = createLogger("almadar:bridge");
+    log5 = createLogger("almadar:bridge");
     MAX_TRANSITIONS = 500;
     exposeOnWindow();
   }
@@ -16855,7 +16145,7 @@ function computeFoldRegions(code) {
   }
   return regions.sort((a, b) => a.start - b.start);
 }
-var orbStyleOverrides, orbStyle, loloStyleOverrides, loloStyle, log8, LINE_PROPS_FN, HIDDEN_LINE_NUMBERS, CodeBlock;
+var orbStyleOverrides, orbStyle, loloStyleOverrides, loloStyle, log6, LINE_PROPS_FN, HIDDEN_LINE_NUMBERS, CodeBlock;
 var init_CodeBlock = __esm({
   "components/core/molecules/markdown/CodeBlock.tsx"() {
     init_Box();
@@ -16932,10 +16222,10 @@ var init_CodeBlock = __esm({
       "lolo-op-async": { color: ORB_COLORS.dark.async }
     };
     loloStyle = { ...dark, ...loloStyleOverrides };
-    log8 = createLogger("almadar:ui:markdown-code");
+    log6 = createLogger("almadar:ui:markdown-code");
     LINE_PROPS_FN = (n) => ({ "data-line": String(n - 1) });
     HIDDEN_LINE_NUMBERS = { display: "none" };
-    CodeBlock = React97__default.memo(
+    CodeBlock = React93__default.memo(
       ({
         code: rawCode,
         language = "text",
@@ -17133,7 +16423,7 @@ var init_CodeBlock = __esm({
             eventBus.emit("UI:COPY_CODE", { language, success: true });
             setTimeout(() => setCopied(false), 2e3);
           } catch (err) {
-            log8.error("Failed to copy code", { error: err instanceof Error ? err : String(err) });
+            log6.error("Failed to copy code", { error: err instanceof Error ? err : String(err) });
             eventBus.emit("UI:COPY_CODE", { language, success: false });
           }
         };
@@ -17372,7 +16662,7 @@ var init_MarkdownContent = __esm({
     init_Box();
     init_CodeBlock();
     init_cn();
-    MarkdownContent = React97__default.memo(
+    MarkdownContent = React93__default.memo(
       ({ content, direction, className }) => {
         const { t: _t } = useTranslate();
         const safeContent = typeof content === "string" ? content : String(content ?? "");
@@ -18468,7 +17758,7 @@ var init_StateMachineView = __esm({
                 style: { top: title ? 30 : 0 },
                 children: [
                   entity && /* @__PURE__ */ jsx(EntityBox, { entity, config }),
-                  states.map((state) => renderStateNode ? /* @__PURE__ */ jsx(React97__default.Fragment, { children: renderStateNode(state, config) }, state.id) : /* @__PURE__ */ jsx(
+                  states.map((state) => renderStateNode ? /* @__PURE__ */ jsx(React93__default.Fragment, { children: renderStateNode(state, config) }, state.id) : /* @__PURE__ */ jsx(
                     StateNode,
                     {
                       state,
@@ -20073,7 +19363,7 @@ var init_Grid = __esm({
       as: Component = "div"
     }) => {
       const mergedStyle = rows2 ? { gridTemplateRows: `repeat(${rows2}, minmax(0, 1fr))`, ...style } : style;
-      return React97__default.createElement(
+      return React93__default.createElement(
         Component,
         {
           className: cn(
@@ -20954,14 +20244,14 @@ function useSafeEventBus2() {
     } };
   }
 }
-var log9, lookStyles4, ButtonGroup;
+var log7, lookStyles4, ButtonGroup;
 var init_ButtonGroup = __esm({
   "components/core/molecules/ButtonGroup.tsx"() {
     "use client";
     init_cn();
     init_atoms2();
     init_useEventBus();
-    log9 = createLogger("almadar:ui:button-group");
+    log7 = createLogger("almadar:ui:button-group");
     lookStyles4 = {
       "right-aligned-buttons": "",
       "floating-bar": "fixed bottom-section left-1/2 -translate-x-1/2 shadow-elevation-toast bg-card p-card-sm rounded-container",
@@ -21042,7 +20332,7 @@ var init_ButtonGroup = __esm({
           {
             variant: "ghost",
             onClick: () => {
-              log9.debug("Filter clicked", { field: filter.field });
+              log7.debug("Filter clicked", { field: filter.field });
             },
             children: filter.label
           },
@@ -25433,7 +24723,7 @@ function CraftingRecipe({
   className
 }) {
   const eventBus = useEventBus();
-  const handleCraft = React97.useCallback(() => {
+  const handleCraft = React93.useCallback(() => {
     onCraft?.();
     if (craftEvent) {
       eventBus.emit(craftEvent, { output: output.label });
@@ -25450,7 +24740,7 @@ function CraftingRecipe({
       children: [
         /* @__PURE__ */ jsx(HStack, { gap: "xs", className: "flex-wrap items-center", children: inputs.map((ingredient, index) => {
           const hasSufficient = ingredient.available >= ingredient.required;
-          return /* @__PURE__ */ jsxs(React97.Fragment, { children: [
+          return /* @__PURE__ */ jsxs(React93.Fragment, { children: [
             /* @__PURE__ */ jsx(Box, { className: "relative", children: /* @__PURE__ */ jsx(
               ItemSlot,
               {
@@ -25513,8 +24803,8 @@ function DPad({
 }) {
   const eventBus = useEventBus();
   const sizes = sizeMap15[size];
-  const [activeDirections, setActiveDirections] = React97.useState(/* @__PURE__ */ new Set());
-  const handlePress = React97.useCallback(
+  const [activeDirections, setActiveDirections] = React93.useState(/* @__PURE__ */ new Set());
+  const handlePress = React93.useCallback(
     (direction) => {
       setActiveDirections((prev) => new Set(prev).add(direction));
       if (directionEvent) eventBus.emit(`UI:${directionEvent}`, { direction, pressed: true });
@@ -25522,7 +24812,7 @@ function DPad({
     },
     [directionEvent, eventBus, onDirection]
   );
-  const handleRelease = React97.useCallback(
+  const handleRelease = React93.useCallback(
     (direction) => {
       setActiveDirections((prev) => {
         const next = new Set(prev);
@@ -26208,14 +25498,14 @@ function useDataDnd(args) {
   const isZone = Boolean(dragGroup || accepts || sortable);
   const enabled = isZone || Boolean(dndRoot);
   const eventBus = useEventBus();
-  const parentRoot = React97__default.useContext(RootCtx);
+  const parentRoot = React93__default.useContext(RootCtx);
   const isRoot = enabled && parentRoot === null;
-  const zoneId = React97__default.useId();
+  const zoneId = React93__default.useId();
   const ownGroup = dragGroup ?? accepts ?? zoneId;
-  const [optimisticOrders, setOptimisticOrders] = React97__default.useState(() => /* @__PURE__ */ new Map());
-  const optimisticOrdersRef = React97__default.useRef(optimisticOrders);
+  const [optimisticOrders, setOptimisticOrders] = React93__default.useState(() => /* @__PURE__ */ new Map());
+  const optimisticOrdersRef = React93__default.useRef(optimisticOrders);
   optimisticOrdersRef.current = optimisticOrders;
-  const clearOptimisticOrder = React97__default.useCallback((group) => {
+  const clearOptimisticOrder = React93__default.useCallback((group) => {
     setOptimisticOrders((prev) => {
       if (!prev.has(group)) return prev;
       const next = new Map(prev);
@@ -26240,7 +25530,7 @@ function useDataDnd(args) {
     const raw = it[dndItemIdField];
     return String(raw ?? `__idx_${idx}`);
   }).join("|");
-  const itemIds = React97__default.useMemo(
+  const itemIds = React93__default.useMemo(
     () => orderedItems.map((it, idx) => {
       const raw = it[dndItemIdField];
       return raw ?? `__idx_${idx}`;
@@ -26248,7 +25538,7 @@ function useDataDnd(args) {
     [itemIdsSignature]
   );
   const itemsContentSig = items.map((it, idx) => String(it[dndItemIdField] ?? `__${idx}`)).join("|");
-  React97__default.useEffect(() => {
+  React93__default.useEffect(() => {
     const root = isRoot ? null : parentRoot;
     if (root) {
       root.clearOptimisticOrder(ownGroup);
@@ -26256,20 +25546,20 @@ function useDataDnd(args) {
       clearOptimisticOrder(ownGroup);
     }
   }, [itemsContentSig, ownGroup]);
-  const zonesRef = React97__default.useRef(/* @__PURE__ */ new Map());
-  const registerZone = React97__default.useCallback((zoneId2, meta2) => {
+  const zonesRef = React93__default.useRef(/* @__PURE__ */ new Map());
+  const registerZone = React93__default.useCallback((zoneId2, meta2) => {
     zonesRef.current.set(zoneId2, meta2);
   }, []);
-  const unregisterZone = React97__default.useCallback((zoneId2) => {
+  const unregisterZone = React93__default.useCallback((zoneId2) => {
     zonesRef.current.delete(zoneId2);
   }, []);
-  const [activeDrag, setActiveDrag] = React97__default.useState(null);
-  const [overZoneGroup, setOverZoneGroup] = React97__default.useState(null);
-  const meta = React97__default.useMemo(
+  const [activeDrag, setActiveDrag] = React93__default.useState(null);
+  const [overZoneGroup, setOverZoneGroup] = React93__default.useState(null);
+  const meta = React93__default.useMemo(
     () => ({ group: ownGroup, dropEvent, reorderEvent, positionEvent, itemIds, rawItems: items, idField: dndItemIdField }),
     [ownGroup, dropEvent, reorderEvent, positionEvent, itemIds, items, dndItemIdField]
   );
-  React97__default.useEffect(() => {
+  React93__default.useEffect(() => {
     const target = isRoot ? null : parentRoot;
     if (!target) {
       zonesRef.current.set(zoneId, meta);
@@ -26288,7 +25578,7 @@ function useDataDnd(args) {
   }, [parentRoot, isRoot, zoneId, meta]);
   const sensors = useAlmadarDndSensors(true);
   const collisionDetection = almadarDndCollisionDetection;
-  const findZoneByItem = React97__default.useCallback(
+  const findZoneByItem = React93__default.useCallback(
     (id) => {
       for (const z of zonesRef.current.values()) {
         if (z.itemIds.includes(id)) return z;
@@ -26297,7 +25587,7 @@ function useDataDnd(args) {
     },
     []
   );
-  React97__default.useCallback(
+  React93__default.useCallback(
     (group) => {
       for (const z of zonesRef.current.values()) {
         if (z.group === group) return z;
@@ -26306,7 +25596,7 @@ function useDataDnd(args) {
     },
     []
   );
-  const handleDragEnd = React97__default.useCallback(
+  const handleDragEnd = React93__default.useCallback(
     (event) => {
       const { active, over } = event;
       const activeIdStr = String(active.id);
@@ -26397,8 +25687,8 @@ function useDataDnd(args) {
     },
     [eventBus]
   );
-  const sortableData = React97__default.useMemo(() => ({ dndGroup: ownGroup }), [ownGroup]);
-  const SortableItem = React97__default.useCallback(
+  const sortableData = React93__default.useMemo(() => ({ dndGroup: ownGroup }), [ownGroup]);
+  const SortableItem = React93__default.useCallback(
     ({ id, children }) => {
       const {
         attributes,
@@ -26438,7 +25728,7 @@ function useDataDnd(args) {
       id: droppableId,
       data: sortableData
     });
-    const ctx = React97__default.useContext(RootCtx);
+    const ctx = React93__default.useContext(RootCtx);
     const activeDrag2 = ctx?.activeDrag ?? null;
     const overZoneGroup2 = ctx?.overZoneGroup ?? null;
     const isThisZoneOver = overZoneGroup2 === ownGroup;
@@ -26453,7 +25743,7 @@ function useDataDnd(args) {
       showForeignPlaceholder,
       ctxAvailable: ctx != null
     });
-    React97__default.useEffect(() => {
+    React93__default.useEffect(() => {
       dndLog.info("dropzone:isOver:change", { droppableId, group: ownGroup, isOver, isThisZoneOver, showForeignPlaceholder, activeDragSourceGroup: activeDrag2?.sourceGroup ?? null });
     }, [droppableId, isOver, isThisZoneOver, showForeignPlaceholder]);
     return /* @__PURE__ */ jsx(
@@ -26467,11 +25757,11 @@ function useDataDnd(args) {
       }
     );
   };
-  const rootContextValue = React97__default.useMemo(
+  const rootContextValue = React93__default.useMemo(
     () => ({ registerZone, unregisterZone, activeDrag, overZoneGroup, optimisticOrders, clearOptimisticOrder }),
     [registerZone, unregisterZone, activeDrag, overZoneGroup, optimisticOrders, clearOptimisticOrder]
   );
-  const handleDragStart = React97__default.useCallback((event) => {
+  const handleDragStart = React93__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;
@@ -26490,7 +25780,7 @@ function useDataDnd(args) {
       isRoot
     });
   }, [findZoneByItem, isRoot, zoneId]);
-  const handleDragOver = React97__default.useCallback((event) => {
+  const handleDragOver = React93__default.useCallback((event) => {
     const { active, over } = event;
     const overData = over?.data?.current;
     const overGroup = overData?.dndGroup ?? null;
@@ -26560,7 +25850,7 @@ function useDataDnd(args) {
       return next;
     });
   }, []);
-  const handleDragCancel = React97__default.useCallback((event) => {
+  const handleDragCancel = React93__default.useCallback((event) => {
     setActiveDrag(null);
     setOverZoneGroup(null);
     dndLog.warn("dragCancel", {
@@ -26568,12 +25858,12 @@ function useDataDnd(args) {
       reason: "dnd-kit cancelled the drag (escape key, pointer interrupted, or external)"
     });
   }, []);
-  const handleDragEndWithCleanup = React97__default.useCallback((event) => {
+  const handleDragEndWithCleanup = React93__default.useCallback((event) => {
     handleDragEnd(event);
     setActiveDrag(null);
     setOverZoneGroup(null);
   }, [handleDragEnd]);
-  const wrapContainer = React97__default.useCallback(
+  const wrapContainer = React93__default.useCallback(
     (children) => {
       if (!enabled) return children;
       const strategy = layout === "grid" ? rectSortingStrategy : verticalListSortingStrategy;
@@ -26627,7 +25917,7 @@ var init_useDataDnd = __esm({
     init_useAlmadarDndCollision();
     init_Box();
     dndLog = createLogger("almadar:ui:dnd");
-    RootCtx = React97__default.createContext(null);
+    RootCtx = React93__default.createContext(null);
   }
 });
 function fieldLabel2(key) {
@@ -27147,7 +26437,7 @@ function DataList({
 }) {
   const eventBus = useEventBus();
   const { t } = useTranslate();
-  const [visibleCount, setVisibleCount] = React97__default.useState(pageSize || Infinity);
+  const [visibleCount, setVisibleCount] = React93__default.useState(pageSize || Infinity);
   const fieldDefs = fields ?? columns ?? [];
   const allDataRaw = Array.isArray(entity) ? entity : entity ? [entity] : [];
   const dnd = useDataDnd({
@@ -27166,7 +26456,7 @@ function DataList({
   const data = pageSize > 0 ? allData.slice(0, visibleCount) : allData;
   const hasMoreLocal = pageSize > 0 && visibleCount < allData.length;
   const hasRenderProp = typeof children === "function";
-  React97__default.useEffect(() => {
+  React93__default.useEffect(() => {
     const renderItemTypeOf = typeof schemaRenderItem;
     const childrenTypeOf = typeof children;
     if (data.length > 0 && !hasRenderProp) {
@@ -27271,7 +26561,7 @@ function DataList({
     const items2 = data.map((item) => item);
     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(React97__default.Fragment, { children: [
+    return /* @__PURE__ */ jsx(VStack, { gap: "sm", className: cn("py-2", className), children: groups2.map((group, gi) => /* @__PURE__ */ jsxs(React93__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}`;
@@ -27419,7 +26709,7 @@ function DataList({
           className
         ),
         children: [
-          groups.map((group, gi) => /* @__PURE__ */ jsxs(React97__default.Fragment, { children: [
+          groups.map((group, gi) => /* @__PURE__ */ jsxs(React93__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)
@@ -28307,9 +27597,9 @@ function debug(...args) {
   const [first, ...rest] = args;
   const message = typeof first === "string" ? first : "<debug>";
   if (rest.length === 0 && typeof first === "string") {
-    log10.debug(message);
+    log8.debug(message);
   } else {
-    log10.debug(message, { args: rest.length > 0 ? formatArgs(rest) : formatArgs([first]) });
+    log8.debug(message, { args: rest.length > 0 ? formatArgs(rest) : formatArgs([first]) });
   }
 }
 function debugGroup(label) {
@@ -28337,11 +27627,11 @@ function toLogMetaValue(v) {
   }
   return String(v);
 }
-var NAMESPACE, log10;
+var NAMESPACE, log8;
 var init_debug = __esm({
   "lib/debug.ts"() {
     NAMESPACE = "almadar:ui:debug";
-    log10 = createLogger(NAMESPACE);
+    log8 = createLogger(NAMESPACE);
     createLogger("almadar:ui:debug:input");
     createLogger("almadar:ui:debug:collision");
     createLogger("almadar:ui:debug:physics");
@@ -28793,7 +28083,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(React97__default.Fragment, { children: [
+            return /* @__PURE__ */ jsxs(React93__default.Fragment, { children: [
               /* @__PURE__ */ jsx(
                 "button",
                 {
@@ -29848,7 +29138,7 @@ function InventoryGrid({
   const eventBus = useEventBus();
   const slotCount = totalSlots ?? items.length;
   const emptySlotCount = Math.max(0, slotCount - items.length);
-  const handleSelect = React97.useCallback(
+  const handleSelect = React93.useCallback(
     (id) => {
       onSelect?.(id);
       if (selectEvent) {
@@ -30065,31 +29355,31 @@ function GameCanvas2D({
   assetBaseUrl = "",
   className
 }) {
-  const canvasRef = React97.useRef(null);
-  const rafRef = React97.useRef(0);
-  const frameRef = React97.useRef(0);
-  const lastTimeRef = React97.useRef(0);
-  const imageCache = React97.useRef(/* @__PURE__ */ new Map());
+  const canvasRef = React93.useRef(null);
+  const rafRef = React93.useRef(0);
+  const frameRef = React93.useRef(0);
+  const lastTimeRef = React93.useRef(0);
+  const imageCache = React93.useRef(/* @__PURE__ */ new Map());
   const emit = useEmitEvent();
-  const onDrawRef = React97.useRef(onDraw);
+  const onDrawRef = React93.useRef(onDraw);
   onDrawRef.current = onDraw;
-  const onTickRef = React97.useRef(onTick);
+  const onTickRef = React93.useRef(onTick);
   onTickRef.current = onTick;
-  const tickEventRef = React97.useRef(tickEvent);
+  const tickEventRef = React93.useRef(tickEvent);
   tickEventRef.current = tickEvent;
-  const drawEventRef = React97.useRef(drawEvent);
+  const drawEventRef = React93.useRef(drawEvent);
   drawEventRef.current = drawEvent;
-  const emitRef = React97.useRef(emit);
+  const emitRef = React93.useRef(emit);
   emitRef.current = emit;
-  const assetBaseUrlRef = React97.useRef(assetBaseUrl);
+  const assetBaseUrlRef = React93.useRef(assetBaseUrl);
   assetBaseUrlRef.current = assetBaseUrl;
-  const backgroundImageRef = React97.useRef(backgroundImage);
+  const backgroundImageRef = React93.useRef(backgroundImage);
   backgroundImageRef.current = backgroundImage;
-  const widthRef = React97.useRef(width);
+  const widthRef = React93.useRef(width);
   widthRef.current = width;
-  const heightRef = React97.useRef(height);
+  const heightRef = React93.useRef(height);
   heightRef.current = height;
-  const loadImage = React97.useCallback((url) => {
+  const loadImage = React93.useCallback((url) => {
     const fullUrl = url.startsWith("http") ? url : `${assetBaseUrlRef.current}${url}`;
     const cached = imageCache.current.get(fullUrl);
     if (cached?.complete && cached.naturalWidth > 0) return cached;
@@ -30101,7 +29391,7 @@ function GameCanvas2D({
     }
     return null;
   }, []);
-  React97.useEffect(() => {
+  React93.useEffect(() => {
     const canvas = canvasRef.current;
     if (!canvas) return;
     const ctx = canvas.getContext("2d");
@@ -30404,7 +29694,7 @@ function TurnPanel({
   className
 }) {
   const eventBus = useEventBus();
-  const handleAction = React97.useCallback(
+  const handleAction = React93.useCallback(
     (event) => {
       if (event) {
         eventBus.emit(event, { turn: currentTurn, phase, activeTeam });
@@ -30550,7 +29840,7 @@ function UnitCommandBar({
   className
 }) {
   const eventBus = useEventBus();
-  const handleCommand = React97.useCallback(
+  const handleCommand = React93.useCallback(
     (event) => {
       if (event) {
         eventBus.emit(event, { unitId: selectedUnitId });
@@ -31035,7 +30325,7 @@ function GameMenu({
   } catch {
   }
   const eventBus = eventBusProp || eventBusFromHook;
-  const handleOptionClick = React97.useCallback(
+  const handleOptionClick = React93.useCallback(
     (option) => {
       if (option.event && eventBus) {
         eventBus.emit(`UI:${option.event}`, { option });
@@ -31149,7 +30439,7 @@ function GameOverScreen({
   } catch {
   }
   const eventBus = eventBusProp || eventBusFromHook;
-  const handleActionClick = React97.useCallback(
+  const handleActionClick = React93.useCallback(
     (action) => {
       if (action.event && eventBus) {
         eventBus.emit(`UI:${action.event}`, { action });
@@ -32626,8 +31916,8 @@ function TableView({
 }) {
   const eventBus = useEventBus();
   const { t } = useTranslate();
-  const [visibleCount, setVisibleCount] = React97__default.useState(pageSize > 0 ? pageSize : Infinity);
-  const [localSelected, setLocalSelected] = React97__default.useState(/* @__PURE__ */ new Set());
+  const [visibleCount, setVisibleCount] = React93__default.useState(pageSize > 0 ? pageSize : Infinity);
+  const [localSelected, setLocalSelected] = React93__default.useState(/* @__PURE__ */ new Set());
   const colDefs = columns ?? fields ?? [];
   const allDataRaw = Array.isArray(entity) ? entity : entity ? [entity] : [];
   const dnd = useDataDnd({
@@ -32822,12 +32112,12 @@ function TableView({
         ]
       }
     );
-    return dnd.isZone ? /* @__PURE__ */ jsx(dnd.SortableItem, { id: row[idField] ?? id, children: rowInner }, id) : /* @__PURE__ */ jsx(React97__default.Fragment, { children: rowInner }, id);
+    return dnd.isZone ? /* @__PURE__ */ jsx(dnd.SortableItem, { id: row[idField] ?? id, children: rowInner }, id) : /* @__PURE__ */ jsx(React93__default.Fragment, { children: rowInner }, id);
   };
   const items = data.map((row) => row);
   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(React97__default.Fragment, { children: [
+  const body = /* @__PURE__ */ jsx(Box, { role: "rowgroup", children: groups.map((group, gi) => /* @__PURE__ */ jsxs(React93__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)) });
@@ -34179,7 +33469,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(React97__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(React93__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" })
@@ -34190,7 +33480,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(React97__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(React93__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 }),
@@ -35166,7 +34456,7 @@ var init_LikertScale = __esm({
       md: "text-base",
       lg: "text-lg"
     };
-    LikertScale = React97__default.forwardRef(
+    LikertScale = React93__default.forwardRef(
       ({
         question,
         options = DEFAULT_LIKERT_OPTIONS,
@@ -35178,7 +34468,7 @@ var init_LikertScale = __esm({
         variant = "radios",
         className
       }, ref) => {
-        const groupId = React97__default.useId();
+        const groupId = React93__default.useId();
         const eventBus = useEventBus();
         const handleSelect = useCallback(
           (next) => {
@@ -37483,7 +36773,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(React97__default.Fragment, { children: [
+            return /* @__PURE__ */ jsxs(React93__default.Fragment, { children: [
               idx > 0 && /* @__PURE__ */ jsx(
                 Icon,
                 {
@@ -38242,7 +37532,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(React97__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(React93__default.Fragment, { children: [
           idx > 0 && /* @__PURE__ */ jsx(Typography, { variant: "small", color: "muted", children: "/" }),
           crumb.href ? /* @__PURE__ */ jsx(
             "a",
@@ -38979,7 +38269,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(React97__default.Fragment, { children: [
+              return /* @__PURE__ */ jsxs(React93__default.Fragment, { children: [
                 /* @__PURE__ */ jsx(
                   Button,
                   {
@@ -41264,7 +40554,7 @@ var init_DetailPanel = __esm({
   }
 });
 function extractTitle(children) {
-  if (!React97__default.isValidElement(children)) return void 0;
+  if (!React93__default.isValidElement(children)) return void 0;
   const props = children.props;
   if (typeof props.title === "string") {
     return props.title;
@@ -41319,7 +40609,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(React97__default.Fragment, { children: [
+      return /* @__PURE__ */ jsxs(React93__default.Fragment, { children: [
         i > 0 && /* @__PURE__ */ jsx(
           Typography,
           {
@@ -42277,12 +41567,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 = React97__default.useMemo(() => {
+      const normalizedInitialData = React93__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 = React97__default.useMemo(() => {
+      const entityDerivedFields = React93__default.useMemo(() => {
         if (fields && fields.length > 0) return void 0;
         if (!resolvedEntity) return void 0;
         return resolvedEntity.fields.map(
@@ -42302,16 +41592,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] = React97__default.useState(
+      const [formData, setFormData] = React93__default.useState(
         normalizedInitialData
       );
-      const [collapsedSections, setCollapsedSections] = React97__default.useState(
+      const [collapsedSections, setCollapsedSections] = React93__default.useState(
         /* @__PURE__ */ new Set()
       );
-      const [submitError, setSubmitError] = React97__default.useState(null);
-      const formRef = React97__default.useRef(null);
+      const [submitError, setSubmitError] = React93__default.useState(null);
+      const formRef = React93__default.useRef(null);
       const formMode = props.mode;
-      const mountedRef = React97__default.useRef(false);
+      const mountedRef = React93__default.useRef(false);
       if (!mountedRef.current) {
         mountedRef.current = true;
         debug("forms", "mount", {
@@ -42324,7 +41614,7 @@ var init_Form = __esm({
         });
       }
       const shouldShowCancel = showCancel ?? (fields && fields.length > 0);
-      const evalContext = React97__default.useMemo(
+      const evalContext = React93__default.useMemo(
         () => ({
           formValues: formData,
           globalVariables: externalContext?.globalVariables ?? {},
@@ -42333,7 +41623,7 @@ var init_Form = __esm({
         }),
         [formData, externalContext]
       );
-      React97__default.useEffect(() => {
+      React93__default.useEffect(() => {
         debug("forms", "initialData-sync", {
           mode: formMode,
           normalizedInitialData,
@@ -42344,7 +41634,7 @@ var init_Form = __esm({
           setFormData(normalizedInitialData);
         }
       }, [normalizedInitialData]);
-      const processCalculations = React97__default.useCallback(
+      const processCalculations = React93__default.useCallback(
         (changedFieldId, newFormData) => {
           if (!hiddenCalculations.length) return;
           const context = {
@@ -42369,7 +41659,7 @@ var init_Form = __esm({
         },
         [hiddenCalculations, externalContext, eventBus]
       );
-      const checkViolations = React97__default.useCallback(
+      const checkViolations = React93__default.useCallback(
         (changedFieldId, newFormData) => {
           if (!violationTriggers.length) return;
           const context = {
@@ -42407,7 +41697,7 @@ var init_Form = __esm({
         processCalculations(name, newFormData);
         checkViolations(name, newFormData);
       };
-      const isFieldVisible = React97__default.useCallback(
+      const isFieldVisible = React93__default.useCallback(
         (fieldName) => {
           const condition = conditionalFields[fieldName];
           if (!condition) return true;
@@ -42415,7 +41705,7 @@ var init_Form = __esm({
         },
         [conditionalFields, evalContext]
       );
-      const isSectionVisible = React97__default.useCallback(
+      const isSectionVisible = React93__default.useCallback(
         (section) => {
           if (!section.condition) return true;
           return Boolean(evaluateFormExpression(section.condition, evalContext));
@@ -42491,7 +41781,7 @@ var init_Form = __esm({
           eventBus.emit(`UI:${onCancel}`);
         }
       };
-      const renderField = React97__default.useCallback(
+      const renderField = React93__default.useCallback(
         (field) => {
           const fieldName = field.name || field.field;
           if (!fieldName) return null;
@@ -42512,7 +41802,7 @@ var init_Form = __esm({
         [formData, isFieldVisible, relationsData, relationsLoading, isLoading]
       );
       const effectiveFields = entityDerivedFields ?? fields;
-      const normalizedFields = React97__default.useMemo(() => {
+      const normalizedFields = React93__default.useMemo(() => {
         if (!effectiveFields || effectiveFields.length === 0) return [];
         return effectiveFields.map((field) => {
           if (typeof field === "string") {
@@ -42535,7 +41825,7 @@ var init_Form = __esm({
           return field;
         });
       }, [effectiveFields, resolvedEntity]);
-      const schemaFields = React97__default.useMemo(() => {
+      const schemaFields = React93__default.useMemo(() => {
         if (normalizedFields.length === 0) return null;
         if (isDebugEnabled()) {
           debugGroup(`Form: ${entityName || "unknown"}`);
@@ -42545,7 +41835,7 @@ var init_Form = __esm({
         }
         return normalizedFields.map(renderField).filter(Boolean);
       }, [normalizedFields, renderField, entityName, conditionalFields]);
-      const sectionElements = React97__default.useMemo(() => {
+      const sectionElements = React93__default.useMemo(() => {
         if (!sections || sections.length === 0) return null;
         return sections.map((section) => {
           if (!isSectionVisible(section)) {
@@ -43820,7 +43110,7 @@ var init_List = __esm({
         if (entity && typeof entity === "object" && "id" in entity) return [entity];
         return [];
       }, [entity]);
-      const getItemActions = React97__default.useCallback(
+      const getItemActions = React93__default.useCallback(
         (item) => {
           if (!itemActions) return [];
           if (typeof itemActions === "function") {
@@ -44296,7 +43586,7 @@ var init_MediaGallery = __esm({
         [selectable, selectedItems, selectionEvent, eventBus]
       );
       const entityData = Array.isArray(entity) ? entity : [];
-      const items = React97__default.useMemo(() => {
+      const items = React93__default.useMemo(() => {
         if (propItems) return propItems;
         if (entityData.length === 0) return [];
         return entityData.map((record, idx) => ({
@@ -44457,7 +43747,7 @@ var init_MediaGallery = __esm({
   }
 });
 function extractTitle2(children) {
-  if (!React97__default.isValidElement(children)) return void 0;
+  if (!React93__default.isValidElement(children)) return void 0;
   const props = children.props;
   if (typeof props.title === "string") {
     return props.title;
@@ -44888,7 +44178,7 @@ var init_debugRegistry = __esm({
   }
 });
 function useDebugData() {
-  const [data, setData] = React97.useState(() => ({
+  const [data, setData] = React93.useState(() => ({
     traits: [],
     ticks: [],
     guards: [],
@@ -44902,7 +44192,7 @@ function useDebugData() {
     },
     lastUpdate: Date.now()
   }));
-  React97.useEffect(() => {
+  React93.useEffect(() => {
     const updateData = () => {
       setData({
         traits: getAllTraits(),
@@ -45011,12 +44301,12 @@ function layoutGraph(states, transitions, initialState, width, height) {
   return positions;
 }
 function WalkMinimap() {
-  const [walkStep, setWalkStep] = React97.useState(null);
-  const [traits2, setTraits] = React97.useState([]);
-  const [coveredEdges, setCoveredEdges] = React97.useState([]);
-  const [completedTraits, setCompletedTraits] = React97.useState(/* @__PURE__ */ new Set());
-  const prevTraitRef = React97.useRef(null);
-  React97.useEffect(() => {
+  const [walkStep, setWalkStep] = React93.useState(null);
+  const [traits2, setTraits] = React93.useState([]);
+  const [coveredEdges, setCoveredEdges] = React93.useState([]);
+  const [completedTraits, setCompletedTraits] = React93.useState(/* @__PURE__ */ new Set());
+  const prevTraitRef = React93.useRef(null);
+  React93.useEffect(() => {
     const interval = setInterval(() => {
       const w = window;
       const step = w.__orbitalWalkStep;
@@ -45452,15 +44742,15 @@ var init_EntitiesTab = __esm({
 });
 function EventFlowTab({ events: events2 }) {
   const { t } = useTranslate();
-  const [filter, setFilter] = React97.useState("all");
-  const containerRef = React97.useRef(null);
-  const [autoScroll, setAutoScroll] = React97.useState(true);
-  React97.useEffect(() => {
+  const [filter, setFilter] = React93.useState("all");
+  const containerRef = React93.useRef(null);
+  const [autoScroll, setAutoScroll] = React93.useState(true);
+  React93.useEffect(() => {
     if (autoScroll && containerRef.current) {
       containerRef.current.scrollTop = containerRef.current.scrollHeight;
     }
   }, [events2.length, autoScroll]);
-  const filteredEvents = React97.useMemo(() => {
+  const filteredEvents = React93.useMemo(() => {
     if (filter === "all") return events2;
     return events2.filter((e) => e.type === filter);
   }, [events2, filter]);
@@ -45576,7 +44866,7 @@ var init_EventFlowTab = __esm({
 });
 function GuardsPanel({ guards }) {
   const { t } = useTranslate();
-  const [filter, setFilter] = React97.useState("all");
+  const [filter, setFilter] = React93.useState("all");
   if (guards.length === 0) {
     return /* @__PURE__ */ jsx(
       EmptyState,
@@ -45589,7 +44879,7 @@ function GuardsPanel({ guards }) {
   }
   const passedCount = guards.filter((g) => g.result).length;
   const failedCount = guards.length - passedCount;
-  const filteredGuards = React97.useMemo(() => {
+  const filteredGuards = React93.useMemo(() => {
     if (filter === "all") return guards;
     if (filter === "passed") return guards.filter((g) => g.result);
     return guards.filter((g) => !g.result);
@@ -45752,10 +45042,10 @@ function EffectBadge({ effect }) {
 }
 function TransitionTimeline({ transitions }) {
   const { t } = useTranslate();
-  const containerRef = React97.useRef(null);
-  const [autoScroll, setAutoScroll] = React97.useState(true);
-  const [expandedId, setExpandedId] = React97.useState(null);
-  React97.useEffect(() => {
+  const containerRef = React93.useRef(null);
+  const [autoScroll, setAutoScroll] = React93.useState(true);
+  const [expandedId, setExpandedId] = React93.useState(null);
+  React93.useEffect(() => {
     if (autoScroll && containerRef.current) {
       containerRef.current.scrollTop = containerRef.current.scrollHeight;
     }
@@ -46035,9 +45325,9 @@ function getAllEvents(traits2) {
 function EventDispatcherTab({ traits: traits2, schema }) {
   const eventBus = useEventBus();
   const { t } = useTranslate();
-  const [log16, setLog] = React97.useState([]);
-  const prevStatesRef = React97.useRef(/* @__PURE__ */ new Map());
-  React97.useEffect(() => {
+  const [log13, setLog] = React93.useState([]);
+  const prevStatesRef = React93.useRef(/* @__PURE__ */ new Map());
+  React93.useEffect(() => {
     for (const trait of traits2) {
       const prev = prevStatesRef.current.get(trait.id);
       if (prev && prev !== trait.currentState) {
@@ -46099,9 +45389,9 @@ function EventDispatcherTab({ traits: traits2, schema }) {
       /* @__PURE__ */ jsx(Typography, { variant: "small", weight: "medium", className: "text-gray-500 mb-1", children: t("debug.otherEvents") }),
       /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: unavailableEvents.map((event) => /* @__PURE__ */ jsx(Badge, { variant: "default", size: "sm", className: "opacity-50", children: event }, event)) })
     ] }),
-    log16.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
+    log13.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsx(Typography, { variant: "small", weight: "medium", className: "text-gray-500 mb-1", children: t("debug.recentTransitions") }),
-      /* @__PURE__ */ jsx(Stack, { gap: "xs", children: log16.map((entry, i) => /* @__PURE__ */ jsxs(Typography, { variant: "small", className: "font-mono text-xs", children: [
+      /* @__PURE__ */ jsx(Stack, { gap: "xs", children: log13.map((entry, i) => /* @__PURE__ */ jsxs(Typography, { variant: "small", className: "font-mono text-xs", children: [
         /* @__PURE__ */ jsx("span", { className: "text-purple-400", children: entry.traitName }),
         " ",
         /* @__PURE__ */ jsx("span", { className: "text-gray-500", children: entry.from }),
@@ -46206,10 +45496,10 @@ function VerifyModePanel({
   localCount
 }) {
   const { t } = useTranslate();
-  const [expanded, setExpanded] = React97.useState(true);
-  const scrollRef = React97.useRef(null);
-  const prevCountRef = React97.useRef(0);
-  React97.useEffect(() => {
+  const [expanded, setExpanded] = React93.useState(true);
+  const scrollRef = React93.useRef(null);
+  const prevCountRef = React93.useRef(0);
+  React93.useEffect(() => {
     if (expanded && transitions.length > prevCountRef.current && scrollRef.current) {
       scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
     }
@@ -46266,10 +45556,10 @@ function RuntimeDebugger({
   schema
 }) {
   const { t } = useTranslate();
-  const [isCollapsed, setIsCollapsed] = React97.useState(mode === "verify" ? true : defaultCollapsed);
-  const [isVisible, setIsVisible] = React97.useState(mode === "inline" || mode === "verify" || isDebugEnabled2());
+  const [isCollapsed, setIsCollapsed] = React93.useState(mode === "verify" ? true : defaultCollapsed);
+  const [isVisible, setIsVisible] = React93.useState(mode === "inline" || mode === "verify" || isDebugEnabled2());
   const debugData = useDebugData();
-  React97.useEffect(() => {
+  React93.useEffect(() => {
     if (mode === "inline") return;
     return onDebugToggle((enabled) => {
       setIsVisible(enabled);
@@ -46278,7 +45568,7 @@ function RuntimeDebugger({
       }
     });
   }, [mode]);
-  React97.useEffect(() => {
+  React93.useEffect(() => {
     if (mode === "inline") return;
     const handleKeyDown = (e) => {
       if (e.key === "`" && isVisible) {
@@ -46727,7 +46017,7 @@ function SequenceBar({
     onSlotRemove(index);
   }, [onSlotRemove, playing]);
   const paddedSlots = Array.from({ length: maxSlots }, (_, i) => slots[i]);
-  return /* @__PURE__ */ jsx(HStack, { className: cn("items-center", className), gap: "sm", children: paddedSlots.map((slot, i) => /* @__PURE__ */ jsxs(React97__default.Fragment, { children: [
+  return /* @__PURE__ */ jsx(HStack, { className: cn("items-center", className), gap: "sm", children: paddedSlots.map((slot, i) => /* @__PURE__ */ jsxs(React93__default.Fragment, { children: [
     i > 0 && /* @__PURE__ */ jsx(
       Typography,
       {
@@ -47706,7 +46996,7 @@ var init_StatCard = __esm({
       const labelToUse = propLabel ?? propTitle;
       const eventBus = useEventBus();
       const { t } = useTranslate();
-      const handleActionClick = React97__default.useCallback(() => {
+      const handleActionClick = React93__default.useCallback(() => {
         if (action?.event) {
           eventBus.emit(`UI:${action.event}`, {});
         }
@@ -47717,7 +47007,7 @@ var init_StatCard = __esm({
       const data = Array.isArray(entity) ? entity : entity ? [entity] : [];
       const isLoading = externalLoading ?? false;
       const error = externalError;
-      const computeMetricValue = React97__default.useCallback(
+      const computeMetricValue = React93__default.useCallback(
         (metric, items) => {
           if (metric.value !== void 0) {
             return metric.value;
@@ -47756,7 +47046,7 @@ var init_StatCard = __esm({
         },
         []
       );
-      const schemaStats = React97__default.useMemo(() => {
+      const schemaStats = React93__default.useMemo(() => {
         if (!metrics || metrics.length === 0) return null;
         return metrics.map((metric) => ({
           label: metric.label,
@@ -47764,7 +47054,7 @@ var init_StatCard = __esm({
           format: metric.format
         }));
       }, [metrics, data, computeMetricValue]);
-      const calculatedTrend = React97__default.useMemo(() => {
+      const calculatedTrend = React93__default.useMemo(() => {
         if (manualTrend !== void 0) return manualTrend;
         if (previousValue === void 0 || currentValue === void 0)
           return void 0;
@@ -48698,7 +47988,7 @@ var init_Timeline = __esm({
     }) => {
       const { t } = useTranslate();
       const entityData = Array.isArray(entity) ? entity : [];
-      const items = React97__default.useMemo(() => {
+      const items = React93__default.useMemo(() => {
         if (propItems) return propItems;
         if (entityData.length === 0) return [];
         return entityData.map((record, idx) => {
@@ -48805,7 +48095,7 @@ var init_Timeline = __esm({
   }
 });
 function extractToastProps(children) {
-  if (!React97__default.isValidElement(children)) {
+  if (!React93__default.isValidElement(children)) {
     if (typeof children === "string") {
       return { message: children };
     }
@@ -48843,7 +48133,7 @@ var init_ToastSlot = __esm({
         eventBus.emit("UI:CLOSE");
       };
       if (!isVisible) return null;
-      const isCustomContent = React97__default.isValidElement(children) && !message;
+      const isCustomContent = React93__default.isValidElement(children) && !message;
       return /* @__PURE__ */ jsx(Box, { className: "fixed bottom-4 right-4 z-50", children: isCustomContent ? children : /* @__PURE__ */ jsx(
         Toast,
         {
@@ -49353,12 +48643,12 @@ var init_WorldMapTemplate = __esm({
   }
 });
 function lazyThree(name, loader) {
-  const Lazy = React97__default.lazy(() => loader().then((m) => ({ default: m[name] })));
+  const Lazy = React93__default.lazy(() => loader().then((m) => ({ default: m[name] })));
   function ThreeWrapper(props) {
-    return React97__default.createElement(
-      React97__default.Suspense,
+    return React93__default.createElement(
+      React93__default.Suspense,
       { fallback: null },
-      React97__default.createElement(Lazy, props)
+      React93__default.createElement(Lazy, props)
     );
   }
   ThreeWrapper.displayName = `Lazy(${name})`;
@@ -49974,7 +49264,7 @@ function SuspenseConfigProvider({
   config,
   children
 }) {
-  return React97__default.createElement(
+  return React93__default.createElement(
     SuspenseConfigContext.Provider,
     { value: config },
     children
@@ -50459,7 +49749,7 @@ function renderPatternChildren(children, onDismiss, parentId = "root", parentPat
         const key = `${parentId}-${index}-trait:${traitName}`;
         return /* @__PURE__ */ jsx(TraitFrame, { traitName }, key);
       }
-      return /* @__PURE__ */ jsx(React97__default.Fragment, { children: child }, `${parentId}-${index}`);
+      return /* @__PURE__ */ jsx(React93__default.Fragment, { children: child }, `${parentId}-${index}`);
     }
     if (!child || typeof child !== "object") return null;
     const childId = `${parentId}-${index}`;
@@ -50499,14 +49789,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 (React97__default.isValidElement(value)) return false;
+  if (React93__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";
 }
 function isPlainConfigObject(value) {
-  if (React97__default.isValidElement(value)) return false;
+  if (React93__default.isValidElement(value)) return false;
   if (value instanceof Date) return false;
   const proto = Object.getPrototypeOf(value);
   return proto === Object.prototype || proto === null;
@@ -50764,8 +50054,6 @@ var init_UISlotRenderer = __esm({
   "components/core/organisms/UISlotRenderer.tsx"() {
     "use client";
     init_EntitySchemaContext();
-    init_TraitScopeProvider();
-    init_UISlotContext();
     init_Modal();
     init_Drawer();
     init_Toast();
@@ -50996,7 +50284,7 @@ var AvlTransition = ({
   opacity = 1,
   className
 }) => {
-  const ids = React97__default.useMemo(() => {
+  const ids = React93__default.useMemo(() => {
     avlTransitionId += 1;
     return { arrow: `avl-tr-${avlTransitionId}-arrow` };
   }, []);
@@ -51557,7 +50845,7 @@ var AvlStateMachine = ({
   color = "var(--color-primary)",
   animated = false
 }) => {
-  const ids = React97__default.useMemo(() => {
+  const ids = React93__default.useMemo(() => {
     avlSmId += 1;
     const base = `avl-sm-${avlSmId}`;
     return { glow: `${base}-glow`, grad: `${base}-grad` };
@@ -51756,7 +51044,7 @@ var AvlOrbitalUnit = ({
   color = "var(--color-primary)",
   animated = false
 }) => {
-  const ids = React97__default.useMemo(() => {
+  const ids = React93__default.useMemo(() => {
     avlOuId += 1;
     const base = `avl-ou-${avlOuId}`;
     return { glow: `${base}-glow`, grad: `${base}-grad` };
@@ -51852,7 +51140,7 @@ var AvlClosedCircuit = ({
   color = "var(--color-primary)",
   animated = false
 }) => {
-  const ids = React97__default.useMemo(() => {
+  const ids = React93__default.useMemo(() => {
     avlCcId += 1;
     const base = `avl-cc-${avlCcId}`;
     return { glow: `${base}-glow`, grad: `${base}-grad`, arrow: `${base}-arrow` };
@@ -52007,7 +51295,7 @@ var AvlEmitListen = ({
   color = "var(--color-primary)",
   animated = false
 }) => {
-  const ids = React97__default.useMemo(() => {
+  const ids = React93__default.useMemo(() => {
     avlElId += 1;
     const base = `avl-el-${avlElId}`;
     return { arrow: `${base}-arrow`, grad: `${base}-grad` };
@@ -52281,7 +51569,7 @@ function renderNode(node, color, glowId) {
   const baseR = node.type === "operator" ? 20 : 16;
   const r2 = Math.max(baseR, labelLen * 3.5 + 6);
   const nc = nodeColor(node.type, color);
-  return /* @__PURE__ */ jsxs(React97__default.Fragment, { children: [
+  return /* @__PURE__ */ jsxs(React93__default.Fragment, { children: [
     node.children.map((child, i) => {
       const childR = Math.max(
         child.type === "operator" ? 20 : 16,
@@ -52338,7 +51626,7 @@ var AvlExprTree = ({
   className,
   color = "var(--color-primary)"
 }) => {
-  const ids = React97__default.useMemo(() => {
+  const ids = React93__default.useMemo(() => {
     avlEtId += 1;
     return { glow: `avl-et-${avlEtId}-glow` };
   }, []);
@@ -53162,7 +52450,7 @@ var SystemNode = ({ data }) => {
           stateChain.length > 0 && /* @__PURE__ */ jsx("svg", { width: stateChain.length * 14 + 2, height: 10, viewBox: `0 0 ${stateChain.length * 14 + 2} 10`, children: stateChain.map((s, i) => {
             const tc = transitionCounts[s.name] ?? 0;
             const role = getStateRole(s.name, s.isInitial, s.isTerminal, tc, maxTC);
-            return /* @__PURE__ */ jsxs(React97__default.Fragment, { children: [
+            return /* @__PURE__ */ jsxs(React93__default.Fragment, { children: [
               /* @__PURE__ */ jsx(AvlState, { x: i * 14 + 1, y: 1, width: 10, height: 8, name: "", role, isInitial: s.isInitial, isTerminal: s.isTerminal }),
               i < stateChain.length - 1 && /* @__PURE__ */ jsx("line", { x1: i * 14 + 12, y1: 5, x2: i * 14 + 15, y2: 5, stroke: "var(--color-border)", strokeWidth: 0.5 })
             ] }, s.name);
@@ -54101,323 +53389,6 @@ init_Typography();
 // runtime/OrbPreview.tsx
 init_Box();
 init_Typography();
-
-// providers/OrbitalProvider.tsx
-init_ThemeContext();
-init_EventBusProvider();
-
-// providers/SelectionProvider.tsx
-init_useEventBus();
-var log4 = createLogger("almadar:ui:selection");
-var SelectionContext = createContext(null);
-var defaultCompareEntities = (a, b) => {
-  if (a === b) return true;
-  if (!a || !b) return false;
-  if (typeof a === "object" && typeof b === "object") {
-    const aId = a.id;
-    const bId = b.id;
-    return aId !== void 0 && aId === bId;
-  }
-  return false;
-};
-function SelectionProvider({
-  children,
-  debug: debug2 = false,
-  compareEntities = defaultCompareEntities
-}) {
-  const eventBus = useEventBus();
-  const [selected, setSelectedState] = useState(null);
-  const setSelected = useCallback(
-    (entity) => {
-      setSelectedState(entity);
-      if (debug2) {
-        log4.debug("Selection set", () => ({
-          hasEntity: entity !== null && entity !== void 0,
-          entityId: entity && typeof entity === "object" ? String(entity.id ?? "") : ""
-        }));
-      }
-    },
-    [debug2]
-  );
-  const clearSelection = useCallback(() => {
-    setSelectedState(null);
-    if (debug2) {
-      log4.debug("Selection cleared");
-    }
-  }, [debug2]);
-  const isSelected = useCallback(
-    (entity) => {
-      return compareEntities(selected, entity);
-    },
-    [selected, compareEntities]
-  );
-  useEffect(() => {
-    const handleSelect = (event) => {
-      const row = event.payload?.row;
-      if (row) {
-        setSelected(row);
-        if (debug2) {
-          log4.debug("event received", () => ({
-            type: event.type,
-            rowId: row && typeof row === "object" ? String(row.id ?? "") : ""
-          }));
-        }
-      }
-    };
-    const handleDeselect = (event) => {
-      clearSelection();
-      if (debug2) {
-        log4.debug("event received - clearing selection", { type: event.type });
-      }
-    };
-    const unsubView = eventBus.on("UI:VIEW", handleSelect);
-    const unsubSelect = eventBus.on("UI:SELECT", handleSelect);
-    const unsubClose = eventBus.on("UI:CLOSE", handleDeselect);
-    const unsubDeselect = eventBus.on("UI:DESELECT", handleDeselect);
-    const unsubCancel = eventBus.on("UI:CANCEL", handleDeselect);
-    return () => {
-      unsubView();
-      unsubSelect();
-      unsubClose();
-      unsubDeselect();
-      unsubCancel();
-    };
-  }, [eventBus, setSelected, clearSelection, debug2]);
-  const contextValue = {
-    selected,
-    setSelected,
-    clearSelection,
-    isSelected
-  };
-  return /* @__PURE__ */ jsx(SelectionContext.Provider, { value: contextValue, children });
-}
-
-// providers/OrbitalProvider.tsx
-init_UISlotRenderer();
-
-// providers/VerificationProvider.tsx
-init_useEventBus();
-init_verificationRegistry();
-var log11 = createLogger("almadar:verify");
-var DISPATCH_SUFFIX = ":DISPATCH";
-var SUCCESS_SUFFIX = ":SUCCESS";
-var ERROR_SUFFIX = ":ERROR";
-function parseLifecycleEvent(type) {
-  if (type.endsWith(DISPATCH_SUFFIX)) {
-    const traitName = type.slice(0, -DISPATCH_SUFFIX.length);
-    if (traitName) return { kind: "dispatch", traitName };
-  } else if (type.endsWith(SUCCESS_SUFFIX)) {
-    const rest = type.slice(0, -SUCCESS_SUFFIX.length);
-    const colonIdx = rest.indexOf(":");
-    if (colonIdx > 0) {
-      return {
-        kind: "success",
-        traitName: rest.slice(0, colonIdx),
-        event: rest.slice(colonIdx + 1)
-      };
-    }
-  } else if (type.endsWith(ERROR_SUFFIX)) {
-    const rest = type.slice(0, -ERROR_SUFFIX.length);
-    const colonIdx = rest.indexOf(":");
-    if (colonIdx > 0) {
-      return {
-        kind: "error",
-        traitName: rest.slice(0, colonIdx),
-        event: rest.slice(colonIdx + 1)
-      };
-    }
-  }
-  return null;
-}
-function VerificationProvider({
-  children,
-  enabled,
-  runtimeManager,
-  traitStateGetter
-}) {
-  const verifyFlag = typeof window !== "undefined" && window.__ALMADAR_VERIFY__ === true;
-  const isEnabled2 = enabled ?? (verifyFlag || typeof process !== "undefined" && process.env?.NODE_ENV !== "production");
-  const eventBus = useEventBus();
-  const pendingRef = useRef(/* @__PURE__ */ new Map());
-  useEffect(() => {
-    if (!isEnabled2) return;
-    if (!eventBus.onAny) return;
-    const verificationProviderLifecycleListener = (evt) => {
-      const parsed = parseLifecycleEvent(evt.type);
-      if (!parsed) return;
-      log11.debug("lifecycle:event", { kind: parsed.kind, traitName: parsed.traitName, event: parsed.event, type: evt.type });
-      const payload = evt.payload ?? {};
-      if (parsed.kind === "dispatch") {
-        const key = `${parsed.traitName}:${String(payload["event"] ?? "")}`;
-        pendingRef.current.set(key, {
-          traitName: parsed.traitName,
-          event: String(payload["event"] ?? ""),
-          from: payload["currentState"],
-          timestamp: evt.timestamp
-        });
-      } else if (parsed.kind === "success" && parsed.event) {
-        const key = `${parsed.traitName}:${parsed.event}`;
-        const pending = pendingRef.current.get(key);
-        pendingRef.current.delete(key);
-        const newState = payload["newState"] ?? payload["state"] ?? "unknown";
-        const clientEffectsArr = Array.isArray(payload["clientEffects"]) ? payload["clientEffects"] : [];
-        const effects = clientEffectsArr.map((e) => ({
-          type: String(e["type"] ?? "unknown"),
-          args: Array.isArray(e["args"]) ? e["args"] : [],
-          status: "executed"
-        }));
-        const effectResults = Array.isArray(payload["effectResults"]) ? payload["effectResults"] : [];
-        for (const er of effectResults) {
-          effects.push({
-            type: String(er["type"] ?? er["effect"] ?? "server-effect"),
-            args: [er["entity"] ?? er["service"] ?? ""].filter(Boolean),
-            status: er["error"] ? "failed" : "executed",
-            error: er["error"]
-          });
-        }
-        const dataEntities = {};
-        const responseData = payload["data"];
-        if (responseData && typeof responseData === "object") {
-          for (const [entityName, records] of Object.entries(responseData)) {
-            dataEntities[entityName] = Array.isArray(records) ? records.length : 0;
-          }
-        }
-        const emittedEventsRaw = Array.isArray(payload["emittedEvents"]) ? payload["emittedEvents"] : [];
-        const emittedEvents = emittedEventsRaw.map((e) => typeof e.event === "string" ? e.event : null).filter((e) => e !== null);
-        recordTransition({
-          traitName: parsed.traitName,
-          from: pending?.from ?? payload["currentState"] ?? newState,
-          to: newState,
-          event: parsed.event,
-          effects,
-          serverResponse: {
-            orbitalName: parsed.traitName,
-            success: true,
-            clientEffects: clientEffectsArr.length,
-            dataEntities,
-            emittedEvents,
-            timestamp: Date.now()
-          },
-          timestamp: Date.now()
-        });
-        log11.debug("transition:success", { trait: parsed.traitName, event: parsed.event, from: pending?.from, to: newState, effectCount: effects.length });
-      } else if (parsed.kind === "error" && parsed.event) {
-        const key = `${parsed.traitName}:${parsed.event}`;
-        const pending = pendingRef.current.get(key);
-        pendingRef.current.delete(key);
-        const errorMsg = payload["error"] ?? "Unknown error";
-        const fromState = pending?.from ?? payload["currentState"] ?? "unknown";
-        recordTransition({
-          traitName: parsed.traitName,
-          from: fromState,
-          to: fromState,
-          // state didn't change on error
-          event: parsed.event,
-          effects: [{
-            type: "server-call",
-            args: [],
-            status: "failed",
-            error: errorMsg
-          }],
-          serverResponse: {
-            orbitalName: parsed.traitName,
-            success: false,
-            clientEffects: 0,
-            dataEntities: {},
-            emittedEvents: [],
-            error: errorMsg,
-            timestamp: Date.now()
-          },
-          timestamp: Date.now()
-        });
-        log11.warn("transition:error", { trait: parsed.traitName, event: parsed.event, from: fromState, error: errorMsg });
-      }
-    };
-    Object.defineProperty(verificationProviderLifecycleListener, "name", {
-      value: "VerificationProvider:lifecycle"
-    });
-    const unsub = eventBus.onAny(verificationProviderLifecycleListener);
-    registerCheck(
-      "verification-provider",
-      "VerificationProvider active (compiled path)",
-      "pass"
-    );
-    return unsub;
-  }, [isEnabled2, eventBus]);
-  useEffect(() => {
-    if (!isEnabled2) return;
-    if (!runtimeManager) return;
-    runtimeManager.setObserver({
-      onTransition(trace) {
-        recordTransition({
-          traitName: trace.traitName,
-          from: trace.from,
-          to: trace.to,
-          event: trace.event,
-          guardResult: trace.guardResult,
-          effects: trace.effects,
-          timestamp: Date.now()
-        });
-      }
-    });
-    registerCheck(
-      "verification-provider",
-      "VerificationProvider active (runtime path)",
-      "pass"
-    );
-  }, [isEnabled2, runtimeManager]);
-  useEffect(() => {
-    if (!isEnabled2) return;
-    bindEventBus(eventBus);
-  }, [isEnabled2, eventBus]);
-  useEffect(() => {
-    if (!isEnabled2) return;
-    if (traitStateGetter) {
-      bindTraitStateGetter(traitStateGetter);
-    } else if (runtimeManager?.getState) {
-      const mgr = runtimeManager;
-      bindTraitStateGetter((traitName) => mgr.getState(traitName));
-    }
-  }, [isEnabled2, traitStateGetter, runtimeManager]);
-  return /* @__PURE__ */ jsx(Fragment, { children });
-}
-VerificationProvider.displayName = "VerificationProvider";
-function OrbitalProvider({
-  children,
-  themes,
-  defaultTheme = "wireframe",
-  defaultMode = "system",
-  targetRef,
-  skipTheme = false,
-  debug: debug2 = false,
-  initialData,
-  suspense = false,
-  verification,
-  isolated = false
-}) {
-  const suspenseConfig = useMemo(
-    () => ({ enabled: suspense }),
-    [suspense]
-  );
-  const inner = /* @__PURE__ */ jsx(EventBusProvider, { debug: debug2, isolated, children: /* @__PURE__ */ jsx(VerificationProvider, { enabled: verification, children: /* @__PURE__ */ jsx(SelectionProvider, { debug: debug2, children: /* @__PURE__ */ jsx(SuspenseConfigProvider, { config: suspenseConfig, children }) }) }) });
-  if (skipTheme) {
-    return inner;
-  }
-  return /* @__PURE__ */ jsx(
-    ThemeProvider,
-    {
-      themes,
-      defaultTheme,
-      defaultMode,
-      targetRef,
-      children: inner
-    }
-  );
-}
-OrbitalProvider.displayName = "OrbitalProvider";
-
-// runtime/OrbPreview.tsx
-init_UISlotContext();
 init_UISlotRenderer();
 init_useEventBus();
 var resolvedSchemaLog = createLogger("almadar:ui:resolved-schema");
@@ -54631,7 +53602,7 @@ function resolveLambdaBindings(body, params, item, index) {
   if (Array.isArray(body)) {
     return body.map((b) => recur(b));
   }
-  if (body !== null && typeof body === "object" && !React97__default.isValidElement(body) && !(body instanceof Date) && typeof body !== "function") {
+  if (body !== null && typeof body === "object" && !React93__default.isValidElement(body) && !(body instanceof Date) && typeof body !== "function") {
     const out = {};
     for (const [k, v] of Object.entries(body)) {
       out[k] = recur(v);
@@ -54650,7 +53621,7 @@ function getSlotContentRenderer2() {
 function makeLambdaFn(params, lambdaBody, callerKey) {
   return (item, index) => {
     const resolvedBody = resolveLambdaBindings(lambdaBody, params, item, index);
-    if (resolvedBody === null || typeof resolvedBody !== "object" || Array.isArray(resolvedBody) || typeof resolvedBody === "function" || React97__default.isValidElement(resolvedBody) || resolvedBody instanceof Date) {
+    if (resolvedBody === null || typeof resolvedBody !== "object" || Array.isArray(resolvedBody) || typeof resolvedBody === "function" || React93__default.isValidElement(resolvedBody) || resolvedBody instanceof Date) {
       return null;
     }
     const record = resolvedBody;
@@ -54669,7 +53640,7 @@ function makeLambdaFn(params, lambdaBody, callerKey) {
       props: childProps,
       priority: 0
     };
-    return React97__default.createElement(SlotContentRenderer2, { content: childContent });
+    return React93__default.createElement(SlotContentRenderer2, { content: childContent });
   };
 }
 function convertNode(node, callerKey) {
@@ -54688,7 +53659,7 @@ function convertNode(node, callerKey) {
     });
     return anyChanged ? mapped : node;
   }
-  if (typeof node === "object" && !React97__default.isValidElement(node) && !(node instanceof Date)) {
+  if (typeof node === "object" && !React93__default.isValidElement(node) && !(node instanceof Date)) {
     return convertObjectProps(node);
   }
   return node;
@@ -54715,7 +53686,7 @@ function convertObjectProps(props) {
 function convertFnFormLambdasInProps(props) {
   return convertObjectProps(props);
 }
-var log12 = createLogger("almadar:ui:effects:client-handlers");
+var log9 = createLogger("almadar:ui:effects:client-handlers");
 function createClientEffectHandlers(options) {
   const { eventBus, slotSetter, navigate, notify, callService } = options;
   return {
@@ -54724,10 +53695,10 @@ function createClientEffectHandlers(options) {
       eventBus.emit(prefixedEvent, payload);
     },
     persist: async () => {
-      log12.warn("persist is server-side only, ignored on client");
+      log9.warn("persist is server-side only, ignored on client");
     },
     set: () => {
-      log12.warn("set is server-side only, ignored on client");
+      log9.warn("set is server-side only, ignored on client");
     },
     callService: async (service, action, params) => {
       if (callService) return callService(service, action, params);
@@ -54756,10 +53727,10 @@ function createClientEffectHandlers(options) {
       slotSetter.addPattern(slot, pattern, props);
     },
     navigate: navigate ?? ((path) => {
-      log12.warn("No navigate handler, ignoring", { path });
+      log9.warn("No navigate handler, ignoring", { path });
     }),
     notify: notify ?? ((msg, type) => {
-      log12.debug("notify", { type, message: msg });
+      log9.debug("notify", { type, message: msg });
     })
   };
 }
@@ -55924,7 +54895,7 @@ OrbitalThemeProvider.displayName = "OrbitalThemeProvider";
 init_navigation();
 init_verificationRegistry();
 var PERF_NAMESPACE = "almadar:perf:canvas";
-var log13 = createLogger(PERF_NAMESPACE);
+var log10 = createLogger(PERF_NAMESPACE);
 var RING_SIZE = 50;
 var ring = [];
 var writeIdx = 0;
@@ -55975,7 +54946,7 @@ function perfEnd(name, startToken, detail) {
     }
   }
   push({ name, durationMs, ts: endTs, detail });
-  log13.debug(name, () => ({ durationMs, ...detail ?? {} }));
+  log10.debug(name, () => ({ durationMs, ...detail ?? {} }));
 }
 var profilerOnRender = (id, phase, actualDuration, baseDuration, _startTime, commitTime) => {
   if (!isEnabled()) return;
@@ -55985,7 +54956,7 @@ var profilerOnRender = (id, phase, actualDuration, baseDuration, _startTime, com
     ts: commitTime,
     detail: { baseDuration }
   });
-  log13.debug(`profiler:${id}:${phase}`, () => ({ actualDuration, baseDuration }));
+  log10.debug(`profiler:${id}:${phase}`, () => ({ actualDuration, baseDuration }));
 };
 
 // runtime/prepareSchemaForPreview.ts
@@ -56628,7 +55599,7 @@ init_useEventBus();
 // components/avl/molecules/useCanvasDnd.tsx
 init_useEventBus();
 init_useAlmadarDndCollision();
-var log14 = createLogger("almadar:ui:canvas-dnd");
+var log11 = createLogger("almadar:ui:canvas-dnd");
 function useCanvasDraggable({
   id,
   payload,
@@ -56667,7 +55638,7 @@ function defaultEmit(eventBus, drop) {
   if (payload.kind === "pattern") {
     const patternType = payload.data.type;
     if (typeof patternType !== "string") {
-      log14.warn("default-emit:pattern:missing-type");
+      log11.warn("default-emit:pattern:missing-type");
       return;
     }
     const out = { patternType, containerNode: target.containerNode };
@@ -56676,23 +55647,23 @@ function defaultEmit(eventBus, drop) {
       out.index = resolved.index;
     }
     eventBus.emit("UI:PATTERN_DROP", out);
-    log14.info("default-emit:pattern", { patternType, level: target.level });
+    log11.info("default-emit:pattern", { patternType, level: target.level });
     return;
   }
   if (payload.kind === "behavior") {
     const behaviorName = payload.data.name;
     if (typeof behaviorName !== "string") {
-      log14.warn("default-emit:behavior:missing-name");
+      log11.warn("default-emit:behavior:missing-name");
       return;
     }
     eventBus.emit("UI:BEHAVIOR_DROP", {
       behaviorName,
       containerNode: target.containerNode
     });
-    log14.info("default-emit:behavior", { behaviorName, level: target.level });
+    log11.info("default-emit:behavior", { behaviorName, level: target.level });
     return;
   }
-  log14.debug("default-emit:unhandled-kind", { kind: payload.kind });
+  log11.debug("default-emit:unhandled-kind", { kind: payload.kind });
 }
 function CanvasDndProvider({
   children,
@@ -56701,26 +55672,26 @@ function CanvasDndProvider({
 }) {
   const eventBus = useEventBus();
   const sensors = useAlmadarDndSensors(false);
-  const [activePayload, setActivePayload] = React97__default.useState(null);
-  const handleDragStart = React97__default.useCallback((e) => {
+  const [activePayload, setActivePayload] = React93__default.useState(null);
+  const handleDragStart = React93__default.useCallback((e) => {
     const data = e.active.data.current;
     const payload = data?.payload;
     if (payload) {
       setActivePayload(payload);
       eventBus.emit("UI:DRAG_START", { kind: payload.kind, data: payload.data });
-      log14.info("dragStart", { id: e.active.id, kind: payload.kind });
+      log11.info("dragStart", { id: e.active.id, kind: payload.kind });
     } else {
-      log14.warn("dragStart:missing-payload", { id: e.active.id });
+      log11.warn("dragStart:missing-payload", { id: e.active.id });
     }
   }, [eventBus]);
-  const handleDragEnd = React97__default.useCallback((e) => {
+  const handleDragEnd = React93__default.useCallback((e) => {
     setActivePayload(null);
     const activeData = e.active.data.current;
     const payload = activeData?.payload;
     const overData = e.over?.data.current;
     const target = overData?.target;
     const accepts = overData?.accepts;
-    log14.info("dragEnd", {
+    log11.info("dragEnd", {
       activeId: e.active.id,
       overId: e.over?.id,
       hasPayload: !!payload,
@@ -56732,7 +55703,7 @@ function CanvasDndProvider({
     }
     if (!payload || !target) return;
     if (accepts && !accepts.includes(payload.kind)) {
-      log14.debug("dragEnd:rejected:kind", { kind: payload.kind, accepts: [...accepts] });
+      log11.debug("dragEnd:rejected:kind", { kind: payload.kind, accepts: [...accepts] });
       return;
     }
     const activator = e.activatorEvent;
@@ -56742,9 +55713,9 @@ function CanvasDndProvider({
     const suppressed = onDrop ? onDrop(drop) === true : false;
     if (!suppressed) defaultEmit(eventBus, drop);
   }, [eventBus, onDrop]);
-  const handleDragCancel = React97__default.useCallback(() => {
+  const handleDragCancel = React93__default.useCallback(() => {
     setActivePayload(null);
-    log14.info("dragCancel");
+    log11.info("dragCancel");
   }, []);
   return /* @__PURE__ */ jsxs(
     DndContext,
@@ -57496,7 +56467,7 @@ var OrbPreviewNodeInner = (props) => {
     }
   );
 };
-var OrbPreviewNode = React97__default.memo(OrbPreviewNodeInner);
+var OrbPreviewNode = React93__default.memo(OrbPreviewNodeInner);
 OrbPreviewNode.displayName = "OrbPreviewNode";
 orbPreviewLog.debug("export-resolved", () => ({
   type: typeof OrbPreviewNode,
@@ -57601,7 +56572,7 @@ var EventFlowEdgeInner = (props) => {
     ) })
   ] });
 };
-var EventFlowEdge = React97__default.memo(EventFlowEdgeInner);
+var EventFlowEdge = React93__default.memo(EventFlowEdgeInner);
 EventFlowEdge.displayName = "EventFlowEdge";
 
 // components/avl/molecules/BehaviorComposeNode.tsx
@@ -57748,7 +56719,7 @@ var BehaviorComposeNodeInner = (props) => {
     }
   );
 };
-var BehaviorComposeNode = React97__default.memo(BehaviorComposeNodeInner);
+var BehaviorComposeNode = React93__default.memo(BehaviorComposeNodeInner);
 BehaviorComposeNode.displayName = "BehaviorComposeNode";
 
 // components/avl/molecules/avl-behavior-compose-converter.ts
@@ -58559,7 +57530,7 @@ init_AvlTransitionLane();
 init_AvlSwimLane();
 init_types();
 init_avl_elk_layout();
-var log15 = createLogger("almadar:ui:avl:trait-scene");
+var log12 = createLogger("almadar:ui:avl:trait-scene");
 var SWIM_GUTTER2 = 120;
 var CENTER_W2 = 360;
 var AvlTraitScene = ({
@@ -58572,7 +57543,7 @@ var AvlTraitScene = ({
   const dataKey = useMemo(() => JSON.stringify(data), [data]);
   useEffect(() => {
     computeTraitLayout(data).then(setLayout).catch((error) => {
-      log15.error("computeTraitLayout failed", { error: error instanceof Error ? error : String(error) });
+      log12.error("computeTraitLayout failed", { error: error instanceof Error ? error : String(error) });
     });
   }, [dataKey]);
   if (!layout) {
@@ -58760,7 +57731,7 @@ var TraitCardNodeInner = (props) => {
     }
   );
 };
-var TraitCardNode = React97__default.memo(TraitCardNodeInner);
+var TraitCardNode = React93__default.memo(TraitCardNodeInner);
 TraitCardNode.displayName = "TraitCardNode";
 
 // components/avl/organisms/FlowCanvas.tsx
@@ -58833,7 +57804,7 @@ function FlowCanvasInner({
     initialOrbital
   );
   const [expandedBehaviorAlias, setExpandedBehaviorAlias] = useState(void 0);
-  const screenSizeUserOverrideRef = React97__default.useRef(false);
+  const screenSizeUserOverrideRef = React93__default.useRef(false);
   const [screenSize, setScreenSize] = useState(
     () => typeof window === "undefined" ? "laptop" : detectScreenSize(window.innerWidth)
   );
@@ -59217,7 +58188,7 @@ var ZoomBreadcrumb = ({
   if (eventName && band === "detail") {
     segments.push({ icon: "\u26A1", label: eventName });
   }
-  return /* @__PURE__ */ jsx("div", { className: "absolute top-2 left-2 z-10 flex items-center gap-1 px-2 py-1 rounded-md bg-card/90 border border-border text-xs text-muted-foreground backdrop-blur-sm", children: segments.map((seg, i) => /* @__PURE__ */ jsxs(React97__default.Fragment, { children: [
+  return /* @__PURE__ */ jsx("div", { className: "absolute top-2 left-2 z-10 flex items-center gap-1 px-2 py-1 rounded-md bg-card/90 border border-border text-xs text-muted-foreground backdrop-blur-sm", children: segments.map((seg, i) => /* @__PURE__ */ jsxs(React93__default.Fragment, { children: [
     i > 0 && /* @__PURE__ */ jsx("span", { className: "opacity-40", children: ">" }),
     /* @__PURE__ */ jsx("span", { className: "opacity-60", children: seg.icon }),
     /* @__PURE__ */ jsx("span", { children: seg.label })
@@ -59558,7 +58529,7 @@ var EventWireOverlay = ({
   containerW,
   containerH
 }) => {
-  const ids = React97__default.useMemo(() => {
+  const ids = React93__default.useMemo(() => {
     avlOczWireId += 1;
     return { arrow: `avl-ocz-wire-${avlOczWireId}-arrow` };
   }, []);
@@ -59925,7 +58896,7 @@ var AvlOrbitalsCosmicZoom = ({
               borderRadius: 6,
               border: `1px solid ${color}`
             },
-            children: /* @__PURE__ */ jsx(HStack, { gap: "xs", align: "center", children: breadcrumbs.map((crumb, i) => /* @__PURE__ */ jsxs(React97__default.Fragment, { children: [
+            children: /* @__PURE__ */ jsx(HStack, { gap: "xs", align: "center", children: breadcrumbs.map((crumb, i) => /* @__PURE__ */ jsxs(React93__default.Fragment, { children: [
               i > 0 && /* @__PURE__ */ jsx(Typography, { variant: "small", style: { opacity: 0.5, color }, children: "/" }),
               i < breadcrumbs.length - 1 ? /* @__PURE__ */ jsx(
                 Box,