@tangle-network/sandbox-ui 0.37.1 → 0.38.0

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.1",
+  "version": "0.38.0",
   "description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
   "repository": {
     "type": "git",