@almadar/ui 4.54.14 → 4.55.0

package/dist/avl/index.cjs

@@ -25147,7 +25147,7 @@ var init_CurrentPagePathContext = __esm({
     useCurrentPagePath = () => React96.useContext(CurrentPagePathContext);
   }
 });
-var DashboardLayout, NavLink;
+var DashboardLayout, NavLink, NavLinkTopnav, NavLinkBottom;
 var init_DashboardLayout = __esm({
   "components/templates/DashboardLayout.tsx"() {
     "use client";
@@ -25178,6 +25178,7 @@ var init_DashboardLayout = __esm({
       sidebarFooter,
       onSignOut: onSignOutProp,
       currentPath,
+      layoutMode = "sidebar",
       children
     }) => {
       const eventBus = useEventBus();
@@ -25204,20 +25205,24 @@ var init_DashboardLayout = __esm({
       const user = userProp || (null);
       const { t } = useTranslate();
       const handleSignOut = onSignOutProp || authSignOut;
+      const showSidebar = layoutMode === "sidebar";
+      const showHeader = layoutMode !== "minimal";
+      const showBottomNav = layoutMode === "bottomnav";
+      const isTopNav = layoutMode === "topnav";
       return /* @__PURE__ */ jsxRuntime.jsxs(
         HStack,
         {
           gap: "none",
           className: "@container/dashboard min-h-screen w-full bg-background dark:bg-background items-stretch",
           children: [
-            sidebarOpen && /* @__PURE__ */ jsxRuntime.jsx(
+            showSidebar && sidebarOpen && /* @__PURE__ */ jsxRuntime.jsx(
               Box,
               {
                 className: "fixed inset-0 bg-foreground/50 dark:bg-foreground/70 z-20 @lg/dashboard:hidden",
                 onClick: () => setSidebarOpen(false)
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsxs(
+            showSidebar && /* @__PURE__ */ jsxRuntime.jsxs(
               Box,
               {
                 as: "aside",
@@ -25289,7 +25294,7 @@ var init_DashboardLayout = __esm({
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsxs(VStack, { gap: "none", className: "flex-1 min-w-0 min-h-screen", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
+              showHeader && /* @__PURE__ */ jsxRuntime.jsx(
                 Box,
                 {
                   as: "header",
@@ -25301,7 +25306,7 @@ var init_DashboardLayout = __esm({
                       justify: "between",
                       className: "h-full px-3 @sm/dashboard:px-4 gap-2 @sm/dashboard:gap-4",
                       children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(
+                        showSidebar && /* @__PURE__ */ jsxRuntime.jsx(
                           Button,
                           {
                             variant: "ghost",
@@ -25311,6 +25316,45 @@ var init_DashboardLayout = __esm({
                             children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Menu, { className: "h-5 w-5" })
                           }
                         ),
+                        isTopNav && /* @__PURE__ */ jsxRuntime.jsxs(
+                          HStack,
+                          {
+                            as: "nav",
+                            align: "center",
+                            gap: "none",
+                            className: "hidden @md/dashboard:flex items-center gap-1 overflow-x-auto",
+                            children: [
+                              /* @__PURE__ */ jsxRuntime.jsxs(reactRouterDom.Link, { to: "/", className: "flex items-center gap-2 mr-3 shrink-0", children: [
+                                logo || /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "w-7 h-7 bg-primary-600 rounded-lg flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+                                  Typography,
+                                  {
+                                    variant: "small",
+                                    className: "text-white font-bold text-xs",
+                                    as: "span",
+                                    children: appName.charAt(0).toUpperCase()
+                                  }
+                                ) }),
+                                /* @__PURE__ */ jsxRuntime.jsx(
+                                  Typography,
+                                  {
+                                    variant: "label",
+                                    className: "font-semibold text-foreground dark:text-foreground",
+                                    as: "span",
+                                    children: appName
+                                  }
+                                )
+                              ] }),
+                              navItems.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
+                                NavLinkTopnav,
+                                {
+                                  item,
+                                  currentPath: activePath
+                                },
+                                item.href
+                              ))
+                            ]
+                          }
+                        ),
                         searchEnabled && /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "hidden @sm/dashboard:block flex-1 min-w-0 @xl/dashboard:max-w-md", children: /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: "relative", children: [
                           /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground dark:text-muted-foreground" }),
                           /* @__PURE__ */ jsxRuntime.jsx(
@@ -25458,7 +25502,22 @@ var init_DashboardLayout = __esm({
                   )
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx(Box, { as: "main", className: "flex-1 p-3 @sm/dashboard:p-4 @md/dashboard:p-6", children })
+              /* @__PURE__ */ jsxRuntime.jsx(Box, { as: "main", className: "flex-1 p-3 @sm/dashboard:p-4 @md/dashboard:p-6", children }),
+              showBottomNav && /* @__PURE__ */ jsxRuntime.jsx(
+                Box,
+                {
+                  as: "nav",
+                  className: "sticky bottom-0 z-20 h-16 bg-card dark:bg-card border-t border-border dark:border-border @md/dashboard:hidden",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(HStack, { align: "center", justify: "around", className: "h-full px-2", children: navItems.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
+                    NavLinkBottom,
+                    {
+                      item,
+                      currentPath: activePath
+                    },
+                    item.href
+                  )) })
+                }
+              )
             ] })
           ]
         }
@@ -25500,6 +25559,62 @@ var init_DashboardLayout = __esm({
       );
     };
     NavLink.displayName = "NavLink";
+    NavLinkTopnav = ({
+      item,
+      currentPath
+    }) => {
+      const isActive = currentPath === item.href || currentPath.startsWith(item.href + "/");
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        reactRouterDom.Link,
+        {
+          to: item.href,
+          className: cn(
+            "flex items-center gap-1.5 px-3 py-1.5 rounded-md text-sm font-medium transition-colors whitespace-nowrap",
+            isActive ? "bg-primary text-primary-foreground shadow-sm" : "text-muted-foreground hover:bg-muted hover:text-foreground"
+          ),
+          children: [
+            item.icon && (typeof item.icon === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: item.icon, className: "h-4 w-4" }) : /* @__PURE__ */ jsxRuntime.jsx(item.icon, { className: "h-4 w-4" })),
+            /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "small", className: "flex-1", as: "span", children: item.label }),
+            item.badge && /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: isActive ? "primary" : "default", size: "sm", children: item.badge })
+          ]
+        }
+      );
+    };
+    NavLinkTopnav.displayName = "NavLinkTopnav";
+    NavLinkBottom = ({
+      item,
+      currentPath
+    }) => {
+      const isActive = currentPath === item.href || currentPath.startsWith(item.href + "/");
+      const iconClassName = cn(
+        "h-5 w-5",
+        isActive ? "text-primary" : "text-muted-foreground"
+      );
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        reactRouterDom.Link,
+        {
+          to: item.href,
+          className: "flex flex-col items-center justify-center gap-0.5 px-2 py-1 rounded-lg transition-colors flex-1 min-w-0",
+          children: [
+            item.icon && (typeof item.icon === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: item.icon, className: iconClassName }) : /* @__PURE__ */ jsxRuntime.jsx(item.icon, { className: iconClassName })),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Typography,
+              {
+                variant: "caption",
+                className: cn(
+                  "text-[10px] leading-tight truncate max-w-full",
+                  isActive ? "text-primary font-medium" : "text-muted-foreground"
+                ),
+                as: "span",
+                children: item.label
+              }
+            ),
+            item.badge && /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: isActive ? "primary" : "default", size: "sm", className: "text-[8px] px-1 py-0 min-w-0", children: item.badge })
+          ]
+        }
+      );
+    };
+    NavLinkBottom.displayName = "NavLinkBottom";
   }
 });
 function useAlmadarDndSensors(withSortableKeyboard = true) {
@@ -60481,7 +60596,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 +60875,7 @@ var OrbPreviewNodeInner = (props) => {
                   },
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 12 }, children: "\u279E" }),
-                    "Click to open"
+                    "Double-click to open"
                   ]
                 }
               )
