@almadar/ui 4.54.13 → 4.54.15

package/dist/avl/index.cjs

@@ -60481,7 +60481,10 @@ function buildTransitionSchema(fullSchema, orbitalName, traitName, transitionEve
       if (!Array.isArray(eff)) continue;
       const op = eff[0];
       if (op === "render-ui") {
-        previewEffects.push(eff);
+        const slotTarget = eff[1];
+        const PORTAL_SLOTS = /* @__PURE__ */ new Set(["modal", "drawer", "overlay", "center"]);
+        const rewritten = typeof slotTarget === "string" && PORTAL_SLOTS.has(slotTarget) ? ["render-ui", "main", ...eff.slice(2)] : eff;
+        previewEffects.push(rewritten);
         hasRenderUI = true;
         continue;
       }
@@ -60520,6 +60523,22 @@ function buildTransitionSchema(fullSchema, orbitalName, traitName, transitionEve
   if (targetTrait) {
     clonedOrbital.traits = [targetTrait];
   }
+  if (Array.isArray(clonedOrbital.pages)) {
+    const linkedEntityForTrait = core.isInlineTrait(targetTrait) ? targetTrait.linkedEntity ?? entityNameOf(clonedOrbital.entity) : entityNameOf(clonedOrbital.entity);
+    clonedOrbital.pages = clonedOrbital.pages.map((page) => {
+      if (core.isPageReference(page)) return page;
+      const inline = page;
+      if (!Array.isArray(inline.traits)) return inline;
+      const filteredTraits = inline.traits.filter((t) => t.ref === traitName).map((t) => ({
+        ...t,
+        linkedEntity: t.linkedEntity ?? linkedEntityForTrait
+      }));
+      return { ...inline, traits: filteredTraits };
+    }).filter((page) => {
+      if (core.isPageReference(page)) return true;
+      return Array.isArray(page.traits) && page.traits.length > 0;
+    });
+  }
   return { ...fullSchema, name: `${fullSchema.name}__${orbitalName}__${traitName}__${transitionEvent}`, orbitals: [clonedOrbital] };
 }
 var SELECTION_STYLES = `
@@ -60741,7 +60760,7 @@ var OrbPreviewNodeInner = (props) => {
                   },
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 12 }, children: "\u279E" }),
-                    "Click to open"
+                    "Double-click to open"
                   ]
                 }
               )
@@ -60842,33 +60861,20 @@ var OrbPreviewNodeInner = (props) => {
             ref: setContentRef,
             className: `orb-preview-live nodrag${dragActive || l2IsOver ? " drag-active" : ""}`,
             onClick: handleContentClick,
-            children: orbitalSchema ? isExpanded ? (
-              // L2 transition card: OrbPreview's `<Box style={{height}}>` is the
-              // only positioned ancestor with a resolved height inside the
-              // runtime tree. When the synthesized transition's render-ui
-              // targets `modal`/`drawer`/`overlay`, UISlotRenderer paints them
-              // via `renderContainedPortal` as `absolute inset-0` — which
-              // collapses to 0 when the parent chain is `height: auto` →
-              // `min-h-full` (no resolved height to inherit). Forcing a real
-              // pixel height here gives the contained modal a real card to
-              // fill, so the L2 preview shows the modal panel sized to the
-              // card instead of a tiny floating rectangle.
-              /* @__PURE__ */ jsxRuntime.jsx(
+            children: orbitalSchema ? (
+              // L1 and L2 both auto-grow with content. L2's `buildTransitionSchema`
+              // rewrites portal slots (modal/drawer/overlay/center) to `main`, so
+              // the rendered pattern lands inline in the main slot and contributes
+              // to the card's height — same height model as L1 orbital cards.
+              /* @__PURE__ */ jsxRuntime.jsx(Box, { style: { minHeight: preset.minHeight }, children: /* @__PURE__ */ jsxRuntime.jsx(
                 BrowserPlayground,
                 {
                   schema: orbitalSchema,
                   mode: "mock",
-                  height: `${preset.minHeight}px`
+                  height: "auto"
                 }
-              )
-            ) : /* @__PURE__ */ jsxRuntime.jsx(Box, { style: { minHeight: preset.minHeight }, children: /* @__PURE__ */ jsxRuntime.jsx(
-              BrowserPlayground,
-              {
-                schema: orbitalSchema,
-                mode: "mock",
-                height: "auto"
-              }
-            ) }) : /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "flex items-center justify-center", style: { minHeight: preset.minHeight }, children: /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "small", className: "text-muted-foreground", children: "No preview available" }) })
+              ) })
+            ) : /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "flex items-center justify-center", style: { minHeight: preset.minHeight }, children: /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "small", className: "text-muted-foreground", children: "No preview available" }) })
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(react.Handle, { type: "target", position: react.Position.Left, style: TARGET_HANDLE_STYLE }),
@@ -62361,10 +62367,7 @@ function FlowCanvasInner({
     const orbitalName = nodeData.orbitalName ?? node.id;
     onNodeClick?.({ level: "overview", orbital: orbitalName });
     onNodeSelect?.(orbitalName);
-    setExpandedOrbital(orbitalName);
-    setLevel("expanded");
-    onLevelChange?.("expanded", orbitalName);
-  }, [level, expandedOrbital, onNodeClick, onNodeSelect, onLevelChange]);
+  }, [level, expandedOrbital, onNodeClick, onNodeSelect]);
   const handleClosePanel = React96.useCallback(() => {
     setSelectedNode(null);
   }, []);

package/dist/avl/index.js

@@ -33,7 +33,7 @@ import langDiff from 'react-syntax-highlighter/dist/esm/languages/prism/diff.js'
 import langToml from 'react-syntax-highlighter/dist/esm/languages/prism/toml.js';
 import langGo from 'react-syntax-highlighter/dist/esm/languages/prism/go.js';
 import langGraphql from 'react-syntax-highlighter/dist/esm/languages/prism/graphql.js';
-import { FieldTypeSchema, isInlineTrait, isEntityCall, schemaToIR, getPage, isCircuitEvent } from '@almadar/core';
+import { FieldTypeSchema, isInlineTrait, isPageReference, isEntityCall, schemaToIR, getPage, isCircuitEvent } from '@almadar/core';
 import { useDroppable, useDraggable, DndContext, DragOverlay, useSensors, useSensor, PointerSensor, KeyboardSensor, pointerWithin, rectIntersection, closestCorners } from '@dnd-kit/core';
 import { sortableKeyboardCoordinates, useSortable, arrayMove, SortableContext, rectSortingStrategy, verticalListSortingStrategy } from '@dnd-kit/sortable';
 import { CSS } from '@dnd-kit/utilities';
@@ -60435,7 +60435,10 @@ function buildTransitionSchema(fullSchema, orbitalName, traitName, transitionEve
       if (!Array.isArray(eff)) continue;
       const op = eff[0];
       if (op === "render-ui") {
-        previewEffects.push(eff);
+        const slotTarget = eff[1];
+        const PORTAL_SLOTS = /* @__PURE__ */ new Set(["modal", "drawer", "overlay", "center"]);
+        const rewritten = typeof slotTarget === "string" && PORTAL_SLOTS.has(slotTarget) ? ["render-ui", "main", ...eff.slice(2)] : eff;
+        previewEffects.push(rewritten);
         hasRenderUI = true;
         continue;
       }
@@ -60474,6 +60477,22 @@ function buildTransitionSchema(fullSchema, orbitalName, traitName, transitionEve
   if (targetTrait) {
     clonedOrbital.traits = [targetTrait];
   }
+  if (Array.isArray(clonedOrbital.pages)) {
+    const linkedEntityForTrait = isInlineTrait(targetTrait) ? targetTrait.linkedEntity ?? entityNameOf(clonedOrbital.entity) : entityNameOf(clonedOrbital.entity);
+    clonedOrbital.pages = clonedOrbital.pages.map((page) => {
+      if (isPageReference(page)) return page;
+      const inline = page;
+      if (!Array.isArray(inline.traits)) return inline;
+      const filteredTraits = inline.traits.filter((t) => t.ref === traitName).map((t) => ({
+        ...t,
+        linkedEntity: t.linkedEntity ?? linkedEntityForTrait
+      }));
+      return { ...inline, traits: filteredTraits };
+    }).filter((page) => {
+      if (isPageReference(page)) return true;
+      return Array.isArray(page.traits) && page.traits.length > 0;
+    });
+  }
   return { ...fullSchema, name: `${fullSchema.name}__${orbitalName}__${traitName}__${transitionEvent}`, orbitals: [clonedOrbital] };
 }
 var SELECTION_STYLES = `
@@ -60695,7 +60714,7 @@ var OrbPreviewNodeInner = (props) => {
                   },
                   children: [
                     /* @__PURE__ */ jsx("span", { style: { fontSize: 12 }, children: "\u279E" }),
-                    "Click to open"
+                    "Double-click to open"
                   ]
                 }
               )
