@almadar/ui 2.1.11 → 2.4.0

package/dist/components/index.js

@@ -1,17 +1,19 @@
-import { useAuthContext } from '../chunk-6OACETQB.js';
-export { ENTITY_EVENTS, useAgentChat, useAuthContext, useCompile, useConnectGitHub, useCreateEntity, useDeepAgentGeneration, useDeleteEntity, useDisconnectGitHub, useEntities, useEntitiesByType, useEntity as useEntityById, useEntityMutations, useExtensions, useFileEditor, useFileSystem, useGitHubBranches, useGitHubRepo, useGitHubRepos, useGitHubStatus, useInput, useOrbitalHistory, useOrbitalMutations, usePhysics, usePlayer, usePreview, useResolvedEntity, useSelectedEntity, useSendOrbitalEvent, useSingletonEntity, useUIEvents, useUpdateEntity, useValidation } from '../chunk-6OACETQB.js';
+import { useAuthContext } from '../chunk-42WRQA7T.js';
+export { ENTITY_EVENTS, useAgentChat, useAuthContext, useCompile, useConnectGitHub, useCreateEntity, useDeepAgentGeneration, useDeleteEntity, useDisconnectGitHub, useEntities, useEntitiesByType, useEntity as useEntityById, useEntityMutations, useExtensions, useFileEditor, useFileSystem, useGitHubBranches, useGitHubRepo, useGitHubRepos, useGitHubStatus, useInput, useOrbitalHistory, useOrbitalMutations, usePhysics, usePlayer, usePreview, useResolvedEntity, useSelectedEntity, useSendOrbitalEvent, useSingletonEntity, useUIEvents, useUpdateEntity, useValidation } from '../chunk-42WRQA7T.js';
 import { DEFAULT_CONFIG, renderStateMachineToDomData, parseContentSegments } from '../chunk-N6DJVKZ6.js';
 import '../chunk-3HJHHULT.js';
-import { VStack, HStack, Typography, Button, Icon, Box, Card, Avatar, Badge, SearchInput, Checkbox, Menu as Menu$1, Pagination, LoadingState, EmptyState, Modal, ErrorState, QuizBlock, CodeBlock, ScaledDiagram, MarkdownContent, Divider, ProgressBar, Stack, Select, Drawer, Toast, Tabs, Input, ThemeToggle, EntityDisplayEvents, HealthBar, ScoreDisplay, StateIndicator, Container } from '../chunk-CTNDYHXY.js';
-export { Accordion, Card2 as ActionCard, Alert, Avatar, Badge, Box, Breadcrumb, Button, ButtonGroup, Card, CardBody, CardContent, CardFooter, CardGrid, CardHeader, CardTitle, Center, Checkbox, CodeBlock, ConditionalWrapper, Container, ControlButton, DataTable, DetailPanel, Divider, Drawer, EmptyState, EntityDisplayEvents, ErrorBoundary, ErrorState, FilterGroup, Flex, FloatingActionButton, Form, FormField, FormSectionHeader, Grid, HStack, Heading, HealthBar, Icon, Input, InputGroup, Label, LawReferenceTooltip, LoadingState, MarkdownContent, MasterDetail, Menu, Modal, Overlay, PageHeader, Pagination, Popover, ProgressBar, QuizBlock, Radio, RelationSelect, RepeatableFormSection, ScaledDiagram, ScoreDisplay, SearchInput, Select, SidePanel, SimpleGrid, Skeleton, SlotContentRenderer, Spacer, Spinner, Sprite, Stack, StatCard, StateIndicator, Switch, Tabs, Text, TextHighlight, Textarea, ThemeSelector, ThemeToggle, Toast, Tooltip, Typography, UISlotComponent, UISlotRenderer, VStack, ViolationAlert, WizardNavigation, WizardProgress, drawSprite } from '../chunk-CTNDYHXY.js';
-import '../chunk-BTXQJGFB.js';
-import { useTranslate } from '../chunk-JLEMVREZ.js';
-export { EntityDataProvider, I18nProvider, createTranslate, entityDataKeys, parseQueryBinding, useEntity, useEntityDataAdapter, useEntityDetail, useEntityList, useEntityListSuspense, useEntitySuspense, useQuerySingleton, useTranslate } from '../chunk-JLEMVREZ.js';
+import { VStack, HStack, Typography, Button, Icon, Box, Card, Avatar, Badge, SearchInput, Checkbox, Menu as Menu$1, Pagination, LoadingState, EmptyState, Modal, ErrorState, QuizBlock, CodeBlock, ScaledDiagram, MarkdownContent, Divider, ProgressBar, Stack, Select, Drawer, Toast, Tabs, Input, ThemeToggle, EntityDisplayEvents, HealthBar, ScoreDisplay, StateIndicator, Container } from '../chunk-HWZL7IZG.js';
+export { Accordion, Card2 as ActionCard, Alert, Avatar, Badge, Box, Breadcrumb, Button, ButtonGroup, CalendarGrid, Card, CardBody, CardContent, CardFooter, CardGrid, CardHeader, CardTitle, Center, ChartLegend, Checkbox, CodeBlock, ConditionalWrapper, Container, ControlButton, DataGrid, DataList, DataTable, DateRangeSelector, DayCell, DetailPanel, Divider, Drawer, EmptyState, EntityDisplayEvents, ErrorBoundary, ErrorState, FilterGroup, Flex, FlipCard, FlipContainer, FloatingActionButton, Form, FormField, FormSectionHeader, GraphView, Grid, HStack, Heading, HealthBar, Icon, Input, InputGroup, Label, LawReferenceTooltip, LineChart, LoadingState, MarkdownContent, MasterDetail, Menu, Modal, Overlay, PageHeader, Pagination, Popover, ProgressBar, ProgressDots, QuizBlock, Radio, RelationSelect, RepeatableFormSection, ScaledDiagram, ScoreDisplay, SearchInput, Select, SidePanel, SimpleGrid, Skeleton, SlotContentRenderer, Spacer, Spinner, Sprite, Stack, StatCard, StateIndicator, Switch, Tabs, Text, TextHighlight, Textarea, ThemeSelector, ThemeToggle, TimeSlotCell, Toast, Tooltip, Typography, UISlotComponent, UISlotRenderer, VStack, ViolationAlert, WizardNavigation, WizardProgress, drawSprite } from '../chunk-HWZL7IZG.js';
+import '../chunk-DKQN5FVU.js';
+import { useTranslate } from '../chunk-GOZKH7QW.js';
+export { EntityDataProvider, I18nProvider, createTranslate, entityDataKeys, parseQueryBinding, useEntity, useEntityDataAdapter, useEntityDetail, useEntityList, useEntityListSuspense, useEntitySuspense, useQuerySingleton, useTranslate } from '../chunk-GOZKH7QW.js';
 import { useEventBus, useEventListener } from '../chunk-YXZM3WCF.js';
 export { useEmitEvent, useEventBus, useEventListener } from '../chunk-YXZM3WCF.js';
