@almadar/ui 2.1.10 → 2.2.0

package/dist/components/index.js

@@ -1,17 +1,18 @@
-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-XDCOHA5C.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-XDCOHA5C.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-CC3UOKHI.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-CC3UOKHI.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';
 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 +447,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 +521,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 +732,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
         );
       }) })
     ] }) }) }),
@@ -3961,6 +3937,7 @@ function IsometricCanvas({
   assetManifest
 }) {
   const eventBus = useEventBus();
+  const { t } = useTranslate();
   const canvasRef = useRef(null);
   const containerRef = useRef(null);
   const minimapRef = useRef(null);
@@ -3994,11 +3971,11 @@ function IsometricCanvas({
   }, [tilesProp]);
   const gridWidth = useMemo(() => {
     if (sortedTiles.length === 0) return 0;
-    return Math.max(...sortedTiles.map((t) => t.x)) + 1;
+    return Math.max(...sortedTiles.map((t2) => t2.x)) + 1;
   }, [sortedTiles]);
   const gridHeight = useMemo(() => {
     if (sortedTiles.length === 0) return 0;
-    return Math.max(...sortedTiles.map((t) => t.y)) + 1;
+    return Math.max(...sortedTiles.map((t2) => t2.y)) + 1;
   }, [sortedTiles]);
   const scaledTileWidth = TILE_WIDTH * scale;
   const scaledTileHeight = TILE_HEIGHT * scale;
@@ -4095,7 +4072,7 @@ function IsometricCanvas({
     miniCanvas.width = mW;
     miniCanvas.height = mH;
     mCtx.clearRect(0, 0, mW, mH);
-    const allScreenPos = sortedTiles.map((t) => isoToScreen(t.x, t.y, scale, baseOffsetX));
+    const allScreenPos = sortedTiles.map((t2) => isoToScreen(t2.x, t2.y, scale, baseOffsetX));
     const minX = Math.min(...allScreenPos.map((p2) => p2.x));
     const maxX = Math.max(...allScreenPos.map((p2) => p2.x + scaledTileWidth));
     const minY = Math.min(...allScreenPos.map((p2) => p2.y));
@@ -4508,7 +4485,7 @@ function IsometricCanvas({
     const adjustedX = world.x - scaledTileWidth / 2;
     const adjustedY = world.y - scaledDiamondTopY - scaledFloorHeight / 2;
     const isoPos = screenToIso(adjustedX, adjustedY, scale, baseOffsetX);
-    const tileExists = tilesProp.some((t) => t.x === isoPos.x && t.y === isoPos.y);
+    const tileExists = tilesProp.some((t2) => t2.x === isoPos.x && t2.y === isoPos.y);
     if (tileExists) {
       if (tileHoverEvent) eventBus.emit(`UI:${tileHoverEvent}`, { x: isoPos.x, y: isoPos.y });
       onTileHover?.(isoPos.x, isoPos.y);
@@ -4536,7 +4513,7 @@ function IsometricCanvas({
       if (unitClickEvent) eventBus.emit(`UI:${unitClickEvent}`, { unitId: clickedUnit.id });
       onUnitClick?.(clickedUnit.id);
     } else if (onTileClick || tileClickEvent) {
-      const tileExists = tilesProp.some((t) => t.x === isoPos.x && t.y === isoPos.y);
+      const tileExists = tilesProp.some((t2) => t2.x === isoPos.x && t2.y === isoPos.y);
       if (tileExists) {
         if (tileClickEvent) eventBus.emit(`UI:${tileClickEvent}`, { x: isoPos.x, y: isoPos.y });
         onTileClick?.(isoPos.x, isoPos.y);
@@ -4544,7 +4521,7 @@ function IsometricCanvas({
     }
   }, [dragDistance, screenToWorld, viewportSize, scaledTileWidth, scaledDiamondTopY, scaledFloorHeight, scale, baseOffsetX, units, tilesProp, onUnitClick, onTileClick, unitClickEvent, tileClickEvent, eventBus]);
   if (error) {
-    return /* @__PURE__ */ jsx(ErrorState, { title: "Canvas Error", message: error.message, className });
+    return /* @__PURE__ */ jsx(ErrorState, { title: t("canvas.errorTitle"), message: error.message, className });
   }
   if (isLoading) {
     return /* @__PURE__ */ jsx(LoadingState, { className });
@@ -7824,6 +7801,7 @@ function defaultIsInRange(from, to, range) {
 }
 function WorldMapBoard({
   entity,
+  isLoading,
   scale = 0.4,
   unitScale = 2.5,
   allowMoveAllHeroes = false,
@@ -7848,12 +7826,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,
@@ -8009,6 +7988,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: [
@@ -12949,7 +12931,8 @@ var DashboardLayout = ({
   headerActions,
   showSearch = true,
   sidebarFooter,
-  onSignOut: onSignOutProp
+  onSignOut: onSignOutProp,
+  children
 }) => {
   const [sidebarOpen, setSidebarOpen] = useState(false);
   const [userMenuOpen, setUserMenuOpen] = useState(false);
@@ -13197,7 +13180,7 @@ var DashboardLayout = ({
           )
         }
       ),
-      /* @__PURE__ */ jsx(Box, { as: "main", className: "p-4 sm:p-6 pb-20 sm:pb-6", children: /* @__PURE__ */ jsx(Outlet, {}) })
+      /* @__PURE__ */ jsx(Box, { as: "main", className: "p-4 sm:p-6 pb-20 sm:pb-6", children })
     ] })
   ] });
 };
@@ -13214,15 +13197,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)]"
             )
           }
         ),
