@almadar/ui 2.1.7 → 2.1.9

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

@@ -1,7 +1,7 @@
+import { cn, debugGroup, debug, debugGroupEnd, getNestedValue, isDebugEnabled } from './chunk-KKCVDUK7.js';
 import { useTheme, useUISlots } from './chunk-BTXQJGFB.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';
@@ -14,8 +14,8 @@ import ReactMarkdown from 'react-markdown';
 import remarkGfm from 'remark-gfm';
 import remarkMath from 'remark-math';
 import rehypeKatex from 'rehype-katex';
-import { Prism } from 'react-syntax-highlighter';
-import { vscDarkPlus } from 'react-syntax-highlighter/dist/cjs/styles/prism';
+import SyntaxHighlighter from 'react-syntax-highlighter/dist/esm/prism';
+import dark from 'react-syntax-highlighter/dist/esm/styles/prism/vsc-dark-plus';
 
 var variantStyles = {
   primary: [
@@ -808,6 +808,7 @@ var Box = React41__default.forwardRef(
     const eventBus = useEventBus();
     const handleClick = useCallback((e) => {
       if (action) {
+        e.stopPropagation();
         eventBus.emit(`UI:${action}`, actionPayload ?? {});
       }
       onClick?.(e);
@@ -4094,6 +4095,7 @@ var Menu2 = ({
   className
 }) => {
   const eventBus = useEventBus();
+  const { t } = useTranslate();
   const [isOpen, setIsOpen] = useState(false);
   const [activeSubMenu, setActiveSubMenu] = useState(null);
   const [triggerRect, setTriggerRect] = useState(null);
@@ -4172,6 +4174,7 @@ var Menu2 = ({
         onClick: () => handleItemClick({ ...item, id: itemId }),
         disabled: item.disabled,
         onMouseEnter: () => hasSubMenu && setActiveSubMenu(itemId),
+        "data-testid": item.event ? `action-${item.event}` : void 0,
         className: cn(
           "w-full flex items-center justify-between gap-3 px-4 py-2 text-left",
           "text-sm transition-colors",
@@ -5904,11 +5907,11 @@ var CodeBlock = React41__default.memo(
             padding: "1rem"
           },
           children: /* @__PURE__ */ jsx(
-            Prism,
+            SyntaxHighlighter,
             {
               PreTag: "div",
               language,
-              style: vscDarkPlus,
+              style: dark,
               customStyle: {
                 backgroundColor: "transparent",
                 borderRadius: 0,
@@ -7000,6 +7003,7 @@ var StatCard = ({
         variant: "ghost",
         onClick: handleActionClick,
         className: "mt-4 text-sm font-bold text-[var(--color-foreground)] hover:underline",
+        "data-testid": action.event ? `action-${action.event}` : void 0,
         children: [
           action.label,
           " \u2192"
@@ -7428,6 +7432,7 @@ var DetailPanel = ({
             action: action.event,
             actionPayload: { row: normalizedData },
             icon: action.icon,
+            "data-testid": action.event ? `action-${action.event}` : void 0,
             children: action.label
           },
           idx
@@ -8064,6 +8069,7 @@ var CardGrid = ({
   showTotal = true
 }) => {
   const eventBus = useEventBus();
+  const { t } = useTranslate();
   const effectiveFieldNames = normalizeFields(fields).length > 0 ? normalizeFields(fields) : fieldNames ?? normalizeFields(columns);
   const gridTemplateColumns = `repeat(auto-fit, minmax(min(${minCardWidth}px, 100%), 1fr))`;
   const normalizedData = Array.isArray(entity) ? entity : entity ? [entity] : [];
@@ -8072,9 +8078,6 @@ var CardGrid = ({
   const handlePageChange = (newPage) => {
     eventBus.emit("UI:PAGINATE", { page: newPage, pageSize });
   };
-  const handleCardClick = (itemData) => {
-    eventBus.emit("UI:VIEW", { row: itemData });
-  };
   const renderContent = () => {
     if (children) {
       return children;
@@ -8119,7 +8122,8 @@ var CardGrid = ({
             "bg-[var(--color-card)] rounded-[var(--radius-lg)] border border-[var(--color-border)] p-4 shadow-[var(--shadow-sm)]",
             "cursor-pointer hover:border-[var(--color-primary)] transition-colors"
           ),
-          onClick: () => handleCardClick(itemData),
+          action: "VIEW",
+          actionPayload: { row: itemData },
           children: [
             cardFields.map((field) => {
               const value = getNestedValue(itemData, field);
@@ -8137,6 +8141,7 @@ var CardGrid = ({
                   variant: buttonVariant,
                   size: "sm",
                   onClick: handleActionClick(action),
+                  "data-testid": action.event ? `action-${action.event}` : void 0,
                   children: action.label
                 },
                 actionIdx
@@ -9238,6 +9243,9 @@ function UISlotComponent({
   const suspenseConfig = useContext(SuspenseConfigContext);
   const content = slots[slot];
   if (children !== void 0) {
+    if (pattern === "clear") {
+      return null;
+    }
     return /* @__PURE__ */ jsx(
       Box,
       {

package/dist/components/index.css

@@ -1,4 +1,4 @@
-/* node_modules/.pnpm/katex@0.16.33/node_modules/katex/dist/katex.min.css */
+/* ../../node_modules/.pnpm/katex@0.16.28/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.33";
+  content: "0.16.28";
 }
 .katex .katex-mathml {
   clip: rect(1px, 1px, 1px, 1px);
@@ -988,15 +988,6 @@
 .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;
@@ -1006,6 +997,13 @@
   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

@@ -4221,24 +4221,24 @@ declare const SplitPane: React__default.FC<SplitPaneProps>;
  */
 
 interface DashboardGridCell {
-    /** Unique cell ID */
-    id: string;
+    /** Optional unique cell ID */
+    id?: string;
     /** Content to render in the cell */
-    content: React__default.ReactNode;
+    content?: React__default.ReactNode;
     /** Number of columns this cell spans (1-4) */
     colSpan?: 1 | 2 | 3 | 4;
     /** Number of rows this cell spans (1-2) */
     rowSpan?: 1 | 2;
+    /** Allow additional schema-driven properties */
+    [key: string]: unknown;
 }
-interface DashboardGridProps {
+interface DashboardGridProps extends EntityDisplayProps {
     /** Number of columns */
     columns?: 2 | 3 | 4;
     /** Gap between cells */
     gap?: "sm" | "md" | "lg";
     /** Cell definitions */
     cells: DashboardGridCell[];
-    /** Additional CSS classes */
-    className?: string;
 }
 /**
  * DashboardGrid - Multi-column widget grid

package/dist/components/index.js

@@ -1,17 +1,17 @@
+import { DEFAULT_CONFIG, renderStateMachineToDomData, parseContentSegments } from '../chunk-N6DJVKZ6.js';
 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 '../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 { 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-XTLMM6V5.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-XTLMM6V5.js';
+import { cn, getNestedValue } from '../chunk-KKCVDUK7.js';
+export { cn } from '../chunk-KKCVDUK7.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 { 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 React from 'react';
@@ -1045,6 +1045,7 @@ var List = ({
       return itemActions.map((action, idx) => ({
         id: `${item.id}-action-${idx}`,
         label: action.label,
+        event: action.event,
         onClick: () => {
           if (action.navigatesTo) {
             const url = action.navigatesTo.replace(
@@ -1125,9 +1126,6 @@ var List = ({
       eventBus.emit(`UI:${EntityDisplayEvents.DESELECT}`, { ids: newIds });
     }
   };
-  const handleRowClick = (item) => {
-    eventBus.emit("UI:VIEW", { row: item });
-  };
   const defaultRenderItem = (item, index, isLast) => {
     const isSelected = selectedIds.map(String).includes(item.id);
     const actions = normalizedItemActions ? normalizedItemActions(item) : [];
@@ -1138,8 +1136,9 @@ var List = ({
     const editAction = actions.find(
       (a) => a.label.toLowerCase().includes("edit")
     );
-    const hasExplicitClick = !!(item.onClick || viewAction?.onClick);
-    const handleClick = item.onClick || viewAction?.onClick || (() => handleRowClick(item));
+    const hasExplicitClick = !!(viewAction?.event || item.onClick);
+    const rowAction = viewAction?.event ?? "VIEW";
+    const rowActionPayload = { row: item };
     const primaryField = effectiveFieldNames?.[0];
     const statusField = effectiveFieldNames?.find(
       (f) => f.toLowerCase().includes("status")
@@ -1174,20 +1173,28 @@ var List = ({
             isSelected && "bg-[var(--color-primary)]/10 shadow-inner",
             item.disabled && "opacity-50 cursor-not-allowed grayscale"
           ),
-          onClick: handleClick,
+          action: rowAction,
+          actionPayload: rowActionPayload,
           children: [
-            selectable && /* @__PURE__ */ jsx(Box, { className: "flex-shrink-0 pt-0.5", children: /* @__PURE__ */ jsx(
-              Checkbox,
+            selectable && /* @__PURE__ */ jsx(
+              Box,
               {
-                checked: isSelected,
-                onChange: (e) => handleSelect(item.id, e.target.checked),
-                onClick: (e) => e.stopPropagation(),
-                className: cn(
-                  "transition-transform active:scale-95",
-                  isSelected ? "border-[var(--color-primary)] bg-[var(--color-primary)]" : "border-[var(--color-border)]"
+                className: "flex-shrink-0 pt-0.5",
+                action: isSelected ? EntityDisplayEvents.DESELECT : EntityDisplayEvents.SELECT,
+                actionPayload: { ids: isSelected ? selectedIds.filter((sid) => String(sid) !== item.id) : [...selectedIds.map(String), item.id] },
+                children: /* @__PURE__ */ jsx(
+                  Checkbox,
+                  {
+                    checked: isSelected,
+                    onChange: (e) => handleSelect(item.id, e.target.checked),
+                    className: cn(
+                      "transition-transform active:scale-95",
+                      isSelected ? "border-[var(--color-primary)] bg-[var(--color-primary)]" : "border-[var(--color-border)]"
+                    )
+                  }
                 )
               }
-            ) }),
+            ),
             /* @__PURE__ */ jsxs(Box, { className: "flex-1 min-w-0 space-y-2.5", children: [
               /* @__PURE__ */ jsxs(HStack, { className: "flex items-center gap-4", children: [
                 /* @__PURE__ */ jsx(
@@ -1270,10 +1277,7 @@ var List = ({
                     Button,
                     {
                       variant: "ghost",
-                      onClick: (e) => {
-                        e.stopPropagation();
-                        editAction.onClick?.();
-                      },
+                      action: editAction.event,
                       className: cn(
                         "p-2 rounded-[var(--radius-lg)] transition-all duration-200",
                         "hover:bg-[var(--color-primary)]/10 hover:text-[var(--color-primary)]",
@@ -1281,6 +1285,7 @@ var List = ({
                         "active:scale-95"
                       ),
                       title: editAction.label,
+                      "data-testid": editAction.event ? `action-${editAction.event}` : void 0,
                       children: /* @__PURE__ */ jsx(Pencil, { className: "w-4 h-4" })
                     }
                   ),
@@ -1288,10 +1293,7 @@ var List = ({
                     Button,
                     {
                       variant: "ghost",
-                      onClick: (e) => {
-                        e.stopPropagation();
-                        viewAction.onClick?.();
-                      },
+                      action: viewAction.event,
                       className: cn(
                         "p-2 rounded-[var(--radius-lg)] transition-all duration-200",
                         "hover:bg-[var(--color-muted)] hover:text-[var(--color-foreground)]",
@@ -1299,6 +1301,7 @@ var List = ({
                         "active:scale-95"
                       ),
                       title: viewAction.label,
+                      "data-testid": viewAction.event ? `action-${viewAction.event}` : void 0,
                       children: /* @__PURE__ */ jsx(Eye, { className: "w-4 h-4" })
                     }
                   ),
@@ -3634,8 +3637,9 @@ var DashboardGrid = ({
   cells,
   className
 }) => {
+  const { t: _t } = useTranslate();
   return /* @__PURE__ */ jsx(
-    "div",
+    Box,
     {
       className: cn(
         "grid w-full",
@@ -3643,17 +3647,17 @@ var DashboardGrid = ({
         gapStyles2[gap],
         className
       ),
-      children: cells.map((cell) => /* @__PURE__ */ jsx(
-        "div",
+      children: cells.map((cell, idx) => /* @__PURE__ */ jsx(
+        Box,
         {
           className: cn(
             "border-2 border-[var(--color-border)] bg-[var(--color-card)]",
-            colSpanStyles[cell.colSpan || 1],
-            rowSpanStyles[cell.rowSpan || 1]
+            colSpanStyles[cell.colSpan ?? 1],
+            rowSpanStyles[cell.rowSpan ?? 1]
           ),
           children: cell.content
         },
-        cell.id
+        cell.id != null ? String(cell.id) : idx
       ))
     }
   );

package/dist/providers/index.css

@@ -1,4 +1,4 @@
-/* node_modules/.pnpm/katex@0.16.33/node_modules/katex/dist/katex.min.css */
+/* ../../node_modules/.pnpm/katex@0.16.28/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.33";
+  content: "0.16.28";
 }
 .katex .katex-mathml {
   clip: rect(1px, 1px, 1px, 1px);
@@ -988,15 +988,6 @@
 .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;
@@ -1006,6 +997,13 @@
   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-5Z55L5V7.js';
+import { SuspenseConfigProvider } from '../chunk-XTLMM6V5.js';
+import { recordTransition, registerCheck, bindEventBus, bindTraitStateGetter } from '../chunk-45CTDYBT.js';
+import '../chunk-KKCVDUK7.js';
 import { ThemeProvider } from '../chunk-BTXQJGFB.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.7",
+  "version": "2.1.9",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "main": "./dist/components/index.js",
@@ -80,7 +80,7 @@
     "remark-gfm": "^4.0.0",
     "remark-math": "^6.0.0",
     "rehype-katex": "^7.0.0",
-    "react-syntax-highlighter": "^15.6.1"
+    "react-syntax-highlighter": "^16.1.0"
   },
   "peerDependencies": {
     "react": ">=18.0.0",
@@ -89,7 +89,7 @@
     "@tanstack/react-query": "^5.0.0",
     "three": "^0.160.0",
     "@react-three/fiber": "^8.15.0",
-    "@react-three/drei": "^9.92.0"
+    "@react-three/drei": "^9.92.0 || ^10.0.0"
   },
   "devDependencies": {
     "react": "^19.0.0",