@almadar/ui 5.122.14 → 5.123.0

package/dist/avl/index.cjs

@@ -3225,6 +3225,11 @@ var init_Typography = __esm({
       inherit: "text-inherit"
     };
     weightStyles = {
+      // Neutral: an atom default of "none" must not override the variant's baked
+      // weight (C-PATTERN-ENUM-BLOCKS-NEUTRAL-OVERRIDE — `variant={h2}` rendered
+      // tiny because the ui-typography atom's `weight: light`/`size: xs` defaults
+      // clobbered every variant).
+      none: "",
       light: "font-light",
       normal: "font-normal",
       medium: "font-medium",
@@ -3250,6 +3255,7 @@ var init_Typography = __esm({
       label: "span"
     };
     typographySizeStyles = {
+      none: "",
       xs: "text-xs",
       sm: "text-sm",
       md: "text-base",
@@ -5111,6 +5117,7 @@ var init_Button = __esm({
           "button",
           {
             ref,
+            type: "button",
             disabled: disabled || isLoading,
             className: cn(
               "relative inline-flex items-center justify-center gap-2",
@@ -25409,6 +25416,13 @@ function DataGrid({
       row: itemData
     };
     eventBus.emit(`UI:${action.event}`, payload);
+    if (action.navigatesTo) {
+      const url = action.navigatesTo.replace(
+        /\{\{row\.(\w+(?:\.\w+)*)\}\}/g,
+        (_, field) => String(itemData[field] ?? "")
+      );
+      eventBus.emit("UI:NAVIGATE", { url });
+    }
   };
   const hasRenderProp = typeof children === "function";
   React91.useEffect(() => {
@@ -25476,13 +25490,49 @@ function DataGrid({
             const wrapDnd = (node) => dnd.isZone ? /* @__PURE__ */ jsxRuntime.jsx(dnd.SortableItem, { id: dndId, children: node }, dndId) : node;
             if (hasRenderProp) {
               return wrapDnd(
-                /* @__PURE__ */ jsxRuntime.jsx(
+                /* @__PURE__ */ jsxRuntime.jsxs(
                   Box,
                   {
                     "data-entity-row": true,
                     "data-entity-id": id,
                     className: cn(isSelected && "ring-2 ring-primary rounded-lg"),
-                    children: children(itemData, index)
+                    children: [
+                      children(itemData, index),
+                      actionDefs.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "px-4 py-3 border-t border-border", children: /* @__PURE__ */ jsxRuntime.jsxs(HStack, { gap: "sm", className: "justify-end", children: [
+                        (maxInlineActions != null ? actionDefs.slice(0, maxInlineActions) : actionDefs).map((action, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
+                          Button,
+                          {
+                            variant: action.variant === "primary" ? "primary" : "ghost",
+                            size: "sm",
+                            onClick: handleActionClick(action, itemData),
+                            "data-testid": `action-${action.event}`,
+                            "data-row-id": String(itemData.id),
+                            className: action.variant === "danger" ? "text-error hover:text-error hover:bg-error/10" : void 0,
+                            children: [
+                              action.icon && renderIconInput(action.icon, { size: "xs", className: "mr-1" }),
+                              action.label
+                            ]
+                          },
+                          idx
+                        )),
+                        maxInlineActions != null && actionDefs.length > maxInlineActions && /* @__PURE__ */ jsxRuntime.jsx(
+                          Menu,
+                          {
+                            position: "bottom-end",
+                            trigger: /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "ghost", size: "sm", "aria-label": t("common.actions"), "data-testid": "action-overflow", children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: "more-horizontal", size: "xs" }) }),
+                            items: actionDefs.slice(maxInlineActions).map((action) => ({
+                              label: action.label,
+                              icon: action.icon,
+                              event: action.event,
+                              onClick: () => eventBus.emit(`UI:${action.event}`, {
+                                id: itemData.id,
+                                row: itemData
+                              })
+                            }))
+                          }
+                        )
+                      ] }) })
+                    ]
                   },
                   id
                 )
@@ -26506,7 +26556,9 @@ var init_FilterGroup = __esm({
       showIcon = true,
       query,
       isLoading,
-      look = "toolbar"
+      look = "toolbar",
+      event,
+      clearEvent
     }) => {
       const { t } = hooks.useTranslate();
       const eventBus = useEventBus();
@@ -26543,14 +26595,18 @@ var init_FilterGroup = __esm({
             queryState.setFilter(field, value === "all" ? null : value);
           }
           onFilterChange?.(field, value === "all" ? null : value);
-          eventBus.emit("UI:FILTER", {
+          const payload = {
             entity,
             field,
             value: value === "all" || value === null ? "" : value,
             query
-          });
+          };
+          if (event && event !== "FILTER") {
+            eventBus.emit(`UI:${event}`, payload);
+          }
+          eventBus.emit("UI:FILTER", payload);
         },
-        [onFilterChange, queryState, eventBus, entity, query]
+        [onFilterChange, queryState, eventBus, entity, query, event]
       );
       const handleClearAll = React91.useCallback(() => {
         setSelectedValues({});
@@ -26558,8 +26614,11 @@ var init_FilterGroup = __esm({
           queryState.clearFilters();
         }
         onClearAll?.();
+        if (clearEvent && clearEvent !== "CLEAR_FILTERS") {
+          eventBus.emit(`UI:${clearEvent}`, { entity, query });
+        }
         eventBus.emit("UI:CLEAR_FILTERS", { entity, query });
-      }, [onClearAll, queryState, eventBus, entity, query]);
+      }, [onClearAll, queryState, eventBus, entity, query, clearEvent]);
       const activeFilterCount = Object.keys(selectedValues).length;
       if (variant === "pills") {
         return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -27687,7 +27746,7 @@ var init_SearchInput = __esm({
             queryState.setSearch(newValue);
           }
           onSearch?.(newValue);
-          if (event) {
+          if (event && event !== "SEARCH") {
             eventBus.emit(`UI:${event}`, { searchTerm: newValue, entity });
           }
           if (event || entity || query) {
@@ -50206,6 +50265,14 @@ function createSharedEntityWriter(binding, tick, traitStatesRef, emit) {
     return writes;
   };
 }
+function containsConfigForward(value) {
+  if (typeof value === "string") return value.startsWith("@config.");
+  if (Array.isArray(value)) return value.some(containsConfigForward);
+  if (value !== null && typeof value === "object") {
+    return Object.values(value).some(containsConfigForward);
+  }
+  return false;
+}
 function getBindingConfig(binding) {
   const raw = binding.config;
   const normalized = runtime.normalizeCallSiteConfigToValues(raw);
@@ -50558,7 +50625,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
       const sharedCallSite = sharedCallSiteRaw ? runtime.resolveCallSitePayloadCaptures(
         Object.fromEntries(
           Object.entries(sharedCallSiteRaw).filter(
-            ([, v]) => !(typeof v === "string" && v.startsWith("@config."))
+            ([, v]) => !containsConfigForward(v)
           )
         ),
         payload || {}
@@ -50623,7 +50690,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
     const callSiteOverrides = callSiteConfig ? runtime.resolveCallSitePayloadCaptures(
       Object.fromEntries(
         Object.entries(callSiteConfig).filter(
-          ([, v]) => !(typeof v === "string" && v.startsWith("@config."))
+          ([, v]) => !containsConfigForward(v)
         )
       ),
       payload || {}
@@ -50865,7 +50932,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
     }
     return () => scheduler.stopAll();
   }, [traitBindings, runTickEffects, sharedGroups, sharedEntityStore, emitFromSharedWriter]);
-  const processEventQueued = React91.useCallback(async (eventKey, payload) => {
+  const processEventQueued = React91.useCallback(async (eventKey, payload, targetTrait) => {
     const normalizedEvent = normalizeEventKey(eventKey);
     const bindings = traitBindingsRef.current;
     const currentManager = managerRef.current;
@@ -50894,7 +50961,9 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
       normalizedEvent,
       payload,
       void 0,
-      entityByTrait
+      entityByTrait,
+      void 0,
+      targetTrait
     );
     crossTraitLog.debug("processEvent:results", {
       event: normalizedEvent,
@@ -50987,8 +51056,11 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
         const effectTraces = result.effects.map(
           (e) => {
             if (Array.isArray(e)) {
+              const head = String(e[0] ?? "unknown");
+              const entityName = head === "fetch" && typeof e[1] === "string" ? e[1] : head === "persist" && typeof e[2] === "string" ? e[2] : void 0;
               return {
-                type: String(e[0] ?? "unknown"),
+                type: head,
+                ...entityName !== void 0 ? { entityName } : {},
                 args: e.slice(1),
                 status: "executed"
               };
@@ -51041,7 +51113,8 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
         const orbital = orbitalsByTrait?.[traitName];
         if (orbital) dispatchedOrbitals.add(orbital);
       }
-      await onEventProcessed(normalizedEvent, payload, dispatchedOrbitals);
+      const relayPayload = targetTrait !== void 0 ? { ...payload ?? {}, _targetTrait: targetTrait } : payload;
+      await onEventProcessed(normalizedEvent, relayPayload, dispatchedOrbitals);
     }
   }, [entities, eventBus, sharedEntityStore]);
   const drainEventQueue = React91.useCallback(async () => {
@@ -51050,14 +51123,14 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
     try {
       while (eventQueueRef.current.length > 0) {
         const entry = eventQueueRef.current.shift();
-        await processEventQueued(entry.eventKey, entry.payload);
+        await processEventQueued(entry.eventKey, entry.payload, entry.targetTrait);
       }
     } finally {
       processingRef.current = false;
     }
   }, [processEventQueued]);
-  const enqueueAndDrain = React91.useCallback((eventKey, payload) => {
-    eventQueueRef.current.push({ eventKey, payload });
+  const enqueueAndDrain = React91.useCallback((eventKey, payload, targetTrait) => {
+    eventQueueRef.current.push({ eventKey, payload, targetTrait });
     void drainEventQueue();
   }, [drainEventQueue]);
   React91.useCallback((eventKey, payload) => {
@@ -51154,7 +51227,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
         crossTraitLog.debug("listen:subscribed", { busKey, targetTrait: binding.trait.name, sourceOrbital, sourceTrait, listenEvent: listen.event, triggers: listen.triggers });
         const unsub = eventBus.on(busKey, (event) => {
           crossTraitLog.debug("listen:fired", { busKey, targetTrait: binding.trait.name, triggers: listen.triggers });
-          enqueueAndDrain(listen.triggers, event.payload);
+          enqueueAndDrain(listen.triggers, event.payload, binding.trait.name);
         });
         unsubscribes.push(() => {
           crossTraitLog.debug("listen:unsubscribe", { busKey, targetTrait: binding.trait.name, triggers: listen.triggers });
@@ -51621,6 +51694,15 @@ function OrbPreview({
       }
     }
   }, [pages]);
+  React91.useEffect(() => {
+    const unsubscribe = eventBus.on("UI:NAVIGATE", (event) => {
+      const url = event.payload?.url;
+      if (typeof url === "string" && url.length > 0) {
+        handleNavigate(url);
+      }
+    });
+    return unsubscribe;
+  }, [eventBus, handleNavigate]);
   if (!parseResult.ok) {
     return /* @__PURE__ */ jsxRuntime.jsx(Box, { className, style: { height }, children: /* @__PURE__ */ jsxRuntime.jsxs(Typography, { as: "pre", color: "error", variant: "small", className: "font-mono whitespace-pre-wrap break-all m-0 p-4", children: [
       "Parse error: ",

package/dist/avl/index.js

@@ -3149,6 +3149,11 @@ var init_Typography = __esm({
       inherit: "text-inherit"
     };
     weightStyles = {
+      // Neutral: an atom default of "none" must not override the variant's baked
+      // weight (C-PATTERN-ENUM-BLOCKS-NEUTRAL-OVERRIDE — `variant={h2}` rendered
+      // tiny because the ui-typography atom's `weight: light`/`size: xs` defaults
+      // clobbered every variant).
+      none: "",
       light: "font-light",
       normal: "font-normal",
       medium: "font-medium",
@@ -3174,6 +3179,7 @@ var init_Typography = __esm({
       label: "span"
     };
     typographySizeStyles = {
+      none: "",
       xs: "text-xs",
       sm: "text-sm",
       md: "text-base",
@@ -5035,6 +5041,7 @@ var init_Button = __esm({
           "button",
           {
             ref,
+            type: "button",
             disabled: disabled || isLoading,
             className: cn(
               "relative inline-flex items-center justify-center gap-2",
@@ -25333,6 +25340,13 @@ function DataGrid({
       row: itemData
     };
     eventBus.emit(`UI:${action.event}`, payload);
+    if (action.navigatesTo) {
+      const url = action.navigatesTo.replace(
+        /\{\{row\.(\w+(?:\.\w+)*)\}\}/g,
+        (_, field) => String(itemData[field] ?? "")
+      );
+      eventBus.emit("UI:NAVIGATE", { url });
+    }
   };
   const hasRenderProp = typeof children === "function";
   useEffect(() => {
@@ -25400,13 +25414,49 @@ function DataGrid({
             const wrapDnd = (node) => dnd.isZone ? /* @__PURE__ */ jsx(dnd.SortableItem, { id: dndId, children: node }, dndId) : node;
             if (hasRenderProp) {
               return wrapDnd(
-                /* @__PURE__ */ jsx(
+                /* @__PURE__ */ jsxs(
                   Box,
                   {
                     "data-entity-row": true,
                     "data-entity-id": id,
                     className: cn(isSelected && "ring-2 ring-primary rounded-lg"),
-                    children: children(itemData, index)
+                    children: [
+                      children(itemData, index),
+                      actionDefs.length > 0 && /* @__PURE__ */ jsx(Box, { className: "px-4 py-3 border-t border-border", children: /* @__PURE__ */ jsxs(HStack, { gap: "sm", className: "justify-end", children: [
+                        (maxInlineActions != null ? actionDefs.slice(0, maxInlineActions) : actionDefs).map((action, idx) => /* @__PURE__ */ jsxs(
+                          Button,
+                          {
+                            variant: action.variant === "primary" ? "primary" : "ghost",
+                            size: "sm",
+                            onClick: handleActionClick(action, itemData),
+                            "data-testid": `action-${action.event}`,
+                            "data-row-id": String(itemData.id),
+                            className: action.variant === "danger" ? "text-error hover:text-error hover:bg-error/10" : void 0,
+                            children: [
+                              action.icon && renderIconInput(action.icon, { size: "xs", className: "mr-1" }),
+                              action.label
+                            ]
+                          },
+                          idx
+                        )),
+                        maxInlineActions != null && actionDefs.length > maxInlineActions && /* @__PURE__ */ jsx(
+                          Menu,
+                          {
+                            position: "bottom-end",
+                            trigger: /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", "aria-label": t("common.actions"), "data-testid": "action-overflow", children: /* @__PURE__ */ jsx(Icon, { name: "more-horizontal", size: "xs" }) }),
+                            items: actionDefs.slice(maxInlineActions).map((action) => ({
+                              label: action.label,
+                              icon: action.icon,
+                              event: action.event,
+                              onClick: () => eventBus.emit(`UI:${action.event}`, {
+                                id: itemData.id,
+                                row: itemData
+                              })
+                            }))
+                          }
+                        )
+                      ] }) })
+                    ]
                   },
                   id
                 )
@@ -26430,7 +26480,9 @@ var init_FilterGroup = __esm({
       showIcon = true,
       query,
       isLoading,
-      look = "toolbar"
+      look = "toolbar",
+      event,
+      clearEvent
     }) => {
       const { t } = useTranslate();
       const eventBus = useEventBus();
@@ -26467,14 +26519,18 @@ var init_FilterGroup = __esm({
             queryState.setFilter(field, value === "all" ? null : value);
           }
           onFilterChange?.(field, value === "all" ? null : value);
-          eventBus.emit("UI:FILTER", {
+          const payload = {
             entity,
             field,
             value: value === "all" || value === null ? "" : value,
             query
-          });
+          };
+          if (event && event !== "FILTER") {
+            eventBus.emit(`UI:${event}`, payload);
+          }
+          eventBus.emit("UI:FILTER", payload);
         },
-        [onFilterChange, queryState, eventBus, entity, query]
+        [onFilterChange, queryState, eventBus, entity, query, event]
       );
       const handleClearAll = useCallback(() => {
         setSelectedValues({});
@@ -26482,8 +26538,11 @@ var init_FilterGroup = __esm({
           queryState.clearFilters();
         }
         onClearAll?.();
+        if (clearEvent && clearEvent !== "CLEAR_FILTERS") {
+          eventBus.emit(`UI:${clearEvent}`, { entity, query });
+        }
         eventBus.emit("UI:CLEAR_FILTERS", { entity, query });
-      }, [onClearAll, queryState, eventBus, entity, query]);
+      }, [onClearAll, queryState, eventBus, entity, query, clearEvent]);
       const activeFilterCount = Object.keys(selectedValues).length;
       if (variant === "pills") {
         return /* @__PURE__ */ jsxs(
@@ -27611,7 +27670,7 @@ var init_SearchInput = __esm({
             queryState.setSearch(newValue);
           }
           onSearch?.(newValue);
-          if (event) {
+          if (event && event !== "SEARCH") {
             eventBus.emit(`UI:${event}`, { searchTerm: newValue, entity });
           }
           if (event || entity || query) {
@@ -50130,6 +50189,14 @@ function createSharedEntityWriter(binding, tick, traitStatesRef, emit) {
     return writes;
   };
 }
+function containsConfigForward(value) {
+  if (typeof value === "string") return value.startsWith("@config.");
+  if (Array.isArray(value)) return value.some(containsConfigForward);
+  if (value !== null && typeof value === "object") {
+    return Object.values(value).some(containsConfigForward);
+  }
+  return false;
+}
 function getBindingConfig(binding) {
   const raw = binding.config;
   const normalized = normalizeCallSiteConfigToValues(raw);
@@ -50482,7 +50549,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
       const sharedCallSite = sharedCallSiteRaw ? resolveCallSitePayloadCaptures(
         Object.fromEntries(
           Object.entries(sharedCallSiteRaw).filter(
-            ([, v]) => !(typeof v === "string" && v.startsWith("@config."))
+            ([, v]) => !containsConfigForward(v)
           )
         ),
         payload || {}
@@ -50547,7 +50614,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
     const callSiteOverrides = callSiteConfig ? resolveCallSitePayloadCaptures(
       Object.fromEntries(
         Object.entries(callSiteConfig).filter(
-          ([, v]) => !(typeof v === "string" && v.startsWith("@config."))
+          ([, v]) => !containsConfigForward(v)
         )
       ),
       payload || {}
@@ -50789,7 +50856,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
     }
     return () => scheduler.stopAll();
   }, [traitBindings, runTickEffects, sharedGroups, sharedEntityStore, emitFromSharedWriter]);
-  const processEventQueued = useCallback(async (eventKey, payload) => {
+  const processEventQueued = useCallback(async (eventKey, payload, targetTrait) => {
     const normalizedEvent = normalizeEventKey(eventKey);
     const bindings = traitBindingsRef.current;
     const currentManager = managerRef.current;
@@ -50818,7 +50885,9 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
       normalizedEvent,
       payload,
       void 0,
-      entityByTrait
+      entityByTrait,
+      void 0,
+      targetTrait
     );
     crossTraitLog.debug("processEvent:results", {
       event: normalizedEvent,
@@ -50911,8 +50980,11 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
         const effectTraces = result.effects.map(
           (e) => {
             if (Array.isArray(e)) {
+              const head = String(e[0] ?? "unknown");
+              const entityName = head === "fetch" && typeof e[1] === "string" ? e[1] : head === "persist" && typeof e[2] === "string" ? e[2] : void 0;
               return {
-                type: String(e[0] ?? "unknown"),
+                type: head,
+                ...entityName !== void 0 ? { entityName } : {},
                 args: e.slice(1),
                 status: "executed"
               };
@@ -50965,7 +51037,8 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
         const orbital = orbitalsByTrait?.[traitName];
         if (orbital) dispatchedOrbitals.add(orbital);
       }
-      await onEventProcessed(normalizedEvent, payload, dispatchedOrbitals);
+      const relayPayload = targetTrait !== void 0 ? { ...payload ?? {}, _targetTrait: targetTrait } : payload;
+      await onEventProcessed(normalizedEvent, relayPayload, dispatchedOrbitals);
     }
   }, [entities, eventBus, sharedEntityStore]);
   const drainEventQueue = useCallback(async () => {
@@ -50974,14 +51047,14 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
     try {
       while (eventQueueRef.current.length > 0) {
         const entry = eventQueueRef.current.shift();
-        await processEventQueued(entry.eventKey, entry.payload);
+        await processEventQueued(entry.eventKey, entry.payload, entry.targetTrait);
       }
     } finally {
       processingRef.current = false;
     }
   }, [processEventQueued]);
-  const enqueueAndDrain = useCallback((eventKey, payload) => {
-    eventQueueRef.current.push({ eventKey, payload });
+  const enqueueAndDrain = useCallback((eventKey, payload, targetTrait) => {
+    eventQueueRef.current.push({ eventKey, payload, targetTrait });
     void drainEventQueue();
   }, [drainEventQueue]);
   useCallback((eventKey, payload) => {
@@ -51078,7 +51151,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
         crossTraitLog.debug("listen:subscribed", { busKey, targetTrait: binding.trait.name, sourceOrbital, sourceTrait, listenEvent: listen.event, triggers: listen.triggers });
         const unsub = eventBus.on(busKey, (event) => {
           crossTraitLog.debug("listen:fired", { busKey, targetTrait: binding.trait.name, triggers: listen.triggers });
-          enqueueAndDrain(listen.triggers, event.payload);
+          enqueueAndDrain(listen.triggers, event.payload, binding.trait.name);
         });
         unsubscribes.push(() => {
           crossTraitLog.debug("listen:unsubscribe", { busKey, targetTrait: binding.trait.name, triggers: listen.triggers });
@@ -51545,6 +51618,15 @@ function OrbPreview({
       }
     }
   }, [pages]);
+  useEffect(() => {
+    const unsubscribe = eventBus.on("UI:NAVIGATE", (event) => {
+      const url = event.payload?.url;
+      if (typeof url === "string" && url.length > 0) {
+        handleNavigate(url);
+      }
+    });
+    return unsubscribe;
+  }, [eventBus, handleNavigate]);
   if (!parseResult.ok) {
     return /* @__PURE__ */ jsx(Box, { className, style: { height }, children: /* @__PURE__ */ jsxs(Typography, { as: "pre", color: "error", variant: "small", className: "font-mono whitespace-pre-wrap break-all m-0 p-4", children: [
       "Parse error: ",