@almadar/ui 2.2.0 → 2.5.0

package/dist/components/index.js

@@ -2,9 +2,9 @@ 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 '../chunk-DKQN5FVU.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, StatBadge, Stack, Select, Drawer, Toast, Tabs, Input, ThemeToggle, EntityDisplayEvents, StateIndicator, Container } from '../chunk-FYYU3CHN.js';
+export { Accordion, ActionButtons, 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, DPad, 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, MapView, 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, StatBadge, StatCard, StateIndicator, Switch, Tabs, Text, TextHighlight, Textarea, ThemeSelector, ThemeToggle, TimeSlotCell, Toast, Tooltip, Typography, UISlotComponent, UISlotRenderer, VStack, ViolationAlert, WizardNavigation, WizardProgress, drawSprite } from '../chunk-FYYU3CHN.js';
+import '../chunk-YLKXEXBP.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';
@@ -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",
           {
@@ -4564,6 +4598,193 @@ function IsometricCanvas({
 }
 IsometricCanvas.displayName = "IsometricCanvas";
 var IsometricCanvas_default = IsometricCanvas;
+var PLATFORM_COLORS = {
+  ground: "#4a7c59",
+  platform: "#7c6b4a",
+  hazard: "#c0392b",
+  goal: "#f1c40f"
+};
+var PLAYER_COLOR = "#3498db";
+var PLAYER_EYE_COLOR = "#ffffff";
+var SKY_GRADIENT_TOP = "#1a1a2e";
+var SKY_GRADIENT_BOTTOM = "#16213e";
+var GRID_COLOR = "rgba(255, 255, 255, 0.03)";
+function PlatformerCanvas({
+  player,
+  platforms = [],
+  worldWidth = 800,
+  worldHeight = 400,
+  canvasWidth = 800,
+  canvasHeight = 400,
+  followCamera = true,
+  bgColor,
+  leftEvent = "MOVE_LEFT",
+  rightEvent = "MOVE_RIGHT",
+  jumpEvent = "JUMP",
+  stopEvent = "STOP",
+  className,
+  entity
+}) {
+  const canvasRef = useRef(null);
+  const eventBus = useEventBus();
+  const keysRef = useRef(/* @__PURE__ */ new Set());
+  const resolvedPlayer = player ?? {
+    x: entity?.x ?? 50,
+    y: entity?.y ?? 300,
+    width: entity?.width ?? 24,
+    height: entity?.height ?? 32,
+    vx: entity?.vx ?? 0,
+    vy: entity?.vy ?? 0,
+    grounded: entity?.grounded ?? false,
+    facingRight: entity?.facingRight ?? true
+  };
+  const handleKeyDown = useCallback((e) => {
+    if (keysRef.current.has(e.code)) return;
+    keysRef.current.add(e.code);
+    switch (e.code) {
+      case "ArrowLeft":
+      case "KeyA":
+        eventBus.emit(`UI:${leftEvent}`, { direction: -1 });
+        break;
+      case "ArrowRight":
+      case "KeyD":
+        eventBus.emit(`UI:${rightEvent}`, { direction: 1 });
+        break;
+      case "ArrowUp":
+      case "KeyW":
+      case "Space":
+        eventBus.emit(`UI:${jumpEvent}`, {});
+        e.preventDefault();
+        break;
+    }
+  }, [eventBus, leftEvent, rightEvent, jumpEvent]);
+  const handleKeyUp = useCallback((e) => {
+    keysRef.current.delete(e.code);
+    switch (e.code) {
+      case "ArrowLeft":
+      case "KeyA":
+      case "ArrowRight":
+      case "KeyD":
+        eventBus.emit(`UI:${stopEvent}`, {});
+        break;
+    }
+  }, [eventBus, stopEvent]);
+  useEffect(() => {
+    window.addEventListener("keydown", handleKeyDown);
+    window.addEventListener("keyup", handleKeyUp);
+    return () => {
+      window.removeEventListener("keydown", handleKeyDown);
+      window.removeEventListener("keyup", handleKeyUp);
+    };
+  }, [handleKeyDown, handleKeyUp]);
+  useEffect(() => {
+    const canvas = canvasRef.current;
+    if (!canvas) return;
+    const ctx = canvas.getContext("2d");
+    if (!ctx) return;
+    const dpr = window.devicePixelRatio || 1;
+    canvas.width = canvasWidth * dpr;
+    canvas.height = canvasHeight * dpr;
+    ctx.scale(dpr, dpr);
+    let camX = 0;
+    let camY = 0;
+    if (followCamera) {
+      camX = Math.max(0, Math.min(resolvedPlayer.x - canvasWidth / 2, worldWidth - canvasWidth));
+      camY = Math.max(0, Math.min(resolvedPlayer.y - canvasHeight / 2 - 50, worldHeight - canvasHeight));
+    }
+    if (bgColor) {
+      ctx.fillStyle = bgColor;
+      ctx.fillRect(0, 0, canvasWidth, canvasHeight);
+    } else {
+      const grad = ctx.createLinearGradient(0, 0, 0, canvasHeight);
+      grad.addColorStop(0, SKY_GRADIENT_TOP);
+      grad.addColorStop(1, SKY_GRADIENT_BOTTOM);
+      ctx.fillStyle = grad;
+      ctx.fillRect(0, 0, canvasWidth, canvasHeight);
+    }
+    ctx.strokeStyle = GRID_COLOR;
+    ctx.lineWidth = 1;
+    const gridSize = 32;
+    for (let gx = -camX % gridSize; gx < canvasWidth; gx += gridSize) {
+      ctx.beginPath();
+      ctx.moveTo(gx, 0);
+      ctx.lineTo(gx, canvasHeight);
+      ctx.stroke();
+    }
+    for (let gy = -camY % gridSize; gy < canvasHeight; gy += gridSize) {
+      ctx.beginPath();
+      ctx.moveTo(0, gy);
+      ctx.lineTo(canvasWidth, gy);
+      ctx.stroke();
+    }
+    for (const plat of platforms) {
+      const px = plat.x - camX;
+      const py = plat.y - camY;
+      const color = PLATFORM_COLORS[plat.type ?? "ground"] ?? PLATFORM_COLORS.ground;
+      ctx.fillStyle = color;
+      ctx.fillRect(px, py, plat.width, plat.height);
+      ctx.fillStyle = "rgba(255, 255, 255, 0.15)";
+      ctx.fillRect(px, py, plat.width, 3);
+      ctx.fillStyle = "rgba(0, 0, 0, 0.3)";
+      ctx.fillRect(px, py + plat.height - 2, plat.width, 2);
+      if (plat.type === "hazard") {
+        ctx.strokeStyle = "#e74c3c";
+        ctx.lineWidth = 2;
+        for (let sx = px; sx < px + plat.width; sx += 12) {
+          ctx.beginPath();
+          ctx.moveTo(sx, py);
+          ctx.lineTo(sx + 6, py + plat.height);
+          ctx.stroke();
+        }
+      }
+      if (plat.type === "goal") {
+        ctx.fillStyle = "rgba(241, 196, 15, 0.5)";
+        ctx.beginPath();
+        ctx.arc(px + plat.width / 2, py - 10, 8, 0, Math.PI * 2);
+        ctx.fill();
+      }
+    }
+    const pw = resolvedPlayer.width ?? 24;
+    const ph = resolvedPlayer.height ?? 32;
+    const ppx = resolvedPlayer.x - camX;
+    const ppy = resolvedPlayer.y - camY;
+    ctx.fillStyle = PLAYER_COLOR;
+    const radius = Math.min(pw, ph) * 0.25;
+    ctx.beginPath();
+    ctx.moveTo(ppx + radius, ppy);
+    ctx.lineTo(ppx + pw - radius, ppy);
+    ctx.quadraticCurveTo(ppx + pw, ppy, ppx + pw, ppy + radius);
+    ctx.lineTo(ppx + pw, ppy + ph - radius);
+    ctx.quadraticCurveTo(ppx + pw, ppy + ph, ppx + pw - radius, ppy + ph);
+    ctx.lineTo(ppx + radius, ppy + ph);
+    ctx.quadraticCurveTo(ppx, ppy + ph, ppx, ppy + ph - radius);
+    ctx.lineTo(ppx, ppy + radius);
+    ctx.quadraticCurveTo(ppx, ppy, ppx + radius, ppy);
+    ctx.fill();
+    const eyeY = ppy + ph * 0.3;
+    const eyeSize = 3;
+    const facingRight = resolvedPlayer.facingRight ?? true;
+    const eyeOffsetX = facingRight ? pw * 0.55 : pw * 0.2;
+    ctx.fillStyle = PLAYER_EYE_COLOR;
+    ctx.beginPath();
+    ctx.arc(ppx + eyeOffsetX, eyeY, eyeSize, 0, Math.PI * 2);
+    ctx.fill();
+    ctx.beginPath();
+    ctx.arc(ppx + eyeOffsetX + 7, eyeY, eyeSize, 0, Math.PI * 2);
+    ctx.fill();
+  });
+  return /* @__PURE__ */ jsx(
+    "canvas",
+    {
+      ref: canvasRef,
+      style: { width: canvasWidth, height: canvasHeight },
+      className: cn("block rounded-lg border border-white/10", className),
+      "data-testid": "platformer-canvas",
+      tabIndex: 0
+    }
+  );
+}
+PlatformerCanvas.displayName = "PlatformerCanvas";
 
 // components/organisms/game/types/effects.ts
 var EMPTY_EFFECT_STATE = {
@@ -6610,76 +6831,6 @@ function usePhysics2D(options = {}) {
     reset
   };
 }
-var sizeMap = {
-  sm: "text-xs px-2 py-1",
-  md: "text-sm px-3 py-1.5",
-  lg: "text-base px-4 py-2"
-};
-var variantMap = {
-  default: "bg-gray-800/80 border-gray-700",
-  primary: "bg-blue-900/80 border-blue-700",
-  success: "bg-green-900/80 border-green-700",
-  warning: "bg-yellow-900/80 border-yellow-700",
-  danger: "bg-red-900/80 border-red-700"
-};
-function StatBadge({
-  label,
-  value = 0,
-  max,
-  format = "number",
-  icon,
-  size = "md",
-  variant = "default",
-  className,
-  // Ignored config props (used for schema binding)
-  source: _source,
-  field: _field
-}) {
-  const numValue = typeof value === "number" ? value : parseInt(String(value), 10) || 0;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "inline-flex items-center gap-2 rounded-lg border backdrop-blur-sm",
-        sizeMap[size] ?? sizeMap.md,
-        variantMap[variant] ?? variantMap.default,
-        className
-      ),
-      children: [
-        icon && /* @__PURE__ */ jsx("span", { className: "flex-shrink-0 text-lg", children: icon }),
-        /* @__PURE__ */ jsx("span", { className: "text-gray-400 font-medium", children: label }),
-        format === "hearts" && max && /* @__PURE__ */ jsx(
-          HealthBar,
-          {
-            current: numValue,
-            max,
-            format: "hearts",
-            size: size === "lg" ? "md" : "sm"
-          }
-        ),
-        format === "bar" && max && /* @__PURE__ */ jsx(
-          HealthBar,
-          {
-            current: numValue,
-            max,
-            format: "bar",
-            size: size === "lg" ? "md" : "sm"
-          }
-        ),
-        format === "number" && /* @__PURE__ */ jsx(
-          ScoreDisplay,
-          {
-            value: numValue,
-            size: size === "lg" ? "md" : "sm",
-            animated: true
-          }
-        ),
-        format === "text" && /* @__PURE__ */ jsx("span", { className: "font-bold text-white", children: value })
-      ]
-    }
-  );
-}
-StatBadge.displayName = "StatBadge";
 var positionMap = {
   top: "top-0 left-0 right-0 flex justify-between items-start p-4",
   bottom: "bottom-0 left-0 right-0 flex justify-between items-end p-4",
@@ -6695,9 +6846,14 @@ function convertElementsToStats(elements) {
       timer: "Time"
     };
     return {
-      label: el.label || labelMap[el.type] || el.type,
+      label: el.label || labelMap[el.type ?? ""] || el.type || "",
       source,
-      field
+      field,
+      // Pass through direct values from compiled render-ui effects
+      ...el.value !== void 0 && { value: el.value },
+      ...el.icon !== void 0 && { icon: el.icon },
+      ...el.format !== void 0 && { format: el.format },
+      ...el.max !== void 0 && { max: el.max }
     };
   });
 }
