@almadar/ui 2.2.0 → 2.4.0

package/dist/components/index.js

@@ -2,8 +2,8 @@ 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-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 { 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';
@@ -13,6 +13,7 @@ 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';
@@ -832,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: {
@@ -4526,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,
     {
@@ -4536,6 +4548,7 @@ function IsometricCanvas({
           "canvas",
           {
             ref: canvasRef,
+            "data-testid": "game-canvas",
             onClick: handleClick,
             onMouseDown: enableCamera ? handleMouseDown : void 0,
             onMouseMove: handleMouseMoveWithCamera,
@@ -4550,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",
           {
@@ -6710,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));
@@ -6980,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);
@@ -7016,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();
@@ -7024,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);
@@ -7051,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(
@@ -11224,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)",
@@ -11344,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 };
@@ -11460,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 })
     ] }),
@@ -13844,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 };

package/dist/providers/index.js

@@ -1,4 +1,4 @@
-import { SuspenseConfigProvider } from '../chunk-CC3UOKHI.js';
+import { SuspenseConfigProvider } from '../chunk-HWZL7IZG.js';
 import { ThemeProvider } from '../chunk-DKQN5FVU.js';
 import { SelectionProvider, EntityDataProvider } from '../chunk-GOZKH7QW.js';
 export { SelectionContext, SelectionProvider, useSelection, useSelectionOptional } from '../chunk-GOZKH7QW.js';
@@ -8,7 +8,7 @@ import '../chunk-3JGAROCW.js';
 import { recordTransition, registerCheck, bindEventBus, bindTraitStateGetter } from '../chunk-45CTDYBT.js';
 import '../chunk-KKCVDUK7.js';
 import '../chunk-TSETXL2E.js';
-import { useOfflineExecutor } from '../chunk-PL7MD6GF.js';
+import { useOfflineExecutor } from '../chunk-K2D5D3WK.js';
 import '../chunk-PKBMQBKP.js';
 import { createContext, useState, useCallback, useMemo, useContext, useRef, useEffect } from 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';

package/dist/renderer/index.d.ts

@@ -344,7 +344,7 @@ declare function getSlotDefinition(slot: UISlot): SlotDefinition;
 /**
  * Check if a slot is a portal slot.
  */
-declare function isPortalSlot(slot: UISlot): boolean;
+declare function isPortalSlot(slot: string): boolean;
 /**
  * Check if a slot is an inline slot.
  */