@almadar/ui 5.112.0 → 5.114.0

package/dist/components/index.js

@@ -12,6 +12,7 @@ import { useTranslate } from '@almadar/ui/hooks';
 import { useUISlots, useTheme } from '@almadar/ui/context';
 import { evaluate, createMinimalContext } from '@almadar/evaluator';
 import { createPortal } from 'react-dom';
+import { wrapCallbackForEvent } from '@almadar/runtime/ui';
 import { Link, Outlet, useLocation } from 'react-router-dom';
 import ELK from 'elkjs/lib/elk.bundled.js';
 import SyntaxHighlighter from 'react-syntax-highlighter/dist/esm/prism-light.js';
@@ -1224,41 +1225,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 = React73__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__ */ jsx(
-    React73__default.Suspense,
-    {
-      fallback: /* @__PURE__ */ jsx(
-        "span",
-        {
-          "aria-hidden": true,
-          className: props.className,
-          style: { display: "inline-block", ...props.style }
-        }
-      ),
-      children: /* @__PURE__ */ jsx(Lazy, { ...props })
-    }
-  );
-  Wrapped.displayName = `Lazy.${libKey}.${fallbackName}`;
-  return Wrapped;
-}
 function isComponentLike(v) {
   return v != null && (typeof v === "function" || typeof v === "object");
 }
@@ -1272,146 +1238,32 @@ function resolveLucide(name) {
   if (isComponentLike(asIs)) return asIs;
   return LucideIcons2.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__ */ 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__ */ 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__ */ 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__ */ jsx(
-      LucideComp,
-      {
-        className: props.className,
-        strokeWidth: stroke,
-        style,
-        size: props.size
-      }
-    );
-  };
-  Adapter.displayName = `Lucide.${name}${isFallback ? ".fallback" : ""}`;
+  const Adapter = (props) => /* @__PURE__ */ 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.X,
       trash: LucideIcons2.Trash2,
