@tangle-network/sandbox-ui 0.47.0 → 0.48.0

package/dist/{chunk-PZ62T5PM.js → chunk-3WUSPCPC.js}

@@ -1899,6 +1899,7 @@ function SidebarLayoutInner({
   profileMenuItems,
   showThemeToggle = false,
   railFooter,
+  railCollapseToggle = "footer",
   LinkComponent,
   hideBelow,
   railLabels = false,
@@ -1915,15 +1916,20 @@ function SidebarLayoutInner({
   return /* @__PURE__ */ jsxs14("div", { className: cn("min-h-screen bg-surface text-foreground", className), children: [
     /* @__PURE__ */ jsx15("div", { className: cn(hideBelow && HIDE_BELOW_CLASS[hideBelow]), children: /* @__PURE__ */ jsxs14(Sidebar, { className: sidebarClassName, children: [
       /* @__PURE__ */ jsxs14(SidebarRail, { children: [
-        (railHeaderContent !== void 0 || logo !== void 0) && /* @__PURE__ */ jsx15(SidebarRailHeader, { className: cn(showLabels && (railHeaderContent !== void 0 ? "px-2" : "justify-start px-4")), children: railHeaderContent !== void 0 ? railHeaderContent : /* @__PURE__ */ jsx15(
-          Link,
-          {
-            href: logoHref,
-            to: logoHref,
-            className: "flex items-center justify-center rounded-lg p-1 transition-colors hover:bg-surface-container-high",
-            children: logo
-          }
-        ) }),
+        (railHeaderContent !== void 0 || logo !== void 0 || railLabels && railCollapseToggle === "header") && /* @__PURE__ */ jsxs14(SidebarRailHeader, { className: cn(showLabels && (railHeaderContent !== void 0 ? "px-2" : "justify-start px-4")), children: [
+          railHeaderContent !== void 0 ? railHeaderContent : logo !== void 0 ? /* @__PURE__ */ jsx15(
+            Link,
+            {
+              href: logoHref,
+              to: logoHref,
+              className: "flex items-center justify-center rounded-lg p-1 transition-colors hover:bg-surface-container-high",
+              children: logo
+            }
+          ) : null,
+          railLabels && railCollapseToggle === "header" && // Icon-only in the header row (the labeled, full-width variant is
+          // for the vertical footer stack); sits beside the logo/content.
+          /* @__PURE__ */ jsx15(RailCollapseToggle, { collapsed: railCollapsed, showLabel: false, onToggle: toggleRail, className: "shrink-0" })
+        ] }),
         /* @__PURE__ */ jsx15(SidebarRailNav, { className: showLabels ? "px-2" : void 0, children: navItems.map((item) => {
           if (item.flyoutItems && item.flyoutItems.length > 0) {
             const activeSet = new Set(item.flyoutActiveIds ?? []);
@@ -1983,7 +1989,7 @@ function SidebarLayoutInner({
           ) }, item.id);
         }) }),
         (railLabels || railFooter !== void 0 || hasProfile) && /* @__PURE__ */ jsxs14(SidebarRailFooter, { className: cn("border-t border-[var(--md3-outline-variant)] pt-2", showLabels && "items-stretch px-2"), children: [
-          railLabels && /* @__PURE__ */ jsx15(RailCollapseToggle, { collapsed: railCollapsed, showLabel: showLabels, onToggle: toggleRail }),
+          railLabels && railCollapseToggle === "footer" && /* @__PURE__ */ jsx15(RailCollapseToggle, { collapsed: railCollapsed, showLabel: showLabels, onToggle: toggleRail }),
           railFooter,
           hasProfile && (() => {
             const profile = /* @__PURE__ */ jsx15(

package/dist/{chunk-NXUSLH7H.js → chunk-4HLWA2VN.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-3J6FG3FJ.js";
 import {
   PortsList
-} from "./chunk-PZ62T5PM.js";
+} from "./chunk-3WUSPCPC.js";
 import {
   TerminalView
 } from "./chunk-VIREDUBF.js";

package/dist/dashboard.d.ts

@@ -806,6 +806,13 @@ interface SidebarLayoutProps {
     showThemeToggle?: boolean;
     /** Extra content in the rail footer, above the profile avatar. */
     railFooter?: React.ReactNode;
+    /**
+     * Where the rail collapse/expand control sits. Defaults to `"footer"` (the
+     * historical placement, above the profile avatar). Set `"header"` to move it
+     * to the top of the rail instead, alongside the logo/`railHeaderContent`.
+     * Only takes effect when `railLabels` is set (the rail is collapsible).
+     */
+    railCollapseToggle?: "header" | "footer";
     LinkComponent?: React.ComponentType<any>;
     /**
      * Controlled panel-open state. Provide it (seeded from a server-readable

package/dist/dashboard.js

@@ -52,7 +52,7 @@ import {
   canAdminSandbox,
   parseInsufficientBalance,
   useSidebar
-} from "./chunk-PZ62T5PM.js";
+} from "./chunk-3WUSPCPC.js";
 import {
   BillingDashboard,
   InfoPanel,

package/dist/index.js

@@ -148,7 +148,7 @@ import {
   buildUnifiedPatch,
   computeDiffStats,
   resolveLanguage
-} from "./chunk-NXUSLH7H.js";
+} from "./chunk-4HLWA2VN.js";
 import {
   FileArtifactPane,
   FilePreview,
@@ -211,7 +211,7 @@ import {
   canAdminSandbox,
   parseInsufficientBalance,
   useSidebar
-} from "./chunk-PZ62T5PM.js";
+} from "./chunk-3WUSPCPC.js";
 import {
   BillingDashboard,
   InfoPanel,

package/dist/workbench.js

@@ -12,9 +12,9 @@ import {
   buildUnifiedPatch,
   computeDiffStats,
   resolveLanguage
-} from "./chunk-NXUSLH7H.js";
+} from "./chunk-4HLWA2VN.js";
 import "./chunk-3J6FG3FJ.js";
-import "./chunk-PZ62T5PM.js";
+import "./chunk-3WUSPCPC.js";
 import "./chunk-OMUIPJQZ.js";
 import "./chunk-VIREDUBF.js";
 import "./chunk-77WVVJA4.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/sandbox-ui",
-  "version": "0.47.0",
+  "version": "0.48.0",
   "description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
   "repository": {
     "type": "git",