-export { DEFAULT_SLOTS, useUISlotManager } from '../chunk-7NEWMNNU.js';
+export { DEFAULT_SLOTS, useUISlotManager } from '../chunk-3JGAROCW.js';
 import { cn, getNestedValue } from '../chunk-KKCVDUK7.js';
 export { cn } from '../chunk-KKCVDUK7.js';
+import '../chunk-TSETXL2E.js';
+import '../chunk-K2D5D3WK.js';
 export { clearEntities, getAllEntities, getByType, getEntity, getSingleton, removeEntity, spawnEntity, updateEntity, updateSingleton } from '../chunk-N7MVUW4R.js';
 import { __publicField } from '../chunk-PKBMQBKP.js';
 import * as React from 'react';
@@ -446,7 +448,7 @@ var SidebarNavItem = ({ item, collapsed }) => {
             )
           }
         ),
-        !collapsed && /* @__PURE__ */ jsx(Typography, { variant: "body", className: "font-medium truncate flex-1 text-left", children: item.label }),
+        !collapsed && /* @__PURE__ */ jsx(Typography, { variant: "body", color: isActive ? "inherit" : "primary", className: "font-medium truncate flex-1 text-left", children: item.label }),
         !collapsed && item.badge !== void 0 && /* @__PURE__ */ jsx(Badge, { variant: "danger", size: "sm", children: item.badge }),
         collapsed && /* @__PURE__ */ jsx(Box, { className: cn(
           "absolute left-full ml-2 px-2 py-1 text-xs opacity-0 group-hover:opacity-100",
@@ -520,13 +522,7 @@ var Sidebar = ({
               ),
               onClick: handleLogoClick,
               children: [
-                logo ? typeof logo === "string" ? (
-                  // eslint-disable-next-line almadar/no-raw-dom-elements -- semantic img with src/alt
-                  /* @__PURE__ */ jsx("img", { src: logo, alt: brandName, className: "h-8 w-8" })
-                ) : logo : logoSrc ? (
-                  // eslint-disable-next-line almadar/no-raw-dom-elements -- semantic img with src/alt
-                  /* @__PURE__ */ jsx("img", { src: logoSrc, alt: brandName, className: "h-8 w-8" })
-                ) : /* @__PURE__ */ jsx(Box, { className: "h-8 w-8 bg-[var(--color-primary)] flex items-center justify-center rounded-[var(--radius-sm)]", children: /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-[var(--color-primary-foreground)] font-bold text-sm", children: "K" }) }),
+                logo ? typeof logo === "string" ? /* @__PURE__ */ jsx("img", { src: logo, alt: brandName, className: "h-8 w-8" }) : logo : logoSrc ? /* @__PURE__ */ jsx("img", { src: logoSrc, alt: brandName, className: "h-8 w-8" }) : /* @__PURE__ */ jsx(Box, { className: "h-8 w-8 bg-[var(--color-primary)] flex items-center justify-center rounded-[var(--radius-sm)]", children: /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-[var(--color-primary-foreground)] font-bold text-sm", children: "K" }) }),
                 !collapsed && /* @__PURE__ */ jsx(Typography, { variant: "body", className: "text-xl font-bold text-[var(--color-foreground)]", children: brandName })
               ]
             }
@@ -737,109 +733,90 @@ var Table = ({
     ) }),
     /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(Box, { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs("table", { className: "w-full", children: [
       /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "border-b-[length:var(--border-width)] border-[var(--color-table-border)]", children: [
-        selectable && // eslint-disable-next-line almadar/no-raw-dom-elements -- native table elements needed
-        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left bg-[var(--color-table-header)]", children: /* @__PURE__ */ jsx(
+        selectable && /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left bg-[var(--color-table-header)]", children: /* @__PURE__ */ jsx(
           Checkbox,
           {
             checked: allSelected,
             onChange: (e) => handleSelectAll(e.target.checked)
           }
         ) }),
-        columns.map((column) => (
-          // eslint-disable-next-line almadar/no-raw-dom-elements -- native table elements needed
-          /* @__PURE__ */ jsx(
-            "th",
-            {
-              className: cn(
-                "px-4 py-3 text-left text-xs font-bold text-[var(--color-foreground)] uppercase tracking-wider bg-[var(--color-table-header)]",
-                sortable && column.sortable && "cursor-pointer hover:bg-[var(--color-table-row-hover)]"
-              ),
-              style: { width: column.width },
-              onClick: () => column.sortable && handleSort(column.key),
-              children: /* @__PURE__ */ jsxs(HStack, { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx(Typography, { variant: "small", weight: "semibold", children: column.label }),
-                sortable && column.sortable && resolvedSortColumn === column.key && /* @__PURE__ */ jsx(
-                  Icon,
-                  {
-                    icon: resolvedSortDirection === "asc" ? ArrowUp : ArrowDown,
-                    size: "sm"
-                  }
-                )
-              ] })
-            },
-            column.key
-          )
+        columns.map((column) => /* @__PURE__ */ jsx(
+          "th",
+          {
+            className: cn(
+              "px-4 py-3 text-left text-xs font-bold text-[var(--color-foreground)] uppercase tracking-wider bg-[var(--color-table-header)]",
+              sortable && column.sortable && "cursor-pointer hover:bg-[var(--color-table-row-hover)]"
+            ),
+            style: { width: column.width },
+            onClick: () => column.sortable && handleSort(column.key),
+            children: /* @__PURE__ */ jsxs(HStack, { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(Typography, { variant: "small", weight: "semibold", children: column.label }),
+              sortable && column.sortable && resolvedSortColumn === column.key && /* @__PURE__ */ jsx(
+                Icon,
+                {
+                  icon: resolvedSortDirection === "asc" ? ArrowUp : ArrowDown,
+                  size: "sm"
+                }
+              )
+            ] })
+          },
+          column.key
         )),
-        rowActions && // eslint-disable-next-line almadar/no-raw-dom-elements -- native table elements needed
-        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-right", children: "Actions" })
+        rowActions && /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-right", children: "Actions" })
       ] }) }),
-      /* @__PURE__ */ jsx("tbody", { children: loading || isLoading ? (
-        // eslint-disable-next-line almadar/no-raw-dom-elements -- native table elements needed
-        /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx(
-          "td",
-          {
-            colSpan: columns.length + (selectable ? 1 : 0) + (rowActions ? 1 : 0),
-            className: "px-4 py-8 text-center",
-            children: /* @__PURE__ */ jsx(Typography, { variant: "body", color: "secondary", children: t("common.loading") })
-          }
-        ) })
-      ) : resolvedData.length === 0 ? (
-        // eslint-disable-next-line almadar/no-raw-dom-elements -- native table elements needed
-        /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx(
-          "td",
-          {
-            colSpan: columns.length + (selectable ? 1 : 0) + (rowActions ? 1 : 0),
-            className: "px-4 py-8 text-center",
-            children: /* @__PURE__ */ jsx(Typography, { variant: "body", color: "secondary", children: resolvedEmptyMessage })
-          }
-        ) })
-      ) : resolvedData.map((row, index) => {
+      /* @__PURE__ */ jsx("tbody", { children: loading || isLoading ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx(
+        "td",
+        {
+          colSpan: columns.length + (selectable ? 1 : 0) + (rowActions ? 1 : 0),
+          className: "px-4 py-8 text-center",
+          children: /* @__PURE__ */ jsx(Typography, { variant: "body", color: "secondary", children: t("common.loading") })
+        }
+      ) }) : resolvedData.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx(
+        "td",
+        {
+          colSpan: columns.length + (selectable ? 1 : 0) + (rowActions ? 1 : 0),
+          className: "px-4 py-8 text-center",
+          children: /* @__PURE__ */ jsx(Typography, { variant: "body", color: "secondary", children: resolvedEmptyMessage })
+        }
+      ) }) : resolvedData.map((row, index) => {
         const rowKey = String(row.id ?? index);
         const isSelected = selectedRows.includes(rowKey);
-        return (
-          // eslint-disable-next-line almadar/no-raw-dom-elements -- native table elements needed
-          /* @__PURE__ */ jsxs(
-            "tr",
-            {
-              className: cn(
-                "border-b border-[var(--color-table-border)] last:border-b-0",
-                "hover:bg-[var(--color-table-row-hover)]",
-                isSelected && "bg-[var(--color-table-header)] font-medium"
-              ),
-              children: [
-                selectable && // eslint-disable-next-line almadar/no-raw-dom-elements -- native table elements needed
-                /* @__PURE__ */ jsx("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsx(
-                  Checkbox,
-                  {
-                    checked: isSelected,
-                    onChange: (e) => handleSelectRow(rowKey, e.target.checked)
-                  }
-                ) }),
-                columns.map((column) => (
-                  // eslint-disable-next-line almadar/no-raw-dom-elements -- native table elements needed
-                  /* @__PURE__ */ jsx("td", { className: "px-4 py-3", children: column.render ? column.render(row[column.key], row, index) : /* @__PURE__ */ jsx(Typography, { variant: "body", children: row[column.key]?.toString() || "-" }) }, column.key)
-                )),
-                rowActions && // eslint-disable-next-line almadar/no-raw-dom-elements -- native table elements needed
-                /* @__PURE__ */ jsx("td", { className: "px-4 py-3 text-right", children: /* @__PURE__ */ jsx(
-                  Menu$1,
-                  {
-                    trigger: /* @__PURE__ */ jsx(
-                      Button,
-                      {
-                        variant: "ghost",
-                        size: "sm",
-                        icon: MoreVertical,
-                        children: "Actions"
-                      }
-                    ),
-                    items: rowActions(row),
-                    position: "bottom-right"
-                  }
-                ) })
-              ]
-            },
-            rowKey
-          )
+        return /* @__PURE__ */ jsxs(
+          "tr",
+          {
+            className: cn(
+              "border-b border-[var(--color-table-border)] last:border-b-0",
+              "hover:bg-[var(--color-table-row-hover)]",
+              isSelected && "bg-[var(--color-table-header)] font-medium"
+            ),
+            children: [
+              selectable && /* @__PURE__ */ jsx("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsx(
+                Checkbox,
+                {
+                  checked: isSelected,
+                  onChange: (e) => handleSelectRow(rowKey, e.target.checked)
+                }
+              ) }),
+              columns.map((column) => /* @__PURE__ */ jsx("td", { className: "px-4 py-3", children: column.render ? column.render(row[column.key], row, index) : /* @__PURE__ */ jsx(Typography, { variant: "body", children: row[column.key]?.toString() || "-" }) }, column.key)),
+              rowActions && /* @__PURE__ */ jsx("td", { className: "px-4 py-3 text-right", children: /* @__PURE__ */ jsx(
+                Menu$1,
+                {
+                  trigger: /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      variant: "ghost",
+                      size: "sm",
+                      icon: MoreVertical,
+                      children: "Actions"
+                    }
+                  ),
+                  items: rowActions(row),
+                  position: "bottom-right"
+                }
+              ) })
+            ]
+          },
+          rowKey
         );
       }) })
     ] }) }) }),
