@almadar/ui 5.122.13 → 5.123.0

package/dist/runtime/index.cjs

@@ -62,6 +62,7 @@ var langPowershell = require('react-syntax-highlighter/dist/esm/languages/prism/
 var langMakefile = require('react-syntax-highlighter/dist/esm/languages/prism/makefile.js');
 var langNginx = require('react-syntax-highlighter/dist/esm/languages/prism/nginx.js');
 var langIni = require('react-syntax-highlighter/dist/esm/languages/prism/ini.js');
+var langClike = require('react-syntax-highlighter/dist/esm/languages/prism/clike.js');
 var ReactMarkdown = require('react-markdown');
 var remarkGfm = require('remark-gfm');
 var remarkMath = require('remark-math');
@@ -147,6 +148,7 @@ var langPowershell__default = /*#__PURE__*/_interopDefault(langPowershell);
 var langMakefile__default = /*#__PURE__*/_interopDefault(langMakefile);
 var langNginx__default = /*#__PURE__*/_interopDefault(langNginx);
 var langIni__default = /*#__PURE__*/_interopDefault(langIni);
+var langClike__default = /*#__PURE__*/_interopDefault(langClike);
 var ReactMarkdown__default = /*#__PURE__*/_interopDefault(ReactMarkdown);
 var remarkGfm__default = /*#__PURE__*/_interopDefault(remarkGfm);
 var remarkMath__default = /*#__PURE__*/_interopDefault(remarkMath);
@@ -1640,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",
@@ -1733,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",
@@ -1758,6 +1766,7 @@ var init_Typography = __esm({
       label: "span"
     };
     typographySizeStyles = {
+      none: "",
       xs: "text-xs",
       sm: "text-sm",
       md: "text-base",
@@ -14164,7 +14173,7 @@ async function loadPrismLanguage(lang) {
   if (isLanguageRegistered(lang)) return;
   try {
     const grammar = codeLanguageLoader ? await codeLanguageLoader(lang) : null;
-    if (grammar) SyntaxHighlighter__default.default.registerLanguage(lang, grammar);
+    SyntaxHighlighter__default.default.registerLanguage(lang, grammar ?? langClike__default.default);
     dynamicallyLoaded.add(lang);
   } catch {
     dynamicallyLoaded.add(lang);
@@ -14333,6 +14342,7 @@ var init_CodeBlock = __esm({
     SyntaxHighlighter__default.default.registerLanguage("make", langMakefile__default.default);
     SyntaxHighlighter__default.default.registerLanguage("nginx", langNginx__default.default);
     SyntaxHighlighter__default.default.registerLanguage("ini", langIni__default.default);
+    SyntaxHighlighter__default.default.registerLanguage("clike", langClike__default.default);
     SyntaxHighlighter__default.default.registerLanguage("orb", syntax.orbLanguage);
     SyntaxHighlighter__default.default.registerLanguage("lolo", syntax.loloLanguage);
     dynamicallyLoaded = /* @__PURE__ */ new Set();
@@ -14882,7 +14892,7 @@ var init_CodeBlock = __esm({
           ] }) });
         }
         const hasHeader = showLanguageBadge || effectiveCopy;
-        return /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: `relative group ${className || ""}`, style: { display: "flex", flexDirection: "column", height: "100%" }, children: [
+        return /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: `relative group not-prose ${className || ""}`, style: { display: "flex", flexDirection: "column", height: "100%" }, children: [
           hasHeader && /* @__PURE__ */ jsxRuntime.jsxs(
             HStack,
             {
@@ -22694,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(() => {
@@ -22761,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
                 )
@@ -23727,7 +23780,9 @@ var init_FilterGroup = __esm({
       showIcon = true,
       query,
       isLoading,
-      look = "toolbar"
+      look = "toolbar",
+      event,
+      clearEvent
     }) => {
       const { t } = hooks.useTranslate();
       const eventBus = useEventBus();
@@ -23764,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({});
@@ -23779,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(
@@ -24908,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) {
@@ -44324,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);
@@ -44676,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 || {}
@@ -44741,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 || {}
@@ -44983,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;
@@ -45012,7 +45082,9 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
       normalizedEvent,
       payload,
       void 0,
-      entityByTrait
+      entityByTrait,
+      void 0,
+      targetTrait
     );
     crossTraitLog.debug("processEvent:results", {
       event: normalizedEvent,
@@ -45105,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"
               };
@@ -45159,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 () => {
@@ -45168,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) => {
@@ -45272,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 });
@@ -45840,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: ",

package/dist/runtime/index.js

@@ -64,6 +64,7 @@ import langPowershell from 'react-syntax-highlighter/dist/esm/languages/prism/po
 import langMakefile from 'react-syntax-highlighter/dist/esm/languages/prism/makefile.js';
 import langNginx from 'react-syntax-highlighter/dist/esm/languages/prism/nginx.js';
 import langIni from 'react-syntax-highlighter/dist/esm/languages/prism/ini.js';
+import langClike from 'react-syntax-highlighter/dist/esm/languages/prism/clike.js';
 import ReactMarkdown from 'react-markdown';
 import remarkGfm from 'remark-gfm';
 import remarkMath from 'remark-math';
@@ -1567,6 +1568,7 @@ var init_Button = __esm({
           "button",
           {
             ref,
+            type: "button",
             disabled: disabled || isLoading,
             className: cn(
               "relative inline-flex items-center justify-center gap-2",
@@ -1660,6 +1662,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",
@@ -1685,6 +1692,7 @@ var init_Typography = __esm({
       label: "span"
     };
     typographySizeStyles = {
+      none: "",
       xs: "text-xs",
       sm: "text-sm",
       md: "text-base",
@@ -14091,7 +14099,7 @@ async function loadPrismLanguage(lang) {
   if (isLanguageRegistered(lang)) return;
   try {
     const grammar = codeLanguageLoader ? await codeLanguageLoader(lang) : null;
-    if (grammar) SyntaxHighlighter.registerLanguage(lang, grammar);
+    SyntaxHighlighter.registerLanguage(lang, grammar ?? langClike);
     dynamicallyLoaded.add(lang);
   } catch {
     dynamicallyLoaded.add(lang);
@@ -14260,6 +14268,7 @@ var init_CodeBlock = __esm({
     SyntaxHighlighter.registerLanguage("make", langMakefile);
     SyntaxHighlighter.registerLanguage("nginx", langNginx);
     SyntaxHighlighter.registerLanguage("ini", langIni);
+    SyntaxHighlighter.registerLanguage("clike", langClike);
     SyntaxHighlighter.registerLanguage("orb", orbLanguage);
     SyntaxHighlighter.registerLanguage("lolo", loloLanguage);
     dynamicallyLoaded = /* @__PURE__ */ new Set();
@@ -14809,7 +14818,7 @@ var init_CodeBlock = __esm({
           ] }) });
         }
         const hasHeader = showLanguageBadge || effectiveCopy;
-        return /* @__PURE__ */ jsxs(Box, { className: `relative group ${className || ""}`, style: { display: "flex", flexDirection: "column", height: "100%" }, children: [
+        return /* @__PURE__ */ jsxs(Box, { className: `relative group not-prose ${className || ""}`, style: { display: "flex", flexDirection: "column", height: "100%" }, children: [
           hasHeader && /* @__PURE__ */ jsxs(
             HStack,
             {
@@ -22621,6 +22630,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(() => {
@@ -22688,13 +22704,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
                 )
@@ -23654,7 +23706,9 @@ var init_FilterGroup = __esm({
       showIcon = true,
       query,
       isLoading,
-      look = "toolbar"
+      look = "toolbar",
+      event,
+      clearEvent
     }) => {
       const { t } = useTranslate();
       const eventBus = useEventBus();
@@ -23691,14 +23745,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({});
@@ -23706,8 +23764,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(
@@ -24835,7 +24896,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) {
@@ -44251,6 +44312,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);
@@ -44603,7 +44672,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 || {}
@@ -44668,7 +44737,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 || {}
@@ -44910,7 +44979,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;
@@ -44939,7 +45008,9 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
       normalizedEvent,
       payload,
       void 0,
-      entityByTrait
+      entityByTrait,
+      void 0,
+      targetTrait
     );
     crossTraitLog.debug("processEvent:results", {
       event: normalizedEvent,
@@ -45032,8 +45103,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"
               };
@@ -45086,7 +45160,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 () => {
@@ -45095,14 +45170,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) => {
@@ -45199,7 +45274,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 });
@@ -45767,6 +45842,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: ",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/ui",
-  "version": "5.122.13",
+  "version": "5.123.0",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "sideEffects": [
@@ -117,11 +117,11 @@
     "access": "public"
   },
   "dependencies": {
-    "@almadar/core": "^10.30.0",
-    "@almadar/evaluator": "^2.30.0",
+    "@almadar/core": "^10.32.0",
+    "@almadar/evaluator": "^2.32.0",
     "@almadar/logger": "^1.9.0",
-    "@almadar/runtime": "^6.33.0",
-    "@almadar/std": "^16.140.0",
+    "@almadar/runtime": "^6.35.0",
+    "@almadar/std": "^16.142.0",
     "@almadar/syntax": "^1.11.0",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",