@almadar/ui 2.1.4 → 2.1.7

package/dist/{chunk-XSEDIUM6.js → chunk-3HJHHULT.js}

@@ -1,5 +1,5 @@
 // lib/api-client.ts
-var API_BASE_URL = typeof import.meta !== "undefined" && import.meta.env?.VITE_API_URL ? import.meta.env.VITE_API_URL : "/api";
+var API_BASE_URL = typeof process !== "undefined" && process.env?.VITE_API_URL ? process.env.VITE_API_URL : "/api";
 var ApiError = class extends Error {
   constructor(status, statusText, message) {
     super(message || `API Error: ${status} ${statusText}`);

package/dist/{chunk-Y7AFNUT2.js → chunk-5Z55L5V7.js}

@@ -1,7 +1,7 @@
 import { useTheme, useUISlots } from './chunk-BTXQJGFB.js';
-import { cn, debugGroup, debug, debugGroupEnd, getNestedValue, isDebugEnabled } from './chunk-KKCVDUK7.js';
 import { useTranslate, useQuerySingleton } from './chunk-JLEMVREZ.js';
 import { useEventBus } from './chunk-YXZM3WCF.js';
+import { cn, debugGroup, debug, debugGroupEnd, getNestedValue, isDebugEnabled } from './chunk-KKCVDUK7.js';
 import { __publicField } from './chunk-PKBMQBKP.js';
 import * as React41 from 'react';
 import React41__default, { useCallback, useRef, useState, useLayoutEffect, useEffect, createContext, useMemo, useContext, Suspense } from 'react';
@@ -7208,13 +7208,14 @@ var DetailPanel = ({
   error
 }) => {
   const eventBus = useEventBus();
+  const { t } = useTranslate();
   const isFieldDefArray = (arr) => {
     if (!arr || arr.length === 0) return false;
     const first = arr[0];
     return typeof first === "string" || typeof first === "object" && first !== null && "key" in first;
   };
   const effectiveFieldNames = isFieldDefArray(propFields) ? normalizeFieldDefs(propFields) : fieldNames;
-  const handleActionClick = useCallback(
+  useCallback(
     (action, data2) => {
       if (action.navigatesTo) {
         const url = action.navigatesTo.replace(
@@ -7359,9 +7360,9 @@ var DetailPanel = ({
     return /* @__PURE__ */ jsx(
       ErrorState,
       {
-        title: "Error loading data",
-        message: error.message || "An error occurred while loading the data.",
-        onRetry: () => window.location.reload(),
+        title: t("error.loadingData"),
+        message: error.message || t("error.genericLoad"),
+        retryEvent: "RETRY",
         className
       }
     );
@@ -7424,7 +7425,8 @@ var DetailPanel = ({
           Button,
           {
             variant: action.variant || "secondary",
-            onClick: () => handleActionClick(action, normalizedData),
+            action: action.event,
+            actionPayload: { row: normalizedData },
             icon: action.icon,
             children: action.label
           },
@@ -9227,11 +9229,26 @@ function UISlotComponent({
   slot,
   portal = false,
   position,
-  className
+  className,
+  children,
+  pattern,
+  sourceTrait
 }) {
   const { slots, clear } = useUISlots();
   const suspenseConfig = useContext(SuspenseConfigContext);
   const content = slots[slot];
+  if (children !== void 0) {
+    return /* @__PURE__ */ jsx(
+      Box,
+      {
+        id: `slot-${slot}`,
+        className: cn("ui-slot", `ui-slot-${slot}`, className),
+        "data-pattern": pattern,
+        "data-source-trait": sourceTrait,
+        children
+      }
+    );
+  }
   if (!content) {
     if (!portal) {
       return /* @__PURE__ */ jsx(

package/dist/{chunk-E3EXHX2Z.js → chunk-6OACETQB.js}

@@ -1,4 +1,4 @@
-import { apiClient } from './chunk-XSEDIUM6.js';
+import { apiClient } from './chunk-3HJHHULT.js';
 import { SelectionContext, entityDataKeys, useEntityList } from './chunk-JLEMVREZ.js';
 import { useEventBus } from './chunk-YXZM3WCF.js';
 import { subscribe, getSnapshot, clearEntities, removeEntity, updateSingleton, updateEntity, spawnEntity, getSingleton, getAllEntities, getByType, getEntity } from './chunk-N7MVUW4R.js';
@@ -1353,7 +1353,7 @@ function useAuthContext() {
     signOut: void 0
   };
 }
-var API_BASE = typeof import.meta !== "undefined" && import.meta.env?.VITE_API_URL ? import.meta.env.VITE_API_URL : "http://localhost:3000";
+var API_BASE = typeof process !== "undefined" && process.env?.VITE_API_URL ? process.env.VITE_API_URL : "http://localhost:3000";
 function getUserId() {
   return localStorage.getItem("userId") || "anonymous";
 }

package/dist/components/index.css

@@ -1,4 +1,4 @@
-/* ../../node_modules/.pnpm/katex@0.16.28/node_modules/katex/dist/katex.min.css */
+/* node_modules/.pnpm/katex@0.16.33/node_modules/katex/dist/katex.min.css */
 @font-face {
   font-display: block;
   font-family: KaTeX_AMS;
@@ -213,7 +213,7 @@
   border-color: currentColor;
 }
 .katex .katex-version:after {
-  content: "0.16.28";
+  content: "0.16.33";
 }
 .katex .katex-mathml {
   clip: rect(1px, 1px, 1px, 1px);
@@ -988,6 +988,15 @@
 .katex svg {
   fill: currentColor;
   stroke: currentColor;
+  display: block;
+  height: inherit;
+  position: absolute;
+  width: 100%;
+}
+.katex svg path {
+  stroke: none;
+}
+.katex svg {
   fill-rule: nonzero;
   fill-opacity: 1;
   stroke-width: 1;
@@ -997,13 +1006,6 @@
   stroke-dasharray: none;
   stroke-dashoffset: 0;
   stroke-opacity: 1;
-  display: block;
-  height: inherit;
-  position: absolute;
-  width: 100%;
-}
-.katex svg path {
-  stroke: none;
 }
 .katex img {
   border-style: none;

package/dist/components/index.d.ts

@@ -2543,8 +2543,8 @@ interface SelectPayload {
     ids: (string | number)[];
 }
 interface EntityDisplayProps<T = unknown> {
-    /** Entity data injected by the runtime (array for lists, single object for detail) */
-    entity?: T | readonly T[];
+    /** Entity name (string) or data injected by the runtime (array for lists, single object for detail) */
+    entity?: string | T | readonly T[];
     /** Additional CSS classes */
     className?: string;
     /** Loading state indicator */
@@ -2646,7 +2646,7 @@ interface MetricDefinition {
     /** Value format (e.g., 'currency', 'percent', 'number') */
     format?: "currency" | "percent" | "number" | string;
 }
-interface StatCardProps extends EntityDisplayProps<Record<string, unknown>> {
+interface StatCardProps extends EntityDisplayProps {
     /** Main label */
     label?: string;
     /** Title (alias for label) */
@@ -2784,7 +2784,7 @@ type FieldDef$2 = string | {
     key: string;
     header?: string;
 };
-interface DetailPanelProps extends EntityDisplayProps<Record<string, unknown>> {
+interface DetailPanelProps extends EntityDisplayProps {
     title?: string;
     subtitle?: string;
     status?: {
@@ -2809,10 +2809,16 @@ interface DetailPanelProps extends EntityDisplayProps<Record<string, unknown>> {
     position?: "left" | "right";
     /** Panel width (CSS value, e.g., '400px', '50%') */
     width?: string;
+    /** Entity ID for fetching specific entity */
+    entityId?: string;
+    /** Display fields (alias for fields) */
+    displayFields?: readonly string[];
+    /** Show actions flag */
+    showActions?: boolean;
 }
 declare const DetailPanel: React__default.FC<DetailPanelProps>;
 
-interface FormSectionProps {
+interface FormSectionProps extends EntityDisplayProps {
     /** Section title */
     title?: string;
     /** Section description */
@@ -2827,47 +2833,28 @@ interface FormSectionProps {
     card?: boolean;
     /** Grid columns for fields */
     columns?: 1 | 2 | 3;
-    className?: string;
-    /** Loading state */
-    isLoading?: boolean;
-    /** Error state */
-    error?: Error | null;
-    /** Entity name */
-    entity?: string;
+    /** Entity ID for fetching specific entity */
+    entityId?: string;
 }
 declare const FormSection$1: React__default.FC<FormSectionProps>;
 /**
  * Form layout with multiple sections
  */
-interface FormLayoutProps {
+interface FormLayoutProps extends EntityDisplayProps {
     children: React__default.ReactNode;
     /** Show section dividers */
     dividers?: boolean;
-    className?: string;
-    /** Loading state */
-    isLoading?: boolean;
-    /** Error state */
-    error?: Error | null;
-    /** Entity name */
-    entity?: string;
 }
 declare const FormLayout: React__default.FC<FormLayoutProps>;
 /**
  * Form actions bar (submit/cancel buttons)
  */
-interface FormActionsProps {
+interface FormActionsProps extends EntityDisplayProps {
     children: React__default.ReactNode;
     /** Sticky at bottom */
     sticky?: boolean;
     /** Alignment */
     align?: "left" | "right" | "between" | "center";
-    className?: string;
-    /** Loading state */
-    isLoading?: boolean;
-    /** Error state */
-    error?: Error | null;
-    /** Entity name */
-    entity?: string;
 }
 declare const FormActions: React__default.FC<FormActionsProps>;
 
@@ -3523,7 +3510,7 @@ type FieldDef$1 = string | {
     key: string;
     header?: string;
 };
-interface ListProps extends EntityDisplayProps<Record<string, unknown>> {
+interface ListProps extends EntityDisplayProps {
     /** Entity type name for display */
     entityType?: string;
     selectable?: boolean;
@@ -3579,7 +3566,7 @@ type FieldDef = string | {
     key: string;
     header?: string;
 };
-interface CardGridProps extends EntityDisplayProps<Record<string, unknown>> {
+interface CardGridProps extends EntityDisplayProps {
     /** Minimum width of each card (default: 280px) */
     minCardWidth?: number;
     /** Maximum number of columns */
@@ -4005,7 +3992,7 @@ declare const JazariStateMachine: React__default.FC<JazariStateMachineProps>;
  * - entityAware: false
  */
 
-interface ContentRendererProps extends EntityDisplayProps<Record<string, unknown>> {
+interface ContentRendererProps extends EntityDisplayProps {
     /** Raw content string — auto-parsed into segments */
     content?: string;
     /** Pre-parsed segments (overrides content) */
@@ -7183,13 +7170,19 @@ interface UISlotComponentProps {
     isLoading?: boolean;
     error?: Error | null;
     entity?: string;
+    /** Compiled mode: render children directly instead of resolving from context */
+    children?: React__default.ReactNode;
+    /** Pattern type for data-pattern attribute (compiled mode) */
+    pattern?: string;
+    /** Source trait name for data-source-trait attribute (compiled mode) */
+    sourceTrait?: string;
 }
 /**
  * Individual slot renderer.
  *
  * Handles different slot types with appropriate wrappers.
  */
-declare function UISlotComponent({ slot, portal, position, className, }: UISlotComponentProps): React__default.ReactElement | null;
+declare function UISlotComponent({ slot, portal, position, className, children, pattern, sourceTrait, }: UISlotComponentProps): React__default.ReactElement | null;
 interface SlotContentRendererProps {
     content: SlotContent;
     onDismiss: () => void;

package/dist/components/index.js

@@ -1,21 +1,21 @@
+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 { DEFAULT_CONFIG, renderStateMachineToDomData, parseContentSegments } from '../chunk-N6DJVKZ6.js';
-import { useAuthContext } from '../chunk-E3EXHX2Z.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-E3EXHX2Z.js';
-import '../chunk-XSEDIUM6.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, HealthBar, ScoreDisplay, StateIndicator, Container, EntityDisplayEvents } from '../chunk-Y7AFNUT2.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-Y7AFNUT2.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, HealthBar, ScoreDisplay, StateIndicator, Container, EntityDisplayEvents } from '../chunk-5Z55L5V7.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-5Z55L5V7.js';
 import '../chunk-BTXQJGFB.js';
-import { cn, getNestedValue } from '../chunk-KKCVDUK7.js';
-export { cn } from '../chunk-KKCVDUK7.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 { useEventBus, useEventListener } from '../chunk-YXZM3WCF.js';
 export { useEmitEvent, useEventBus, useEventListener } from '../chunk-YXZM3WCF.js';
 export { DEFAULT_SLOTS, useUISlotManager } from '../chunk-7NEWMNNU.js';
+import { cn, getNestedValue } from '../chunk-KKCVDUK7.js';
+export { cn } from '../chunk-KKCVDUK7.js';
 export { clearEntities, getAllEntities, getByType, getEntity, getSingleton, removeEntity, spawnEntity, updateEntity, updateSingleton } from '../chunk-N7MVUW4R.js';
 import { __publicField } from '../chunk-PKBMQBKP.js';
-import * as React42 from 'react';
-import React42__default, { createContext, useState, useCallback, useMemo, useEffect, useRef, useContext } from 'react';
+import * as React from 'react';
+import React__default, { createContext, useState, useCallback, useMemo, useEffect, useRef, useContext } from 'react';
 import { ChevronDown, X, Menu, ChevronRight, ChevronLeft, ArrowUp, ArrowDown, MoreVertical, Package, Check, AlertTriangle, Trash2, List as List$1, Printer, CheckCircle, XCircle, Play, RotateCcw, Send, Wrench, Bug, ArrowRight, Pause, SkipForward, Zap, Sword, Move, Heart, Shield, AlertCircle, Circle, Clock, CheckCircle2, Image as Image$1, Upload, ZoomIn, Eraser, FileText, ZoomOut, Download, Code, WrapText, Copy, Settings, Search, Bell, LogOut, Calendar, Pencil, Eye, MoreHorizontal, Minus, Plus } from 'lucide-react';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { createPortal } from 'react-dom';
@@ -31,12 +31,20 @@ var FormSection = ({
   columns = 1,
   className
 }) => {
-  const [collapsed, setCollapsed] = React42__default.useState(defaultCollapsed);
+  const [collapsed, setCollapsed] = React__default.useState(defaultCollapsed);
+  const { t } = useTranslate();
+  const eventBus = useEventBus();
   const gridClass = {
     1: "grid-cols-1",
     2: "grid-cols-1 md:grid-cols-2",
     3: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3"
   }[columns];
+  React__default.useCallback(() => {
+    if (collapsible) {
+      setCollapsed((prev) => !prev);
+      eventBus.emit("UI:TOGGLE_COLLAPSE", { collapsed: !collapsed });
+    }
+  }, [collapsible, collapsed, eventBus]);
   const content = /* @__PURE__ */ jsxs(Fragment, { children: [
     (title || description) && /* @__PURE__ */ jsxs(VStack, { gap: "xs", className: "mb-4", children: [
       title && /* @__PURE__ */ jsxs(
@@ -45,7 +53,7 @@ var FormSection = ({
           justify: "between",
           align: "center",
           className: cn(collapsible && "cursor-pointer"),
-          onClick: () => collapsible && setCollapsed(!collapsed),
+          action: collapsible ? "TOGGLE_COLLAPSE" : void 0,
           children: [
             /* @__PURE__ */ jsx(Typography, { variant: "h3", weight: "semibold", children: title }),
             collapsible && /* @__PURE__ */ jsx(
@@ -53,7 +61,7 @@ var FormSection = ({
               {
                 variant: "ghost",
                 size: "sm",
-                onClick: () => setCollapsed(!collapsed),
+                action: "TOGGLE_COLLAPSE",
                 children: /* @__PURE__ */ jsx(
                   Icon,
                   {
@@ -1028,7 +1036,7 @@ var List = ({
     if (entity && typeof entity === "object" && "id" in entity) return [entity];
     return [];
   }, [entity]);
-  const getItemActions = React42__default.useCallback(
+  const getItemActions = React__default.useCallback(
     (item) => {
       if (!itemActions) return [];
       if (typeof itemActions === "function") {
@@ -1530,7 +1538,7 @@ var WizardContainer = ({
           const isCompleted = index < currentStep;
           const stepKey = step.id ?? step.tabId ?? `step-${index}`;
           const stepTitle = step.title ?? step.name ?? `Step ${index + 1}`;
-          return /* @__PURE__ */ jsxs(React42__default.Fragment, { children: [
+          return /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
             /* @__PURE__ */ jsx(
               Button,
               {
@@ -2754,7 +2762,7 @@ var StateMachineView = ({
             style: { top: title ? 30 : 0 },
             children: [
               entity && /* @__PURE__ */ jsx(EntityBox, { entity, config }),
-              states.map((state) => renderStateNode ? /* @__PURE__ */ jsx(React42__default.Fragment, { children: renderStateNode(state, config) }, state.id) : /* @__PURE__ */ jsx(
+              states.map((state) => renderStateNode ? /* @__PURE__ */ jsx(React__default.Fragment, { children: renderStateNode(state, config) }, state.id) : /* @__PURE__ */ jsx(
                 StateNode,
                 {
                   state,
@@ -6769,7 +6777,7 @@ function GameMenu({
   } catch {
   }
   const eventBus = eventBusProp || eventBusFromHook;
-  const handleOptionClick = React42.useCallback(
+  const handleOptionClick = React.useCallback(
     (option) => {
       if (option.event && eventBus) {
         eventBus.emit(`UI:${option.event}`, { option });
@@ -6892,7 +6900,7 @@ function GameOverScreen({
   } catch {
   }
   const eventBus = eventBusProp || eventBusFromHook;
-  const handleActionClick = React42.useCallback(
+  const handleActionClick = React.useCallback(
     (action) => {
       if (action.event && eventBus) {
         eventBus.emit(`UI:${action.event}`, { action });
@@ -8159,7 +8167,7 @@ function LinearView({
     /* @__PURE__ */ jsx(HStack, { className: "flex-wrap items-center", gap: "xs", children: trait.states.map((state, i) => {
       const isDone = i < currentIdx;
       const isCurrent = i === currentIdx;
-      return /* @__PURE__ */ jsxs(React42__default.Fragment, { children: [
+      return /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
         i > 0 && /* @__PURE__ */ jsx(
           Typography,
           {
@@ -8813,7 +8821,7 @@ function SequenceBar({
     onSlotRemove(index);
   }, [onSlotRemove, playing]);
   const paddedSlots = Array.from({ length: maxSlots }, (_, i) => slots[i]);
-  return /* @__PURE__ */ jsx(HStack, { className: cn("items-center", className), gap: "sm", children: paddedSlots.map((slot, i) => /* @__PURE__ */ jsxs(React42__default.Fragment, { children: [
+  return /* @__PURE__ */ jsx(HStack, { className: cn("items-center", className), gap: "sm", children: paddedSlots.map((slot, i) => /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
     i > 0 && /* @__PURE__ */ jsx(
       Typography,
       {
@@ -11113,7 +11121,7 @@ function generateCombatMessage(event) {
   return event.message;
 }
 function extractTitle(children) {
-  if (!React42__default.isValidElement(children)) return void 0;
+  if (!React__default.isValidElement(children)) return void 0;
   const props = children.props;
   if (typeof props.title === "string") {
     return props.title;
@@ -11148,7 +11156,7 @@ var ModalSlot = ({
 };
 ModalSlot.displayName = "ModalSlot";
 function extractTitle2(children) {
-  if (!React42__default.isValidElement(children)) return void 0;
+  if (!React__default.isValidElement(children)) return void 0;
   const props = children.props;
   if (typeof props.title === "string") {
     return props.title;
@@ -11185,7 +11193,7 @@ var DrawerSlot = ({
 };
 DrawerSlot.displayName = "DrawerSlot";
 function extractToastProps(children) {
-  if (!React42__default.isValidElement(children)) {
+  if (!React__default.isValidElement(children)) {
     if (typeof children === "string") {
       return { message: children };
     }
@@ -11216,7 +11224,7 @@ var ToastSlot = ({
     eventBus.emit("UI:CLOSE");
   };
   if (!isVisible) return null;
-  const isCustomContent = React42__default.isValidElement(children) && !message;
+  const isCustomContent = React__default.isValidElement(children) && !message;
   return /* @__PURE__ */ jsx(Box, { className: "fixed bottom-4 right-4 z-50", children: isCustomContent ? children : /* @__PURE__ */ jsx(
     Toast,
     {
@@ -11721,7 +11729,7 @@ var Timeline = ({
 }) => {
   const { t } = useTranslate();
   const entityData = Array.isArray(entity) ? entity : [];
-  const items = React42__default.useMemo(() => {
+  const items = React__default.useMemo(() => {
     if (propItems) return propItems;
     if (entityData.length === 0) return [];
     return entityData.map((record, idx) => {
@@ -11862,7 +11870,7 @@ var MediaGallery = ({
     [selectable, selectedItems, selectionEvent, eventBus]
   );
   const entityData = Array.isArray(entity) ? entity : [];
-  const items = React42__default.useMemo(() => {
+  const items = React__default.useMemo(() => {
     if (propItems) return propItems;
     if (entityData.length === 0) return [];
     return entityData.map((record, idx) => ({

package/dist/hooks/index.js

@@ -1,5 +1,5 @@
-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-E3EXHX2Z.js';
-import '../chunk-XSEDIUM6.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 '../chunk-3HJHHULT.js';
 export { EntityDataProvider, I18nProvider, createTranslate, entityDataKeys, parseQueryBinding, useEntity, useEntityDataAdapter, useEntityDetail, useEntityList, useEntityListSuspense, useEntitySuspense, useQuerySingleton, useTranslate } from '../chunk-JLEMVREZ.js';
 export { useEmitEvent, useEventBus, useEventListener } from '../chunk-YXZM3WCF.js';
 export { DEFAULT_SLOTS, useUISlotManager } from '../chunk-7NEWMNNU.js';

package/dist/lib/index.js

@@ -1,5 +1,5 @@
 export { DEFAULT_CONFIG, extractOutputsFromTransitions, extractStateMachine, formatGuard, getEffectSummary, parseContentSegments, parseMarkdownWithCodeBlocks, renderStateMachineToDomData, renderStateMachineToSvg } from '../chunk-N6DJVKZ6.js';
-export { ApiError, apiClient } from '../chunk-XSEDIUM6.js';
+export { ApiError, apiClient } from '../chunk-3HJHHULT.js';
 export { bindEventBus, bindTraitStateGetter, clearVerification, getAllChecks, getBridgeHealth, getSnapshot, getSummary, getTransitions, getTransitionsForTrait, recordTransition, registerCheck, subscribeToVerification, updateBridgeHealth, updateCheck, waitForTransition } from '../chunk-45CTDYBT.js';
 export { cn, debug, debugCollision, debugError, debugGameState, debugGroup, debugGroupEnd, debugInput, debugPhysics, debugTable, debugTime, debugTimeEnd, debugWarn, formatNestedFieldLabel, getNestedValue, isDebugEnabled } from '../chunk-KKCVDUK7.js';
 import '../chunk-PKBMQBKP.js';

package/dist/providers/index.css

@@ -1,4 +1,4 @@
-/* ../../node_modules/.pnpm/katex@0.16.28/node_modules/katex/dist/katex.min.css */
+/* node_modules/.pnpm/katex@0.16.33/node_modules/katex/dist/katex.min.css */
 @font-face {
   font-display: block;
   font-family: KaTeX_AMS;
@@ -213,7 +213,7 @@
   border-color: currentColor;
 }
 .katex .katex-version:after {
-  content: "0.16.28";
+  content: "0.16.33";
 }
 .katex .katex-mathml {
   clip: rect(1px, 1px, 1px, 1px);
@@ -988,6 +988,15 @@
 .katex svg {
   fill: currentColor;
   stroke: currentColor;
+  display: block;
+  height: inherit;
+  position: absolute;
+  width: 100%;
+}
+.katex svg path {
+  stroke: none;
+}
+.katex svg {
   fill-rule: nonzero;
   fill-opacity: 1;
   stroke-width: 1;
@@ -997,13 +1006,6 @@
   stroke-dasharray: none;
   stroke-dashoffset: 0;
   stroke-opacity: 1;
-  display: block;
-  height: inherit;
-  position: absolute;
-  width: 100%;
-}
-.katex svg path {
-  stroke: none;
 }
 .katex img {
   border-style: none;

package/dist/providers/index.js

@@ -1,12 +1,12 @@
-import { SuspenseConfigProvider } from '../chunk-Y7AFNUT2.js';
+import { SuspenseConfigProvider } from '../chunk-5Z55L5V7.js';
 import { ThemeProvider } from '../chunk-BTXQJGFB.js';
-import { recordTransition, registerCheck, bindEventBus, bindTraitStateGetter } from '../chunk-45CTDYBT.js';
-import '../chunk-KKCVDUK7.js';
 import { SelectionProvider, EntityDataProvider } from '../chunk-JLEMVREZ.js';
 export { SelectionContext, SelectionProvider, useSelection, useSelectionOptional } from '../chunk-JLEMVREZ.js';
 import { useEventBus, EventBusProvider } from '../chunk-YXZM3WCF.js';
 export { EventBusContext, EventBusProvider } from '../chunk-YXZM3WCF.js';
 import '../chunk-7NEWMNNU.js';
+import { recordTransition, registerCheck, bindEventBus, bindTraitStateGetter } from '../chunk-45CTDYBT.js';
+import '../chunk-KKCVDUK7.js';
 import { useOfflineExecutor } from '../chunk-PL7MD6GF.js';
 import '../chunk-PKBMQBKP.js';
 import { createContext, useState, useCallback, useMemo, useContext, useRef, useEffect } from 'react';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/ui",
-  "version": "2.1.4",
+  "version": "2.1.7",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "main": "./dist/components/index.js",
@@ -117,6 +117,7 @@
     "vitest": "^1.4.0",
     "@testing-library/react": "^14.2.0",
     "@testing-library/jest-dom": "^6.4.0",
+    "@testing-library/user-event": "^14.5.0",
     "@vitest/ui": "^1.4.0",
     "jsdom": "^24.0.0",
     "@storybook/addon-docs": "^10.2.6",