@almadar/ui 6.28.0 → 6.30.0

package/dist/{EntityBindingContext-C6FgxdfG.d.cts → EntityBindingContext-ChCONv2W.d.cts}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import React__default, { ReactNode } from 'react';
-import { ResolvedEntity, EventPayload, EntityRow, UserContext, OrbitalSchema, BusEventSource, SExpr, ResolvedTrait, ResolvedTraitBinding, TraitConfig } from '@almadar/core';
+import { ResolvedEntity, EventPayload, EntityRow, UserContext, OrbitalSchema, OrbitalEventResponse, ResolvedTrait, ResolvedTraitBinding, TraitConfig } from '@almadar/core';
 import { AnyPatternConfig } from '@almadar/core/patterns';
 import { ServerEffectResult, TransitionResult } from '@almadar/runtime';
 
@@ -84,44 +84,6 @@ declare function useEntitySchema(): EntitySchemaContextValue;
  */
 declare function useEntitySchemaOptional(): EntitySchemaContextValue | null;
 
-/** Wire-format client effect tuple from the server response. */
-type ClientEffectTuple = ['render-ui', string, AnyPatternConfig | null, ...SExpr[]] | ['navigate', string, ...SExpr[]] | ['navigate-back'];
-interface OrbitalEventResponse {
-    success: boolean;
-    transitioned: boolean;
-    states: Record<string, string>;
-    /**
-     * Server-cascade events carried back in the response. Each entry has a
-     * `source: BusEventSource` stamped by the compiled handler (`emit ...
-     * { source: __ORBITAL_SOURCE }`) so the client can re-broadcast on the
-     * qualified `UI:Orbital.Trait.EVENT` bus key (gap #13).
-     */
-    emittedEvents?: Array<{
-        event: string;
-        payload?: EventPayload;
-        source?: BusEventSource;
-    }>;
-    data?: Record<string, EntityRow[]>;
-    clientEffects?: ClientEffectTuple[];
-    /**
-     * Same effects as `clientEffects`, paired with the trait that produced
-     * each one. When present, prefer this for trait attribution. Falls back
-     * to legacy `clientEffects` parsing on older servers.
-     */
-    clientEffectsByTrait?: Array<{
-        traitName: string;
-        effect: ClientEffectTuple;
-    }>;
-    /**
-     * Results from server-side effects (persist, call-service, set, …) —
-     * `ServerEffectResult`, JSON-serialized. Carries the
-     * persist effect's real outcome (action, entity, resulting id, denied)
-     * so the verification trace can read it instead of inferring success
-     * from a row-count delta.
-     */
-    effectResults?: ServerEffectResult[];
-    error?: string;
-}
 interface ServerClientEffect {
     type: 'render-ui' | 'navigate' | 'navigate-back';
     slot?: string;
@@ -151,6 +113,8 @@ interface ServerResponseMeta {
     dataEntities: Record<string, number>;
     /** Raw entity data from server response (for EntityStore advancement) */
     data?: Record<string, EntityRow[]>;
+    /** See `OrbitalEventResponse.entityByTrait`'s doc. */
+    entityByTrait?: Record<string, EntityRow>;
     emittedEvents: string[];
     /** Server-side effect outcomes — see `OrbitalEventResponse.effectResults`. */
     effectResults?: ServerEffectResult[];

package/dist/{EntityBindingContext-C6FgxdfG.d.ts → EntityBindingContext-ChCONv2W.d.ts}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import React__default, { ReactNode } from 'react';
-import { ResolvedEntity, EventPayload, EntityRow, UserContext, OrbitalSchema, BusEventSource, SExpr, ResolvedTrait, ResolvedTraitBinding, TraitConfig } from '@almadar/core';
+import { ResolvedEntity, EventPayload, EntityRow, UserContext, OrbitalSchema, OrbitalEventResponse, ResolvedTrait, ResolvedTraitBinding, TraitConfig } from '@almadar/core';
 import { AnyPatternConfig } from '@almadar/core/patterns';
 import { ServerEffectResult, TransitionResult } from '@almadar/runtime';
 
@@ -84,44 +84,6 @@ declare function useEntitySchema(): EntitySchemaContextValue;
  */
 declare function useEntitySchemaOptional(): EntitySchemaContextValue | null;
 
-/** Wire-format client effect tuple from the server response. */
-type ClientEffectTuple = ['render-ui', string, AnyPatternConfig | null, ...SExpr[]] | ['navigate', string, ...SExpr[]] | ['navigate-back'];
-interface OrbitalEventResponse {
-    success: boolean;
-    transitioned: boolean;
-    states: Record<string, string>;
-    /**
-     * Server-cascade events carried back in the response. Each entry has a
-     * `source: BusEventSource` stamped by the compiled handler (`emit ...
-     * { source: __ORBITAL_SOURCE }`) so the client can re-broadcast on the
-     * qualified `UI:Orbital.Trait.EVENT` bus key (gap #13).
-     */
-    emittedEvents?: Array<{
-        event: string;
-        payload?: EventPayload;
-        source?: BusEventSource;
-    }>;
-    data?: Record<string, EntityRow[]>;
-    clientEffects?: ClientEffectTuple[];
-    /**
-     * Same effects as `clientEffects`, paired with the trait that produced
-     * each one. When present, prefer this for trait attribution. Falls back
-     * to legacy `clientEffects` parsing on older servers.
-     */
-    clientEffectsByTrait?: Array<{
-        traitName: string;
-        effect: ClientEffectTuple;
-    }>;
-    /**
-     * Results from server-side effects (persist, call-service, set, …) —
-     * `ServerEffectResult`, JSON-serialized. Carries the
-     * persist effect's real outcome (action, entity, resulting id, denied)
-     * so the verification trace can read it instead of inferring success
-     * from a row-count delta.
-     */
-    effectResults?: ServerEffectResult[];
-    error?: string;
-}
 interface ServerClientEffect {
     type: 'render-ui' | 'navigate' | 'navigate-back';
     slot?: string;
@@ -151,6 +113,8 @@ interface ServerResponseMeta {
     dataEntities: Record<string, number>;
     /** Raw entity data from server response (for EntityStore advancement) */
     data?: Record<string, EntityRow[]>;
+    /** See `OrbitalEventResponse.entityByTrait`'s doc. */
+    entityByTrait?: Record<string, EntityRow>;
     emittedEvents: string[];
     /** Server-side effect outcomes — see `OrbitalEventResponse.effectResults`. */
     effectResults?: ServerEffectResult[];

package/dist/avl/index.cjs

@@ -6158,6 +6158,13 @@ var init_slot_types = __esm({
     nextRefId = 1;
   }
 });
+var SlotContainedContext;
+var init_slotContained = __esm({
+  "lib/slotContained.ts"() {
+    "use client";
+    SlotContainedContext = React96.createContext(false);
+  }
+});
 function buildForkPaths(x, y, branches, scale) {
   const inLength = 30 * scale;
   const outLength = 30 * scale;
@@ -17227,11 +17234,10 @@ var init_HeroSection = __esm({
     };
     backgroundStyles = {
       dark: "bg-foreground text-background",
-      gradient: [
-        "bg-[radial-gradient(ellipse_at_top,var(--color-primary)/0.08,transparent_60%),",
-        "radial-gradient(ellipse_at_bottom_right,var(--color-accent)/0.06,transparent_50%)]",
-        "bg-background"
-      ].join(" "),
+      // A single bracket value: joining this as two array entries put a space
+      // inside the class (Tailwind splits utilities on whitespace), so neither
+      // half was a valid utility and the gradient rendered as nothing.
+      gradient: "bg-[radial-gradient(ellipse_at_top,var(--color-primary)/0.08,transparent_60%),radial-gradient(ellipse_at_bottom_right,var(--color-accent)/0.06,transparent_50%)] bg-background",
       subtle: "bg-muted/30"
     };
     MarketingImage = ({ src, alt, className }) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -38470,7 +38476,6 @@ function TableView({
   columns,
   fields,
   itemActions,
-  maxInlineActions,
   itemClickEvent = "",
   selectable = false,
   selectEvent,
@@ -38504,8 +38509,7 @@ function TableView({
   const [localSelected, setLocalSelected] = React96__namespace.default.useState(/* @__PURE__ */ new Set());
   const colDefs = (Array.isArray(columns) ? columns : void 0) ?? (Array.isArray(fields) ? fields : void 0) ?? [];
   const actionDefs = Array.isArray(itemActions) ? itemActions : [];
-  const inlineActions = maxInlineActions != null ? actionDefs.slice(0, maxInlineActions) : [];
-  const overflowActions = maxInlineActions != null ? actionDefs.slice(maxInlineActions) : actionDefs;
+  const overflowActions = actionDefs;
   const fireAction = (action, row) => eventBus.emit(`UI:${action.event}`, {
     id: row.id,
     row
@@ -38687,7 +38691,7 @@ function TableView({
             }
             return /* @__PURE__ */ jsxRuntime.jsx(Box, { role: "cell", className: cellBase, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-foreground", children: formatCell(raw, col.format, relationsData?.[col.field ?? col.key]) }) }, col.key);
           }),
-          hasActions && /* @__PURE__ */ jsxRuntime.jsxs(
+          hasActions && /* @__PURE__ */ jsxRuntime.jsx(
             HStack,
             {
               gap: "xs",
@@ -38701,38 +38705,20 @@ function TableView({
                 "border-l border-[var(--color-border)]",
                 lk.striped && index % 2 === 1 ? "bg-[var(--color-surface-subtle)]" : "bg-[var(--color-card)] group-hover:bg-[var(--color-surface-subtle)]"
               ),
-              children: [
-                inlineActions.map((action) => /* @__PURE__ */ jsxRuntime.jsxs(
-                  Button,
-                  {
-                    variant: action.variant ?? "ghost",
-                    size: "sm",
-                    onClick: () => fireAction(action, row),
-                    "data-testid": `action-${action.event}`,
-                    "data-row-id": String(row.id),
-                    className: cn(action.variant === "danger" && "text-error hover:bg-error/10"),
-                    children: [
-                      action.icon && renderIconInput3(action.icon, { size: "xs", className: "mr-1" }),
-                      action.label
-                    ]
-                  },
-                  action.event
-                )),
-                overflowActions.length > 0 && /* @__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", "data-row-id": String(row.id), children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: "more-horizontal", size: "xs" }) }),
-                    items: overflowActions.map((action) => ({
-                      label: action.label,
-                      icon: action.icon,
-                      event: action.event,
-                      variant: action.variant === "danger" ? "danger" : "default",
-                      onClick: () => fireAction(action, row)
-                    }))
-                  }
-                )
-              ]
+              children: overflowActions.length > 0 && /* @__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", "data-row-id": String(row.id), children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: "more-horizontal", size: "xs" }) }),
+                  items: overflowActions.map((action) => ({
+                    label: action.label,
+                    icon: action.icon,
+                    event: action.event,
+                    variant: action.variant === "danger" ? "danger" : "default",
+                    onClick: () => fireAction(action, row)
+                  }))
+                }
+              )
             }
           )
         ]
@@ -47749,6 +47735,7 @@ var init_DetailPanel = __esm({
     init_EmptyState();
     init_cn();
     init_portalRoot();
+    init_slotContained();
     init_format();
     init_getNestedValue();
     init_relationLabel();
@@ -47780,6 +47767,7 @@ var init_DetailPanel = __esm({
     }) => {
       const eventBus = useEventBus();
       const { t } = hooks.useTranslate();
+      const contained = React96.useContext(SlotContainedContext);
       const [titleDraft, setTitleDraft] = React96__namespace.default.useState(null);
       const isFieldDefArray = (arr) => {
         if (!arr || arr.length === 0) return false;
@@ -48167,8 +48155,9 @@ var init_DetailPanel = __esm({
       if (!slideOver) {
         return /* @__PURE__ */ jsxRuntime.jsx(Box, { className, children: content });
       }
-      const panel = /* @__PURE__ */ jsxRuntime.jsx(Box, { className: cn("fixed inset-y-0 right-0 w-full max-w-2xl bg-card shadow-lg z-50 overflow-y-auto p-6", className), children: content });
-      return typeof document === "undefined" ? panel : reactDom.createPortal(panel, getOrCreatePortalRoot());
+      const panel = /* @__PURE__ */ jsxRuntime.jsx(Box, { className: cn(contained ? "absolute" : "fixed", "inset-y-0 right-0 w-full max-w-2xl bg-card shadow-lg z-50 overflow-y-auto p-6", className), children: content });
+      if (contained || typeof document === "undefined") return panel;
+      return reactDom.createPortal(panel, getOrCreatePortalRoot());
     };
     DetailPanel.displayName = "DetailPanel";
   }
@@ -54665,6 +54654,7 @@ var init_component_registry_generated = __esm({
 // components/core/organisms/UISlotRenderer.tsx
 var UISlotRenderer_exports = {};
 __export(UISlotRenderer_exports, {
+  SlotContainedContext: () => SlotContainedContext,
   SlotContentRenderer: () => SlotContentRenderer,
   SuspenseConfigProvider: () => SuspenseConfigProvider,
   UISlotComponent: () => UISlotComponent,
@@ -54837,6 +54827,25 @@ function renderContainedPortal(t, slot, content, onDismiss) {
         }
       );
     case "drawer":
+      if (content.pattern === "detail-panel" && content.props.slideOver === true) {
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          Box,
+          {
+            id: slotId,
+            className: "absolute inset-0 z-50 overflow-hidden",
+            style: { backgroundColor: "rgba(0, 0, 0, 0.5)" },
+            onClick: onDismiss,
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              Box,
+              {
+                className: "absolute inset-y-0 right-0 pointer-events-auto",
+                onClick: (e) => e.stopPropagation(),
+                children: slotContent
+              }
+            )
+          }
+        );
+      }
       return /* @__PURE__ */ jsxRuntime.jsx(
         Box,
         {
@@ -55688,7 +55697,7 @@ function UISlotRenderer({
   }
   return wrapped;
 }
-var scopeWrapLog, TRAIT_BINDING_RE, SuspenseConfigContext, SlotContainedContext, SLOT_SKELETON_MAP, CONTENT_NODE_SLOTS, PATTERNS_WITH_CHILDREN, traitRefPresenceCache;
+var scopeWrapLog, TRAIT_BINDING_RE, SuspenseConfigContext, SLOT_SKELETON_MAP, CONTENT_NODE_SLOTS, PATTERNS_WITH_CHILDREN, traitRefPresenceCache;
 var init_UISlotRenderer = __esm({
   "components/core/organisms/UISlotRenderer.tsx"() {
     "use client";
@@ -55703,6 +55712,7 @@ var init_UISlotRenderer = __esm({
     init_cn();
     init_format();
     init_portalRoot();
+    init_slotContained();
     init_ErrorBoundary();
     init_Skeleton();
     init_renderer();
@@ -55712,7 +55722,6 @@ var init_UISlotRenderer = __esm({
     scopeWrapLog = logger.createLogger("almadar:ui:scope-wrap");
     TRAIT_BINDING_RE = /^@trait\.([A-Z][A-Za-z0-9]*)$/;
     SuspenseConfigContext = React96.createContext({ enabled: false });
-    SlotContainedContext = React96.createContext(false);
     SuspenseConfigProvider.displayName = "SuspenseConfigProvider";
     SLOT_SKELETON_MAP = {
       main: "table",
@@ -60554,6 +60563,9 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
     const normalizedEvent = normalizeEventKey(eventKey);
     return managerRef.current.canHandleEvent(traitName, normalizedEvent);
   }, []);
+  const commitServerEntity = React96.useCallback((traitName, entity) => {
+    traitFieldStatesRef.current.set(traitName, entity);
+  }, []);
   React96.useEffect(() => {
     const allEvents = /* @__PURE__ */ new Set();
     for (const binding of traitBindings) {
@@ -60717,7 +60729,8 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
     sendEvent,
     getTraitState,
     canHandleEvent,
-    entityBindingSource
+    entityBindingSource,
+    commitServerEntity
   };
 }
 
@@ -60740,7 +60753,7 @@ function normalizeChild(child) {
 function effectResultsToTraces(results) {
   if (!results) return [];
   return results.map((r2) => {
-    const resultId = r2.data !== void 0 && r2.data !== null && "id" in r2.data && typeof r2.data.id === "string" ? r2.data.id : void 0;
+    const resultId = typeof r2.data === "object" && r2.data !== null && !Array.isArray(r2.data) && "id" in r2.data && typeof r2.data.id === "string" ? r2.data.id : void 0;
     const outcome = r2.denied ? "denied" : r2.success ? "success" : "failed";
     return {
       type: r2.effect,
@@ -60853,6 +60866,8 @@ function TraitInitializer({ traits: traits2, routeParams, orbitalNames, onNaviga
     [serverActiveTraits]
   );
   const uiSlots = context.useUISlots();
+  const commitServerEntityRef = React96.useRef(() => {
+  });
   const onEventProcessed = React96.useCallback((event, payload, dispatchedOrbitals, tick, sourceTrait, locallyEmitted, results, entityByTrait) => {
     if (!bridge.connected || !orbitalNames?.length) return;
     const targets = dispatchedOrbitals && dispatchedOrbitals.size > 0 ? orbitalNames.filter((n) => dispatchedOrbitals.has(n)) : orbitalNames;
@@ -60869,12 +60884,18 @@ function TraitInitializer({ traits: traits2, routeParams, orbitalNames, onNaviga
       }
       void bridge.sendEvent(name, event, withActiveTraits(payload), void 0, void 0, locallyEmitted, results, entityByTrait, user ?? void 0).then(({ effects, meta }) => {
         recordServerResponse(name, event, { ...meta, effectResults: effectResultsToTraces(meta.effectResults) });
+        if (meta.entityByTrait) {
+          for (const [traitName, entity] of Object.entries(meta.entityByTrait)) {
+            commitServerEntityRef.current(traitName, entity);
+          }
+        }
         applyServerEffects(effects, uiSlots, onNavigate, embeddedTraits, activeTraitNamesRef.current, onNavigateBack);
       });
     }
   }, [bridge.connected, bridge.sendEvent, orbitalNames, uiSlots, onNavigate, onNavigateBack, embeddedTraits, activeTraitNames, withActiveTraits, user]);
   const opts = orbitalNames ? { onEventProcessed, navigate: onNavigate, navigateBack: onNavigateBack, traitConfigsByName, orbitalsByTrait, embeddedTraits, callsiteCaptureChildrenByTrait, initPayload: routeParams } : { navigate: onNavigate, navigateBack: onNavigateBack, persistence, traitConfigsByName, orbitalsByTrait, embeddedTraits, callsiteCaptureChildrenByTrait, initPayload: routeParams };
-  const { sendEvent, entityBindingSource } = useTraitStateMachine(traits2, uiSlots, opts);
+  const { sendEvent, entityBindingSource, commitServerEntity } = useTraitStateMachine(traits2, uiSlots, opts);
+  commitServerEntityRef.current = commitServerEntity;
   const initSentRef = React96.useRef(false);
   const prevTraitsRef = React96.useRef(void 0);
   const paramsKey = JSON.stringify(routeParams ?? {});
@@ -60926,6 +60947,11 @@ function TraitInitializer({ traits: traits2, routeParams, orbitalNames, onNaviga
           user ?? void 0
         );
         recordServerResponse(name, "INIT", { ...meta, effectResults: effectResultsToTraces(meta.effectResults) });
+        if (meta.entityByTrait) {
+          for (const [traitName, entity] of Object.entries(meta.entityByTrait)) {
+            commitServerEntityRef.current(traitName, entity);
+          }
+        }
         const effectTraces = [
           { type: "fetch", args: [], status: "executed" },
           ...effects.map((eff) => ({

package/dist/avl/index.js

@@ -6082,6 +6082,13 @@ var init_slot_types = __esm({
     nextRefId = 1;
   }
 });
+var SlotContainedContext;
+var init_slotContained = __esm({
+  "lib/slotContained.ts"() {
+    "use client";
+    SlotContainedContext = createContext(false);
+  }
+});
 function buildForkPaths(x, y, branches, scale) {
   const inLength = 30 * scale;
   const outLength = 30 * scale;
@@ -17151,11 +17158,10 @@ var init_HeroSection = __esm({
     };
     backgroundStyles = {
       dark: "bg-foreground text-background",
-      gradient: [
-        "bg-[radial-gradient(ellipse_at_top,var(--color-primary)/0.08,transparent_60%),",
-        "radial-gradient(ellipse_at_bottom_right,var(--color-accent)/0.06,transparent_50%)]",
-        "bg-background"
-      ].join(" "),
+      // A single bracket value: joining this as two array entries put a space
+      // inside the class (Tailwind splits utilities on whitespace), so neither
+      // half was a valid utility and the gradient rendered as nothing.
+      gradient: "bg-[radial-gradient(ellipse_at_top,var(--color-primary)/0.08,transparent_60%),radial-gradient(ellipse_at_bottom_right,var(--color-accent)/0.06,transparent_50%)] bg-background",
       subtle: "bg-muted/30"
     };
     MarketingImage = ({ src, alt, className }) => /* @__PURE__ */ jsx(
@@ -38394,7 +38400,6 @@ function TableView({
   columns,
   fields,
   itemActions,
-  maxInlineActions,
   itemClickEvent = "",
   selectable = false,
   selectEvent,
@@ -38428,8 +38433,7 @@ function TableView({
   const [localSelected, setLocalSelected] = React96__default.useState(/* @__PURE__ */ new Set());
   const colDefs = (Array.isArray(columns) ? columns : void 0) ?? (Array.isArray(fields) ? fields : void 0) ?? [];
   const actionDefs = Array.isArray(itemActions) ? itemActions : [];
-  const inlineActions = maxInlineActions != null ? actionDefs.slice(0, maxInlineActions) : [];
-  const overflowActions = maxInlineActions != null ? actionDefs.slice(maxInlineActions) : actionDefs;
+  const overflowActions = actionDefs;
   const fireAction = (action, row) => eventBus.emit(`UI:${action.event}`, {
     id: row.id,
     row
@@ -38611,7 +38615,7 @@ function TableView({
             }
             return /* @__PURE__ */ jsx(Box, { role: "cell", className: cellBase, children: /* @__PURE__ */ jsx("span", { className: "truncate text-foreground", children: formatCell(raw, col.format, relationsData?.[col.field ?? col.key]) }) }, col.key);
           }),
-          hasActions && /* @__PURE__ */ jsxs(
+          hasActions && /* @__PURE__ */ jsx(
             HStack,
             {
               gap: "xs",
@@ -38625,38 +38629,20 @@ function TableView({
                 "border-l border-[var(--color-border)]",
                 lk.striped && index % 2 === 1 ? "bg-[var(--color-surface-subtle)]" : "bg-[var(--color-card)] group-hover:bg-[var(--color-surface-subtle)]"
               ),
-              children: [
-                inlineActions.map((action) => /* @__PURE__ */ jsxs(
-                  Button,
-                  {
-                    variant: action.variant ?? "ghost",
-                    size: "sm",
-                    onClick: () => fireAction(action, row),
-                    "data-testid": `action-${action.event}`,
-                    "data-row-id": String(row.id),
-                    className: cn(action.variant === "danger" && "text-error hover:bg-error/10"),
-                    children: [
-                      action.icon && renderIconInput3(action.icon, { size: "xs", className: "mr-1" }),
-                      action.label
-                    ]
-                  },
-                  action.event
-                )),
-                overflowActions.length > 0 && /* @__PURE__ */ jsx(
-                  Menu,
-                  {
-                    position: "bottom-end",
-                    trigger: /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", "aria-label": t("common.actions"), "data-testid": "action-overflow", "data-row-id": String(row.id), children: /* @__PURE__ */ jsx(Icon, { name: "more-horizontal", size: "xs" }) }),
-                    items: overflowActions.map((action) => ({
-                      label: action.label,
-                      icon: action.icon,
-                      event: action.event,
-                      variant: action.variant === "danger" ? "danger" : "default",
-                      onClick: () => fireAction(action, row)
-                    }))
-                  }
-                )
-              ]
+              children: overflowActions.length > 0 && /* @__PURE__ */ jsx(
+                Menu,
+                {
+                  position: "bottom-end",
+                  trigger: /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", "aria-label": t("common.actions"), "data-testid": "action-overflow", "data-row-id": String(row.id), children: /* @__PURE__ */ jsx(Icon, { name: "more-horizontal", size: "xs" }) }),
+                  items: overflowActions.map((action) => ({
+                    label: action.label,
+                    icon: action.icon,
+                    event: action.event,
+                    variant: action.variant === "danger" ? "danger" : "default",
+                    onClick: () => fireAction(action, row)
+                  }))
+                }
+              )
             }
           )
         ]
@@ -47673,6 +47659,7 @@ var init_DetailPanel = __esm({
     init_EmptyState();
     init_cn();
     init_portalRoot();
+    init_slotContained();
     init_format();
     init_getNestedValue();
     init_relationLabel();
@@ -47704,6 +47691,7 @@ var init_DetailPanel = __esm({
     }) => {
       const eventBus = useEventBus();
       const { t } = useTranslate();
+      const contained = useContext(SlotContainedContext);
       const [titleDraft, setTitleDraft] = React96__default.useState(null);
       const isFieldDefArray = (arr) => {
         if (!arr || arr.length === 0) return false;
@@ -48091,8 +48079,9 @@ var init_DetailPanel = __esm({
       if (!slideOver) {
         return /* @__PURE__ */ jsx(Box, { className, children: content });
       }
-      const panel = /* @__PURE__ */ jsx(Box, { className: cn("fixed inset-y-0 right-0 w-full max-w-2xl bg-card shadow-lg z-50 overflow-y-auto p-6", className), children: content });
-      return typeof document === "undefined" ? panel : createPortal(panel, getOrCreatePortalRoot());
+      const panel = /* @__PURE__ */ jsx(Box, { className: cn(contained ? "absolute" : "fixed", "inset-y-0 right-0 w-full max-w-2xl bg-card shadow-lg z-50 overflow-y-auto p-6", className), children: content });
+      if (contained || typeof document === "undefined") return panel;
+      return createPortal(panel, getOrCreatePortalRoot());
     };
     DetailPanel.displayName = "DetailPanel";
   }
@@ -54589,6 +54578,7 @@ var init_component_registry_generated = __esm({
 // components/core/organisms/UISlotRenderer.tsx
 var UISlotRenderer_exports = {};
 __export(UISlotRenderer_exports, {
+  SlotContainedContext: () => SlotContainedContext,
   SlotContentRenderer: () => SlotContentRenderer,
   SuspenseConfigProvider: () => SuspenseConfigProvider,
   UISlotComponent: () => UISlotComponent,
@@ -54761,6 +54751,25 @@ function renderContainedPortal(t, slot, content, onDismiss) {
         }
       );
     case "drawer":
+      if (content.pattern === "detail-panel" && content.props.slideOver === true) {
+        return /* @__PURE__ */ jsx(
+          Box,
+          {
+            id: slotId,
+            className: "absolute inset-0 z-50 overflow-hidden",
+            style: { backgroundColor: "rgba(0, 0, 0, 0.5)" },
+            onClick: onDismiss,
+            children: /* @__PURE__ */ jsx(
+              Box,
+              {
+                className: "absolute inset-y-0 right-0 pointer-events-auto",
+                onClick: (e) => e.stopPropagation(),
+                children: slotContent
+              }
+            )
+          }
+        );
+      }
       return /* @__PURE__ */ jsx(
         Box,
         {
@@ -55612,7 +55621,7 @@ function UISlotRenderer({
   }
   return wrapped;
 }
-var scopeWrapLog, TRAIT_BINDING_RE, SuspenseConfigContext, SlotContainedContext, SLOT_SKELETON_MAP, CONTENT_NODE_SLOTS, PATTERNS_WITH_CHILDREN, traitRefPresenceCache;
+var scopeWrapLog, TRAIT_BINDING_RE, SuspenseConfigContext, SLOT_SKELETON_MAP, CONTENT_NODE_SLOTS, PATTERNS_WITH_CHILDREN, traitRefPresenceCache;
 var init_UISlotRenderer = __esm({
   "components/core/organisms/UISlotRenderer.tsx"() {
     "use client";
@@ -55627,6 +55636,7 @@ var init_UISlotRenderer = __esm({
     init_cn();
     init_format();
     init_portalRoot();
+    init_slotContained();
     init_ErrorBoundary();
     init_Skeleton();
     init_renderer();
@@ -55636,7 +55646,6 @@ var init_UISlotRenderer = __esm({
     scopeWrapLog = createLogger("almadar:ui:scope-wrap");
     TRAIT_BINDING_RE = /^@trait\.([A-Z][A-Za-z0-9]*)$/;
     SuspenseConfigContext = createContext({ enabled: false });
-    SlotContainedContext = createContext(false);
     SuspenseConfigProvider.displayName = "SuspenseConfigProvider";
     SLOT_SKELETON_MAP = {
       main: "table",
@@ -60478,6 +60487,9 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
     const normalizedEvent = normalizeEventKey(eventKey);
     return managerRef.current.canHandleEvent(traitName, normalizedEvent);
   }, []);
+  const commitServerEntity = useCallback((traitName, entity) => {
+    traitFieldStatesRef.current.set(traitName, entity);
+  }, []);
   useEffect(() => {
     const allEvents = /* @__PURE__ */ new Set();
     for (const binding of traitBindings) {
@@ -60641,7 +60653,8 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
     sendEvent,
     getTraitState,
     canHandleEvent,
-    entityBindingSource
+    entityBindingSource,
+    commitServerEntity
   };
 }
 
@@ -60664,7 +60677,7 @@ function normalizeChild(child) {
 function effectResultsToTraces(results) {
   if (!results) return [];
   return results.map((r2) => {
-    const resultId = r2.data !== void 0 && r2.data !== null && "id" in r2.data && typeof r2.data.id === "string" ? r2.data.id : void 0;
+    const resultId = typeof r2.data === "object" && r2.data !== null && !Array.isArray(r2.data) && "id" in r2.data && typeof r2.data.id === "string" ? r2.data.id : void 0;
     const outcome = r2.denied ? "denied" : r2.success ? "success" : "failed";
     return {
       type: r2.effect,
@@ -60777,6 +60790,8 @@ function TraitInitializer({ traits: traits2, routeParams, orbitalNames, onNaviga
     [serverActiveTraits]
   );
   const uiSlots = useUISlots();
+  const commitServerEntityRef = useRef(() => {
+  });
   const onEventProcessed = useCallback((event, payload, dispatchedOrbitals, tick, sourceTrait, locallyEmitted, results, entityByTrait) => {
     if (!bridge.connected || !orbitalNames?.length) return;
     const targets = dispatchedOrbitals && dispatchedOrbitals.size > 0 ? orbitalNames.filter((n) => dispatchedOrbitals.has(n)) : orbitalNames;
@@ -60793,12 +60808,18 @@ function TraitInitializer({ traits: traits2, routeParams, orbitalNames, onNaviga
       }
       void bridge.sendEvent(name, event, withActiveTraits(payload), void 0, void 0, locallyEmitted, results, entityByTrait, user ?? void 0).then(({ effects, meta }) => {
         recordServerResponse(name, event, { ...meta, effectResults: effectResultsToTraces(meta.effectResults) });
+        if (meta.entityByTrait) {
+          for (const [traitName, entity] of Object.entries(meta.entityByTrait)) {
+            commitServerEntityRef.current(traitName, entity);
+          }
+        }
         applyServerEffects(effects, uiSlots, onNavigate, embeddedTraits, activeTraitNamesRef.current, onNavigateBack);
       });
     }
   }, [bridge.connected, bridge.sendEvent, orbitalNames, uiSlots, onNavigate, onNavigateBack, embeddedTraits, activeTraitNames, withActiveTraits, user]);
   const opts = orbitalNames ? { onEventProcessed, navigate: onNavigate, navigateBack: onNavigateBack, traitConfigsByName, orbitalsByTrait, embeddedTraits, callsiteCaptureChildrenByTrait, initPayload: routeParams } : { navigate: onNavigate, navigateBack: onNavigateBack, persistence, traitConfigsByName, orbitalsByTrait, embeddedTraits, callsiteCaptureChildrenByTrait, initPayload: routeParams };
-  const { sendEvent, entityBindingSource } = useTraitStateMachine(traits2, uiSlots, opts);
+  const { sendEvent, entityBindingSource, commitServerEntity } = useTraitStateMachine(traits2, uiSlots, opts);
+  commitServerEntityRef.current = commitServerEntity;
   const initSentRef = useRef(false);
   const prevTraitsRef = useRef(void 0);
   const paramsKey = JSON.stringify(routeParams ?? {});
@@ -60850,6 +60871,11 @@ function TraitInitializer({ traits: traits2, routeParams, orbitalNames, onNaviga
           user ?? void 0
         );
         recordServerResponse(name, "INIT", { ...meta, effectResults: effectResultsToTraces(meta.effectResults) });
+        if (meta.entityByTrait) {
+          for (const [traitName, entity] of Object.entries(meta.entityByTrait)) {
+            commitServerEntityRef.current(traitName, entity);
+          }
+        }
         const effectTraces = [
           { type: "fetch", args: [], status: "executed" },
           ...effects.map((eff) => ({