@@ -856,7 +833,7 @@ var Table = ({
 Table.displayName = "Table";
 function normalizeFields(fields) {
   if (!fields) return [];
-  return fields.map((f) => typeof f === "string" ? f : f.key);
+  return fields.map((f) => typeof f === "string" ? f : f.key ?? f.name ?? "");
 }
 var STATUS_STYLES = {
   complete: {
@@ -4550,6 +4527,17 @@ function IsometricCanvas({
   if (isLoading) {
     return /* @__PURE__ */ jsx(LoadingState, { className });
   }
+  if (sortedTiles.length === 0) {
+    return /* @__PURE__ */ jsx(
+      EmptyState,
+      {
+        title: t("canvas.emptyTitle"),
+        message: t("canvas.emptyMessage"),
+        icon: "map",
+        className
+      }
+    );
+  }
   return /* @__PURE__ */ jsxs(
     Box,
     {
@@ -4560,6 +4548,7 @@ function IsometricCanvas({
           "canvas",
           {
             ref: canvasRef,
+            "data-testid": "game-canvas",
             onClick: handleClick,
             onMouseDown: enableCamera ? handleMouseDown : void 0,
             onMouseMove: handleMouseMoveWithCamera,
@@ -4574,6 +4563,27 @@ function IsometricCanvas({
             }
           }
         ),
+        process.env.NODE_ENV !== "production" && /* @__PURE__ */ jsxs("div", { "data-game-actions": "", className: "sr-only", "aria-hidden": "true", children: [
+          tileClickEvent && /* @__PURE__ */ jsx(
+            "button",
+            {
+              "data-event": tileClickEvent,
+              "data-x": "0",
+              "data-y": "0",
+              onClick: () => eventBus.emit(`UI:${tileClickEvent}`, { x: 0, y: 0 }),
+              children: tileClickEvent
+            }
+          ),
+          unitClickEvent && units && units.length > 0 && /* @__PURE__ */ jsx(
+            "button",
+            {
+              "data-event": unitClickEvent,
+              "data-unit-id": units[0].id,
+              onClick: () => eventBus.emit(`UI:${unitClickEvent}`, { unitId: units[0].id }),
+              children: unitClickEvent
+            }
+          )
+        ] }),
         showMinimap && /* @__PURE__ */ jsx(
           "canvas",
           {
@@ -6734,7 +6744,8 @@ function GameHud({
   className,
   transparent = true
 }) {
-  const stats = propStats ?? items ?? (elements ? convertElementsToStats(elements) : []);
+  const rawStats = propStats ?? items ?? (elements && Array.isArray(elements) ? convertElementsToStats(elements) : []);
+  const stats = Array.isArray(rawStats) ? rawStats : [];
   const position = propPosition ?? "corners";
   if (position === "corners") {
     const leftStats = stats.slice(0, Math.ceil(stats.length / 2));
@@ -7004,10 +7015,13 @@ function InventoryPanel({
   const eventBus = useEventBus();
   const [hoveredSlot, setHoveredSlot] = useState(null);
   const [tooltipPosition, setTooltipPosition] = useState({ x: 0, y: 0 });
-  const slotArray = Array.from({ length: slots }, (_, index) => {
-    return items[index] ?? null;
+  const safeItems = Array.isArray(items) ? items : [];
+  const safeSlots = typeof slots === "number" && slots > 0 ? slots : 0;
+  const safeColumns = typeof columns === "number" && columns > 0 ? columns : 1;
+  const slotArray = Array.from({ length: safeSlots }, (_, index) => {
+    return safeItems[index] ?? null;
   });
-  const rows = Math.ceil(slots / columns);
+  const rows = Math.ceil(safeSlots / safeColumns);
   const handleSlotClick = useCallback((index) => {
     if (selectSlotEvent) eventBus.emit(`UI:${selectSlotEvent}`, { index });
     onSelectSlot?.(index);
@@ -7040,7 +7054,7 @@ function InventoryPanel({
         break;
       case "ArrowRight":
         e.preventDefault();
-        onSelectSlot?.(Math.min(index + 1, slots - 1));
+        onSelectSlot?.(Math.min(index + 1, safeSlots - 1));
         break;
       case "ArrowLeft":
         e.preventDefault();
@@ -7048,14 +7062,14 @@ function InventoryPanel({
         break;
       case "ArrowDown":
         e.preventDefault();
-        onSelectSlot?.(Math.min(index + columns, slots - 1));
+        onSelectSlot?.(Math.min(index + safeColumns, safeSlots - 1));
         break;
       case "ArrowUp":
         e.preventDefault();
-        onSelectSlot?.(Math.max(index - columns, 0));
+        onSelectSlot?.(Math.max(index - safeColumns, 0));
         break;
     }
-  }, [slotArray, onUseItem, onDropItem, onSelectSlot, columns, slots, useItemEvent, dropItemEvent, eventBus]);
+  }, [slotArray, onUseItem, onDropItem, onSelectSlot, safeColumns, safeSlots, useItemEvent, dropItemEvent, eventBus]);
   const handleMouseEnter = useCallback((e, index) => {
     if (showTooltips && slotArray[index]) {
       setHoveredSlot(index);
@@ -7075,7 +7089,7 @@ function InventoryPanel({
       {
         className: "grid gap-1 bg-gray-900 p-2 rounded-lg border border-gray-700",
         style: {
-          gridTemplateColumns: `repeat(${columns}, ${slotSize}px)`,
+          gridTemplateColumns: `repeat(${safeColumns}, ${slotSize}px)`,
           gridTemplateRows: `repeat(${rows}, ${slotSize}px)`
         },
         children: slotArray.map((item, index) => /* @__PURE__ */ jsx(
@@ -7825,6 +7839,7 @@ function defaultIsInRange(from, to, range) {
 }
 function WorldMapBoard({
   entity,
+  isLoading,
   scale = 0.4,
   unitScale = 2.5,
   allowMoveAllHeroes = false,
@@ -7849,12 +7864,13 @@ function WorldMapBoard({
   className
 }) {
   const eventBus = useEventBus();
-  const hexes = entity.hexes;
-  const heroes = entity.heroes;
-  const features = entity.features ?? [];
-  const selectedHeroId = entity.selectedHeroId;
-  const assetManifest = entity.assetManifest;
-  const backgroundImage = entity.backgroundImage;
+  const resolved = Array.isArray(entity) ? entity[0] : entity;
+  const hexes = resolved?.hexes ?? [];
+  const heroes = resolved?.heroes ?? [];
+  const features = resolved?.features ?? [];
+  const selectedHeroId = resolved?.selectedHeroId;
+  const assetManifest = resolved?.assetManifest;
+  const backgroundImage = resolved?.backgroundImage;
   const [hoveredTile, setHoveredTile] = useState(null);
   const selectedHero = useMemo(
     () => heroes.find((h) => h.id === selectedHeroId) ?? null,
@@ -8010,6 +8026,9 @@ function WorldMapBoard({
     }),
     [hoveredTile, hoveredHex, hoveredHero, selectedHero, validMoves, selectHero, tileToScreen, scale]
   );
+  if (isLoading || !resolved) {
+    return /* @__PURE__ */ jsx(LoadingState, { message: "Loading map..." });
+  }
   return /* @__PURE__ */ jsxs(VStack, { className: cn("world-map-board min-h-screen bg-[var(--color-background)]", className), gap: "none", children: [
     header && header(ctx),
     /* @__PURE__ */ jsxs(HStack, { className: "flex-1 overflow-hidden", gap: "none", children: [
@@ -11243,6 +11262,55 @@ var ToastSlot = ({
   ) });
 };
 ToastSlot.displayName = "ToastSlot";
+var nextId = 0;
+function NotifyListener() {
+  const eventBus = useEventBus();
+  const [items, setItems] = useState([]);
+  const [portalRoot, setPortalRoot] = useState(null);
+  useEffect(() => {
+    let root = document.getElementById("ui-notify-portal-root");
+    if (!root) {
+      root = document.createElement("div");
+      root.id = "ui-notify-portal-root";
+      document.body.appendChild(root);
+    }
+    setPortalRoot(root);
+  }, []);
+  const handleDismiss = useCallback((id) => {
+    setItems((prev) => prev.filter((item) => item.id !== id));
+  }, []);
+  useEffect(() => {
+    const unsubscribe = eventBus.on("UI:NOTIFY", (event) => {
+      const payload = event.payload ?? event;
+      const message = typeof payload.message === "string" ? payload.message : "Notification";
+      const severityMap = {
+        success: "success",
+        error: "error",
+        warning: "warning",
+        info: "info"
+      };
+      const variant = severityMap[String(payload.severity)] || "info";
+      const id = ++nextId;
+      setItems((prev) => [...prev, { id, message, variant }]);
+    });
+    return unsubscribe;
+  }, [eventBus]);
+  if (!portalRoot || items.length === 0) return null;
+  return createPortal(
+    /* @__PURE__ */ jsx(Box, { className: "fixed bottom-4 right-4 z-50 pointer-events-auto flex flex-col gap-2", children: items.map((item) => /* @__PURE__ */ jsx(
+      Toast,
+      {
+        variant: item.variant,
+        message: item.message,
+        duration: 5e3,
+        onDismiss: () => handleDismiss(item.id)
+      },
+      item.id
+    )) }),
+    portalRoot
+  );
+}
+NotifyListener.displayName = "NotifyListener";
 var CHART_COLORS = [
   "var(--color-primary)",
   "var(--color-success)",
@@ -11363,7 +11431,7 @@ var PieChart = ({ data, height, showValues, donut = false }) => {
     ] }, idx)) })
   ] });
 };
-var LineChart = ({ data, height, showValues, fill = false }) => {
+var LineChart2 = ({ data, height, showValues, fill = false }) => {
   const maxValue = Math.max(...data.map((d) => d.value), 1);
   const width = 400;
   const padding = { top: 20, right: 20, bottom: 30, left: 40 };
@@ -11479,8 +11547,8 @@ var Chart = ({
     ] }),
     /* @__PURE__ */ jsxs(Box, { className: "w-full", children: [
       chartType === "bar" && /* @__PURE__ */ jsx(BarChart, { data: normalizedData, height, showValues }),
-      chartType === "line" && /* @__PURE__ */ jsx(LineChart, { data: normalizedData, height, showValues }),
-      chartType === "area" && /* @__PURE__ */ jsx(LineChart, { data: normalizedData, height, showValues, fill: true }),
+      chartType === "line" && /* @__PURE__ */ jsx(LineChart2, { data: normalizedData, height, showValues }),
+      chartType === "area" && /* @__PURE__ */ jsx(LineChart2, { data: normalizedData, height, showValues, fill: true }),
       chartType === "pie" && /* @__PURE__ */ jsx(PieChart, { data: normalizedData, height, showValues: showLegend }),
       chartType === "donut" && /* @__PURE__ */ jsx(PieChart, { data: normalizedData, height, showValues: showLegend, donut: true })
     ] }),
@@ -13216,15 +13284,15 @@ var NavLink = ({
       to: item.href,
       className: cn(
         "flex items-center gap-3 px-3 py-2 rounded-[var(--radius-lg)] text-sm font-medium transition-colors",
-        isActive ? "bg-[var(--color-foreground)] text-[var(--color-background)] shadow-[var(--shadow-sm)]" : "text-[var(--color-muted-foreground)] hover:bg-[var(--color-muted)] hover:text-[var(--color-foreground)]"
+        isActive ? "bg-[var(--color-primary)] text-[var(--color-primary-foreground)] shadow-[var(--shadow-sm)]" : "text-[var(--color-muted-foreground)] hover:bg-[var(--color-muted)] hover:text-[var(--color-foreground)]"
       ),
       children: [
-        /* @__PURE__ */ jsx(
+        Icon3 && /* @__PURE__ */ jsx(
           Icon3,
           {
             className: cn(
               "h-5 w-5",
-              isActive ? "text-[var(--color-background)]" : "text-[var(--color-muted-foreground)]"
+              isActive ? "text-[var(--color-primary-foreground)]" : "text-[var(--color-muted-foreground)]"
             )
           }
         ),
@@ -13232,6 +13300,7 @@ var NavLink = ({
           Typography,
           {
             variant: "small",
+            color: isActive ? "inherit" : "primary",
             className: "flex-1",
             as: "span",
             children: item.label
@@ -13386,6 +13455,8 @@ function CounterMinimal({
   onIncrement,
   className
 }) {
+  const resolved = entity && typeof entity === "object" && !Array.isArray(entity) ? entity : void 0;
+  if (!resolved) return null;
   return /* @__PURE__ */ jsxs(HStack, { gap: "lg", align: "center", justify: "center", className, children: [
     /* @__PURE__ */ jsx(
       Button,
@@ -13393,9 +13464,9 @@ function CounterMinimal({
         variant: "secondary",
         size: sizeStyles[size].button,
         onClick: onDecrement,
-        disabled: entity.decrementDisabled,
+        disabled: resolved.decrementDisabled,
         icon: Minus,
-        children: entity.decrementLabel
+        children: resolved.decrementLabel
       }
     ),
     /* @__PURE__ */ jsx(
@@ -13406,7 +13477,7 @@ function CounterMinimal({
           sizeStyles[size].display,
           "font-bold tabular-nums min-w-[3ch] text-center"
         ),
-        children: entity.count
+        children: resolved.count
       }
     ),
     /* @__PURE__ */ jsx(
@@ -13415,9 +13486,9 @@ function CounterMinimal({
         variant: "secondary",
         size: sizeStyles[size].button,
         onClick: onIncrement,
-        disabled: entity.incrementDisabled,
+        disabled: resolved.incrementDisabled,
         icon: Plus,
-        children: entity.incrementLabel
+        children: resolved.incrementLabel
       }
     )
   ] });
@@ -13433,6 +13504,8 @@ function CounterStandard({
   onReset,
   className
 }) {
+  const resolved = entity && typeof entity === "object" && !Array.isArray(entity) ? entity : void 0;
+  if (!resolved) return null;
   return /* @__PURE__ */ jsx(Container, { size: "sm", padding: "lg", className, children: /* @__PURE__ */ jsxs(VStack, { gap: "lg", align: "center", children: [
     /* @__PURE__ */ jsx(
       Typography,
@@ -13450,7 +13523,7 @@ function CounterStandard({
           sizeStyles[size].display,
           "font-bold tabular-nums text-primary-600"
         ),
-        children: entity.count
+        children: resolved.count
       }
     ),
     /* @__PURE__ */ jsxs(HStack, { gap: "md", children: [
@@ -13460,7 +13533,7 @@ function CounterStandard({
           variant: "secondary",
           size: sizeStyles[size].button,
           onClick: onDecrement,
-          disabled: entity.decrementDisabled,
+          disabled: resolved.decrementDisabled,
           icon: Minus
         }
       ),
@@ -13470,7 +13543,7 @@ function CounterStandard({
           variant: "primary",
           size: sizeStyles[size].button,
           onClick: onIncrement,
-          disabled: entity.incrementDisabled,
+          disabled: resolved.incrementDisabled,
           icon: Plus
         }
       )
@@ -13498,6 +13571,8 @@ function CounterFull({
   onReset,
   className
 }) {
+  const resolved = entity && typeof entity === "object" && !Array.isArray(entity) ? entity : void 0;
+  if (!resolved) return null;
   return /* @__PURE__ */ jsx(Container, { size: "sm", padding: "lg", className, children: /* @__PURE__ */ jsxs(VStack, { gap: "xl", align: "center", children: [
     /* @__PURE__ */ jsx(
       Typography,
@@ -13516,10 +13591,10 @@ function CounterFull({
             sizeStyles[size].display,
             "font-bold tabular-nums text-primary-600"
           ),
-          children: entity.count
+          children: resolved.count
         }
       ),
-      entity.rangeText && /* @__PURE__ */ jsx(Typography, { variant: "small", color: "muted", children: entity.rangeText })
+      resolved.rangeText && /* @__PURE__ */ jsx(Typography, { variant: "small", color: "muted", children: resolved.rangeText })
     ] }),
     /* @__PURE__ */ jsxs(HStack, { gap: "md", children: [
       /* @__PURE__ */ jsx(
@@ -13528,9 +13603,9 @@ function CounterFull({
           variant: "secondary",
           size: sizeStyles[size].button,
           onClick: onDecrement,
-          disabled: entity.decrementDisabled,
+          disabled: resolved.decrementDisabled,
           icon: Minus,
-          children: entity.decrementLabel
+          children: resolved.decrementLabel
         }
       ),
       /* @__PURE__ */ jsx(
@@ -13539,9 +13614,9 @@ function CounterFull({
           variant: "primary",
           size: sizeStyles[size].button,
           onClick: onIncrement,
-          disabled: entity.incrementDisabled,
+          disabled: resolved.incrementDisabled,
           icon: Plus,
-          children: entity.incrementLabel
+          children: resolved.incrementLabel
         }
       )
     ] }),
@@ -13790,10 +13865,12 @@ function BattleTemplate({
   unitScale = 1,
   className
 }) {
+  const resolved = entity && typeof entity === "object" && !Array.isArray(entity) ? entity : void 0;
+  if (!resolved) return null;
   return /* @__PURE__ */ jsx(
     BattleBoard,
     {
-      entity,
+      entity: resolved,
       scale,
       unitScale,
       tileClickEvent: "TILE_CLICK",
@@ -13813,10 +13890,12 @@ function CastleTemplate({
   scale = 0.45,
   className
 }) {
+  const resolved = entity && typeof entity === "object" && !Array.isArray(entity) ? entity : void 0;
+  if (!resolved) return null;
   return /* @__PURE__ */ jsx(
     CastleBoard,
     {
-      entity,
+      entity: resolved,
       scale,
       featureClickEvent: "FEATURE_CLICK",
       unitClickEvent: "UNIT_CLICK",
@@ -13852,4 +13931,4 @@ function WorldMapTemplate({
 }
 WorldMapTemplate.displayName = "WorldMapTemplate";
 
-export { ALL_PRESETS, AR_BOOK_FIELDS, ActionPalette, ActionTile, AuthLayout, BattleBoard, BattleTemplate, BookChapterView, BookCoverPage, BookNavBar, BookTableOfContents, BookViewer, BuilderBoard, CanvasEffect, CastleBoard, CastleTemplate, Chart, ClassifierBoard, CodeView, CodeViewer, CollapsibleSection, CombatLog, ConfirmDialog, ContentRenderer, CounterTemplate, DIAMOND_TOP_Y, DashboardGrid, DashboardLayout, DebuggerBoard, DialogueBox, DocumentViewer, StateMachineView as DomStateMachineVisualizer, DrawerSlot, EditorCheckbox, EditorSelect, EditorSlider, EditorTextInput, EditorToolbar, EventHandlerBoard, EventLog, FEATURE_COLORS, FEATURE_TYPES, FLOOR_HEIGHT, FormActions, FormLayout, FormSection, GameAudioContext, GameAudioProvider, GameAudioToggle, GameHud, GameMenu, GameOverScreen, GameShell, GameTemplate, GenericAppTemplate, GraphCanvas, Header, IDENTITY_BOOK_FIELDS, InventoryPanel, IsometricCanvas, JazariStateMachine, List, MediaGallery, Meter, ModalSlot, Navigation, NegotiatorBoard, ObjectRulePanel, StateMachineView as OrbitalStateMachineView, OrbitalVisualization, PhysicsManager, RuleEditor, SHEET_COLUMNS, SPRITE_SHEET_LAYOUT, Section, SequenceBar, SequencerBoard, Sidebar, SignaturePad, SimulationCanvas, SimulationControls, SimulationGraph, SimulatorBoard, Split, SplitPane, StateArchitectBoard, StateMachineView, StateNode2 as StateNode, StatusBar, TERRAIN_COLORS, TILE_HEIGHT, TILE_WIDTH, TabbedContainer, Table, TerrainPalette, Timeline, ToastSlot, TraitSlot, TraitStateViewer, TransitionArrow, UncontrolledBattleBoard, VariablePanel, WizardContainer, WorldMapBoard, WorldMapTemplate, applyTemporaryEffect, calculateAttackTargets, calculateDamage, calculateValidMoves, combatAnimations, combatClasses, combatEffects, createInitialGameState, createUnitAnimationState, generateCombatMessage, getCurrentFrame, inferDirection, isoToScreen, mapBookData, pendulum, projectileMotion, resolveFieldMap, resolveFrame, resolveSheetDirection, screenToIso, springOscillator, tickAnimationState, transitionAnimation, useBattleState, useCamera, useGameAudio, useGameAudioContext, useImageCache, usePhysics2D, useSpriteAnimations };
+export { ALL_PRESETS, AR_BOOK_FIELDS, ActionPalette, ActionTile, AuthLayout, BattleBoard, BattleTemplate, BookChapterView, BookCoverPage, BookNavBar, BookTableOfContents, BookViewer, BuilderBoard, CanvasEffect, CastleBoard, CastleTemplate, Chart, ClassifierBoard, CodeView, CodeViewer, CollapsibleSection, CombatLog, ConfirmDialog, ContentRenderer, CounterTemplate, DIAMOND_TOP_Y, DashboardGrid, DashboardLayout, DebuggerBoard, DialogueBox, DocumentViewer, StateMachineView as DomStateMachineVisualizer, DrawerSlot, EditorCheckbox, EditorSelect, EditorSlider, EditorTextInput, EditorToolbar, EventHandlerBoard, EventLog, FEATURE_COLORS, FEATURE_TYPES, FLOOR_HEIGHT, FormActions, FormLayout, FormSection, GameAudioContext, GameAudioProvider, GameAudioToggle, GameHud, GameMenu, GameOverScreen, GameShell, GameTemplate, GenericAppTemplate, GraphCanvas, Header, IDENTITY_BOOK_FIELDS, InventoryPanel, IsometricCanvas, JazariStateMachine, List, MediaGallery, Meter, ModalSlot, Navigation, NegotiatorBoard, NotifyListener, ObjectRulePanel, StateMachineView as OrbitalStateMachineView, OrbitalVisualization, PhysicsManager, RuleEditor, SHEET_COLUMNS, SPRITE_SHEET_LAYOUT, Section, SequenceBar, SequencerBoard, Sidebar, SignaturePad, SimulationCanvas, SimulationControls, SimulationGraph, SimulatorBoard, Split, SplitPane, StateArchitectBoard, StateMachineView, StateNode2 as StateNode, StatusBar, TERRAIN_COLORS, TILE_HEIGHT, TILE_WIDTH, TabbedContainer, Table, TerrainPalette, Timeline, ToastSlot, TraitSlot, TraitStateViewer, TransitionArrow, UncontrolledBattleBoard, VariablePanel, WizardContainer, WorldMapBoard, WorldMapTemplate, applyTemporaryEffect, calculateAttackTargets, calculateDamage, calculateValidMoves, combatAnimations, combatClasses, combatEffects, createInitialGameState, createUnitAnimationState, generateCombatMessage, getCurrentFrame, inferDirection, isoToScreen, mapBookData, pendulum, projectileMotion, resolveFieldMap, resolveFrame, resolveSheetDirection, screenToIso, springOscillator, tickAnimationState, transitionAnimation, useBattleState, useCamera, useGameAudio, useGameAudioContext, useImageCache, usePhysics2D, useSpriteAnimations };