@almadar/ui 4.54.14 → 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;
       }
@@ -60757,7 +60760,7 @@ var OrbPreviewNodeInner = (props) => {
                   },
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 12 }, children: "\u279E" }),
-                    "Click to open"
+                    "Double-click to open"
                   ]
                 }
               )
@@ -60858,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 }),
@@ -62377,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

@@ -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;
       }
@@ -60711,7 +60714,7 @@ var OrbPreviewNodeInner = (props) => {
                   },
                   children: [
                     /* @__PURE__ */ jsx("span", { style: { fontSize: 12 }, children: "\u279E" }),
-                    "Click to open"
+                    "Double-click to open"
                   ]
                 }
               )
@@ -60812,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 }),
@@ -62331,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.14",
+  "version": "4.54.15",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "sideEffects": [