@almadar/ui 5.113.0 → 5.114.0

package/dist/avl/index.cjs

@@ -11,6 +11,7 @@ var LucideIcons2 = require('lucide-react');
 var reactDom = require('react-dom');
 var context = require('@almadar/ui/context');
 var evaluator = require('@almadar/evaluator');
+var ui = require('@almadar/runtime/ui');
 var reactRouterDom = require('react-router-dom');
 var SyntaxHighlighter = require('react-syntax-highlighter/dist/esm/prism-light.js');
 var dark = require('react-syntax-highlighter/dist/esm/styles/prism/vsc-dark-plus.js');
@@ -41,6 +42,7 @@ var sortable = require('@dnd-kit/sortable');
 var utilities = require('@dnd-kit/utilities');
 var patterns = require('@almadar/core/patterns');
 var OrbitalServerRuntime = require('@almadar/runtime/OrbitalServerRuntime');
+var registry = require('@almadar/std/registry');
 var runtime = require('@almadar/runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -4531,41 +4533,6 @@ function kebabToPascal(name) {
     return part.charAt(0).toUpperCase() + part.slice(1);
   }).join("");
 }
-function loadLib(key, importer) {
-  let p = libPromises.get(key);
-  if (!p) {
-    p = importer();
-    libPromises.set(key, p);
-  }
-  return p;
-}
-function lazyFamilyIcon(libKey, importer, pick, fallbackName, family) {
-  const Lazy = React90__namespace.default.lazy(async () => {
-    const lib = await loadLib(libKey, importer);
-    const Comp = pick(lib);
-    if (!Comp) {
-      warnFallback(fallbackName, family);
-      return { default: makeLucideAdapter(fallbackName, true) };
-    }
-    return { default: Comp };
-  });
-  const Wrapped = (props) => /* @__PURE__ */ jsxRuntime.jsx(
-    React90__namespace.default.Suspense,
-    {
-      fallback: /* @__PURE__ */ jsxRuntime.jsx(
-        "span",
-        {
-          "aria-hidden": true,
-          className: props.className,
-          style: { display: "inline-block", ...props.style }
-        }
-      ),
-      children: /* @__PURE__ */ jsxRuntime.jsx(Lazy, { ...props })
-    }
-  );
-  Wrapped.displayName = `Lazy.${libKey}.${fallbackName}`;
-  return Wrapped;
-}
 function isComponentLike(v) {
   return v != null && (typeof v === "function" || typeof v === "object");
 }
@@ -4579,146 +4546,32 @@ function resolveLucide(name) {
   if (isComponentLike(asIs)) return asIs;
   return LucideIcons2__namespace.HelpCircle;
 }
-function resolvePhosphor(name, weight, family) {
-  const target = phosphorAliases[name] ?? kebabToPascal(name);
-  return lazyFamilyIcon(
-    "phosphor",
-    () => import('@phosphor-icons/react'),
-    (lib) => {
-      const PhosphorComp = lib[target];
-      if (!PhosphorComp) return null;
-      const Component = PhosphorComp;
-      const Adapter = (props) => /* @__PURE__ */ jsxRuntime.jsx(
-        Component,
-        {
-          weight,
-          className: props.className,
-          style: props.style,
-          size: props.size ?? "1em"
-        }
-      );
-      Adapter.displayName = `Phosphor.${target}.${weight}`;
-      return Adapter;
-    },
-    name,
-    family
-  );
-}
-function resolveTabler(name, family) {
-  const suffix = tablerAliases[name] ?? kebabToPascal(name);
-  const target = `Icon${suffix}`;
-  return lazyFamilyIcon(
-    "tabler",
-    () => import('@tabler/icons-react'),
-    (lib) => {
-      const TablerComp = lib[target];
-      if (!TablerComp) return null;
-      const Component = TablerComp;
-      const Adapter = (props) => /* @__PURE__ */ jsxRuntime.jsx(
-        Component,
-        {
-          stroke: props.strokeWidth ?? 1.5,
-          className: props.className,
-          style: props.style,
-          size: props.size ?? 24
-        }
-      );
-      Adapter.displayName = `Tabler.${target}`;
-      return Adapter;
-    },
-    name,
-    family
-  );
-}
-function resolveFa(name, family) {
-  const suffix = faAliases[name] ?? kebabToPascal(name);
-  const target = `Fa${suffix}`;
-  return lazyFamilyIcon(
-    "fa",
-    () => import('react-icons/fa'),
-    (lib) => {
-      const FaComp = lib[target];
-      if (!FaComp) return null;
-      const Component = FaComp;
-      const Adapter = (props) => /* @__PURE__ */ jsxRuntime.jsx(
-        Component,
-        {
-          className: props.className,
-          style: props.style,
-          size: props.size ?? "1em"
-        }
-      );
-      Adapter.displayName = `Fa.${target}`;
-      return Adapter;
-    },
-    name,
-    family
-  );
-}
-function warnFallback(name, family) {
-  const key = `${family}::${name}`;
-  if (warned.has(key)) return;
-  warned.add(key);
-  if (typeof console !== "undefined") {
-    console.warn(
-      `[iconFamily] No '${name}' mapping in family '${family}'; falling back to lucide. Add an alias in lib/iconFamily.ts.`
-    );
-  }
-}
-function makeLucideAdapter(name, isFallback = false) {
+function makeLucideAdapter(name) {
   const LucideComp = resolveLucide(name);
-  const Adapter = (props) => {
-    const stroke = props.strokeWidth ?? (isFallback ? 2 : void 0);
-    const style = isFallback ? { ...props.style ?? {}, strokeWidth: stroke ?? 2 } : props.style;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      LucideComp,
-      {
-        className: props.className,
-        strokeWidth: stroke,
-        style,
-        size: props.size
-      }
-    );
-  };
-  Adapter.displayName = `Lucide.${name}${isFallback ? ".fallback" : ""}`;
+  const Adapter = (props) => /* @__PURE__ */ jsxRuntime.jsx(
+    LucideComp,
+    {
+      className: props.className,
+      strokeWidth: props.strokeWidth,
+      style: props.style,
+      size: props.size
+    }
+  );
+  Adapter.displayName = `Lucide.${name}`;
   return Adapter;
 }
