@industry-theme/xterm-terminal-panel 0.10.0 → 0.10.2

package/dist/index.js

@@ -187,7 +187,7 @@ import {
 // package.json
 var package_default = {
   name: "@industry-theme/xterm-terminal-panel",
-  version: "0.10.0",
+  version: "0.10.2",
   description: "Industry-themed xterm.js terminal components with panel framework integration",
   type: "module",
   sideEffects: [
@@ -2609,7 +2609,7 @@ function useThemedTerminal() {
 // src/components/TabBar/TabBar.tsx
 import { useTheme as useTheme7 } from "@principal-ade/industry-theme";
 import { Plus } from "lucide-react";
-import React, { useCallback as useCallback5, useState as useState3 } from "react";
+import React, { useCallback as useCallback5, useEffect as useEffect4, useState as useState3 } from "react";
 
 // src/components/TabBar/TabButton.tsx
 import { useTheme as useTheme6 } from "@principal-ade/industry-theme";
@@ -2627,6 +2627,7 @@ var TabButton = ({
   onClick,
   onClose,
   keyboardHint,
+  keyboardHintVisible = true,
   renderAccessory,
   renderIcon,
   renderLabel,
@@ -2665,11 +2666,8 @@ var TabButton = ({
         // renders underneath it. Reserved whenever the tab is closable (not
         // just when the button is shown) so the layout doesn't shift on hover.
         paddingLeft: closable ? `${CLOSE_BUTTON_GUTTER}px` : "8px",
-        backgroundColor: isActive ? theme.colors.backgroundDark ?? theme.colors.backgroundSecondary : theme.colors.background,
-        // The tab bar's bottom border lives on each tab: inactive tabs draw
-        // it, the active tab leaves a gap so it reads as connected to the
-        // terminal content below.
-        borderBottom: isActive ? "1px solid transparent" : `1px solid ${theme.colors.border}`,
+        backgroundColor: isActive ? theme.colors.background : theme.colors.backgroundDark ?? theme.colors.backgroundSecondary,
+        borderBottom: `1px solid ${theme.colors.border}`,
         cursor: draggable ? isBeingDragged ? "grabbing" : "grab" : "pointer",
         opacity: isBeingDragged ? 0.55 : 1,
         userSelect: "none",
@@ -2766,7 +2764,8 @@ var TabButton = ({
               fontSize: theme.fontSizes[0],
               color: theme.colors.textSecondary,
               opacity: 0.6,
-              flexShrink: 0
+              flexShrink: 0,
+              visibility: keyboardHintVisible ? "visible" : "hidden"
             },
             children: keyboardHint
           }
@@ -2800,6 +2799,23 @@ var TabBar = ({
   const [hoveredTabId, setHoveredTabId] = useState3(null);
   const [draggedTabId, setDraggedTabId] = useState3(null);
   const [dropTarget, setDropTarget] = useState3(null);
+  const [isCommandPressed, setIsCommandPressed] = useState3(false);
+  useEffect4(() => {
+    const handleKeyChange = (event) => {
+      setIsCommandPressed(event.metaKey);
+    };
+    const resetCommandPressed = () => setIsCommandPressed(false);
+    window.addEventListener("keydown", handleKeyChange, true);
+    window.addEventListener("keyup", handleKeyChange, true);
+    window.addEventListener("blur", resetCommandPressed);
+    document.addEventListener("visibilitychange", resetCommandPressed);
+    return () => {
+      window.removeEventListener("keydown", handleKeyChange, true);
+      window.removeEventListener("keyup", handleKeyChange, true);
+      window.removeEventListener("blur", resetCommandPressed);
+      document.removeEventListener("visibilitychange", resetCommandPressed);
+    };
+  }, []);
   const reorderEnabled = onTabReorder !== void 0 && (enableTabReorder ?? true);
   const isReorderable = useCallback5(
     (tabId) => reorderEnabled && (canReorderTab ? canReorderTab(tabId) : true),
@@ -2936,6 +2952,7 @@ var TabBar = ({
                     onClick: () => onTabClick(tab.id),
                     onClose: () => onTabClose(tab.id),
                     keyboardHint: showKeyboardHints && index < 9 ? `\u2318 ${index + 1}` : void 0,
+                    keyboardHintVisible: isCommandPressed,
                     renderAccessory: renderTabAccessory,
                     renderIcon: renderTabIcon,
                     renderLabel: renderTabLabel,
@@ -3021,14 +3038,14 @@ function isTabOfType(tab, contentType) {
 }
 
 // src/hooks/useTabKeyboardShortcuts.ts
-import { useEffect as useEffect4 } from "react";
+import { useEffect as useEffect5 } from "react";
 var useTabKeyboardShortcuts = ({
   onNewTab,
   onCloseTab,
   onSwitchToTab,
   enabled = true
 }) => {
-  useEffect4(() => {
+  useEffect5(() => {
     if (!enabled) return;
     const handleKeyDown = (e) => {
       const isCmdOrCtrl = e.metaKey || e.ctrlKey;
@@ -3063,7 +3080,7 @@ import { Terminal as TerminalIcon2, Box, Boxes } from "lucide-react";
 import React3, {
   useState as useState4,
   useCallback as useCallback6,
-  useEffect as useEffect5,
+  useEffect as useEffect6,
   useRef as useRef5
 } from "react";
 
@@ -3402,7 +3419,7 @@ var TabbedTerminalPanelInner = ({
     const customTabs = initialTabs.filter((tab) => tab.contentType !== "terminal");
     return JSON.stringify(customTabs);
   }, [initialTabs]);
-  useEffect5(() => {
+  useEffect6(() => {
     const customTabsFromProp = initialTabs.filter((tab) => tab.contentType !== "terminal");
     setOwnedTabs((prevTabs) => {
       const prevCustomTabs = prevTabs.filter((tab) => tab.contentType !== "terminal");
@@ -3423,7 +3440,7 @@ var TabbedTerminalPanelInner = ({
       return [...kept, ...added];
     });
   }, [customTabsKey]);
-  useEffect5(() => {
+  useEffect6(() => {
     if (!requestFocusTabId) {
       return;
     }
@@ -3581,12 +3598,12 @@ var TabbedTerminalPanelInner = ({
       return [];
     });
   }, []);
-  useEffect5(() => {
+  useEffect6(() => {
     if (hasInitializedRef.current) return;
     hasInitializedRef.current = true;
     restoreOwnedSessions();
   }, []);
-  useEffect5(() => {
+  useEffect6(() => {
     const handleSessionCreated2 = (event) => {
       const customEvent = event;
       const { context: context2 } = customEvent.detail || {};
@@ -3600,7 +3617,7 @@ var TabbedTerminalPanelInner = ({
       window.removeEventListener("terminal-session-created", handleSessionCreated2);
     };
   }, [terminalContext, restoreOwnedSessions]);
-  useEffect5(() => {
+  useEffect6(() => {
     if (showAllTerminals) {
       fetchForeignSessions();
     } else {
@@ -3733,7 +3750,7 @@ var TabbedTerminalPanelInner = ({
     },
     [activeTabId, sessionIds, actions, onTabsChange, isForeignTab, ownedTabs, foreignTabs]
   );
-  useEffect5(() => {
+  useEffect6(() => {
     if (!requestCloseTabId) return;
     closeTab(requestCloseTabId);
   }, [requestCloseTabId]);

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

@@ -1 +1 @@
-{"version":3,"file":"TabBar.d.ts","sourceRoot":"","sources":["../../../../src/components/TabBar/TabBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,EAAE,WAAW,EAAsB,MAAM,iBAAiB,CAAC;AAwBvE,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA0RxC,CAAC"}
+{"version":3,"file":"TabBar.d.ts","sourceRoot":"","sources":["../../../../src/components/TabBar/TabBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAEhE,OAAO,KAAK,EAAE,WAAW,EAAsB,MAAM,iBAAiB,CAAC;AAwBvE,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAoTxC,CAAC"}

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,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAiBtD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAmL9C,CAAC"}
+{"version":3,"file":"TabButton.d.ts","sourceRoot":"","sources":["../../../../src/components/TabBar/TabButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAiBtD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAgL9C,CAAC"}

package/dist/src/types/tab.d.ts

@@ -43,6 +43,7 @@ export interface TabButtonProps {
     onClick: () => void;
     onClose: () => void;
     keyboardHint?: string;
+    keyboardHintVisible?: boolean;
     renderAccessory?: (tab: Tab) => ReactNode;
     renderIcon?: (tab: Tab) => ReactNode;
     renderLabel?: (tab: Tab) => ReactNode;

package/dist/src/types/tab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../../src/types/tab.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../../src/types/tab.ts"],"names":[],"mappings":"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"}

package/package.json

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