@tangle-network/sandbox-ui 0.37.0 → 0.38.0

package/dist/{chunk-4PCDRCDA.js → chunk-EX3UZWLB.js}

@@ -1579,19 +1579,21 @@ function DashboardLayoutInner({
                 badge: item.badge,
                 showLabel: showLabels
               }
-            ) : /* @__PURE__ */ jsx14(Link, { href: item.href, to: item.href, children: /* @__PURE__ */ jsx14(
+            ) : /* @__PURE__ */ jsx14(
               RailButton,
               {
                 icon: item.icon,
                 label: item.label,
                 isActive: activeNavId === item.id,
-                showLabel: showLabels
+                showLabel: showLabels,
+                asChild: true,
+                children: /* @__PURE__ */ jsx14(Link, { href: item.href, to: item.href })
               }
-            ) })
+            )
           ] }, item.id);
         }) }),
         /* @__PURE__ */ jsxs13(SidebarRailFooter, { children: [
-          onSettingsClick ? /* @__PURE__ */ jsx14(RailButton, { icon: SettingsIconSmall, label: "Settings", onClick: onSettingsClick, showLabel: showLabels }) : /* @__PURE__ */ jsx14(Link, { href: settingsHref, to: settingsHref, children: /* @__PURE__ */ jsx14(RailButton, { icon: SettingsIconSmall, label: "Settings", showLabel: showLabels }) }),
+          onSettingsClick ? /* @__PURE__ */ jsx14(RailButton, { icon: SettingsIconSmall, label: "Settings", onClick: onSettingsClick, showLabel: showLabels }) : /* @__PURE__ */ jsx14(RailButton, { icon: SettingsIconSmall, label: "Settings", showLabel: showLabels, asChild: true, children: /* @__PURE__ */ jsx14(Link, { href: settingsHref, to: settingsHref }) }),
           railFooter,
           /* @__PURE__ */ jsx14(RailSeparator, {}),
           /* @__PURE__ */ jsx14(

package/dist/dashboard.js

@@ -52,7 +52,7 @@ import {
   canAdminSandbox,
   parseInsufficientBalance,
   useSidebar
-} from "./chunk-4PCDRCDA.js";
+} from "./chunk-EX3UZWLB.js";
 import {
   BillingDashboard,
   InfoPanel,

package/dist/index.js

@@ -199,7 +199,7 @@ import {
   canAdminSandbox,
   parseInsufficientBalance,
   useSidebar
-} from "./chunk-4PCDRCDA.js";
+} from "./chunk-EX3UZWLB.js";
 import {
   BillingDashboard,
   InfoPanel,

package/dist/terminal.d.ts

@@ -37,6 +37,13 @@ interface TerminalViewProps {
     subtitle?: string;
     /** @deprecated No longer used — the PTY provides its own prompt. */
     prompt?: string;
+    /**
+     * Monospace font size in CSS pixels. Default 13. Changing it updates
+     * the live terminal and refits so xterm recomputes cols/rows from the
+     * new measured cell size instead of re-creating the terminal (which
+     * would drop scrollback).
+     */
+    fontSize?: number;
     /** Whether the terminal tab is currently active and visible. */
     isActive?: boolean;
     /**
@@ -47,6 +54,6 @@ interface TerminalViewProps {
     connectionId?: string;
 }
 declare const DEFAULT_TERMINAL_THEME: TerminalTheme;
-declare function TerminalView({ apiUrl, token, theme, title, subtitle, isActive, connectionId, }: TerminalViewProps): react_jsx_runtime.JSX.Element;
+declare function TerminalView({ apiUrl, token, theme, title, subtitle, isActive, connectionId, fontSize, }: TerminalViewProps): react_jsx_runtime.JSX.Element;
 
 export { DEFAULT_TERMINAL_THEME, type TerminalTheme, TerminalView, type TerminalViewProps };

package/dist/terminal.js

@@ -40,12 +40,16 @@ function TerminalView({
   title = "Terminal",
   subtitle = "Connected to PTY session",
   isActive = true,
-  connectionId
+  connectionId,
+  fontSize = 13
 }) {
   const resolvedTheme = useMemo(
     () => ({ ...DEFAULT_TERMINAL_THEME, ...theme }),
     [theme]
   );
+  const resolvedFontSize = Number.isFinite(fontSize) && fontSize > 0 ? fontSize : 13;
+  const fontSizeRef = useRef(resolvedFontSize);
+  fontSizeRef.current = resolvedFontSize;
   const containerRef = useRef(null);
   const termRef = useRef(null);
   const fitAddonRef = useRef(null);
@@ -74,7 +78,7 @@ function TerminalView({
     const term = new Terminal({
       theme: resolvedTheme,
       fontFamily: '"JetBrains Mono", "Fira Code", "Cascadia Code", Menlo, monospace',
-      fontSize: 13,
+      fontSize: fontSizeRef.current,
       lineHeight: 1.4,
       cursorBlink: true,
       cursorStyle: "bar",
@@ -152,6 +156,13 @@ function TerminalView({
       termRef.current.options.theme = resolvedTheme;
     }
   }, [resolvedTheme]);
+  useEffect(() => {
+    const term = termRef.current;
+    if (!term || term.options.fontSize === resolvedFontSize) return;
+    term.options.fontSize = resolvedFontSize;
+    const rafId = requestAnimationFrame(() => fitAddonRef.current?.fit());
+    return () => cancelAnimationFrame(rafId);
+  }, [resolvedFontSize]);
   useEffect(() => {
     if (isConnected && termRef.current) {
       resizeTerminal(termRef.current.cols, termRef.current.rows).catch(console.error);

package/package.json

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