@industry-theme/xterm-terminal-panel 0.8.3 → 0.8.5

package/dist/index.js

@@ -36,7 +36,7 @@ import {
 // package.json
 var package_default = {
   name: "@industry-theme/xterm-terminal-panel",
-  version: "0.8.3",
+  version: "0.8.4",
   description: "Industry-themed xterm.js terminal components with panel framework integration",
   type: "module",
   sideEffects: [
@@ -790,7 +790,38 @@ var ThemedTerminal = forwardRef(({
       fontWeight: "normal",
       fontWeightBold: "bold"
     });
+    const MIN_FONT_SIZE = 6;
+    const MAX_FONT_SIZE = 40;
+    const defaultFontSize = config.fontSize;
+    const applyFontSize = (next) => {
+      const clamped = Math.max(MIN_FONT_SIZE, Math.min(MAX_FONT_SIZE, next));
+      if (clamped === term.options.fontSize) {
+        return;
+      }
+      term.options.fontSize = clamped;
+      fitAddonRef.current?.fit();
+      if (isScrollLockedRef.current) {
+        requestAnimationFrame(() => term.scrollToBottom());
+      }
+    };
     term.attachCustomKeyEventHandler((event) => {
+      if (event.type !== "keydown") {
+        return true;
+      }
+      if (event.metaKey || event.ctrlKey) {
+        if (event.key === "=" || event.key === "+") {
+          applyFontSize((term.options.fontSize ?? defaultFontSize) + 1);
+          return false;
+        }
+        if (event.key === "-") {
+          applyFontSize((term.options.fontSize ?? defaultFontSize) - 1);
+          return false;
+        }
+        if (event.key === "0") {
+          applyFontSize(defaultFontSize);
+          return false;
+        }
+      }
       if (event.metaKey && event.shiftKey && event.key.toLowerCase() === "p") {
         if (onShortcutRef.current) {
           onShortcutRef.current({
@@ -2161,7 +2192,9 @@ var TabButton = ({
       justifyContent: "center",
       gap: "6px",
       padding: "6px 8px",
-      backgroundColor: isActive ? theme.colors.background : theme.colors.backgroundSecondary,
+      backgroundColor: isActive ? theme.colors.background : theme.colors.backgroundDark ?? theme.colors.backgroundSecondary,
+      borderBottom: isActive ? `1px solid ${theme.colors.background}` : "1px solid transparent",
+      marginBottom: isActive ? "-1px" : 0,
       cursor: draggable ? "grab" : "pointer",
       userSelect: "none",
       WebkitUserSelect: "none",
@@ -2316,7 +2349,7 @@ var TabBar = ({
           alignItems: "center",
           flex: 1,
           overflow: "hidden",
-          backgroundColor: theme.colors.backgroundSecondary,
+          backgroundColor: theme.colors.backgroundDark ?? theme.colors.backgroundSecondary,
           borderBottom: `1px solid ${theme.colors.border}`,
           boxSizing: "border-box"
         },
@@ -2972,7 +3005,7 @@ var TabbedTerminalPanelInner = ({
       closeTab(activeTabId);
     } : undefined,
     onSwitchToTab: (index) => {
-      const tabIndex = index === 8 && tabs.length > 9 ? tabs.length - 1 : index;
+      const tabIndex = index === 8 ? tabs.length - 1 : index;
       if (tabIndex >= 0 && tabIndex < tabs.length) {
         switchTab(tabs[tabIndex].id);
       }

package/dist/src/components/TabBar/TabButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabButton.d.ts","sourceRoot":"","sources":["../../../../src/components/TabBar/TabButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAE3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAQtD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAoP9C,CAAC"}
+{"version":3,"file":"TabButton.d.ts","sourceRoot":"","sources":["../../../../src/components/TabBar/TabButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAE3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAQtD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA0P9C,CAAC"}

package/dist/src/components/ThemedTerminal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemedTerminal.d.ts","sourceRoot":"","sources":["../../../src/components/ThemedTerminal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAkC3D,OAAO,4BAA4B,CAAC;AAGpC,OAAO,KAAK,EAGV,mBAAmB,EACnB,iBAAiB,EAClB,MAAM,yBAAyB,CAAC;AAMjC,OAAO,8BAA8B,CAAC;AAEtC,MAAM,WAAW,4BAA6B,SAAQ,mBAAmB;IACvE,KAAK,EAAE,KAAK,CAAC;CACd;AAsBD,eAAO,MAAM,cAAc,4HAsxC1B,CAAC"}
+{"version":3,"file":"ThemedTerminal.d.ts","sourceRoot":"","sources":["../../../src/components/ThemedTerminal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAkC3D,OAAO,4BAA4B,CAAC;AAGpC,OAAO,KAAK,EAGV,mBAAmB,EACnB,iBAAiB,EAClB,MAAM,yBAAyB,CAAC;AAMjC,OAAO,8BAA8B,CAAC;AAEtC,MAAM,WAAW,4BAA6B,SAAQ,mBAAmB;IACvE,KAAK,EAAE,KAAK,CAAC;CACd;AAsBD,eAAO,MAAM,cAAc,4HAg0C1B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@industry-theme/xterm-terminal-panel",
-  "version": "0.8.3",
+  "version": "0.8.5",
   "description": "Industry-themed xterm.js terminal components with panel framework integration",
   "type": "module",
   "sideEffects": [