-function resolveIconForFamily(name, family) {
-  switch (family) {
-    case "lucide":
-      return makeLucideAdapter(name, false);
-    // Non-lucide families resolve to a lazy, Suspense-wrapped component that
-    // dynamic-imports the library on first render and falls back to lucide
-    // internally when the family lacks the icon (see lazyFamilyIcon).
-    case "phosphor-outline":
-      return resolvePhosphor(name, "regular", family);
-    case "phosphor-fill":
-      return resolvePhosphor(name, "fill", family);
-    case "phosphor-duotone":
-      return resolvePhosphor(name, "duotone", family);
-    case "tabler":
-      return resolveTabler(name, family);
-    case "fa-solid":
-      return resolveFa(name, family);
-  }
-}
-var DEFAULT_FAMILY, VALID_FAMILIES, cachedFamily, listeners, observer, libPromises, lucideAliases, phosphorAliases, tablerAliases, faAliases, warned;
+function resolveIconForFamily(name, _family) {
+  return makeLucideAdapter(name);
+}
+var DEFAULT_FAMILY, VALID_FAMILIES, cachedFamily, listeners, observer, lucideAliases;
 var init_iconFamily = __esm({
   "lib/iconFamily.tsx"() {
     "use client";
     DEFAULT_FAMILY = "lucide";
-    VALID_FAMILIES = [
-      "lucide",
-      "phosphor-outline",
-      "phosphor-fill",
-      "phosphor-duotone",
-      "tabler",
-      "fa-solid"
-    ];
+    VALID_FAMILIES = [DEFAULT_FAMILY];
     cachedFamily = null;
     listeners = /* @__PURE__ */ new Set();
     observer = null;
-    libPromises = /* @__PURE__ */ new Map();
     lucideAliases = {
       close: LucideIcons2__namespace.X,
       trash: LucideIcons2__namespace.Trash2,
@@ -4731,478 +4584,6 @@ var init_iconFamily = __esm({
       "sort-asc": LucideIcons2__namespace.ArrowUpNarrowWide,
       "sort-desc": LucideIcons2__namespace.ArrowDownNarrowWide
     };
-    phosphorAliases = {
-      // lucide name → phosphor PascalCase name
-      // Actions
-      plus: "Plus",
-      minus: "Minus",
-      x: "X",
-      check: "Check",
-      close: "X",
-      edit: "PencilSimple",
-      pencil: "PencilSimple",
-      trash: "Trash",
-      save: "FloppyDisk",
-      copy: "Copy",
-      share: "Share",
-      send: "PaperPlaneRight",
-      download: "DownloadSimple",
-      upload: "UploadSimple",
-      archive: "Archive",
-      refresh: "ArrowsClockwise",
-      loader: "CircleNotch",
-      link: "Link",
-      paperclip: "Paperclip",
-      // Navigation
-      "chevron-down": "CaretDown",
-      "chevron-up": "CaretUp",
-      "chevron-left": "CaretLeft",
-      "chevron-right": "CaretRight",
-      "arrow-up": "ArrowUp",
-      "arrow-down": "ArrowDown",
-      "arrow-left": "ArrowLeft",
-      "arrow-right": "ArrowRight",
-      menu: "List",
-      more: "DotsThree",
-      "more-vertical": "DotsThreeVertical",
-      "more-horizontal": "DotsThree",
-      external: "ArrowSquareOut",
-      "external-link": "ArrowSquareOut",
-      // Files
-      file: "File",
-      "file-text": "FileText",
-      "file-plus": "FilePlus",
-      "file-minus": "FileMinus",
-      folder: "Folder",
-      "folder-open": "FolderOpen",
-      document: "FileText",
-      // Charts
-      "bar-chart": "ChartBar",
-      "bar-chart-2": "ChartBar",
-      "bar-chart-3": "ChartBar",
-      "line-chart": "ChartLine",
-      "pie-chart": "ChartPie",
-      activity: "Pulse",
-      "trending-up": "TrendUp",
-      "trending-down": "TrendDown",
-      // Messages
-      message: "ChatCircle",
-      "message-circle": "ChatCircle",
-      "message-square": "ChatText",
-      "messages-square": "ChatsCircle",
-      comment: "ChatCircle",
-      comments: "ChatsCircle",
-      inbox: "Tray",
-      mail: "Envelope",
-      envelope: "Envelope",
-      // Status
-      "alert-circle": "WarningCircle",
-      "alert-triangle": "Warning",
-      "check-circle": "CheckCircle",
-      "x-circle": "XCircle",
-      info: "Info",
-      "help-circle": "Question",
-      "life-buoy": "Lifebuoy",
-      lifebuoy: "Lifebuoy",
-      warning: "Warning",
-      error: "WarningCircle",
-      // Media
-      image: "Image",
-      video: "VideoCamera",
-      film: "FilmStrip",
-      camera: "Camera",
-      music: "MusicNote",
-      play: "Play",
-      pause: "Pause",
-      stop: "Stop",
-      "skip-forward": "SkipForward",
-      "skip-back": "SkipBack",
-      volume: "SpeakerHigh",
-      "volume-2": "SpeakerHigh",
-      "volume-x": "SpeakerX",
-      mic: "Microphone",
-      "mic-off": "MicrophoneSlash",
-      // People
-      user: "User",
-      users: "Users",
-      "user-plus": "UserPlus",
-      "user-check": "UserCheck",
-      // Time
-      calendar: "Calendar",
-      clock: "Clock",
-      timer: "Timer",
-      // Location
-      map: "MapTrifold",
-      "map-pin": "MapPin",
-      navigation: "NavigationArrow",
-      compass: "Compass",
-      globe: "Globe",
-      target: "Target",
-      // Project / layout
-      kanban: "Kanban",
-      list: "List",
-      table: "Table",
-      grid: "GridFour",
-      layout: "Layout",
-      columns: "Columns",
-      rows: "Rows",
-      // Misc
-      bell: "Bell",
-      bookmark: "Bookmark",
-      briefcase: "Briefcase",
-      flag: "Flag",
-      tag: "Tag",
-      tags: "Tag",
-      star: "Star",
-      heart: "Heart",
-      home: "House",
-      settings: "Gear",
-      eye: "Eye",
-      "eye-off": "EyeSlash",
-      lock: "Lock",
-      unlock: "LockOpen",
-      key: "Key",
-      shield: "Shield",
-      search: "MagnifyingGlass",
-      filter: "Funnel",
-      "sort-asc": "SortAscending",
-      "sort-desc": "SortDescending",
-      zap: "Lightning",
-      sparkles: "Sparkle",
-      // Code
-      code: "Code",
-      terminal: "Terminal",
-      database: "Database",
-      server: "HardDrives",
-      cloud: "Cloud",
-      wifi: "WifiHigh",
-      package: "Package",
-      box: "Package",
-      // Theme
-      sun: "Sun",
-      moon: "Moon",
-      // Phone
-      phone: "Phone",
-      printer: "Printer",
-      // Hierarchy
-      tree: "Tree",
-      network: "Network"
-    };
-    tablerAliases = {
-      // lucide name → tabler suffix (after the `Icon` prefix)
-      // Actions
-      plus: "Plus",
-      minus: "Minus",
-      x: "X",
-      check: "Check",
-      close: "X",
-      edit: "Pencil",
-      pencil: "Pencil",
-      trash: "Trash",
-      save: "DeviceFloppy",
-      copy: "Copy",
-      share: "Share",
-      send: "Send",
-      download: "Download",
-      upload: "Upload",
-      archive: "Archive",
-      refresh: "Refresh",
-      loader: "Loader2",
-      link: "Link",
-      paperclip: "Paperclip",
-      external: "ExternalLink",
-      "external-link": "ExternalLink",
-      // Navigation
-      "chevron-down": "ChevronDown",
-      "chevron-up": "ChevronUp",
-      "chevron-left": "ChevronLeft",
-      "chevron-right": "ChevronRight",
-      "arrow-down": "ArrowDown",
-      "arrow-up": "ArrowUp",
-      "arrow-left": "ArrowLeft",
-      "arrow-right": "ArrowRight",
-      menu: "Menu2",
-      more: "Dots",
-      "more-vertical": "DotsVertical",
-      // Files
-      file: "File",
-      "file-text": "FileText",
-      "file-plus": "FilePlus",
-      "file-check": "FileCheck",
-      "file-minus": "FileMinus",
-      folder: "Folder",
-      "folder-open": "FolderOpen",
-      document: "FileText",
-      // Charts
-      "bar-chart": "ChartBar",
-      "bar-chart-2": "ChartBar",
-      "bar-chart-3": "ChartBar",
-      "line-chart": "ChartLine",
-      "pie-chart": "ChartPie",
-      activity: "Activity",
-      "trending-up": "TrendingUp",
-      "trending-down": "TrendingDown",
-      // Messages
-      message: "Message",
-      "message-circle": "MessageCircle",
-      "message-square": "Message2",
-      "messages-square": "Messages",
-      comment: "Message",
-      comments: "Messages",
-      inbox: "Inbox",
-      mail: "Mail",
-      envelope: "Mail",
-      // Status
-      "alert-circle": "AlertCircle",
-      "alert-triangle": "AlertTriangle",
-      "check-circle": "CircleCheck",
-      "x-circle": "CircleX",
-      info: "InfoCircle",
-      "help-circle": "HelpCircle",
-      "life-buoy": "Lifebuoy",
-      warning: "AlertTriangle",
-      error: "AlertOctagon",
-      // Media
-      image: "Photo",
-      video: "Video",
-      camera: "Camera",
-      music: "Music",
-      play: "PlayerPlay",
-      pause: "PlayerPause",
-      stop: "PlayerStop",
-      "skip-forward": "PlayerSkipForward",
-      "skip-back": "PlayerSkipBack",
-      volume: "Volume",
-      "volume-2": "Volume",
-      "volume-x": "VolumeOff",
-      mic: "Microphone",
-      "mic-off": "MicrophoneOff",
-      // People
-      user: "User",
-      users: "Users",
-      "user-plus": "UserPlus",
-      "user-check": "UserCheck",
-      // Time
-      calendar: "Calendar",
-      clock: "Clock",
-      timer: "Hourglass",
-      // Location
-      map: "Map",
-      "map-pin": "MapPin",
-      navigation: "Navigation",
-      compass: "Compass",
-      globe: "World",
-      target: "Target",
-      // Project / layout
-      kanban: "LayoutKanban",
-      list: "List",
-      table: "Table",
-      grid: "LayoutGrid",
-      layout: "Layout",
-      columns: "LayoutColumns",
-      rows: "LayoutRows",
-      // Misc
-      bell: "Bell",
-      bookmark: "Bookmark",
-      briefcase: "Briefcase",
-      flag: "Flag",
-      tag: "Tag",
-      tags: "Tags",
-      star: "Star",
-      heart: "Heart",
-      home: "Home",
-      settings: "Settings",
-      eye: "Eye",
-      "eye-off": "EyeOff",
-      lock: "Lock",
-      unlock: "LockOpen",
-      key: "Key",
-      shield: "Shield",
-      search: "Search",
-      filter: "Filter",
-      "sort-asc": "SortAscending",
-      "sort-desc": "SortDescending",
-      zap: "Bolt",
-      sparkles: "Sparkles",
-      // Code / data
-      code: "Code",
-      terminal: "Terminal",
-      database: "Database",
-      server: "Server",
-      cloud: "Cloud",
-      wifi: "Wifi",
-      package: "Package",
-      box: "Box",
-      // Theme
-      sun: "Sun",
-      moon: "Moon",
-      // Phone
-      phone: "Phone",
-      printer: "Printer",
-      // Hierarchy
-      tree: "Hierarchy",
-      network: "Network"
-    };
-    faAliases = {
-      // lucide name → fa-solid suffix (after the `Fa` prefix).
-      // react-icons/fa ships FontAwesome 5 — names like `FaFileText` don't exist
-      // (FA renamed to `FaFileAlt`). When you see a console.warn from
-      // [iconFamily] about an unmapped lucide name in this family, add the
-      // closest FA5 sibling here so the fallback stays in-family.
-      search: "Search",
-      close: "Times",
-      x: "Times",
-      loader: "Spinner",
-      refresh: "Sync",
-      "sort-asc": "SortAmountUp",
-      "sort-desc": "SortAmountDown",
-      "chevron-down": "ChevronDown",
-      "chevron-up": "ChevronUp",
-      "chevron-left": "ChevronLeft",
-      "chevron-right": "ChevronRight",
-      "help-circle": "QuestionCircle",
-      "alert-triangle": "ExclamationTriangle",
-      "alert-circle": "ExclamationCircle",
-      "check-circle": "CheckCircle",
-      "x-circle": "TimesCircle",
-      edit: "Edit",
-      pencil: "PencilAlt",
-      trash: "Trash",
-      send: "PaperPlane",
-      share: "ShareAlt",
-      external: "ExternalLinkAlt",
-      plus: "Plus",
-      minus: "Minus",
-      check: "Check",
-      star: "Star",
-      heart: "Heart",
-      home: "Home",
-      user: "User",
-      users: "Users",
-      "user-plus": "UserPlus",
-      "user-check": "UserCheck",
-      settings: "Cog",
-      menu: "Bars",
-      "arrow-up": "ArrowUp",
-      "arrow-down": "ArrowDown",
-      "arrow-left": "ArrowLeft",
-      "arrow-right": "ArrowRight",
-      copy: "Copy",
-      download: "Download",
-      upload: "Upload",
-      filter: "Filter",
-      calendar: "Calendar",
-      clock: "Clock",
-      bell: "Bell",
-      mail: "Envelope",
-      envelope: "Envelope",
-      lock: "Lock",
-      unlock: "LockOpen",
-      eye: "Eye",
-      "eye-off": "EyeSlash",
-      more: "EllipsisH",
-      "more-vertical": "EllipsisV",
-      info: "InfoCircle",
-      warning: "ExclamationTriangle",
-      error: "ExclamationCircle",
-      // Time
-      timer: "Hourglass",
-      // Files (FA renamed FileText → FileAlt)
-      file: "File",
-      "file-text": "FileAlt",
-      "file-plus": "FileMedical",
-      "file-minus": "FileExcel",
-      "file-check": "FileSignature",
-      document: "FileAlt",
-      // Charts (lucide BarChart2 / BarChart3 → FA ChartBar)
-      "bar-chart": "ChartBar",
-      "bar-chart-2": "ChartBar",
-      "bar-chart-3": "ChartBar",
-      "line-chart": "ChartLine",
-      "pie-chart": "ChartPie",
-      activity: "ChartLine",
-      "trending-up": "ChartLine",
-      "trending-down": "ChartLine",
-      // Messages (lucide MessageCircle/MessageSquare → FA CommentDots/CommentAlt)
-      message: "Comment",
-      "message-circle": "CommentDots",
-      "message-square": "CommentAlt",
-      "messages-square": "Comments",
-      comment: "Comment",
-      comments: "Comments",
-      inbox: "Inbox",
-      // Support / help
-      "life-buoy": "LifeRing",
-      lifebuoy: "LifeRing",
-      // Project / kanban (FA has no kanban; closest semantic is Tasks/Columns)
-      kanban: "Tasks",
-      columns: "Columns",
-      rows: "Bars",
-      layout: "ThLarge",
-      grid: "Th",
-      list: "List",
-      table: "Table",
-      // Storage / folders
-      folder: "Folder",
-      "folder-open": "FolderOpen",
-      archive: "Archive",
-      bookmark: "Bookmark",
-      briefcase: "Briefcase",
-      package: "Box",
-      box: "Box",
-      // Map / location
-      map: "Map",
-      "map-pin": "MapMarkerAlt",
-      navigation: "LocationArrow",
-      compass: "Compass",
-      globe: "Globe",
-      target: "Bullseye",
-      // Media
-      image: "Image",
-      video: "Video",
-      film: "Film",
-      camera: "Camera",
-      music: "Music",
-      play: "Play",
-      pause: "Pause",
-      stop: "Stop",
-      "skip-forward": "Forward",
-      "skip-back": "Backward",
-      volume: "VolumeUp",
-      "volume-2": "VolumeUp",
-      "volume-x": "VolumeMute",
-      mic: "Microphone",
-      "mic-off": "MicrophoneSlash",
-      phone: "Phone",
-      // Code / data
-      code: "Code",
-      terminal: "Terminal",
-      database: "Database",
-      server: "Server",
-      cloud: "Cloud",
-      wifi: "Wifi",
-      // Security
-      shield: "ShieldAlt",
-      key: "Key",
-      // Misc actions
-      printer: "Print",
-      save: "Save",
-      link: "Link",
-      unlink: "Unlink",
-      paperclip: "Paperclip",
-      flag: "Flag",
-      tag: "Tag",
-      tags: "Tags",
-      zap: "Bolt",
-      sparkles: "Magic",
-      // Theme
-      sun: "Sun",
-      moon: "Moon",
-      // Hierarchy (FA has no Tree icon for hierarchies; Sitemap is the org-chart icon)
-      tree: "Sitemap",
-      network: "NetworkWired"
-    };
-    warned = /* @__PURE__ */ new Set();
   }
 });
 function kebabToPascal2(name) {
@@ -5283,7 +4664,7 @@ var init_Icon = __esm({
       const family = useIconFamily();
       const RenderedComponent = React90__namespace.default.useMemo(() => {
         if (directIcon) return null;
-        return effectiveName ? resolveIconForFamily(effectiveName, family) : null;
+        return effectiveName ? resolveIconForFamily(effectiveName) : null;
       }, [directIcon, effectiveName, family]);
       const effectiveStrokeWidth = strokeWidth ?? void 0;
       const inlineStyle = {
@@ -5662,7 +5043,7 @@ var init_Button = __esm({
             ref,
             disabled: disabled || isLoading,
             className: cn(
-              "inline-flex items-center justify-center gap-2",
+              "relative inline-flex items-center justify-center gap-2",
               "font-medium",
               "rounded-sm",
               "cursor-pointer",
@@ -7312,6 +6693,7 @@ var init_Input = __esm({
         icon: iconProp,
         clearable,
         onClear,
+        action,
         value,
         options,
         rows = 3,
@@ -7361,6 +6743,11 @@ var init_Input = __esm({
             onClear?.();
           }
         };
+        const handleKeyDown = (e) => {
+          if (action && e.key === "Enter") {
+            eventBus.emit(`UI:${action}`, { value: e.currentTarget.value });
+          }
+        };
         const wrapField = (field) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full", children: [
           label && /* @__PURE__ */ jsxRuntime.jsx("label", { className: "block text-sm font-medium text-foreground mb-1", children: label }),
           field,
@@ -7434,6 +6821,7 @@ var init_Input = __esm({
                 type,
                 value,
                 onChange: handleChange,
+                onKeyDown: handleKeyDown,
                 className: baseClassName,
                 ...props
               }
@@ -7966,7 +7354,7 @@ var init_Card = __esm({
 });
 function GameIcon({ assetUrl, icon, size = "md", alt, className }) {
   const px = typeof size === "number" ? size : sizeMap[size];
-  const family = useIconFamily();
+  useIconFamily();
   if (assetUrl?.url) {
     return /* @__PURE__ */ jsxRuntime.jsx(
       AtlasImage,
@@ -7978,7 +7366,7 @@ function GameIcon({ assetUrl, icon, size = "md", alt, className }) {
       }
     );
   }
-  const I = typeof icon === "string" ? resolveIconForFamily(icon, family) : icon;
+  const I = typeof icon === "string" ? resolveIconForFamily(icon) : icon;
   return /* @__PURE__ */ jsxRuntime.jsx(I, { width: px, height: px, className: cn("flex-shrink-0", className) });
 }
 var sizeMap;
@@ -10325,8 +9713,8 @@ function Seigaiha({ size, color, strokeWidth }) {
     [s, s * 0.1]
   ];
   for (const [cx, cy] of centers) {
-    for (let ring2 = 1; ring2 <= 3; ring2++) {
-      const cr = r2 * (ring2 / 3);
+    for (let ring = 1; ring <= 3; ring++) {
+      const cr = r2 * (ring / 3);
       paths.push(
         `M ${f(cx - cr)},${f(cy)} A ${f(cr)} ${f(cr)} 0 0 1 ${f(cx + cr)},${f(cy)}`
       );
@@ -10423,8 +9811,8 @@ function Arch({ size, color, strokeWidth }) {
   const h = size * 1.5;
   const cx = w / 2;
   const paths = [];
-  for (let ring2 = 0; ring2 < 4; ring2++) {
-    const scale = 1 - ring2 * 0.2;
+  for (let ring = 0; ring < 4; ring++) {
+    const scale = 1 - ring * 0.2;
     const archW = w * 0.48 * scale;
     const archH = h * 0.7 * scale;
     const baseY = h * 0.85;
@@ -10439,7 +9827,7 @@ function Arch({ size, color, strokeWidth }) {
     paths.push(
       `M ${f(lx)},${f(baseY)} A ${f(radius)} ${f(radius)} 0 0 1 ${f(cx)},${f(tipY)} A ${f(radius)} ${f(radius)} 0 0 1 ${f(rx)},${f(baseY)}`
     );
-    if (ring2 === 0) {
+    if (ring === 0) {
       paths.push(`M ${f(lx)},${f(baseY)} L ${f(rx)},${f(baseY)}`);
     }
   }
@@ -12954,9 +12342,9 @@ var init_webPainter2d = __esm({
 // lib/drawable/projector.ts
 function create2DProjector(opts) {
   const { scale, baseOffsetX, layout } = opts;
-  const tileWidth = TILE_WIDTH * scale;
-  const floorHeight = FLOOR_HEIGHT * scale;
-  const diamondTopY = (opts.diamondTopY ?? DIAMOND_TOP_Y) * scale;
+  const tileWidth = layout === "free" ? 1 : TILE_WIDTH * scale;
+  const floorHeight = layout === "free" ? 1 : FLOOR_HEIGHT * scale;
+  const diamondTopY = layout === "free" ? 0 : (opts.diamondTopY ?? DIAMOND_TOP_Y) * scale;
   const squareGrid = layout === "flat" || layout === "free";
   const project = (pos) => layout === "free" ? { x: pos.x, y: pos.y } : isoToScreen(pos.x, pos.y, scale, baseOffsetX, layout);
   const anchorPoint = (pos, anchor) => {
@@ -12997,6 +12385,15 @@ var init_projector = __esm({
   }
 });
 
+// lib/drawable/contract.ts
+function isValidScenePos(pos) {
+  return Number.isFinite(pos?.x) && Number.isFinite(pos?.y);
+}
+var init_contract = __esm({
+  "lib/drawable/contract.ts"() {
+  }
+});
+
 // components/game/atoms/DrawSprite.tsx
 function DrawSprite(_props) {
   return null;
@@ -13006,10 +12403,12 @@ var init_DrawSprite = __esm({
   "components/game/atoms/DrawSprite.tsx"() {
     "use client";
     init_atlasSlice();
+    init_contract();
     paintSprite = (painter, node, dctx) => {
+      if (!node.asset?.url || !isValidScenePos(node.position)) return;
       const tex = painter.resolveTexture(node.asset.url);
       if (!tex) return;
-      let src = node.frame;
+      let src = typeof node.frame === "object" ? node.frame : void 0;
       if (!src && isAtlasAsset(node.asset)) {
         const atlas = getAtlas(node.asset.atlas, dctx.invalidate);
         if (!atlas) return;
@@ -13054,7 +12453,9 @@ var paintShape;
 var init_DrawShape = __esm({
   "components/game/atoms/DrawShape.tsx"() {
     "use client";
+    init_contract();
     paintShape = (painter, node, dctx) => {
+      if (!isValidScenePos(node.position)) return;
       painter.save();
       if (node.opacity !== void 0 && node.opacity !== 1) painter.setAlpha(node.opacity);
       switch (node.shape) {
@@ -13108,7 +12509,9 @@ var paintText;
 var init_DrawText = __esm({
   "components/game/atoms/DrawText.tsx"() {
     "use client";
+    init_contract();
     paintText = (painter, node, dctx) => {
+      if (!isValidScenePos(node.position)) return;
       const p = dctx.projector.anchorPoint(node.position, node.anchor ?? "center");
       const x = p.x + (node.offsetX ?? 0);
       const y = p.y + (node.offsetY ?? 0);
@@ -13213,12 +12616,14 @@ function collectDrawnItems(nodes) {
       case "draw-sprite":
       case "draw-shape":
       case "draw-text":
-        out.push({ pos: n.position, id: n.id });
+        if (isValidScenePos(n.position)) out.push({ pos: n.position, id: n.id });
         break;
       case "draw-sprite-layer":
       case "draw-shape-layer":
       case "draw-text-layer":
-        for (const it of n.items) out.push({ pos: it.position, id: it.id });
+        for (const it of n.items) {
+          if (isValidScenePos(it.position)) out.push({ pos: it.position, id: it.id });
+        }
         break;
     }
   }
@@ -13233,6 +12638,7 @@ function buildHitIndex(items) {
 }
 var init_hitTest = __esm({
   "lib/drawable/hitTest.ts"() {
+    init_contract();
   }
 });
 function normalizeBackdrop(bg) {
@@ -15272,21 +14678,6 @@ var init_renderer = __esm({
     init_slot_definitions();
   }
 });
-
-// lib/wrapCallbackForEvent.ts
-function wrapCallbackForEvent(qualifiedEvent, callbackArgs, emit) {
-  const argNames = (callbackArgs ?? []).map((a) => a.name);
-  if (argNames.length === 0) {
-    return () => emit(qualifiedEvent);
-  }
-  return (...args) => {
-    const payload = {};
-    for (let i = 0; i < argNames.length; i += 1) {
-      payload[argNames[i]] = args[i];
-    }
-    emit(qualifiedEvent, payload);
-  };
-}
 var init_wrapCallbackForEvent = __esm({
   "lib/wrapCallbackForEvent.ts"() {
   }
@@ -25481,7 +24872,8 @@ function DataGrid({
   const { t } = hooks.useTranslate();
   const [selectedIds, setSelectedIds] = React90.useState(/* @__PURE__ */ new Set());
   const [visibleCount, setVisibleCount] = React90.useState(pageSize || Infinity);
-  const fieldDefs = fields ?? columns ?? [];
+  const fieldDefs = (Array.isArray(fields) ? fields : void 0) ?? (Array.isArray(columns) ? columns : void 0) ?? [];
+  const actionDefs = Array.isArray(itemActions) ? itemActions : [];
   const allDataRaw = Array.isArray(entity) ? entity : entity ? [entity] : [];
   const dnd = useDataDnd({
     items: allDataRaw,
@@ -25525,8 +24917,8 @@ function DataGrid({
   const titleField = fieldDefs.find((f3) => f3.variant === "h3" || f3.variant === "h4") ?? fieldDefs[0];
   const badgeFields = fieldDefs.filter((f3) => f3.variant === "badge" && f3 !== titleField);
   const bodyFields = fieldDefs.filter((f3) => f3 !== titleField && !badgeFields.includes(f3));
-  const primaryActions = itemActions?.filter((a) => a.variant !== "danger") ?? [];
-  const dangerActions = itemActions?.filter((a) => a.variant === "danger") ?? [];
+  const primaryActions = actionDefs.filter((a) => a.variant !== "danger");
+  const dangerActions = actionDefs.filter((a) => a.variant === "danger");
   const handleActionClick = (action, itemData) => (e) => {
     e.stopPropagation();
     const payload = {
@@ -37849,7 +37241,7 @@ function measureLabelWidth(text) {
   if (typeof document === "undefined") return text.length * 6;
   if (!labelMeasureCtx) labelMeasureCtx = document.createElement("canvas").getContext("2d");
   if (!labelMeasureCtx) return text.length * 6;
-  labelMeasureCtx.font = "10px system-ui";
+  labelMeasureCtx.font = "12px system-ui";
   return labelMeasureCtx.measureText(text).width;
 }
 function getGroupColor(group, groups) {
@@ -37895,6 +37287,7 @@ var init_GraphCanvas = __esm({
       actions,
       onNodeClick,
       onNodeDoubleClick,
+      onBadgeClick,
       nodeClickEvent,
       selectedNodeId,
       repulsion = 800,
@@ -38042,7 +37435,9 @@ var init_GraphCanvas = __esm({
               const dx = target.x - source.x;
               const dy = target.y - source.y;
               const dist = Math.sqrt(dx * dx + dy * dy) || 1;
-              const force = (dist - linkDistance) * 0.05;
+              const w2 = edge.weight ?? 1;
+              const linkTarget = linkDistance * (1 + (1 - Math.min(1, Math.max(0, w2))) * 1.5);
+              const force = (dist - linkTarget) * 0.05;
               const fx = dx / dist * force;
               const fy = dy / dist * force;
               source.fx += fx;
@@ -38064,7 +37459,7 @@ var init_GraphCanvas = __esm({
               node.y = Math.max(30, Math.min(h - 30, node.y));
             }
             const LABEL_GAP = 12;
-            const LABEL_H = 12;
+            const LABEL_H = 16;
             const pad = nodeSpacing / 2;
             for (let i = 0; i < nodes.length; i++) {
               for (let j = i + 1; j < nodes.length; j++) {
@@ -38085,13 +37480,13 @@ var init_GraphCanvas = __esm({
                 const overlapY = Math.min(aBot, bBot) - Math.max(aTop, bTop);
                 if (overlapX > 0 && overlapY > 0) {
                   if (overlapX <= overlapY) {
-                    const push2 = overlapX / 2 * (b.x >= a.x ? 1 : -1);
-                    a.x = Math.max(30, Math.min(w - 30, a.x - push2));
-                    b.x = Math.max(30, Math.min(w - 30, b.x + push2));
+                    const push = overlapX / 2 * (b.x >= a.x ? 1 : -1);
+                    a.x = Math.max(30, Math.min(w - 30, a.x - push));
+                    b.x = Math.max(30, Math.min(w - 30, b.x + push));
                   } else {
-                    const push2 = overlapY / 2 * (bTop + bBot >= aTop + aBot ? 1 : -1);
-                    a.y = Math.max(30, Math.min(h - 30, a.y - push2));
-                    b.y = Math.max(30, Math.min(h - 30, b.y + push2));
+                    const push = overlapY / 2 * (bTop + bBot >= aTop + aBot ? 1 : -1);
+                    a.y = Math.max(30, Math.min(h - 30, a.y - push));
+                    b.y = Math.max(30, Math.min(h - 30, b.y + push));
                   }
                 }
               }
@@ -38119,6 +37514,11 @@ var init_GraphCanvas = __esm({
         const h = height;
         const nodes = nodesRef.current;
         const accentColor = resolveColor3("var(--color-accent)", canvas);
+        const fontFamily = resolveColor3("var(--font-family)", canvas) || "system-ui";
+        const fgColor = resolveColor3("var(--color-foreground)", canvas);
+        const mutedColor = resolveColor3("var(--color-muted-foreground)", canvas) || fgColor;
+        const bgColor = resolveColor3("var(--color-background)", canvas) || "#ffffff";
+        const accentFg = resolveColor3("var(--color-accent-foreground)", canvas) || "#ffffff";
         const dpr = typeof window !== "undefined" && window.devicePixelRatio || 1;
         ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
         ctx.clearRect(0, 0, w, h);
@@ -38138,19 +37538,21 @@ var init_GraphCanvas = __esm({
           const target = nodes.find((n) => n.id === edge.target);
           if (!source || !target) continue;
           const incident = !!hoveredNode && (edge.source === hoveredNode || edge.target === hoveredNode);
-          ctx.globalAlpha = hoveredNode ? incident ? 1 : 0.05 : linkOpacity;
+          const w2 = edge.weight ?? 1;
+          ctx.globalAlpha = hoveredNode ? incident ? 1 : 0.05 : linkOpacity * w2;
           ctx.beginPath();
           ctx.moveTo(source.x, source.y);
           ctx.lineTo(target.x, target.y);
           ctx.strokeStyle = incident ? accentColor : edge.color || "#888888";
-          ctx.lineWidth = incident ? 2 : edge.weight ? Math.max(1, edge.weight) : 1;
+          ctx.lineWidth = incident ? 2 : Math.max(0.75, w2);
           ctx.stroke();
           if (edge.label && showLabels) {
             const mx = (source.x + target.x) / 2;
             const my = (source.y + target.y) / 2;
-            ctx.fillStyle = "#888888";
-            ctx.font = "9px system-ui";
+            ctx.fillStyle = mutedColor;
+            ctx.font = `9px ${fontFamily}`;
             ctx.textAlign = "center";
+            ctx.textBaseline = "alphabetic";
             ctx.fillText(edge.label, mx, my - 4);
           }
         }
@@ -38175,10 +37577,33 @@ var init_GraphCanvas = __esm({
           }
           ctx.stroke();
           if (showLabels && node.label) {
-            ctx.fillStyle = "#666666";
-            ctx.font = `${isSelected || isHovered ? "bold " : ""}10px system-ui`;
+            ctx.font = `${isSelected || isHovered ? "600" : "500"} 12px ${fontFamily}`;
+            ctx.textAlign = "center";
+            ctx.textBaseline = "middle";
+            const ly = node.y + radius + 14;
+            ctx.lineWidth = 3;
+            ctx.lineJoin = "round";
+            ctx.strokeStyle = bgColor;
+            ctx.strokeText(node.label, node.x, ly);
+            ctx.fillStyle = isSelected || isHovered ? fgColor : mutedColor;
+            ctx.fillText(node.label, node.x, ly);
+          }
+          if (node.badge && node.badge > 1) {
+            const bx = node.x + radius * 0.7;
+            const by = node.y - radius * 0.7;
+            const br = Math.max(7, Math.min(11, radius * 0.45));
+            ctx.beginPath();
+            ctx.arc(bx, by, br, 0, Math.PI * 2);
+            ctx.fillStyle = accentColor;
+            ctx.fill();
+            ctx.strokeStyle = bgColor;
+            ctx.lineWidth = 2;
+            ctx.stroke();
+            ctx.fillStyle = accentFg;
+            ctx.font = `600 9px ${fontFamily}`;
             ctx.textAlign = "center";
-            ctx.fillText(node.label, node.x, node.y + radius + 12);
+            ctx.textBaseline = "middle";
+            ctx.fillText(String(node.badge), bx, by + 0.5);
           }
         }
         ctx.restore();
@@ -38271,11 +37696,21 @@ var init_GraphCanvas = __esm({
             if (!coords) return;
             const node = nodeAt(coords.graphX, coords.graphY);
             if (node) {
+              if (node.badge && node.badge > 1 && onBadgeClick) {
+                const r2 = (node.size || 8) + (selectedNodeId === node.id ? 4 : 0);
+                const bx = node.x + r2 * 0.7;
+                const by = node.y - r2 * 0.7;
+                const br = Math.max(7, Math.min(11, r2 * 0.45)) + 3;
+                if (Math.hypot(coords.graphX - bx, coords.graphY - by) <= br) {
+                  onBadgeClick(node);
+                  return;
+                }
+              }
               handleNodeClick(node);
             }
           }
         },
-        [toCoords, nodeAt, handleNodeClick]
+        [toCoords, nodeAt, handleNodeClick, onBadgeClick, selectedNodeId]
       );
       const handlePointerLeave = React90.useCallback(() => {
         setHoveredNode(null);
@@ -42796,7 +42231,7 @@ function getAllEvents(traits2) {
 function EventDispatcherTab({ traits: traits2, schema }) {
   const eventBus = useEventBus();
   const { t } = hooks.useTranslate();
-  const [log12, setLog] = React90__namespace.useState([]);
+  const [log11, setLog] = React90__namespace.useState([]);
   const prevStatesRef = React90__namespace.useRef(/* @__PURE__ */ new Map());
   React90__namespace.useEffect(() => {
     for (const trait of traits2) {
@@ -42860,9 +42295,9 @@ function EventDispatcherTab({ traits: traits2, schema }) {
       /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "small", weight: "medium", className: "text-gray-500 mb-1", children: t("debug.otherEvents") }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1", children: unavailableEvents.map((event) => /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "default", size: "sm", className: "opacity-50", children: event }, event)) })
     ] }),
-    log12.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    log11.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
       /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "small", weight: "medium", className: "text-gray-500 mb-1", children: t("debug.recentTransitions") }),
-      /* @__PURE__ */ jsxRuntime.jsx(Stack, { gap: "xs", children: log12.map((entry, i) => /* @__PURE__ */ jsxRuntime.jsxs(Typography, { variant: "small", className: "font-mono text-xs", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Stack, { gap: "xs", children: log11.map((entry, i) => /* @__PURE__ */ jsxRuntime.jsxs(Typography, { variant: "small", className: "font-mono text-xs", children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-purple-400", children: entry.traitName }),
         " ",
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-500", children: entry.from }),
@@ -46264,7 +45699,7 @@ function SlotContentRenderer({
         if (typeof propValue !== "string") continue;
         const propDef = propsSchema[propKey];
         if (!propDef || propDef.kind !== "callback") continue;
-        renderedProps[propKey] = wrapCallbackForEvent(
+        renderedProps[propKey] = ui.wrapCallbackForEvent(
           `UI:${propValue}`,
           propDef.callbackArgs,
           (eventKey, payload) => eventBus.emit(eventKey, payload)
@@ -49866,85 +49301,12 @@ function useResolvedSchema(schema, pageName) {
   }, [ir, pageName, loading, error, schema]);
   return result;
 }
-
-// lib/embedded-traits.ts
-var TRAIT_BINDING_PREFIX = "@trait.";
-function collectTraitRefsFromValue(value, into) {
-  if (value === null || value === void 0) return;
-  if (typeof value === "string") {
-    if (value.startsWith(TRAIT_BINDING_PREFIX)) {
-      const rest = value.slice(TRAIT_BINDING_PREFIX.length);
-      const dot = rest.indexOf(".");
-      const traitName = dot === -1 ? rest : rest.slice(0, dot);
-      if (traitName.length > 0) into.add(traitName);
-    }
-    return;
-  }
-  if (Array.isArray(value)) {
-    for (const item of value) collectTraitRefsFromValue(item, into);
-    return;
-  }
-  if (typeof value === "object") {
-    for (const v of Object.values(value)) {
-      collectTraitRefsFromValue(v, into);
-    }
-  }
-}
-function collectTraitRefsFromEffects(effects, into) {
-  if (!effects) return;
-  for (const effect of effects) {
-    if (!Array.isArray(effect)) continue;
-    if (effect[0] === "render-ui" && effect.length >= 3) {
-      collectTraitRefsFromValue(effect[2], into);
-      continue;
-    }
-    for (let i = 1; i < effect.length; i++) {
-      const arg = effect[i];
-      if (Array.isArray(arg)) collectTraitRefsFromEffects([arg], into);
-      else collectTraitRefsFromValue(arg, into);
-    }
-  }
-}
-function collectTraitRefsFromResolvedTrait(trait) {
-  const out = /* @__PURE__ */ new Set();
-  for (const transition of trait.transitions ?? []) {
-    collectTraitRefsFromEffects(transition.effects, out);
-  }
-  for (const tick of trait.ticks ?? []) {
-    collectTraitRefsFromEffects(tick.effects, out);
-  }
-  return out;
-}
-function collectEmbeddedTraits(schema) {
-  const out = /* @__PURE__ */ new Set();
-  if (!schema?.orbitals) return out;
-  for (const orbital of schema.orbitals) {
-    const traits2 = orbital.traits;
-    if (!Array.isArray(traits2)) continue;
-    for (const traitRef of traits2) {
-      if (!traitRef || typeof traitRef !== "object") continue;
-      const resolved = traitRef._resolved;
-      const target = resolved && typeof resolved === "object" ? resolved : traitRef;
-      if (target.config) {
-        collectTraitRefsFromValue(target.config, out);
-      }
-      const transitions = target.stateMachine?.transitions;
-      if (!Array.isArray(transitions)) continue;
-      for (const t of transitions) {
-        collectTraitRefsFromEffects(t.effects, out);
-      }
-      collectTraitRefsFromEffects(target.initialEffects, out);
-      const ticks2 = target.ticks;
-      if (Array.isArray(ticks2)) {
-        for (const tick of ticks2) {
-          collectTraitRefsFromEffects(tick.effects, out);
-        }
-      }
-    }
-  }
-  return out;
-}
 var lambdaLog = logger.createLogger("almadar:ui:fn-form-lambda");
+function isOperatorCall(value) {
+  const first = value[0];
+  if (typeof first !== "string") return false;
+  return registry.isKnownStdOperator(first) || first.includes("/") || first === "lambda" || first === "let";
+}
 function isFnFormLambda(value) {
   if (!Array.isArray(value)) return false;
   const arr = value;
@@ -49984,7 +49346,14 @@ function resolveLambdaBindings(body, params, item, index) {
     return body;
   }
   if (Array.isArray(body)) {
-    return body.map((b) => recur(b));
+    if (isFnFormLambda(body)) return body;
+    const arr = body;
+    const substituted = arr.map((b) => recur(b));
+    if (isOperatorCall(substituted) && core.isSExpr(substituted)) {
+      const evaluated = evaluator.evaluate(substituted, evaluator.createMinimalContext());
+      return core.isEventPayloadValue(evaluated) ? evaluated : String(evaluated);
+    }
+    return substituted;
   }
   if (body !== null && typeof body === "object" && !React90__namespace.default.isValidElement(body) && !(body instanceof Date) && typeof body !== "function") {
     const out = {};
@@ -50077,27 +49446,27 @@ var log7 = logger.createLogger("almadar:ui:shared-entity-store");
 var EMPTY_ENTITY_STATE = {};
 function createSharedEntityStore() {
   const states = /* @__PURE__ */ new Map();
-  const subscribers2 = /* @__PURE__ */ new Map();
+  const subscribers = /* @__PURE__ */ new Map();
   const getSnapshot2 = (entityId) => states.get(entityId) ?? EMPTY_ENTITY_STATE;
   const subscribe = (entityId, callback) => {
-    let set = subscribers2.get(entityId);
+    let set = subscribers.get(entityId);
     if (!set) {
       set = /* @__PURE__ */ new Set();
-      subscribers2.set(entityId, set);
+      subscribers.set(entityId, set);
     }
     set.add(callback);
     return () => {
-      const current = subscribers2.get(entityId);
+      const current = subscribers.get(entityId);
       if (!current) return;
       current.delete(callback);
       if (current.size === 0) {
-        subscribers2.delete(entityId);
+        subscribers.delete(entityId);
       }
     };
   };
   const commit = (entityId, nextState) => {
     states.set(entityId, nextState);
-    const set = subscribers2.get(entityId);
+    const set = subscribers.get(entityId);
     if (!set) return;
     set.forEach((callback) => {
       try {
@@ -50301,8 +49670,8 @@ function getBindingConfig(binding) {
 function evalFieldDefault(value) {
   if (!Array.isArray(value) || value.length === 0) return value;
   const head = value[0];
-  const isSExpr = typeof head === "string" && (head.includes("/") || head === "let" || head === "if" || head === "lambda");
-  if (!isSExpr) return value;
+  const isSExpr2 = typeof head === "string" && (head.includes("/") || head === "let" || head === "if" || head === "lambda");
+  if (!isSExpr2) return value;
   try {
     return evaluator.evaluate(value, evaluator.createMinimalContext({}, {}, ""));
   } catch {
@@ -50376,7 +49745,9 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
     const traitDefs = traitBindings.map(toTraitDefinition);
     const m = new runtime.StateMachineManager(traitDefs);
     for (const binding of traitBindings) {
-      const cfg = getBindingConfig(binding) ?? traitConfigsByName?.[binding.trait.name];
+      const rawCfg = getBindingConfig(binding);
+      const resolvedCfg = traitConfigsByName?.[binding.trait.name];
+      const cfg = rawCfg || resolvedCfg ? { ...rawCfg ?? {}, ...resolvedCfg ?? {} } : void 0;
       if (cfg !== void 0) {
         m.setTraitConfig(binding.trait.name, cfg);
       }
@@ -50554,7 +49925,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
     };
   }, [traitBindings]);
   const executeTransitionEffects = React90.useCallback(async (params) => {
-    const { binding, previousState, newState, payload, flushEvent, syncOnly, log: log12 } = params;
+    const { binding, previousState, newState, payload, flushEvent, syncOnly, log: log11 } = params;
     const traitName = binding.trait.name;
     const linkedEntity = binding.linkedEntity || "";
     const entityId = payload?.entityId;
@@ -50628,10 +49999,20 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
         state: previousState
       };
       const sharedDeclared = runtime.collectDeclaredConfigDefaults(binding.trait);
-      const sharedCallSite = getBindingConfig(binding);
-      if (sharedDeclared || sharedCallSite) {
+      const sharedResolved = traitConfigsByName?.[traitName];
+      const sharedCallSiteRaw = getBindingConfig(binding);
+      const sharedCallSite = sharedCallSiteRaw ? runtime.resolveCallSitePayloadCaptures(
+        Object.fromEntries(
+          Object.entries(sharedCallSiteRaw).filter(
+            ([, v]) => !(typeof v === "string" && v.startsWith("@config."))
+          )
+        ),
+        payload || {}
+      ) : void 0;
+      if (sharedDeclared || sharedResolved || sharedCallSite) {
         sharedBindings.config = {
           ...sharedDeclared ?? {},
+          ...sharedResolved ?? {},
           ...sharedCallSite ?? {}
         };
       }
@@ -50665,7 +50046,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
       ...handlers,
       set: async (targetId, field, value) => {
         if (baseSet) await baseSet(targetId, field, value);
-        log12.debug("set:write", {
+        log11.debug("set:write", {
           traitName,
           field,
           value: JSON.stringify(value),
@@ -50679,11 +50060,21 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
       state: previousState
     };
     const declaredDefaults = runtime.collectDeclaredConfigDefaults(binding.trait);
+    const resolvedDefaults = traitConfigsByName?.[traitName];
     const callSiteConfig = getBindingConfig(binding);
-    if (declaredDefaults || callSiteConfig) {
+    const callSiteOverrides = callSiteConfig ? runtime.resolveCallSitePayloadCaptures(
+      Object.fromEntries(
+        Object.entries(callSiteConfig).filter(
+          ([, v]) => !(typeof v === "string" && v.startsWith("@config."))
+        )
+      ),
+      payload || {}
+    ) : void 0;
+    if (declaredDefaults || resolvedDefaults || callSiteOverrides) {
       bindingCtx.config = {
         ...declaredDefaults ?? {},
-        ...callSiteConfig ?? {}
+        ...resolvedDefaults ?? {},
+        ...callSiteOverrides ?? {}
       };
     }
     if (traitName === "Authority" || traitName === "Hero") {
@@ -50732,7 +50123,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
       if (sharedKey !== void 0) {
         sharedEntityStore.commit(sharedKey, liveEntity);
       }
-      log12.debug("effects:executed", () => ({
+      log11.debug("effects:executed", () => ({
         traitName,
         transition: `${previousState}->${newState}`,
         event: flushEvent,
@@ -50742,7 +50133,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
         slotsTouched: Array.from(pendingSlots.keys()).join(",")
       }));
       for (const [slot, patterns] of pendingSlots) {
-        log12.debug("flush:slot", {
+        log11.debug("flush:slot", {
           traitName,
           slot,
           patternCount: patterns.length,
@@ -50757,7 +50148,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
         });
       }
     } catch (error) {
-      log12.error("effects:error", {
+      log11.error("effects:error", {
         traitName,
         transition: `${previousState}->${newState}`,
         event: flushEvent,
@@ -50779,7 +50170,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
         payload: {},
         state: currentState
       };
-      const bindingCfg = getBindingConfig(binding);
+      const bindingCfg = getBindingConfig(binding) ?? traitConfigsByName?.[traitName];
       if (bindingCfg) {
         guardCtx.config = bindingCfg;
       }
@@ -51142,17 +50533,19 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
   }, [traitBindings, eventBus, enqueueAndDrain]);
   React90.useEffect(() => {
     const mgr = managerRef.current;
-    const inited = initedTraitsRef.current;
+    const eventsToFire = /* @__PURE__ */ new Set();
     for (const binding of traitBindings) {
       const traitName = binding.trait.name;
-      if (inited.has(traitName)) continue;
       const lifecycleEvent = LIFECYCLE_EVENTS.find(
         (evt) => mgr.canHandleEvent(traitName, evt)
       );
-      if (lifecycleEvent === void 0) continue;
-      inited.add(traitName);
-      stateLog.debug("mount:fire-lifecycle", { traitName, event: lifecycleEvent });
-      enqueueAndDrain(lifecycleEvent, {});
+      if (lifecycleEvent !== void 0) {
+        eventsToFire.add(lifecycleEvent);
+      }
+    }
+    for (const event of eventsToFire) {
+      stateLog.debug("mount:fire-lifecycle", { event, traitCount: traitBindings.length });
+      enqueueAndDrain(event, {});
     }
     return () => {
       initedTraitsRef.current = /* @__PURE__ */ new Set();
@@ -51166,228 +50559,8 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
   };
 }
 
-// lib/orbitalsByTrait.ts
-function buildOrbitalsByTrait(schema, resolvedPages = []) {
-  const map = {};
-  if (!schema?.orbitals) return map;
-  const pagePathToOrbital = {};
-  for (const orb of schema.orbitals) {
-    for (const traitRef of orb.traits ?? []) {
-      let traitName;
-      if (typeof traitRef === "string") {
-        const parts = traitRef.split(".");
-        traitName = parts[parts.length - 1];
-      } else if (typeof traitRef.ref === "string") {
-        const parts = traitRef.ref.split(".");
-        traitName = traitRef.name ?? parts[parts.length - 1];
-      } else if (typeof traitRef.name === "string") {
-        traitName = traitRef.name;
-      }
-      if (traitName) map[traitName] = orb.name;
-    }
-    for (const pg of orb.pages ?? []) {
-      const path = typeof pg === "string" ? pg : pg?.path;
-      if (path) pagePathToOrbital[path] = orb.name;
-    }
-  }
-  for (const page of resolvedPages) {
-    const orbital = page.path ? pagePathToOrbital[page.path] : void 0;
-    if (!orbital) continue;
-    for (const traitName of page.traitNames) {
-      if (traitName && !(traitName in map)) map[traitName] = orbital;
-    }
-  }
-  return map;
-}
-
 // runtime/OrbPreview.tsx
 init_verificationRegistry();
-var PERF_NAMESPACE = "almadar:perf:canvas";
-var log9 = logger.createLogger(PERF_NAMESPACE);
-var RING_SIZE = 50;
-var ring = [];
-var writeIdx = 0;
-var subscribers = /* @__PURE__ */ new Set();
-var notifyScheduled = false;
-function scheduleNotify() {
-  if (notifyScheduled) return;
-  notifyScheduled = true;
-  queueMicrotask(() => {
-    notifyScheduled = false;
-    for (const fn of subscribers) fn();
-  });
-}
-function push(entry) {
-  if (ring.length < RING_SIZE) {
-    ring.push(entry);
-  } else {
-    ring[writeIdx] = entry;
-  }
-  writeIdx = (writeIdx + 1) % RING_SIZE;
-  scheduleNotify();
-}
-function isEnabled() {
-  return logger.isLogLevelEnabled("DEBUG", PERF_NAMESPACE);
-}
-function now() {
-  return typeof performance !== "undefined" && typeof performance.now === "function" ? performance.now() : Date.now();
-}
-function perfStart(name) {
-  if (!isEnabled()) return -1;
-  if (typeof performance !== "undefined" && typeof performance.mark === "function") {
-    try {
-      performance.mark(`${name}-start`);
-    } catch {
-    }
-  }
-  return now();
-}
-function perfEnd(name, startToken, detail) {
-  if (startToken < 0 || !isEnabled()) return;
-  const endTs = now();
-  const durationMs = endTs - startToken;
-  if (typeof performance !== "undefined" && typeof performance.measure === "function") {
-    try {
-      performance.mark(`${name}-end`);
-      performance.measure(name, `${name}-start`, `${name}-end`);
-    } catch {
-    }
-  }
-  push({ name, durationMs, ts: endTs, detail });
-  log9.debug(name, () => ({ durationMs, ...detail ?? {} }));
-}
-var profilerOnRender = (id, phase, actualDuration, baseDuration, _startTime, commitTime) => {
-  if (!isEnabled()) return;
-  push({
-    name: `profiler:${id}:${phase}`,
-    durationMs: actualDuration,
-    ts: commitTime,
-    detail: { baseDuration }
-  });
-  log9.debug(`profiler:${id}:${phase}`, () => ({ actualDuration, baseDuration }));
-};
-
-// lib/prepareSchemaForPreview.ts
-function generateEntityRow(entity, idx) {
-  const row = { id: String(idx) };
-  for (const f3 of entity.fields) {
-    if (f3.name === void 0 || f3.name === "id") continue;
-    row[f3.name] = generateFieldValue(entity.name, f3, idx);
-  }
-  return row;
-}
-function generateFieldValue(entityName, field, idx) {
-  if ("values" in field && field.values && field.values.length > 0) {
-    return field.values[(idx - 1) % field.values.length];
-  }
-  const fieldName = field.name ?? "";
-  switch (field.type) {
-    case "string":
-      return `${entityName} ${fieldName.charAt(0).toUpperCase() + fieldName.slice(1)} ${idx}`;
-    case "number":
-      return idx * 10;
-    case "boolean":
-      return idx % 2 === 0;
-    default:
-      return field.default ?? null;
-  }
-}
-function buildMockData(schema) {
-  const t = perfStart("build-mock-data");
-  const result = {};
-  for (const orbital of schema.orbitals) {
-    const entity = orbital.entity;
-    if (!entity || typeof entity === "string") continue;
-    if (core.isEntityCall(entity)) continue;
-    const entityName = entity.name;
-    if (!entityName) continue;
-    if (entity.instances && entity.instances.length > 0) {
-      result[entityName] = entity.instances;
-      continue;
-    }
-    const rows = Array.from(
-      { length: 10 },
-      (_, i) => generateEntityRow(entity, i + 1)
-    );
-    result[entityName] = rows;
-  }
-  for (const orbital of schema.orbitals) {
-    for (const traitRef of orbital.traits ?? []) {
-      if (!isInlineTrait3(traitRef)) continue;
-      const trait = traitRef;
-      const sourceEntity = trait.sourceEntityDefinition;
-      if (!sourceEntity || core.isEntityCall(sourceEntity)) continue;
-      const sourceName = sourceEntity.name;
-      if (!sourceName) continue;
-      if (!result[sourceName]) {
-        result[sourceName] = sourceEntity.instances && sourceEntity.instances.length > 0 ? sourceEntity.instances : Array.from(
-          { length: 10 },
-          (_, i) => generateEntityRow(sourceEntity, i + 1)
-        );
-      }
-      const reboundName = trait.linkedEntity;
-      if (!reboundName || reboundName === sourceName) continue;
-      const reboundRows = result[reboundName];
-      if (!reboundRows || reboundRows.length === 0) continue;
-      reboundRows.forEach((row, i) => {
-        for (const f3 of sourceEntity.fields) {
-          if (f3.name === void 0 || f3.name === "id") continue;
-          if (row[f3.name] !== void 0) continue;
-          row[f3.name] = generateFieldValue(sourceName, f3, i + 1);
-        }
-      });
-    }
-  }
-  perfEnd("build-mock-data", t, { orbitalCount: schema.orbitals.length, entityCount: Object.keys(result).length });
-  return result;
-}
-function isInlineTrait3(traitRef) {
-  return typeof traitRef === "object" && traitRef !== null && "stateMachine" in traitRef;
-}
-function findDataState(sm, initialStateName) {
-  return sm.states.find((s) => {
-    if (s.name === initialStateName) return false;
-    return sm.transitions.some(
-      (t) => t.event === "INIT" && (t.from === s.name || Array.isArray(t.from) && t.from.includes(s.name))
-    );
-  });
-}
-function rewriteTraitInitialState(trait, mockData) {
-  const sm = trait.stateMachine;
-  if (!sm) return trait;
-  const linkedEntity = trait.linkedEntity;
-  if (!linkedEntity || !mockData[linkedEntity]?.length) return trait;
-  const initialStateName = sm.states.find((s) => s.isInitial)?.name ?? sm.states[0]?.name;
-  if (!initialStateName) return trait;
-  const dataState = findDataState(sm, initialStateName);
-  if (!dataState) return trait;
-  const updatedStates = sm.states.map((s) => {
-    if (s.name === initialStateName) return { ...s, isInitial: false };
-    if (s.name === dataState.name) return { ...s, isInitial: true };
-    return s;
-  });
-  return { ...trait, stateMachine: { ...sm, states: updatedStates } };
-}
-function adjustSchemaForMockData(schema, mockData) {
-  let changed = false;
-  const updatedOrbitals = schema.orbitals.map((orbital) => {
-    const traits2 = orbital.traits ?? [];
-    const updatedTraits = traits2.map((traitRef) => {
-      if (!isInlineTrait3(traitRef)) return traitRef;
-      const updated = rewriteTraitInitialState(traitRef, mockData);
-      if (updated !== traitRef) changed = true;
-      return updated;
-    });
-    return changed ? { ...orbital, traits: updatedTraits } : orbital;
-  });
-  return changed ? { ...schema, orbitals: updatedOrbitals } : schema;
-}
-function prepareSchemaForPreview(input) {
-  const parsed = typeof input === "string" ? JSON.parse(input) : input;
-  const mockData = buildMockData(parsed);
-  const schema = adjustSchemaForMockData(parsed, mockData);
-  return { schema, mockData };
-}
 var xOrbitalLog = logger.createLogger("almadar:runtime:cross-orbital");
 var navLog = logger.createLogger("almadar:runtime:navigation");
 function normalizeChild(child) {
@@ -51554,7 +50727,7 @@ function SchemaRunner({ schema, serverUrl, transport, mockData, pageName, onNavi
     while (queue.length > 0) {
       const binding = queue.shift();
       if (!binding) continue;
-      for (const refName of collectTraitRefsFromResolvedTrait(binding.trait)) {
+      for (const refName of ui.collectTraitRefsFromResolvedTrait(binding.trait)) {
         if (byName.has(refName)) continue;
         const rt = allTraits.get(refName);
         if (!rt) continue;
@@ -51572,7 +50745,7 @@ function SchemaRunner({ schema, serverUrl, transport, mockData, pageName, onNavi
     return orbitals.map((o) => o.name);
   }, [schema]);
   const orbitalsByTrait = React90.useMemo(
-    () => buildOrbitalsByTrait(
+    () => ui.buildOrbitalsByTrait(
       schema,
       ir ? Array.from(ir.pages.values()).map((p) => ({
         path: p.path,
@@ -51621,26 +50794,12 @@ function SchemaRunner({ schema, serverUrl, transport, mockData, pageName, onNavi
       pageOrbitalNames: pageOrbitalNames.join(",")
     });
   }, [pageName, allPageTraits, orbitalsByTrait, pageOrbitalNames]);
-  const traitConfigsByName = React90.useMemo(() => {
-    const map = {};
-    const orbitals = schema?.orbitals;
-    if (!orbitals) return map;
-    for (const orb of orbitals) {
-      const traitRefs = orb.traits;
-      if (!traitRefs) continue;
-      for (const t of traitRefs) {
-        if (typeof t === "string") continue;
-        const name = t.name ?? t.ref;
-        const config = t.config;
-        if (typeof name === "string" && config !== void 0) {
-          map[name] = config;
-        }
-      }
-    }
-    return map;
-  }, [schema]);
+  const traitConfigsByName = React90.useMemo(
+    () => core.buildResolvedTraitConfigs(schema),
+    [schema]
+  );
   const embeddedTraits = React90.useMemo(() => {
-    const set = collectEmbeddedTraits(schema);
+    const set = ui.collectEmbeddedTraits(schema);
     xOrbitalLog.info("SchemaRunner:embeddedTraits", {
       pageName,
       embedded: Array.from(set),
@@ -51725,7 +50884,7 @@ function OrbPreview({
       parsed = schema;
     }
     if (autoMock && !serverUrl && !transport) {
-      const prepared = prepareSchemaForPreview(parsed);
+      const prepared = ui.prepareSchemaForPreview(parsed);
       return { ok: true, schema: prepared.schema, mockData: prepared.mockData };
     }
     return { ok: true, schema: parsed, mockData: mockData ?? {} };
@@ -51907,7 +51066,7 @@ init_useEventBus();
 // components/avl/hooks/useCanvasDnd.tsx
 init_useEventBus();
 init_useAlmadarDndCollision();
-var log10 = logger.createLogger("almadar:ui:canvas-dnd");
+var log9 = logger.createLogger("almadar:ui:canvas-dnd");
 function useCanvasDraggable({
   id,
   payload,
@@ -51946,7 +51105,7 @@ function defaultEmit(eventBus, drop) {
   if (payload.kind === "pattern") {
     const patternType = payload.data["type"];
     if (typeof patternType !== "string") {
-      log10.warn("default-emit:pattern:missing-type");
+      log9.warn("default-emit:pattern:missing-type");
       return;
     }
     const out = { patternType, containerNode: target.containerNode };
@@ -51955,23 +51114,23 @@ function defaultEmit(eventBus, drop) {
       out.index = resolved.index;
     }
     eventBus.emit("UI:PATTERN_DROP", out);
-    log10.info("default-emit:pattern", { patternType, level: target.level });
+    log9.info("default-emit:pattern", { patternType, level: target.level });
     return;
   }
   if (payload.kind === "behavior") {
     const behaviorName = payload.data["name"];
     if (typeof behaviorName !== "string") {
-      log10.warn("default-emit:behavior:missing-name");
+      log9.warn("default-emit:behavior:missing-name");
       return;
     }
     eventBus.emit("UI:BEHAVIOR_DROP", {
       behaviorName,
       containerNode: target.containerNode
     });
-    log10.info("default-emit:behavior", { behaviorName, level: target.level });
+    log9.info("default-emit:behavior", { behaviorName, level: target.level });
     return;
   }
-  log10.debug("default-emit:unhandled-kind", { kind: payload.kind });
+  log9.debug("default-emit:unhandled-kind", { kind: payload.kind });
 }
 function CanvasDndProvider({
   children,
@@ -51987,9 +51146,9 @@ function CanvasDndProvider({
     if (payload) {
       setActivePayload(payload);
       eventBus.emit("UI:DRAG_START", { kind: payload.kind, data: payload.data });
-      log10.info("dragStart", { id: e.active.id, kind: payload.kind });
+      log9.info("dragStart", { id: e.active.id, kind: payload.kind });
     } else {
-      log10.warn("dragStart:missing-payload", { id: e.active.id });
+      log9.warn("dragStart:missing-payload", { id: e.active.id });
     }
   }, [eventBus]);
   const handleDragEnd = React90__namespace.default.useCallback((e) => {
@@ -51999,7 +51158,7 @@ function CanvasDndProvider({
     const overData = e.over?.data.current;
     const target = overData?.target;
     const accepts = overData?.accepts;
-    log10.info("dragEnd", {
+    log9.info("dragEnd", {
       activeId: e.active.id,
       overId: e.over?.id,
       hasPayload: !!payload,
@@ -52011,7 +51170,7 @@ function CanvasDndProvider({
     }
     if (!payload || !target) return;
     if (accepts && !accepts.includes(payload.kind)) {
-      log10.debug("dragEnd:rejected:kind", { kind: payload.kind, accepts: [...accepts] });
+      log9.debug("dragEnd:rejected:kind", { kind: payload.kind, accepts: [...accepts] });
       return;
     }
     const activator = e.activatorEvent;
@@ -52023,7 +51182,7 @@ function CanvasDndProvider({
   }, [eventBus, onDrop]);
   const handleDragCancel = React90__namespace.default.useCallback(() => {
     setActivePayload(null);
-    log10.info("dragCancel");
+    log9.info("dragCancel");
   }, []);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     core$1.DndContext,
@@ -53856,7 +53015,7 @@ init_AvlTransitionLane();
 init_AvlSwimLane();
 init_avl_atom_types();
 init_avl_elk_layout();
-var log11 = logger.createLogger("almadar:ui:avl:trait-scene");
+var log10 = logger.createLogger("almadar:ui:avl:trait-scene");
 var SWIM_GUTTER2 = 120;
 var CENTER_W2 = 360;
 var AvlTraitScene = ({
@@ -53869,7 +53028,7 @@ var AvlTraitScene = ({
   const dataKey = React90.useMemo(() => JSON.stringify(data), [data]);
   React90.useEffect(() => {
     computeTraitLayout(data).then(setLayout).catch((error) => {
-      log11.error("computeTraitLayout failed", { error: error instanceof Error ? error : String(error) });
+      log10.error("computeTraitLayout failed", { error: error instanceof Error ? error : String(error) });
     });
   }, [dataKey]);
   if (!layout) {
@@ -54062,6 +53221,14 @@ TraitCardNode.displayName = "TraitCardNode";
 
 // components/avl/organisms/FlowCanvas.tsx
 init_useEventBus();
+var profilerOnRender = (id, phase, actualDuration, baseDuration, _startTime, commitTime) => {
+  ui.pushPerfEntry({
+    name: `profiler:${id}:${phase}`,
+    durationMs: actualDuration,
+    ts: commitTime,
+    detail: { baseDuration }
+  });
+};
 var flowCanvasLog = logger.createLogger("almadar:ui:flow-canvas");
 var NODE_TYPES = {
   preview: OrbPreviewNode,
@@ -54158,13 +53325,13 @@ function FlowCanvasInner({
   }), [selectedPattern]);
   const [atBehaviorLevel, setAtBehaviorLevel] = React90.useState(composeLevel === "behavior");
   const { composeNodes, composeEdges, overviewNodes, overviewEdges, expandedNodes, expandedEdges, behaviorExpandedNodes, behaviorExpandedEdges, traitExpandedNodes, traitExpandedEdges } = React90.useMemo(() => {
-    const t2 = perfStart("compose-graph");
+    const t2 = ui.perfStart("compose-graph");
     const compose = composeLevel === "behavior" && behaviorEntries?.length ? behaviorsToComposeGraph(behaviorEntries, behaviorWires ?? [], layoutHint) : { nodes: [], edges: [] };
     const overview = schemaToOverviewGraph(parsedSchema, mockData, behaviorMeta, layoutHint, orbitalStatus, screenSize);
     const expanded = expandedOrbital ? orbitalToExpandedGraph(parsedSchema, expandedOrbital, mockData, screenSize) : { nodes: [], edges: [] };
     const behaviorExpanded = expandedOrbital && expandedBehaviorAlias ? orbitalAliasToExpandedGraph(parsedSchema, expandedOrbital, expandedBehaviorAlias, mockData, screenSize) : { nodes: [], edges: [] };
     const traitExpanded = expandedOrbital ? orbitalToTraitGraph(parsedSchema, expandedOrbital) : { nodes: [], edges: [] };
-    perfEnd("compose-graph", t2, {
+    ui.perfEnd("compose-graph", t2, {
       composeNodes: compose.nodes.length,
       overviewNodes: overview.nodes.length,
       expandedNodes: expanded.nodes.length,