@@ -13230,6 +13213,7 @@ var NavLink = ({
           Typography,
           {
             variant: "small",
+            color: isActive ? "inherit" : "primary",
             className: "flex-1",
             as: "span",
             children: item.label
@@ -13384,6 +13368,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,
@@ -13391,9 +13377,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(
@@ -13404,7 +13390,7 @@ function CounterMinimal({
           sizeStyles[size].display,
           "font-bold tabular-nums min-w-[3ch] text-center"
         ),
-        children: entity.count
+        children: resolved.count
       }
     ),
     /* @__PURE__ */ jsx(
@@ -13413,9 +13399,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
       }
     )
   ] });
@@ -13431,6 +13417,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,
@@ -13448,7 +13436,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: [
@@ -13458,7 +13446,7 @@ function CounterStandard({
           variant: "secondary",
           size: sizeStyles[size].button,
           onClick: onDecrement,
-          disabled: entity.decrementDisabled,
+          disabled: resolved.decrementDisabled,
           icon: Minus
         }
       ),
@@ -13468,7 +13456,7 @@ function CounterStandard({
           variant: "primary",
           size: sizeStyles[size].button,
           onClick: onIncrement,
-          disabled: entity.incrementDisabled,
+          disabled: resolved.incrementDisabled,
           icon: Plus
         }
       )
@@ -13496,6 +13484,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,
@@ -13514,10 +13504,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(
@@ -13526,9 +13516,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(
@@ -13537,9 +13527,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
         }
       )
     ] }),
@@ -13717,7 +13707,8 @@ var GameShell = ({
   appName = "Game",
   hud,
   className,
-  showTopBar = true
+  showTopBar = true,
+  children
 }) => {
   return /* @__PURE__ */ jsxs(
     Box,
@@ -13773,7 +13764,7 @@ var GameShell = ({
               overflow: "hidden",
               position: "relative"
             },
-            children: /* @__PURE__ */ jsx(Outlet, {})
+            children
           }
         )
       ]
@@ -13787,10 +13778,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",
@@ -13810,10 +13803,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",

package/dist/components/organisms/game/three/index.d.ts

@@ -716,6 +716,12 @@ interface GameCanvas3DEventConfig {
     /** Event name for camera changes */
     cameraChangeEvent?: string;
 }
