@almadar/ui 5.122.14 → 5.123.0

package/dist/providers/index.cjs

@@ -1164,6 +1164,7 @@ var init_Button = __esm({
           "button",
           {
             ref,
+            type: "button",
             disabled: disabled || isLoading,
             className: cn(
               "relative inline-flex items-center justify-center gap-2",
@@ -1257,6 +1258,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",
@@ -1282,6 +1288,7 @@ var init_Typography = __esm({
       label: "span"
     };
     typographySizeStyles = {
+      none: "",
       xs: "text-xs",
       sm: "text-sm",
       md: "text-base",
@@ -23143,6 +23150,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";
   React84.useEffect(() => {
@@ -23210,13 +23224,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
                 )
@@ -24240,7 +24290,9 @@ var init_FilterGroup = __esm({
       showIcon = true,
       query,
       isLoading,
-      look = "toolbar"
+      look = "toolbar",
+      event,
+      clearEvent
     }) => {
       const { t } = hooks.useTranslate();
       const eventBus = useEventBus();
@@ -24277,14 +24329,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 = React84.useCallback(() => {
         setSelectedValues({});
@@ -24292,8 +24348,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(
@@ -25421,7 +25480,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) {

package/dist/providers/index.d.cts

@@ -35,7 +35,7 @@ interface EventBusContextTypeExtended extends EventBusContextType {
 }
 declare const EventBusContext: React__default.Context<EventBusContextTypeExtended | null>;
 interface EventBusProviderProps {
-    children: ReactNode;
+    children?: ReactNode;
     /**
      * @deprecated No-op. Logging is now gated by `@almadar/logger` —
      * use `setLogLevel('DEBUG')` or `setNamespaceLevel('almadar:eventbus', 'DEBUG')`
@@ -288,7 +288,7 @@ type TraitScopeChain = readonly TraitScope[];
 interface TraitScopeProviderProps {
     orbital: string;
     trait: string;
-    children: React__default.ReactNode;
+    children?: React__default.ReactNode;
 }
 /**
  * Wrap a trait's rendered subtree to qualify bare `UI:*` emits with the

package/dist/providers/index.d.ts

@@ -35,7 +35,7 @@ interface EventBusContextTypeExtended extends EventBusContextType {
 }
 declare const EventBusContext: React__default.Context<EventBusContextTypeExtended | null>;
 interface EventBusProviderProps {
-    children: ReactNode;
+    children?: ReactNode;
     /**
      * @deprecated No-op. Logging is now gated by `@almadar/logger` —
      * use `setLogLevel('DEBUG')` or `setNamespaceLevel('almadar:eventbus', 'DEBUG')`
@@ -288,7 +288,7 @@ type TraitScopeChain = readonly TraitScope[];
 interface TraitScopeProviderProps {
     orbital: string;
     trait: string;
-    children: React__default.ReactNode;
+    children?: React__default.ReactNode;
 }
 /**
  * Wrap a trait's rendered subtree to qualify bare `UI:*` emits with the

package/dist/providers/index.js

@@ -1089,6 +1089,7 @@ var init_Button = __esm({
           "button",
           {
             ref,
+            type: "button",
             disabled: disabled || isLoading,
             className: cn(
               "relative inline-flex items-center justify-center gap-2",
@@ -1182,6 +1183,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",
@@ -1207,6 +1213,7 @@ var init_Typography = __esm({
       label: "span"
     };
     typographySizeStyles = {
+      none: "",
       xs: "text-xs",
       sm: "text-sm",
       md: "text-base",
@@ -23068,6 +23075,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(() => {
@@ -23135,13 +23149,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
                 )
@@ -24165,7 +24215,9 @@ var init_FilterGroup = __esm({
       showIcon = true,
       query,
       isLoading,
-      look = "toolbar"
+      look = "toolbar",
+      event,
+      clearEvent
     }) => {
       const { t } = useTranslate();
       const eventBus = useEventBus();
@@ -24202,14 +24254,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({});
@@ -24217,8 +24273,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(
@@ -25346,7 +25405,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) {

package/dist/runtime/index.cjs

@@ -1642,6 +1642,7 @@ var init_Button = __esm({
           "button",
           {
             ref,
+            type: "button",
             disabled: disabled || isLoading,
             className: cn(
               "relative inline-flex items-center justify-center gap-2",
@@ -1735,6 +1736,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",
@@ -1760,6 +1766,7 @@ var init_Typography = __esm({
       label: "span"
     };
     typographySizeStyles = {
+      none: "",
       xs: "text-xs",
       sm: "text-sm",
       md: "text-base",
@@ -22697,6 +22704,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";
   React82.useEffect(() => {
@@ -22764,13 +22778,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
                 )
@@ -23730,7 +23780,9 @@ var init_FilterGroup = __esm({
       showIcon = true,
       query,
       isLoading,
-      look = "toolbar"
+      look = "toolbar",
+      event,
+      clearEvent
     }) => {
       const { t } = hooks.useTranslate();
       const eventBus = useEventBus();
@@ -23767,14 +23819,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 = React82.useCallback(() => {
         setSelectedValues({});
@@ -23782,8 +23838,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(
@@ -24911,7 +24970,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) {
@@ -44327,6 +44386,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);
@@ -44679,7 +44746,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 || {}
@@ -44744,7 +44811,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 || {}
@@ -44986,7 +45053,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
     }
     return () => scheduler.stopAll();
   }, [traitBindings, runTickEffects, sharedGroups, sharedEntityStore, emitFromSharedWriter]);
-  const processEventQueued = React82.useCallback(async (eventKey, payload) => {
+  const processEventQueued = React82.useCallback(async (eventKey, payload, targetTrait) => {
     const normalizedEvent = normalizeEventKey(eventKey);
     const bindings = traitBindingsRef.current;
     const currentManager = managerRef.current;
@@ -45015,7 +45082,9 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
       normalizedEvent,
       payload,
       void 0,
-      entityByTrait
+      entityByTrait,
+      void 0,
+      targetTrait
     );
     crossTraitLog.debug("processEvent:results", {
       event: normalizedEvent,
@@ -45108,8 +45177,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"
               };
@@ -45162,7 +45234,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 = React82.useCallback(async () => {
@@ -45171,14 +45244,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 = React82.useCallback((eventKey, payload) => {
-    eventQueueRef.current.push({ eventKey, payload });
+  const enqueueAndDrain = React82.useCallback((eventKey, payload, targetTrait) => {
+    eventQueueRef.current.push({ eventKey, payload, targetTrait });
     void drainEventQueue();
   }, [drainEventQueue]);
   React82.useCallback((eventKey, payload) => {
@@ -45275,7 +45348,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 });
@@ -45843,6 +45916,15 @@ function OrbPreview({
       }
     }
   }, [pages]);
+  React82.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: ",