@@ -60796,33 +60815,20 @@ var OrbPreviewNodeInner = (props) => {
             ref: setContentRef,
             className: `orb-preview-live nodrag${dragActive || l2IsOver ? " drag-active" : ""}`,
             onClick: handleContentClick,
-            children: orbitalSchema ? isExpanded ? (
-              // L2 transition card: OrbPreview's `<Box style={{height}}>` is the
-              // only positioned ancestor with a resolved height inside the
-              // runtime tree. When the synthesized transition's render-ui
-              // targets `modal`/`drawer`/`overlay`, UISlotRenderer paints them
-              // via `renderContainedPortal` as `absolute inset-0` — which
-              // collapses to 0 when the parent chain is `height: auto` →
-              // `min-h-full` (no resolved height to inherit). Forcing a real
-              // pixel height here gives the contained modal a real card to
-              // fill, so the L2 preview shows the modal panel sized to the
-              // card instead of a tiny floating rectangle.
-              /* @__PURE__ */ jsx(
+            children: orbitalSchema ? (
+              // L1 and L2 both auto-grow with content. L2's `buildTransitionSchema`
+              // rewrites portal slots (modal/drawer/overlay/center) to `main`, so
+              // the rendered pattern lands inline in the main slot and contributes
+              // to the card's height — same height model as L1 orbital cards.
+              /* @__PURE__ */ jsx(Box, { style: { minHeight: preset.minHeight }, children: /* @__PURE__ */ jsx(
                 BrowserPlayground,
                 {
                   schema: orbitalSchema,
                   mode: "mock",
-                  height: `${preset.minHeight}px`
+                  height: "auto"
                 }
-              )
-            ) : /* @__PURE__ */ jsx(Box, { style: { minHeight: preset.minHeight }, children: /* @__PURE__ */ jsx(
-              BrowserPlayground,
-              {
-                schema: orbitalSchema,
-                mode: "mock",
-                height: "auto"
-              }
-            ) }) : /* @__PURE__ */ jsx(Box, { className: "flex items-center justify-center", style: { minHeight: preset.minHeight }, children: /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-muted-foreground", children: "No preview available" }) })
+              ) })
+            ) : /* @__PURE__ */ jsx(Box, { className: "flex items-center justify-center", style: { minHeight: preset.minHeight }, children: /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-muted-foreground", children: "No preview available" }) })
           }
         ),
         /* @__PURE__ */ jsx(Handle, { type: "target", position: Position.Left, style: TARGET_HANDLE_STYLE }),
@@ -62315,10 +62321,7 @@ function FlowCanvasInner({
     const orbitalName = nodeData.orbitalName ?? node.id;
     onNodeClick?.({ level: "overview", orbital: orbitalName });
     onNodeSelect?.(orbitalName);
-    setExpandedOrbital(orbitalName);
-    setLevel("expanded");
-    onLevelChange?.("expanded", orbitalName);
-  }, [level, expandedOrbital, onNodeClick, onNodeSelect, onLevelChange]);
+  }, [level, expandedOrbital, onNodeClick, onNodeSelect]);
   const handleClosePanel = useCallback(() => {
     setSelectedNode(null);
   }, []);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/ui",
-  "version": "4.54.13",
+  "version": "4.54.15",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "sideEffects": [