+/** Minimal mouse event interface — satisfied by both React.MouseEvent and ThreeEvent<MouseEvent> */
+interface MinimalMouseEvent {
+    clientX: number;
+    clientY: number;
+    button: number;
+}
 interface UseGameCanvas3DEventsOptions extends GameCanvas3DEventConfig {
     /** Callback for tile clicks (direct) */
     onTileClick?: (tile: IsometricTile, event: React.MouseEvent) => void;
@@ -738,7 +744,7 @@ interface UseGameCanvas3DEventsReturn {
     /** Handle feature click - emits event and calls callback */
     handleFeatureClick: (feature: IsometricFeature, event: React.MouseEvent) => void;
     /** Handle canvas click - emits event and calls callback */
-    handleCanvasClick: (event: React.MouseEvent) => void;
+    handleCanvasClick: (event: MinimalMouseEvent) => void;
     /** Handle tile hover - emits event and calls callback */
     handleTileHover: (tile: IsometricTile | null, event: React.MouseEvent) => void;
     /** Handle unit animation - emits event and calls callback */

package/dist/context/index.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import React__default from 'react';
-import { U as UISlotManager, a as UISlot, S as SlotContent } from '../useUISlots-D0mttBSP.js';
-export { R as RenderUIConfig, b as SlotAnimation, c as SlotChangeCallback } from '../useUISlots-D0mttBSP.js';
+import { U as UISlotManager, a as UISlot, S as SlotContent } from '../useUISlots-BBjNvQtb.js';
+export { R as RenderUIConfig, b as SlotAnimation, c as SlotChangeCallback } from '../useUISlots-BBjNvQtb.js';
 import { T as ThemeProviderProps } from '../ThemeContext-D9xUORq5.js';
 export { B as BUILT_IN_THEMES, C as ColorMode, D as DesignTheme, R as ResolvedMode, a as ThemeContext, b as ThemeDefinition, c as ThemeProvider, u as useTheme } from '../ThemeContext-D9xUORq5.js';
 

package/dist/context/index.js

@@ -1,6 +1,6 @@
-import { ThemeProvider, useTheme } from '../chunk-BTXQJGFB.js';
-export { BUILT_IN_THEMES, ThemeContext_default as ThemeContext, ThemeProvider, UISlotContext, UISlotProvider, useSlotContent, useSlotHasContent, useTheme, useUISlots } from '../chunk-BTXQJGFB.js';
-import '../chunk-7NEWMNNU.js';
+import { ThemeProvider, useTheme } from '../chunk-DKQN5FVU.js';
+export { BUILT_IN_THEMES, ThemeContext_default as ThemeContext, ThemeProvider, UISlotContext, UISlotProvider, useSlotContent, useSlotHasContent, useTheme, useUISlots } from '../chunk-DKQN5FVU.js';
+import '../chunk-3JGAROCW.js';
 import '../chunk-PKBMQBKP.js';
 import { createContext, useCallback, useMemo, useContext } from 'react';
 import { jsx } from 'react/jsx-runtime';

package/dist/hooks/index.d.ts

@@ -1,7 +1,7 @@
 import { OrbitalSchema } from '@almadar/core';
 import { E as EventBusContextType, a as EventListener } from '../event-bus-types-CjJduURa.js';
 export { K as KFlowEvent, U as Unsubscribe } from '../event-bus-types-CjJduURa.js';
-export { D as DEFAULT_SLOTS, R as RenderUIConfig, b as SlotAnimation, c as SlotChangeCallback, S as SlotContent, a as UISlot, U as UISlotManager, u as useUISlotManager } from '../useUISlots-D0mttBSP.js';
+export { D as DEFAULT_SLOTS, R as RenderUIConfig, b as SlotAnimation, c as SlotChangeCallback, S as SlotContent, a as UISlot, U as UISlotManager, u as useUISlotManager } from '../useUISlots-BBjNvQtb.js';
 import * as React from 'react';
 import React__default, { ReactNode } from 'react';
 import * as _tanstack_react_query from '@tanstack/react-query';

package/dist/hooks/index.js

@@ -1,7 +1,8 @@
-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';
+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 '../chunk-3HJHHULT.js';
-export { EntityDataProvider, I18nProvider, createTranslate, entityDataKeys, parseQueryBinding, useEntity, useEntityDataAdapter, useEntityDetail, useEntityList, useEntityListSuspense, useEntitySuspense, useQuerySingleton, useTranslate } from '../chunk-JLEMVREZ.js';
+export { EntityDataProvider, I18nProvider, createTranslate, entityDataKeys, parseQueryBinding, useEntity, useEntityDataAdapter, useEntityDetail, useEntityList, useEntityListSuspense, useEntitySuspense, useQuerySingleton, useTranslate } from '../chunk-GOZKH7QW.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 '../chunk-TSETXL2E.js';
 export { clearEntities, getAllEntities, getByType, getEntity, getSingleton, removeEntity, spawnEntity, updateEntity, updateSingleton } from '../chunk-N7MVUW4R.js';
 import '../chunk-PKBMQBKP.js';