@@ -1424,478 +1276,6 @@ var init_iconFamily = __esm({
       "sort-asc": LucideIcons2.ArrowUpNarrowWide,
       "sort-desc": LucideIcons2.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) {
@@ -1976,7 +1356,7 @@ var init_Icon = __esm({
       const family = useIconFamily();
       const RenderedComponent = React73__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 = {
@@ -2355,7 +1735,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",
@@ -2400,6 +1780,7 @@ var init_Input = __esm({
         icon: iconProp,
         clearable,
         onClear,
+        action,
         value,
         options,
         rows: rows2 = 3,
@@ -2449,6 +1830,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__ */ jsxs("div", { className: "w-full", children: [
           label && /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-foreground mb-1", children: label }),
           field,
@@ -2522,6 +1908,7 @@ var init_Input = __esm({
                 type,
                 value,
                 onChange: handleChange,
+                onKeyDown: handleKeyDown,
                 className: baseClassName,
                 ...props
               }
@@ -3147,7 +2534,7 @@ var init_Badge = __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__ */ jsx(
       AtlasImage,
@@ -3159,7 +2546,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__ */ jsx(I, { width: px, height: px, className: cn("flex-shrink-0", className) });
 }
 var sizeMap;
@@ -7400,21 +6787,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"() {
   }
@@ -15768,9 +15140,9 @@ var init_isometric = __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) => {
@@ -15811,6 +15183,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;
@@ -15820,10 +15201,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;
@@ -15868,7 +15251,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) {
@@ -15922,7 +15307,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);
@@ -16027,12 +15414,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;
     }
   }
@@ -16047,6 +15436,7 @@ function buildHitIndex(items) {
 }
 var init_hitTest = __esm({
   "lib/drawable/hitTest.ts"() {
+    init_contract();
   }
 });
 function normalizeBackdrop(bg) {
@@ -16072,14 +15462,16 @@ function Canvas2D({
   cameraPos,
   bgColor
 }) {
+  const instanceId = useMemo(() => Math.random().toString(36).slice(2, 8), []);
+  function isDrawableLayer(node) {
+    return node.type === "draw-sprite-layer" || node.type === "draw-shape-layer" || node.type === "draw-text-layer";
+  }
   const layerSummaries = drawables?.map((d) => {
-    if (!d || typeof d !== "object") return d;
-    const rec = d;
-    return { type: rec.type, itemsLen: Array.isArray(rec.items) ? rec.items.length : void 0, firstItem: Array.isArray(rec.items) ? rec.items[0] : void 0 };
+    if (!isDrawableLayer(d)) return { type: d.type };
+    return { type: d.type, itemsLen: d.items.length, firstItem: d.items[0] };
   });
-  console.error("[debug:Canvas2D] " + JSON.stringify({ projection, scale, cameraMode: camera, cameraPos, drawablesCount: drawables?.length, layerSummaries }));
+  canvas2DLog.debug("Canvas2D render", { instanceId, projection, scale, cameraMode: camera, cameraPos: cameraPos ? JSON.stringify(cameraPos) : void 0, drawablesCount: drawables?.length, layerSummaries: layerSummaries ? JSON.stringify(layerSummaries) : void 0 });
   const backgroundImage = normalizeBackdrop(backgroundImageRaw);
-  const instanceId = useMemo(() => Math.random().toString(36).slice(2, 8), []);
   const isFree = projection === "free";
   const squareGrid = projection === "flat" || isFree || projection === "side";
   const layout = projection === "side" ? "free" : projection;
@@ -16214,7 +15606,7 @@ function Canvas2D({
     }
     const containerRect = containerRef.current?.getBoundingClientRect();
     const canvasRect = canvas.getBoundingClientRect();
-    console.error("[debug:Canvas2D:draw:" + instanceId + "] " + JSON.stringify({ viewportSize, baseOffsetX, cam: { x: cam.x, y: cam.y, zoom: cam.zoom }, cameraPos, containerRect: containerRect ? { width: containerRect.width, height: containerRect.height } : null, canvasRect: canvasRect ? { width: canvasRect.width, height: canvasRect.height } : null }));
+    canvas2DLog.debug("Canvas2D draw", { instanceId, viewportSize, baseOffsetX, cam: { x: cam.x, y: cam.y, zoom: cam.zoom }, cameraPos: cameraPos ? JSON.stringify(cameraPos) : void 0, containerRect: containerRect ? { width: containerRect.width, height: containerRect.height } : null, canvasRect: canvasRect ? { width: canvasRect.width, height: canvasRect.height } : null });
     const painter = createWebPainter(ctx, bumpAtlas);
     painter.save();
     painter.translate(viewportSize.width / 2, viewportSize.height / 2);
@@ -16426,6 +15818,7 @@ function Canvas2D({
     }
   );
 }
+var canvas2DLog;
 var init_Canvas2D = __esm({
   "components/game/molecules/Canvas2D.tsx"() {
     "use client";
@@ -16447,6 +15840,7 @@ var init_Canvas2D = __esm({
     init_paintDispatch();
     init_hitTest();
     init_isometric();
+    canvas2DLog = createLogger("almadar:ui:game-canvas");
     Canvas2D.displayName = "Canvas2D";
   }
 });
@@ -16485,7 +15879,7 @@ function Canvas({
   keyMap,
   keyUpMap
 }) {
-  console.error("[debug:Canvas] " + JSON.stringify({ mode, drawablesCount: drawables?.length, projection, camera }));
+  canvasLog.debug("Canvas render", { mode, drawablesCount: drawables?.length, projection, camera: camera ? JSON.stringify(camera) : void 0 });
   const zoom = camera?.zoom;
   if (mode === "3d") {
     const props3d = {
@@ -16538,7 +15932,7 @@ function Canvas({
     }
   );
 }
-var Canvas3DHost;
+var Canvas3DHost, canvasLog;
 var init_Canvas = __esm({
   "components/game/molecules/Canvas.tsx"() {
     "use client";
@@ -16546,6 +15940,7 @@ var init_Canvas = __esm({
     Canvas3DHost = lazy(
       () => import('@almadar/ui/components/molecules/game/three').then((m) => ({ default: m.Canvas3DHost }))
     );
+    canvasLog = createLogger("almadar:ui:game-canvas");
     Canvas.displayName = "Canvas";
   }
 });
@@ -20767,7 +20162,8 @@ function DataGrid({
   const { t } = useTranslate();
   const [selectedIds, setSelectedIds] = useState(/* @__PURE__ */ new Set());
   const [visibleCount, setVisibleCount] = 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,
@@ -20811,8 +20207,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 = {
@@ -37189,7 +36585,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) {
@@ -37235,6 +36631,7 @@ var init_GraphCanvas = __esm({
       actions,
       onNodeClick,
       onNodeDoubleClick,
+      onBadgeClick,
       nodeClickEvent,
       selectedNodeId,
       repulsion = 800,
@@ -37382,7 +36779,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;
@@ -37404,7 +36803,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++) {
@@ -37459,6 +36858,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);
@@ -37478,19 +36882,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);
           }
         }
@@ -37515,10 +36921,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.fillText(node.label, node.x, node.y + radius + 12);
+            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.textBaseline = "middle";
+            ctx.fillText(String(node.badge), bx, by + 0.5);
           }
         }
         ctx.restore();
@@ -37611,11 +37040,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 r = (node.size || 8) + (selectedNodeId === node.id ? 4 : 0);
+                const bx = node.x + r * 0.7;
+                const by = node.y - r * 0.7;
+                const br = Math.max(7, Math.min(11, r * 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 = useCallback(() => {
         setHoveredNode(null);