@@ -6710,7 +6866,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));
@@ -6735,7 +6892,7 @@ function GameHud({
   );
 }
 GameHud.displayName = "GameHud";
-var variantMap2 = {
+var variantMap = {
   primary: "bg-blue-600 hover:bg-blue-500 text-white border-blue-400 shadow-lg shadow-blue-500/25",
   secondary: "bg-gray-700 hover:bg-gray-600 text-white border-gray-500",
   ghost: "bg-transparent hover:bg-white/10 text-white border-white/20"
@@ -6814,7 +6971,7 @@ function GameMenu({
               "transition-all duration-200 transform",
               "hover:scale-105 active:scale-95",
               "focus:outline-none focus:ring-4 focus:ring-white/25",
-              variantMap2[option.variant ?? "secondary"] ?? variantMap2.secondary,
+              variantMap[option.variant ?? "secondary"] ?? variantMap.secondary,
               option.disabled && "opacity-50 cursor-not-allowed hover:scale-100"
             ),
             style: {
@@ -6980,10 +7137,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 +7176,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 +7184,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 +7211,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 +11384,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 +11553,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 +11669,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 +14053,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, PlatformerCanvas, 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/context/index.js

@@ -1,5 +1,5 @@
-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 { ThemeProvider, useTheme } from '../chunk-YLKXEXBP.js';
+export { BUILT_IN_THEMES, ThemeContext_default as ThemeContext, ThemeProvider, UISlotContext, UISlotProvider, useSlotContent, useSlotHasContent, useTheme, useUISlots } from '../chunk-YLKXEXBP.js';
 import '../chunk-3JGAROCW.js';
 import '../chunk-PKBMQBKP.js';
 import { createContext, useCallback, useMemo, useContext } from 'react';

package/dist/providers/index.js

@@ -1,5 +1,5 @@
-import { SuspenseConfigProvider } from '../chunk-CC3UOKHI.js';
-import { ThemeProvider } from '../chunk-DKQN5FVU.js';
+import { SuspenseConfigProvider } from '../chunk-FYYU3CHN.js';
+import { ThemeProvider } from '../chunk-YLKXEXBP.js';
 import { SelectionProvider, EntityDataProvider } from '../chunk-GOZKH7QW.js';
 export { SelectionContext, SelectionProvider, useSelection, useSelectionOptional } from '../chunk-GOZKH7QW.js';
 import { useEventBus, EventBusProvider } from '../chunk-YXZM3WCF.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.
  */