@@ -60858,33 +60976,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 +62482,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

@@ -25101,7 +25101,7 @@ var init_CurrentPagePathContext = __esm({
     useCurrentPagePath = () => useContext(CurrentPagePathContext);
   }
 });
-var DashboardLayout, NavLink;
+var DashboardLayout, NavLink, NavLinkTopnav, NavLinkBottom;
 var init_DashboardLayout = __esm({
   "components/templates/DashboardLayout.tsx"() {
     "use client";
@@ -25132,6 +25132,7 @@ var init_DashboardLayout = __esm({
       sidebarFooter,
       onSignOut: onSignOutProp,
       currentPath,
+      layoutMode = "sidebar",
       children
     }) => {
       const eventBus = useEventBus();
@@ -25158,20 +25159,24 @@ var init_DashboardLayout = __esm({
       const user = userProp || (null);
       const { t } = useTranslate();
       const handleSignOut = onSignOutProp || authSignOut;
+      const showSidebar = layoutMode === "sidebar";
+      const showHeader = layoutMode !== "minimal";
+      const showBottomNav = layoutMode === "bottomnav";
+      const isTopNav = layoutMode === "topnav";
       return /* @__PURE__ */ jsxs(
         HStack,
         {
           gap: "none",
           className: "@container/dashboard min-h-screen w-full bg-background dark:bg-background items-stretch",
           children: [
-            sidebarOpen && /* @__PURE__ */ jsx(
+            showSidebar && sidebarOpen && /* @__PURE__ */ jsx(
               Box,
               {
                 className: "fixed inset-0 bg-foreground/50 dark:bg-foreground/70 z-20 @lg/dashboard:hidden",
                 onClick: () => setSidebarOpen(false)
               }
             ),
-            /* @__PURE__ */ jsxs(
+            showSidebar && /* @__PURE__ */ jsxs(
               Box,
               {
                 as: "aside",
@@ -25243,7 +25248,7 @@ var init_DashboardLayout = __esm({
               }
             ),
             /* @__PURE__ */ jsxs(VStack, { gap: "none", className: "flex-1 min-w-0 min-h-screen", children: [
-              /* @__PURE__ */ jsx(
+              showHeader && /* @__PURE__ */ jsx(
                 Box,
                 {
                   as: "header",
@@ -25255,7 +25260,7 @@ var init_DashboardLayout = __esm({
                       justify: "between",
                       className: "h-full px-3 @sm/dashboard:px-4 gap-2 @sm/dashboard:gap-4",
                       children: [
-                        /* @__PURE__ */ jsx(
+                        showSidebar && /* @__PURE__ */ jsx(
                           Button,
                           {
                             variant: "ghost",
@@ -25265,6 +25270,45 @@ var init_DashboardLayout = __esm({
                             children: /* @__PURE__ */ jsx(Menu$1, { className: "h-5 w-5" })
                           }
                         ),
+                        isTopNav && /* @__PURE__ */ jsxs(
+                          HStack,
+                          {
+                            as: "nav",
+                            align: "center",
+                            gap: "none",
+                            className: "hidden @md/dashboard:flex items-center gap-1 overflow-x-auto",
+                            children: [
+                              /* @__PURE__ */ jsxs(Link, { to: "/", className: "flex items-center gap-2 mr-3 shrink-0", children: [
+                                logo || /* @__PURE__ */ jsx(Box, { className: "w-7 h-7 bg-primary-600 rounded-lg flex items-center justify-center", children: /* @__PURE__ */ jsx(
+                                  Typography,
+                                  {
+                                    variant: "small",
+                                    className: "text-white font-bold text-xs",
+                                    as: "span",
+                                    children: appName.charAt(0).toUpperCase()
+                                  }
+                                ) }),
+                                /* @__PURE__ */ jsx(
+                                  Typography,
+                                  {
+                                    variant: "label",
+                                    className: "font-semibold text-foreground dark:text-foreground",
+                                    as: "span",
+                                    children: appName
+                                  }
+                                )
+                              ] }),
+                              navItems.map((item) => /* @__PURE__ */ jsx(
+                                NavLinkTopnav,
+                                {
+                                  item,
+                                  currentPath: activePath
+                                },
+                                item.href
+                              ))
+                            ]
+                          }
+                        ),
                         searchEnabled && /* @__PURE__ */ jsx(Box, { className: "hidden @sm/dashboard:block flex-1 min-w-0 @xl/dashboard:max-w-md", children: /* @__PURE__ */ jsxs(Box, { className: "relative", children: [
                           /* @__PURE__ */ jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground dark:text-muted-foreground" }),
                           /* @__PURE__ */ jsx(
@@ -25412,7 +25456,22 @@ var init_DashboardLayout = __esm({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx(Box, { as: "main", className: "flex-1 p-3 @sm/dashboard:p-4 @md/dashboard:p-6", children })
+              /* @__PURE__ */ jsx(Box, { as: "main", className: "flex-1 p-3 @sm/dashboard:p-4 @md/dashboard:p-6", children }),
+              showBottomNav && /* @__PURE__ */ jsx(
+                Box,
+                {
+                  as: "nav",
+                  className: "sticky bottom-0 z-20 h-16 bg-card dark:bg-card border-t border-border dark:border-border @md/dashboard:hidden",
+                  children: /* @__PURE__ */ jsx(HStack, { align: "center", justify: "around", className: "h-full px-2", children: navItems.map((item) => /* @__PURE__ */ jsx(
+                    NavLinkBottom,
+                    {
+                      item,
+                      currentPath: activePath
+                    },
+                    item.href
+                  )) })
+                }
+              )
             ] })
           ]
         }
@@ -25454,6 +25513,62 @@ var init_DashboardLayout = __esm({
       );
     };
     NavLink.displayName = "NavLink";
+    NavLinkTopnav = ({
+      item,
+      currentPath
+    }) => {
+      const isActive = currentPath === item.href || currentPath.startsWith(item.href + "/");
+      return /* @__PURE__ */ jsxs(
+        Link,
+        {
+          to: item.href,
+          className: cn(
+            "flex items-center gap-1.5 px-3 py-1.5 rounded-md text-sm font-medium transition-colors whitespace-nowrap",
+            isActive ? "bg-primary text-primary-foreground shadow-sm" : "text-muted-foreground hover:bg-muted hover:text-foreground"
+          ),
+          children: [
+            item.icon && (typeof item.icon === "string" ? /* @__PURE__ */ jsx(Icon, { name: item.icon, className: "h-4 w-4" }) : /* @__PURE__ */ jsx(item.icon, { className: "h-4 w-4" })),
+            /* @__PURE__ */ jsx(Typography, { variant: "small", className: "flex-1", as: "span", children: item.label }),
+            item.badge && /* @__PURE__ */ jsx(Badge, { variant: isActive ? "primary" : "default", size: "sm", children: item.badge })
+          ]
+        }
+      );
+    };
+    NavLinkTopnav.displayName = "NavLinkTopnav";
+    NavLinkBottom = ({
+      item,
+      currentPath
+    }) => {
+      const isActive = currentPath === item.href || currentPath.startsWith(item.href + "/");
+      const iconClassName = cn(
+        "h-5 w-5",
+        isActive ? "text-primary" : "text-muted-foreground"
+      );
+      return /* @__PURE__ */ jsxs(
+        Link,
+        {
+          to: item.href,
+          className: "flex flex-col items-center justify-center gap-0.5 px-2 py-1 rounded-lg transition-colors flex-1 min-w-0",
+          children: [
+            item.icon && (typeof item.icon === "string" ? /* @__PURE__ */ jsx(Icon, { name: item.icon, className: iconClassName }) : /* @__PURE__ */ jsx(item.icon, { className: iconClassName })),
+            /* @__PURE__ */ jsx(
+              Typography,
+              {
+                variant: "caption",
+                className: cn(
+                  "text-[10px] leading-tight truncate max-w-full",
+                  isActive ? "text-primary font-medium" : "text-muted-foreground"
+                ),
+                as: "span",
+                children: item.label
+              }
+            ),
+            item.badge && /* @__PURE__ */ jsx(Badge, { variant: isActive ? "primary" : "default", size: "sm", className: "text-[8px] px-1 py-0 min-w-0", children: item.badge })
+          ]
+        }
+      );
+    };
+    NavLinkBottom.displayName = "NavLinkBottom";
   }
 });
 function useAlmadarDndSensors(withSortableKeyboard = true) {
@@ -60435,7 +60550,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 +60829,7 @@ var OrbPreviewNodeInner = (props) => {
                   },
                   children: [
                     /* @__PURE__ */ jsx("span", { style: { fontSize: 12 }, children: "\u279E" }),
-                    "Click to open"
+                    "Double-click to open"
                   ]
                 }
               )
@@ -60812,33 +60930,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 +62436,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);
   }, []);