@almadar/ui 5.14.1 → 5.16.1

package/dist/components/index.cjs

@@ -8679,13 +8679,13 @@ var init_MapView = __esm({
         shadowSize: [41, 41]
       });
       L.Marker.prototype.options.icon = defaultIcon;
-      const { useEffect: useEffect73, useRef: useRef67, useCallback: useCallback129, useState: useState112 } = React80__namespace.default;
+      const { useEffect: useEffect74, useRef: useRef68, useCallback: useCallback129, useState: useState112 } = React80__namespace.default;
       const { Typography: Typography2 } = await Promise.resolve().then(() => (init_Typography(), Typography_exports));
       const { useEventBus: useEventBus2 } = await Promise.resolve().then(() => (init_useEventBus(), useEventBus_exports));
       function MapUpdater({ centerLat, centerLng, zoom }) {
         const map = useMap();
-        const prevRef = useRef67({ centerLat, centerLng, zoom });
-        useEffect73(() => {
+        const prevRef = useRef68({ centerLat, centerLng, zoom });
+        useEffect74(() => {
           const prev = prevRef.current;
           if (prev.centerLat !== centerLat || prev.centerLng !== centerLng || prev.zoom !== zoom) {
             map.setView([centerLat, centerLng], zoom);
@@ -8696,7 +8696,7 @@ var init_MapView = __esm({
       }
       function MapClickHandler({ onMapClick }) {
         const map = useMap();
-        useEffect73(() => {
+        useEffect74(() => {
           if (!onMapClick) return;
           const handler = (e) => {
             onMapClick(e.latlng.lat, e.latlng.lng);
@@ -21317,6 +21317,21 @@ var init_DashboardLayout = __esm({
       };
       const [sidebarOpen, setSidebarOpen] = React80.useState(false);
       const [userMenuOpen, setUserMenuOpen] = React80.useState(false);
+      const layoutRef = React80.useRef(null);
+      const [isMobile, setIsMobile] = React80.useState(false);
+      React80.useEffect(() => {
+        const el = layoutRef.current;
+        if (!el || typeof ResizeObserver === "undefined") return;
+        const ro = new ResizeObserver((entries) => {
+          const w = entries[0]?.contentRect.width ?? el.clientWidth;
+          setIsMobile(w < 1024);
+        });
+        ro.observe(el);
+        return () => ro.disconnect();
+      }, []);
+      React80.useEffect(() => {
+        if (!isMobile && sidebarOpen) setSidebarOpen(false);
+      }, [isMobile, sidebarOpen]);
       const location = reactRouterDom.useLocation();
       const ctxPagePath = useCurrentPagePath();
       const activePath = currentPath ?? ctxPagePath ?? location.pathname;
@@ -21333,15 +21348,15 @@ var init_DashboardLayout = __esm({
       const showBottomNav = layoutMode === "bottomnav";
       const isTopNav = layoutMode === "topnav";
       return /* @__PURE__ */ jsxRuntime.jsxs(
-        exports.HStack,
+        exports.Box,
         {
-          gap: "none",
-          className: "@container/dashboard min-h-screen w-full bg-background dark:bg-background items-stretch",
+          ref: layoutRef,
+          className: "@container/dashboard min-h-screen w-full bg-background dark:bg-background flex flex-row items-stretch",
           children: [
-            showSidebar && sidebarOpen && /* @__PURE__ */ jsxRuntime.jsx(
+            showSidebar && isMobile && sidebarOpen && /* @__PURE__ */ jsxRuntime.jsx(
               exports.Box,
               {
-                className: "fixed inset-0 bg-foreground/50 dark:bg-foreground/70 z-20 @lg/dashboard:hidden",
+                className: "fixed inset-0 bg-foreground/50 dark:bg-foreground/70 z-20",
                 onClick: () => setSidebarOpen(false)
               }
             ),
@@ -21351,11 +21366,16 @@ var init_DashboardLayout = __esm({
                 as: "aside",
                 className: cn(
                   "z-30 w-64 flex-shrink-0 bg-card dark:bg-card border-r border-border dark:border-border",
-                  "fixed inset-y-0 left-0 @lg/dashboard:static @lg/dashboard:translate-x-0 @lg/dashboard:h-auto",
-                  "transform transition-transform duration-200 ease-in-out",
-                  "flex flex-col",
-                  sidebarOpen ? "translate-x-0" : "-translate-x-full"
+                  "flex flex-col"
                 ),
+                style: isMobile ? {
+                  position: "fixed",
+                  top: 0,
+                  bottom: 0,
+                  left: 0,
+                  transform: sidebarOpen ? "translateX(0)" : "translateX(-100%)",
+                  transition: "transform 200ms ease-in-out"
+                } : { position: "static", transform: "none" },
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsxs(
                     exports.HStack,
@@ -21384,11 +21404,11 @@ var init_DashboardLayout = __esm({
                             }
                           )
                         ] }),
-                        /* @__PURE__ */ jsxRuntime.jsx(
+                        isMobile && /* @__PURE__ */ jsxRuntime.jsx(
                           exports.Button,
                           {
                             variant: "ghost",
-                            className: "@lg/dashboard:hidden p-2 rounded-md hover:bg-muted dark:hover:bg-muted text-muted-foreground dark:text-muted-foreground",
+                            className: "p-2 rounded-md hover:bg-muted dark:hover:bg-muted text-muted-foreground dark:text-muted-foreground",
                             onClick: () => setSidebarOpen(false),
                             children: /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: "x", className: "h-5 w-5" })
                           }
@@ -21429,11 +21449,11 @@ var init_DashboardLayout = __esm({
                       justify: "between",
                       className: "h-full px-3 @sm/dashboard:px-4 gap-2 @sm/dashboard:gap-4",
                       children: [
-                        showSidebar && /* @__PURE__ */ jsxRuntime.jsx(
+                        showSidebar && isMobile && /* @__PURE__ */ jsxRuntime.jsx(
                           exports.Button,
                           {
                             variant: "ghost",
-                            className: "@lg/dashboard:hidden p-2 rounded-md hover:bg-muted dark:hover:bg-muted text-muted-foreground dark:text-muted-foreground touch-manipulation min-h-[44px] min-w-[44px] flex items-center justify-center",
+                            className: "p-2 rounded-md hover:bg-muted dark:hover:bg-muted text-muted-foreground dark:text-muted-foreground touch-manipulation min-h-[44px] min-w-[44px] flex items-center justify-center",
                             onClick: () => setSidebarOpen(true),
                             "aria-label": "Open sidebar",
                             children: /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: "menu", className: "h-5 w-5" })
@@ -47599,7 +47619,7 @@ function getToastPosition(position) {
       return "top-4 right-4";
   }
 }
-function renderPatternChildren(children, onDismiss, parentId = "root", parentPath = "root", sourceTrait) {
+function renderPatternChildren(children, onDismiss, parentId = "root", parentPath = "root", sourceTrait, orbCtx) {
   if (children === void 0 || children === null) return null;
   const childrenArray = Array.isArray(children) ? children : typeof children === "string" || typeof children === "object" && "type" in children ? [children] : [];
   if (childrenArray.length === 0) return null;
@@ -47630,8 +47650,11 @@ function renderPatternChildren(children, onDismiss, parentId = "root", parentPat
       nodeId: child._id,
       // Inherit sourceTrait from the parent slot so nested patterns
       // (e.g. form-section inside a stack) can resolve entityDef via
-      // the trait's linkedEntity for form-field enrichment.
-      ...sourceTrait !== void 0 && { sourceTrait }
+      // the trait's linkedEntity for form-field enrichment. The orbCtx
+      // (slot/transition/state/entity) propagates the same way so every
+      // nested node carries a complete contextual-edit address.
+      ...sourceTrait !== void 0 && { sourceTrait },
+      ...orbCtx ?? {}
     };
     return /* @__PURE__ */ jsxRuntime.jsx(
       SlotContentRenderer,
@@ -47747,7 +47770,12 @@ function SlotContentRenderer({
     const isSingleChild = typeof childrenConfig === "string" || typeof childrenConfig === "object" && childrenConfig !== null && !Array.isArray(childrenConfig) && "type" in childrenConfig;
     const hasChildren = PATTERNS_WITH_CHILDREN.has(content.pattern) || Array.isArray(childrenConfig) && childrenConfig.length > 0 || isSingleChild;
     const myPath = patternPath ?? "root";
-    const renderedChildren = hasChildren ? renderPatternChildren(childrenConfig, onDismiss, content.id, myPath, content.sourceTrait) : void 0;
+    const renderedChildren = hasChildren ? renderPatternChildren(childrenConfig, onDismiss, content.id, myPath, content.sourceTrait, {
+      slot: content.slot,
+      transitionEvent: content.transitionEvent,
+      fromState: content.fromState,
+      entity: content.entity
+    }) : void 0;
     const incomingChildren = content.props.children;
     const childrenIsRenderFn = typeof incomingChildren === "function";
     const { children: _childrenConfig, ...restPropsNoChildren } = content.props;
@@ -47794,6 +47822,13 @@ function SlotContentRenderer({
         "data-pattern-path": myPath,
         "data-pattern-type": content.pattern,
         "data-accepts-children": acceptsChildren ? "true" : void 0,
+        "data-orb-trait": content.sourceTrait,
+        "data-orb-slot": content.slot,
+        "data-orb-transition": content.transitionEvent,
+        "data-orb-state": content.fromState,
+        "data-orb-entity": content.entity,
+        "data-orb-path": myPath,
+        "data-orb-pattern": content.pattern,
         children: renderedChildren !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx(PatternComponent, { ...finalProps, children: renderedChildren }) : /* @__PURE__ */ jsxRuntime.jsx(PatternComponent, { ...finalProps })
       }
     );
@@ -47806,6 +47841,13 @@ function SlotContentRenderer({
       "data-id": content.id,
       "data-node-id": content.nodeId,
       "data-source-trait": content.sourceTrait,
+      "data-orb-trait": content.sourceTrait,
+      "data-orb-slot": content.slot,
+      "data-orb-transition": content.transitionEvent,
+      "data-orb-state": content.fromState,
+      "data-orb-entity": content.entity,
+      "data-orb-path": patternPath ?? "root",
+      "data-orb-pattern": content.pattern,
       children: content.props.children ?? /* @__PURE__ */ jsxRuntime.jsxs(exports.Box, { className: "p-4 text-sm text-muted-foreground border border-dashed border-border rounded", children: [
         "Unknown pattern: ",
         content.pattern,
@@ -50360,7 +50402,11 @@ function useUISlotManager() {
         priority: config.priority ?? 0,
         animation: config.animation ?? "fade",
         onDismiss: config.onDismiss,
-        sourceTrait: config.sourceTrait
+        sourceTrait: config.sourceTrait,
+        slot: config.target,
+        transitionEvent: config.transitionEvent,
+        fromState: config.fromState,
+        entity: config.entity
       };
       if (config.autoDismissMs && config.autoDismissMs > 0) {
         content.autoDismissAt = Date.now() + config.autoDismissMs;

package/dist/components/index.js

@@ -8630,13 +8630,13 @@ var init_MapView = __esm({
         shadowSize: [41, 41]
       });
       L.Marker.prototype.options.icon = defaultIcon;
-      const { useEffect: useEffect73, useRef: useRef67, useCallback: useCallback129, useState: useState112 } = React80__default;
+      const { useEffect: useEffect74, useRef: useRef68, useCallback: useCallback129, useState: useState112 } = React80__default;
       const { Typography: Typography2 } = await Promise.resolve().then(() => (init_Typography(), Typography_exports));
       const { useEventBus: useEventBus2 } = await Promise.resolve().then(() => (init_useEventBus(), useEventBus_exports));
       function MapUpdater({ centerLat, centerLng, zoom }) {
         const map = useMap();
-        const prevRef = useRef67({ centerLat, centerLng, zoom });
-        useEffect73(() => {
+        const prevRef = useRef68({ centerLat, centerLng, zoom });
+        useEffect74(() => {
           const prev = prevRef.current;
           if (prev.centerLat !== centerLat || prev.centerLng !== centerLng || prev.zoom !== zoom) {
             map.setView([centerLat, centerLng], zoom);
@@ -8647,7 +8647,7 @@ var init_MapView = __esm({
       }
       function MapClickHandler({ onMapClick }) {
         const map = useMap();
-        useEffect73(() => {
+        useEffect74(() => {
           if (!onMapClick) return;
           const handler = (e) => {
             onMapClick(e.latlng.lat, e.latlng.lng);
@@ -21268,6 +21268,21 @@ var init_DashboardLayout = __esm({
       };
       const [sidebarOpen, setSidebarOpen] = useState(false);
       const [userMenuOpen, setUserMenuOpen] = useState(false);
+      const layoutRef = useRef(null);
+      const [isMobile, setIsMobile] = useState(false);
+      useEffect(() => {
+        const el = layoutRef.current;
+        if (!el || typeof ResizeObserver === "undefined") return;
+        const ro = new ResizeObserver((entries) => {
+          const w = entries[0]?.contentRect.width ?? el.clientWidth;
+          setIsMobile(w < 1024);
+        });
+        ro.observe(el);
+        return () => ro.disconnect();
+      }, []);
+      useEffect(() => {
+        if (!isMobile && sidebarOpen) setSidebarOpen(false);
+      }, [isMobile, sidebarOpen]);
       const location = useLocation();
       const ctxPagePath = useCurrentPagePath();
       const activePath = currentPath ?? ctxPagePath ?? location.pathname;
@@ -21284,15 +21299,15 @@ var init_DashboardLayout = __esm({
       const showBottomNav = layoutMode === "bottomnav";
       const isTopNav = layoutMode === "topnav";
       return /* @__PURE__ */ jsxs(
-        HStack,
+        Box,
         {
-          gap: "none",
-          className: "@container/dashboard min-h-screen w-full bg-background dark:bg-background items-stretch",
+          ref: layoutRef,
+          className: "@container/dashboard min-h-screen w-full bg-background dark:bg-background flex flex-row items-stretch",
           children: [
-            showSidebar && sidebarOpen && /* @__PURE__ */ jsx(
+            showSidebar && isMobile && sidebarOpen && /* @__PURE__ */ jsx(
               Box,
               {
-                className: "fixed inset-0 bg-foreground/50 dark:bg-foreground/70 z-20 @lg/dashboard:hidden",
+                className: "fixed inset-0 bg-foreground/50 dark:bg-foreground/70 z-20",
                 onClick: () => setSidebarOpen(false)
               }
             ),
@@ -21302,11 +21317,16 @@ var init_DashboardLayout = __esm({
                 as: "aside",
                 className: cn(
                   "z-30 w-64 flex-shrink-0 bg-card dark:bg-card border-r border-border dark:border-border",
-                  "fixed inset-y-0 left-0 @lg/dashboard:static @lg/dashboard:translate-x-0 @lg/dashboard:h-auto",
-                  "transform transition-transform duration-200 ease-in-out",
-                  "flex flex-col",
-                  sidebarOpen ? "translate-x-0" : "-translate-x-full"
+                  "flex flex-col"
                 ),
+                style: isMobile ? {
+                  position: "fixed",
+                  top: 0,
+                  bottom: 0,
+                  left: 0,
+                  transform: sidebarOpen ? "translateX(0)" : "translateX(-100%)",
+                  transition: "transform 200ms ease-in-out"
+                } : { position: "static", transform: "none" },
                 children: [
                   /* @__PURE__ */ jsxs(
                     HStack,
@@ -21335,11 +21355,11 @@ var init_DashboardLayout = __esm({
                             }
                           )
                         ] }),
-                        /* @__PURE__ */ jsx(
+                        isMobile && /* @__PURE__ */ jsx(
                           Button,
                           {
                             variant: "ghost",
-                            className: "@lg/dashboard:hidden p-2 rounded-md hover:bg-muted dark:hover:bg-muted text-muted-foreground dark:text-muted-foreground",
+                            className: "p-2 rounded-md hover:bg-muted dark:hover:bg-muted text-muted-foreground dark:text-muted-foreground",
                             onClick: () => setSidebarOpen(false),
                             children: /* @__PURE__ */ jsx(Icon, { name: "x", className: "h-5 w-5" })
                           }
@@ -21380,11 +21400,11 @@ var init_DashboardLayout = __esm({
                       justify: "between",
                       className: "h-full px-3 @sm/dashboard:px-4 gap-2 @sm/dashboard:gap-4",
                       children: [
-                        showSidebar && /* @__PURE__ */ jsx(
+                        showSidebar && isMobile && /* @__PURE__ */ jsx(
                           Button,
                           {
                             variant: "ghost",
-                            className: "@lg/dashboard:hidden p-2 rounded-md hover:bg-muted dark:hover:bg-muted text-muted-foreground dark:text-muted-foreground touch-manipulation min-h-[44px] min-w-[44px] flex items-center justify-center",
+                            className: "p-2 rounded-md hover:bg-muted dark:hover:bg-muted text-muted-foreground dark:text-muted-foreground touch-manipulation min-h-[44px] min-w-[44px] flex items-center justify-center",
                             onClick: () => setSidebarOpen(true),
                             "aria-label": "Open sidebar",
                             children: /* @__PURE__ */ jsx(Icon, { name: "menu", className: "h-5 w-5" })
@@ -47550,7 +47570,7 @@ function getToastPosition(position) {
       return "top-4 right-4";
   }
 }
-function renderPatternChildren(children, onDismiss, parentId = "root", parentPath = "root", sourceTrait) {
+function renderPatternChildren(children, onDismiss, parentId = "root", parentPath = "root", sourceTrait, orbCtx) {
   if (children === void 0 || children === null) return null;
   const childrenArray = Array.isArray(children) ? children : typeof children === "string" || typeof children === "object" && "type" in children ? [children] : [];
   if (childrenArray.length === 0) return null;
@@ -47581,8 +47601,11 @@ function renderPatternChildren(children, onDismiss, parentId = "root", parentPat
       nodeId: child._id,
       // Inherit sourceTrait from the parent slot so nested patterns
       // (e.g. form-section inside a stack) can resolve entityDef via
-      // the trait's linkedEntity for form-field enrichment.
-      ...sourceTrait !== void 0 && { sourceTrait }
+      // the trait's linkedEntity for form-field enrichment. The orbCtx
+      // (slot/transition/state/entity) propagates the same way so every
+      // nested node carries a complete contextual-edit address.
+      ...sourceTrait !== void 0 && { sourceTrait },
+      ...orbCtx ?? {}
     };
     return /* @__PURE__ */ jsx(
       SlotContentRenderer,
@@ -47698,7 +47721,12 @@ function SlotContentRenderer({
     const isSingleChild = typeof childrenConfig === "string" || typeof childrenConfig === "object" && childrenConfig !== null && !Array.isArray(childrenConfig) && "type" in childrenConfig;
     const hasChildren = PATTERNS_WITH_CHILDREN.has(content.pattern) || Array.isArray(childrenConfig) && childrenConfig.length > 0 || isSingleChild;
     const myPath = patternPath ?? "root";
-    const renderedChildren = hasChildren ? renderPatternChildren(childrenConfig, onDismiss, content.id, myPath, content.sourceTrait) : void 0;
+    const renderedChildren = hasChildren ? renderPatternChildren(childrenConfig, onDismiss, content.id, myPath, content.sourceTrait, {
+      slot: content.slot,
+      transitionEvent: content.transitionEvent,
+      fromState: content.fromState,
+      entity: content.entity
+    }) : void 0;
     const incomingChildren = content.props.children;
     const childrenIsRenderFn = typeof incomingChildren === "function";
     const { children: _childrenConfig, ...restPropsNoChildren } = content.props;
@@ -47745,6 +47773,13 @@ function SlotContentRenderer({
         "data-pattern-path": myPath,
         "data-pattern-type": content.pattern,
         "data-accepts-children": acceptsChildren ? "true" : void 0,
+        "data-orb-trait": content.sourceTrait,
+        "data-orb-slot": content.slot,
+        "data-orb-transition": content.transitionEvent,
+        "data-orb-state": content.fromState,
+        "data-orb-entity": content.entity,
+        "data-orb-path": myPath,
+        "data-orb-pattern": content.pattern,
         children: renderedChildren !== void 0 ? /* @__PURE__ */ jsx(PatternComponent, { ...finalProps, children: renderedChildren }) : /* @__PURE__ */ jsx(PatternComponent, { ...finalProps })
       }
     );
@@ -47757,6 +47792,13 @@ function SlotContentRenderer({
       "data-id": content.id,
       "data-node-id": content.nodeId,
       "data-source-trait": content.sourceTrait,
+      "data-orb-trait": content.sourceTrait,
+      "data-orb-slot": content.slot,
+      "data-orb-transition": content.transitionEvent,
+      "data-orb-state": content.fromState,
+      "data-orb-entity": content.entity,
+      "data-orb-path": patternPath ?? "root",
+      "data-orb-pattern": content.pattern,
       children: content.props.children ?? /* @__PURE__ */ jsxs(Box, { className: "p-4 text-sm text-muted-foreground border border-dashed border-border rounded", children: [
         "Unknown pattern: ",
         content.pattern,
@@ -50311,7 +50353,11 @@ function useUISlotManager() {
         priority: config.priority ?? 0,
         animation: config.animation ?? "fade",
         onDismiss: config.onDismiss,
-        sourceTrait: config.sourceTrait
+        sourceTrait: config.sourceTrait,
+        slot: config.target,
+        transitionEvent: config.transitionEvent,
+        fromState: config.fromState,
+        entity: config.entity
       };
       if (config.autoDismissMs && config.autoDismissMs > 0) {
         content.autoDismissAt = Date.now() + config.autoDismissMs;

package/dist/context/index.cjs

@@ -124,7 +124,11 @@ function useUISlotManager() {
         priority: config.priority ?? 0,
         animation: config.animation ?? "fade",
         onDismiss: config.onDismiss,
-        sourceTrait: config.sourceTrait
+        sourceTrait: config.sourceTrait,
+        slot: config.target,
+        transitionEvent: config.transitionEvent,
+        fromState: config.fromState,
+        entity: config.entity
       };
       if (config.autoDismissMs && config.autoDismissMs > 0) {
         content.autoDismissAt = Date.now() + config.autoDismissMs;

package/dist/context/index.js

@@ -122,7 +122,11 @@ function useUISlotManager() {
         priority: config.priority ?? 0,
         animation: config.animation ?? "fade",
         onDismiss: config.onDismiss,
-        sourceTrait: config.sourceTrait
+        sourceTrait: config.sourceTrait,
+        slot: config.target,
+        transitionEvent: config.transitionEvent,
+        fromState: config.fromState,
+        entity: config.entity
       };
       if (config.autoDismissMs && config.autoDismissMs > 0) {
         content.autoDismissAt = Date.now() + config.autoDismissMs;

package/dist/hooks/index.cjs

@@ -1131,7 +1131,11 @@ function useUISlotManager() {
         priority: config.priority ?? 0,
         animation: config.animation ?? "fade",
         onDismiss: config.onDismiss,
-        sourceTrait: config.sourceTrait
+        sourceTrait: config.sourceTrait,
+        slot: config.target,
+        transitionEvent: config.transitionEvent,
+        fromState: config.fromState,
+        entity: config.entity
       };
       if (config.autoDismissMs && config.autoDismissMs > 0) {
         content.autoDismissAt = Date.now() + config.autoDismissMs;

package/dist/hooks/index.js

@@ -1129,7 +1129,11 @@ function useUISlotManager() {
         priority: config.priority ?? 0,
         animation: config.animation ?? "fade",
         onDismiss: config.onDismiss,
-        sourceTrait: config.sourceTrait
+        sourceTrait: config.sourceTrait,
+        slot: config.target,
+        transitionEvent: config.transitionEvent,
+        fromState: config.fromState,
+        entity: config.entity
       };
       if (config.autoDismissMs && config.autoDismissMs > 0) {
         content.autoDismissAt = Date.now() + config.autoDismissMs;

package/dist/hooks/useUISlots.d.ts

@@ -95,6 +95,14 @@ export interface SlotContent {
     sourceTrait?: string;
     /** Stable node ID from the schema pattern tree (for edit mode overlay targeting) */
     nodeId?: string;
+    /** Slot this content was rendered into (= RenderUIConfig.target) — contextual-edit address. */
+    slot?: string;
+    /** Transition event key that produced this render (raw, as fired). */
+    transitionEvent?: string;
+    /** State the trait was in when this render fired (the from-state). */
+    fromState?: string;
+    /** linkedEntity of the source trait — contextual-edit address. */
+    entity?: string;
 }
 /**
  * Configuration for render_ui effect
@@ -116,6 +124,12 @@ export interface RenderUIConfig {
     onDismiss?: () => void;
     /** Source trait name */
     sourceTrait?: string;
+    /** Transition event key that produced this render (raw, as fired). */
+    transitionEvent?: string;
+    /** State the trait was in when this render fired (the from-state). */
+    fromState?: string;
+    /** linkedEntity of the source trait. */
+    entity?: string;
 }
 /**
  * Callback for slot changes