@industry-theme/xterm-terminal-panel 0.5.35 → 0.6.0

package/dist/index.js

@@ -35,7 +35,7 @@ import {
 // package.json
 var package_default = {
   name: "@industry-theme/xterm-terminal-panel",
-  version: "0.5.35",
+  version: "0.6.0",
   description: "Industry-themed xterm.js terminal components with panel framework integration",
   type: "module",
   main: "dist/index.js",
@@ -1281,11 +1281,509 @@ var ThemedTerminalWithProvider = forwardRef2((props, ref) => {
   });
 });
 ThemedTerminalWithProvider.displayName = "ThemedTerminalWithProvider";
-// src/hooks/useThemedTerminal.ts
+// src/renderer/XtermRenderer.tsx
+import { forwardRef as forwardRef3, useImperativeHandle as useImperativeHandle2, useRef as useRef2 } from "react";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var XtermRenderer = forwardRef3((props, ref) => {
+  const { transparent, ...rest } = props;
+  const innerRef = useRef2(null);
+  useImperativeHandle2(ref, () => ({
+    write: (data) => innerRef.current?.write(data),
+    clear: () => innerRef.current?.clear(),
+    focus: () => innerRef.current?.focus(),
+    blur: () => innerRef.current?.blur(),
+    fit: () => innerRef.current?.fit(),
+    resize: (cols, rows) => innerRef.current?.resize(cols, rows),
+    scrollToBottom: () => innerRef.current?.scrollToBottom(),
+    scrollLines: (delta) => {
+      innerRef.current?.getTerminal()?.scrollLines(delta);
+    },
+    getDimensions: () => {
+      const term = innerRef.current?.getTerminal();
+      if (!term || !term.cols || !term.rows)
+        return null;
+      return { cols: term.cols, rows: term.rows };
+    },
+    getScrollPosition: () => innerRef.current?.getScrollPosition() ?? {
+      isAtTop: false,
+      isAtBottom: true,
+      isScrollLocked: false
+    },
+    isScrollLocked: () => innerRef.current?.isScrollLocked() ?? false
+  }), []);
+  return /* @__PURE__ */ jsx4(ThemedTerminalWithProvider, {
+    ref: innerRef,
+    ...rest,
+    hideHeader: true,
+    activityDetection: false,
+    allowTransparency: transparent
+  });
+});
+XtermRenderer.displayName = "XtermRenderer";
+// src/components/TerminalSession.tsx
 import { useTheme as useTheme2 } from "@principal-ade/industry-theme";
+import {
+  forwardRef as forwardRef4,
+  useCallback as useCallback2,
+  useEffect as useEffect2,
+  useImperativeHandle as useImperativeHandle3,
+  useRef as useRef3,
+  useState as useState2
+} from "react";
+
+// src/components/TerminalOverlay.tsx
+import { Monitor as Monitor2 } from "lucide-react";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+var TerminalOverlay = ({ state, theme }) => /* @__PURE__ */ jsxs3("div", {
+  style: {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: theme.colors.background,
+    opacity: state.opacity ?? 1,
+    gap: "16px",
+    padding: "32px",
+    zIndex: 10
+  },
+  children: [
+    /* @__PURE__ */ jsx5(Monitor2, {
+      size: 48,
+      color: theme.colors.textSecondary
+    }),
+    /* @__PURE__ */ jsx5("div", {
+      style: {
+        fontSize: "16px",
+        fontWeight: "500",
+        color: theme.colors.text,
+        textAlign: "center"
+      },
+      children: state.message
+    }),
+    state.subtitle && /* @__PURE__ */ jsx5("div", {
+      style: {
+        fontSize: "14px",
+        color: theme.colors.textSecondary,
+        textAlign: "center",
+        maxWidth: "400px"
+      },
+      children: state.subtitle
+    }),
+    state.actions && state.actions.length > 0 && /* @__PURE__ */ jsx5("div", {
+      style: {
+        display: "flex",
+        gap: "12px",
+        marginTop: "8px"
+      },
+      children: state.actions.map((action) => /* @__PURE__ */ jsxs3("button", {
+        type: "button",
+        onClick: action.onClick,
+        style: {
+          padding: "8px 16px",
+          backgroundColor: action.primary ? theme.colors.primary : "transparent",
+          color: action.primary ? "#ffffff" : theme.colors.text,
+          border: action.primary ? "none" : `1px solid ${theme.colors.border}`,
+          borderRadius: "6px",
+          cursor: "pointer",
+          fontSize: "14px",
+          fontWeight: "500",
+          display: "flex",
+          alignItems: "center",
+          gap: "8px",
+          transition: "all 0.2s"
+        },
+        onMouseEnter: (e) => {
+          if (action.primary) {
+            e.currentTarget.style.opacity = "0.8";
+          } else {
+            e.currentTarget.style.backgroundColor = theme.colors.backgroundSecondary;
+          }
+        },
+        onMouseLeave: (e) => {
+          if (action.primary) {
+            e.currentTarget.style.opacity = "1";
+          } else {
+            e.currentTarget.style.backgroundColor = "transparent";
+          }
+        },
+        children: [
+          action.icon,
+          action.label
+        ]
+      }, action.label))
+    })
+  ]
+});
+
+// src/components/TerminalSession.tsx
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+var TerminalSession = forwardRef4((props, ref) => {
+  const {
+    actions,
+    renderer: Renderer = XtermRenderer,
+    transparent,
+    backgroundColor,
+    defaultScrollLocked,
+    autoFocus = true,
+    isVisible = true,
+    scrollback = 1e4,
+    sessionId: sessionIdProp = null,
+    onSessionCreated,
+    cwd,
+    command,
+    sessionContext,
+    persistOnUnmount = false,
+    enableOwnership = false,
+    isForeign = false,
+    events,
+    activityDetection = false,
+    activityTimeout = 500,
+    onActivityChange,
+    onScrollPositionChange,
+    onLinkClick,
+    onShortcut,
+    overlayState,
+    isWorking = false,
+    workingMessage,
+    workingSubtitle
+  } = props;
+  const { theme } = useTheme2();
+  const rendererRef = useRef3(null);
+  const [localSessionId, setLocalSessionId] = useState2(sessionIdProp);
+  const [isInitialized, setIsInitialized] = useState2(false);
+  const hasInitializedRef = useRef3(false);
+  const pendingSessionIdRef = useRef3(null);
+  const [shouldRenderTerminal, setShouldRenderTerminal] = useState2(true);
+  const [ownerWindowId, setOwnerWindowId] = useState2(null);
+  const needsRefreshOnResizeRef = useRef3(false);
+  const [scrollPosition, setScrollPosition] = useState2({
+    isAtTop: false,
+    isAtBottom: true,
+    isScrollLocked: defaultScrollLocked ?? false
+  });
+  const isActiveRef = useRef3(false);
+  const activityStartedAtRef = useRef3(0);
+  const activityTimerRef = useRef3(null);
+  const claimAndConnect = useCallback2(async (targetSessionId, force = false) => {
+    if (!enableOwnership)
+      return;
+    try {
+      if (actions.claimTerminalOwnership) {
+        await actions.claimTerminalOwnership(targetSessionId, force);
+      }
+      if (force && actions.requestTerminalDataPort) {
+        await actions.requestTerminalDataPort(targetSessionId);
+      }
+      setShouldRenderTerminal(true);
+      setOwnerWindowId(null);
+      if (force) {
+        needsRefreshOnResizeRef.current = true;
+      }
+    } catch (error) {
+      console.error("[TerminalSession] Failed to claim ownership:", error);
+      throw error;
+    }
+  }, [actions, enableOwnership]);
+  useEffect2(() => {
+    if (hasInitializedRef.current)
+      return;
+    hasInitializedRef.current = true;
+    let mounted = true;
+    const init = async () => {
+      try {
+        if (sessionIdProp) {
+          if (enableOwnership) {
+            if (isForeign && actions.checkTerminalOwnership) {
+              const status = await actions.checkTerminalOwnership(sessionIdProp);
+              if (status.ownedByWindowId && !status.ownedByThisWindow) {
+                setShouldRenderTerminal(false);
+                setOwnerWindowId(status.ownedByWindowId);
+              }
+            } else {
+              await claimAndConnect(sessionIdProp);
+            }
+          }
+          if (mounted) {
+            setLocalSessionId(sessionIdProp);
+            setIsInitialized(true);
+          }
+          return;
+        }
+        if (!actions.createTerminalSession) {
+          if (mounted)
+            setIsInitialized(true);
+          return;
+        }
+        const newId = await actions.createTerminalSession({
+          cwd,
+          command,
+          context: sessionContext
+        });
+        pendingSessionIdRef.current = newId;
+        if (!mounted)
+          return;
+        if (enableOwnership) {
+          await claimAndConnect(newId);
+        }
+        setLocalSessionId(newId);
+        setIsInitialized(true);
+        onSessionCreated?.(newId);
+      } catch (err) {
+        console.error("[TerminalSession] init failed:", err);
+        if (mounted)
+          setIsInitialized(true);
+      }
+    };
+    init();
+    return () => {
+      mounted = false;
+      if (!persistOnUnmount && pendingSessionIdRef.current && actions.destroyTerminalSession) {
+        actions.destroyTerminalSession(pendingSessionIdRef.current);
+      }
+    };
+  }, []);
+  const observeActivity = useCallback2(() => {
+    if (!activityDetection)
+      return;
+    const now = Date.now();
+    const emitBus = (isWorking2) => {
+      if (!events || !localSessionId)
+        return;
+      events.emit({
+        type: "terminal:activity-changed",
+        source: "TerminalSession",
+        timestamp: Date.now(),
+        payload: {
+          sessionId: localSessionId,
+          activityType: isWorking2 ? "started" : "stopped",
+          isWorking: isWorking2
+        }
+      });
+    };
+    if (!isActiveRef.current) {
+      isActiveRef.current = true;
+      activityStartedAtRef.current = now;
+      onActivityChange?.({ isActive: true, startedAt: now });
+      emitBus(true);
+    }
+    if (activityTimerRef.current)
+      clearTimeout(activityTimerRef.current);
+    activityTimerRef.current = setTimeout(() => {
+      if (isActiveRef.current) {
+        isActiveRef.current = false;
+        onActivityChange?.({
+          isActive: false,
+          duration: Date.now() - activityStartedAtRef.current
+        });
+        emitBus(false);
+      }
+    }, activityTimeout);
+  }, [activityDetection, activityTimeout, onActivityChange, events, localSessionId]);
+  useEffect2(() => {
+    if (!localSessionId || !isInitialized || !shouldRenderTerminal)
+      return;
+    if (!actions.onTerminalData)
+      return;
+    const unsubscribe = actions.onTerminalData(localSessionId, (data) => {
+      rendererRef.current?.write(data);
+      observeActivity();
+    });
+    return () => {
+      unsubscribe();
+    };
+  }, [localSessionId, isInitialized, shouldRenderTerminal, actions, observeActivity]);
+  useEffect2(() => {
+    return () => {
+      if (activityTimerRef.current)
+        clearTimeout(activityTimerRef.current);
+    };
+  }, []);
+  const handleData = useCallback2((data) => {
+    if (localSessionId && actions.writeToTerminal) {
+      actions.writeToTerminal(localSessionId, data);
+    }
+  }, [localSessionId, actions]);
+  const handleResize = useCallback2((cols, rows) => {
+    if (localSessionId && actions.resizeTerminal) {
+      actions.resizeTerminal(localSessionId, cols, rows);
+    }
+  }, [localSessionId, actions]);
+  const handleReady = useCallback2((cols, rows) => {
+    if (!localSessionId || !actions.resizeTerminal)
+      return;
+    const shouldForce = needsRefreshOnResizeRef.current;
+    if (!shouldForce) {
+      actions.resizeTerminal(localSessionId, cols, rows, false);
+      return;
+    }
+    needsRefreshOnResizeRef.current = false;
+    const restoreAndResize = async () => {
+      let bufferRestored = false;
+      if (actions.getTerminalBuffer && rendererRef.current) {
+        try {
+          const buffer = await actions.getTerminalBuffer(localSessionId);
+          if (buffer) {
+            rendererRef.current.write(buffer);
+            bufferRestored = true;
+          }
+        } catch (err) {
+          console.warn("[TerminalSession] Failed to restore buffer:", err);
+        }
+      }
+      actions.resizeTerminal(localSessionId, cols, rows, !bufferRestored);
+    };
+    restoreAndResize();
+  }, [localSessionId, actions]);
+  const handleLinkClickInternal = useCallback2((url, modifiers) => {
+    onLinkClick?.(url, modifiers);
+    if (localSessionId && events) {
+      events.emit({
+        type: "terminal:link-click",
+        source: "TerminalSession",
+        timestamp: Date.now(),
+        payload: {
+          url,
+          sessionId: localSessionId,
+          shiftKey: modifiers.shiftKey,
+          metaKey: modifiers.metaKey,
+          ctrlKey: modifiers.ctrlKey,
+          altKey: modifiers.altKey
+        }
+      });
+    }
+  }, [localSessionId, events, onLinkClick]);
+  const handleShortcutInternal = useCallback2((evt) => {
+    onShortcut?.(evt);
+    if (localSessionId && events) {
+      events.emit({
+        type: "terminal:shortcut",
+        source: "TerminalSession",
+        timestamp: Date.now(),
+        payload: {
+          shortcut: evt.shortcut,
+          sessionId: localSessionId
+        }
+      });
+    }
+  }, [localSessionId, events, onShortcut]);
+  const handleScrollPositionChangeInternal = useCallback2((p) => {
+    setScrollPosition(p);
+    onScrollPositionChange?.(p);
+  }, [onScrollPositionChange]);
+  useEffect2(() => {
+    if (!enableOwnership)
+      return;
+    if (!localSessionId || !actions.onOwnershipLost)
+      return;
+    const unsubscribe = actions.onOwnershipLost((data) => {
+      if (data.sessionId === localSessionId) {
+        setShouldRenderTerminal(false);
+        setOwnerWindowId(data.newOwnerWindowId);
+      }
+    });
+    return () => {
+      unsubscribe();
+    };
+  }, [enableOwnership, localSessionId, actions]);
+  const handleTakeControl = useCallback2(async () => {
+    if (!localSessionId)
+      return;
+    await claimAndConnect(localSessionId, true);
+  }, [localSessionId, claimAndConnect]);
+  useImperativeHandle3(ref, () => ({
+    scrollToBottom: () => rendererRef.current?.scrollToBottom(),
+    toggleScrollLock: () => {
+      if (scrollPosition.isScrollLocked) {
+        rendererRef.current?.scrollLines(-1);
+      } else {
+        rendererRef.current?.scrollToBottom();
+      }
+    },
+    focus: () => rendererRef.current?.focus(),
+    clear: () => rendererRef.current?.clear(),
+    getSessionId: () => localSessionId
+  }), [scrollPosition.isScrollLocked, localSessionId]);
+  if (!isInitialized) {
+    return /* @__PURE__ */ jsxs4("div", {
+      style: {
+        display: "flex",
+        height: "100%",
+        width: "100%",
+        backgroundColor: transparent ? "transparent" : theme.colors.background,
+        padding: "10px 0 0 10px"
+      },
+      children: [
+        /* @__PURE__ */ jsx6("div", {
+          style: {
+            width: "8px",
+            height: "17px",
+            backgroundColor: theme.colors.text,
+            animation: "terminal-session-cursor-blink 1s step-end infinite"
+          }
+        }),
+        /* @__PURE__ */ jsx6("style", {
+          children: `@keyframes terminal-session-cursor-blink {
+              0%, 100% { opacity: 1; }
+              50% { opacity: 0; }
+            }`
+        })
+      ]
+    });
+  }
+  const ownershipLostOverlay = enableOwnership && !shouldRenderTerminal ? {
+    message: "This terminal is active in another window",
+    subtitle: ownerWindowId ? `Window ID: ${ownerWindowId}` : "Another window owns this terminal session",
+    actions: [
+      {
+        label: "Take Control",
+        onClick: handleTakeControl,
+        primary: true
+      }
+    ],
+    opacity: 1
+  } : undefined;
+  const effectiveOverlay = ownershipLostOverlay ?? overlayState;
+  return /* @__PURE__ */ jsxs4("div", {
+    style: { position: "relative", height: "100%", width: "100%" },
+    children: [
+      /* @__PURE__ */ jsx6(Renderer, {
+        ref: rendererRef,
+        onData: shouldRenderTerminal ? handleData : undefined,
+        onResize: shouldRenderTerminal ? handleResize : undefined,
+        onReady: shouldRenderTerminal ? handleReady : undefined,
+        onLinkClick: shouldRenderTerminal ? handleLinkClickInternal : undefined,
+        onScrollPositionChange: shouldRenderTerminal ? handleScrollPositionChangeInternal : undefined,
+        onShortcut: handleShortcutInternal,
+        autoFocus: autoFocus && shouldRenderTerminal,
+        isVisible,
+        defaultScrollLocked,
+        scrollback,
+        transparent,
+        backgroundColor
+      }, shouldRenderTerminal ? "active" : "overlay"),
+      effectiveOverlay && /* @__PURE__ */ jsx6(TerminalOverlay, {
+        state: effectiveOverlay,
+        theme
+      }),
+      isWorking && !effectiveOverlay && /* @__PURE__ */ jsx6(WorkingOverlay, {
+        theme,
+        message: workingMessage,
+        subtitle: workingSubtitle
+      })
+    ]
+  });
+});
+TerminalSession.displayName = "TerminalSession";
+// src/hooks/useThemedTerminal.ts
+import { useTheme as useTheme3 } from "@principal-ade/industry-theme";
 import { useMemo } from "react";
 function useThemedTerminal() {
-  const { theme } = useTheme2();
+  const { theme } = useTheme3();
   const terminalOptions = useMemo(() => ({
     cursorBlink: true,
     fontSize: 14,
@@ -1317,14 +1815,14 @@ function useThemedTerminal() {
   };
 }
 // src/components/TabBar/TabBar.tsx
-import { useTheme as useTheme4 } from "@principal-ade/industry-theme";
+import { useTheme as useTheme5 } from "@principal-ade/industry-theme";
 import { Plus } from "lucide-react";
-import { useState as useState2, useCallback as useCallback3 } from "react";
+import { useState as useState3, useCallback as useCallback4 } from "react";
 
 // src/components/TabBar/TabButton.tsx
-import { useTheme as useTheme3 } from "@principal-ade/industry-theme";
-import { useCallback as useCallback2 } from "react";
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { useTheme as useTheme4 } from "@principal-ade/industry-theme";
+import { useCallback as useCallback3 } from "react";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 var TabButton = ({
   tab,
   isActive,
@@ -1347,10 +1845,10 @@ var TabButton = ({
   onDragLeave,
   isBeingDragged: _isBeingDragged = false
 }) => {
-  const { theme } = useTheme3();
+  const { theme } = useTheme4();
   const showCloseButton = isHovered || isActive;
   const closable = tab.closable !== false;
-  const handleDragStart = useCallback2((e) => {
+  const handleDragStart = useCallback3((e) => {
     const target = e.currentTarget;
     e.dataTransfer.setData("application/x-tab-association", tab.id);
     e.dataTransfer.effectAllowed = "move";
@@ -1375,27 +1873,27 @@ var TabButton = ({
     }
     onDragStart?.(tab.id);
   }, [tab.id, onDragStart]);
-  const handleDragEnd = useCallback2(() => {
+  const handleDragEnd = useCallback3(() => {
     onDragEnd?.();
   }, [onDragEnd]);
-  const handleDragOver = useCallback2((e) => {
+  const handleDragOver = useCallback3((e) => {
     if (canAcceptDrop) {
       e.preventDefault();
       e.dataTransfer.dropEffect = "move";
     }
   }, [canAcceptDrop]);
-  const handleDrop = useCallback2((e) => {
+  const handleDrop = useCallback3((e) => {
     e.preventDefault();
     const draggedTabId = e.dataTransfer.getData("application/x-tab-association");
     if (draggedTabId && draggedTabId !== tab.id) {
       onDrop?.(draggedTabId);
     }
   }, [tab.id, onDrop]);
-  const handleDragEnter = useCallback2((e) => {
+  const handleDragEnter = useCallback3((e) => {
     e.preventDefault();
     onDragEnter?.();
   }, [onDragEnter]);
-  const handleDragLeave = useCallback2((e) => {
+  const handleDragLeave = useCallback3((e) => {
     e.preventDefault();
     onDragLeave?.();
   }, [onDragLeave]);
@@ -1409,7 +1907,7 @@ var TabButton = ({
     }
     return {};
   };
-  return /* @__PURE__ */ jsxs3("div", {
+  return /* @__PURE__ */ jsxs5("div", {
     "data-tab-id": tab.id,
     draggable,
     onDragStart: draggable ? handleDragStart : undefined,
@@ -1445,7 +1943,7 @@ var TabButton = ({
       ...getDragOverStyles()
     },
     children: [
-      closable && showCloseButton && /* @__PURE__ */ jsx4("button", {
+      closable && showCloseButton && /* @__PURE__ */ jsx7("button", {
         onClick: (e) => {
           e.stopPropagation();
           onClose();
@@ -1477,7 +1975,7 @@ var TabButton = ({
       (() => {
         const icon = renderIcon ? renderIcon(tab) : undefined;
         const displayIcon = icon !== undefined ? icon : tab.icon;
-        return displayIcon ? /* @__PURE__ */ jsx4("div", {
+        return displayIcon ? /* @__PURE__ */ jsx7("div", {
           style: { flexShrink: 0, display: "flex", alignItems: "center", pointerEvents: "none" },
           children: displayIcon
         }) : null;
@@ -1485,7 +1983,7 @@ var TabButton = ({
       (() => {
         const label = renderLabel ? renderLabel(tab) : undefined;
         const displayLabel = label !== undefined ? label : tab.label;
-        return /* @__PURE__ */ jsx4("span", {
+        return /* @__PURE__ */ jsx7("span", {
           style: {
             overflow: "hidden",
             textOverflow: "ellipsis",
@@ -1496,7 +1994,7 @@ var TabButton = ({
           children: displayLabel
         });
       })(),
-      renderAccessory ? renderAccessory(tab) : keyboardHint && /* @__PURE__ */ jsx4("span", {
+      renderAccessory ? renderAccessory(tab) : keyboardHint && /* @__PURE__ */ jsx7("span", {
         style: {
           fontSize: theme.fontSizes[0],
           color: theme.colors.textSecondary,
@@ -1511,7 +2009,7 @@ var TabButton = ({
 TabButton.displayName = "TabButton";
 
 // src/components/TabBar/TabBar.tsx
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 var TabBar = ({
   tabs,
   activeTabId,
@@ -1529,31 +2027,31 @@ var TabBar = ({
   canDropOnTab,
   enableDragAndDrop = false
 }) => {
-  const { theme } = useTheme4();
-  const [hoveredTabId, setHoveredTabId] = useState2(null);
-  const [draggedTabId, setDraggedTabId] = useState2(null);
-  const [dragOverTabId, setDragOverTabId] = useState2(null);
-  const handleDragStart = useCallback3((tabId) => {
+  const { theme } = useTheme5();
+  const [hoveredTabId, setHoveredTabId] = useState3(null);
+  const [draggedTabId, setDraggedTabId] = useState3(null);
+  const [dragOverTabId, setDragOverTabId] = useState3(null);
+  const handleDragStart = useCallback4((tabId) => {
     setDraggedTabId(tabId);
   }, []);
-  const handleDragEnd = useCallback3(() => {
+  const handleDragEnd = useCallback4(() => {
     setDraggedTabId(null);
     setDragOverTabId(null);
   }, []);
-  const handleDrop = useCallback3((targetTabId, draggedId) => {
+  const handleDrop = useCallback4((targetTabId, draggedId) => {
     if (draggedId !== targetTabId) {
       onTabDrop?.(draggedId, targetTabId);
     }
     setDraggedTabId(null);
     setDragOverTabId(null);
   }, [onTabDrop]);
-  const handleDragEnter = useCallback3((tabId) => {
+  const handleDragEnter = useCallback4((tabId) => {
     setDragOverTabId(tabId);
   }, []);
-  const handleDragLeave = useCallback3(() => {
+  const handleDragLeave = useCallback4(() => {
     setDragOverTabId(null);
   }, []);
-  return /* @__PURE__ */ jsxs4("div", {
+  return /* @__PURE__ */ jsxs6("div", {
     className,
     style: {
       display: "flex",
@@ -1563,7 +2061,7 @@ var TabBar = ({
       boxSizing: "border-box"
     },
     children: [
-      leftSection && /* @__PURE__ */ jsx5("div", {
+      leftSection && /* @__PURE__ */ jsx8("div", {
         style: {
           display: "flex",
           alignItems: "center",
@@ -1576,7 +2074,7 @@ var TabBar = ({
         },
         children: leftSection
       }),
-      /* @__PURE__ */ jsx5("div", {
+      /* @__PURE__ */ jsx8("div", {
         style: {
           display: "flex",
           alignItems: "center",
@@ -1588,7 +2086,7 @@ var TabBar = ({
         },
         children: tabs.map((tab, index) => {
           const canDrop = enableDragAndDrop && draggedTabId !== null && draggedTabId !== tab.id ? canDropOnTab ? canDropOnTab(draggedTabId, tab.id) : true : false;
-          return /* @__PURE__ */ jsx5(TabButton, {
+          return /* @__PURE__ */ jsx8(TabButton, {
             tab,
             isActive: tab.id === activeTabId,
             isHovered: tab.id === hoveredTabId,
@@ -1612,7 +2110,7 @@ var TabBar = ({
           }, tab.id);
         })
       }),
-      rightSection !== undefined ? rightSection && /* @__PURE__ */ jsx5("div", {
+      rightSection !== undefined ? rightSection && /* @__PURE__ */ jsx8("div", {
         style: {
           display: "flex",
           alignItems: "center",
@@ -1624,7 +2122,7 @@ var TabBar = ({
           boxSizing: "border-box"
         },
         children: rightSection
-      }) : onNewTab && /* @__PURE__ */ jsx5("div", {
+      }) : onNewTab && /* @__PURE__ */ jsx8("div", {
         style: {
           display: "flex",
           alignItems: "center",
@@ -1635,7 +2133,7 @@ var TabBar = ({
           borderBottom: `1px solid ${theme.colors.border}`,
           boxSizing: "border-box"
         },
-        children: /* @__PURE__ */ jsx5("button", {
+        children: /* @__PURE__ */ jsx8("button", {
           onClick: onNewTab,
           style: {
             display: "flex",
@@ -1656,7 +2154,7 @@ var TabBar = ({
             e.currentTarget.style.backgroundColor = "transparent";
           },
           title: "New Tab (⌘T)",
-          children: /* @__PURE__ */ jsx5(Plus, {
+          children: /* @__PURE__ */ jsx8(Plus, {
             size: 14
           })
         })
@@ -1670,14 +2168,14 @@ function isTabOfType(tab, contentType) {
   return tab.contentType === contentType;
 }
 // src/hooks/useTabKeyboardShortcuts.ts
-import { useEffect as useEffect2 } from "react";
+import { useEffect as useEffect3 } from "react";
 var useTabKeyboardShortcuts = ({
   onNewTab,
   onCloseTab,
   onSwitchToTab,
   enabled = true
 }) => {
-  useEffect2(() => {
+  useEffect3(() => {
     if (!enabled)
       return;
     const handleKeyDown = (e) => {
@@ -1707,9 +2205,9 @@ var useTabKeyboardShortcuts = ({
   }, [enabled, onNewTab, onCloseTab, onSwitchToTab]);
 };
 // src/panels/TerminalPanel.tsx
-import { useTheme as useTheme5 } from "@principal-ade/industry-theme";
+import { useTheme as useTheme6 } from "@principal-ade/industry-theme";
 import { Lock, Unlock, ArrowDown } from "lucide-react";
-import { useCallback as useCallback4, useEffect as useEffect3, useRef as useRef2, useState as useState3 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect4, useRef as useRef4, useState as useState4 } from "react";
 
 // src/panel-types/index.ts
 function getTerminalSessions(context2) {
@@ -1743,7 +2241,7 @@ function getTerminalSlice(context2) {
 }
 
 // src/panels/TerminalPanel.tsx
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 var TerminalPanel = ({
   context: context2,
   actions,
@@ -1752,20 +2250,20 @@ var TerminalPanel = ({
   allowTransparency = false,
   backgroundColor
 }) => {
-  const { theme } = useTheme5();
-  const [sessionId, setSessionId] = useState3(null);
-  const [error, setError] = useState3(null);
-  const [isInitializing, setIsInitializing] = useState3(true);
-  const [scrollPosition, setScrollPosition] = useState3({
+  const { theme } = useTheme6();
+  const [sessionId, setSessionId] = useState4(null);
+  const [error, setError] = useState4(null);
+  const [isInitializing, setIsInitializing] = useState4(true);
+  const [scrollPosition, setScrollPosition] = useState4({
     isAtTop: false,
     isAtBottom: true,
     isScrollLocked: false
   });
-  const terminalRef = useRef2(null);
-  const isScrollLockedRef = useRef2(scrollPosition.isScrollLocked);
+  const terminalRef = useRef4(null);
+  const isScrollLockedRef = useRef4(scrollPosition.isScrollLocked);
   const terminalDirectory = getTerminalDirectory(context2, terminalScope);
-  const pendingSessionIdRef = useRef2(null);
-  useEffect3(() => {
+  const pendingSessionIdRef = useRef4(null);
+  useEffect4(() => {
     let mounted = true;
     const initTerminal = async () => {
       try {
@@ -1798,7 +2296,7 @@ var TerminalPanel = ({
       }
     };
   }, []);
-  useEffect3(() => {
+  useEffect4(() => {
     if (!sessionId)
       return;
     if (!actions.onTerminalData) {
@@ -1835,13 +2333,13 @@ var TerminalPanel = ({
       unsubscribe();
     };
   }, [sessionId, actions.onTerminalData]);
-  const handleTerminalData = useCallback4((data) => {
+  const handleTerminalData = useCallback5((data) => {
     if (sessionId && actions.writeToTerminal) {
       actions.writeToTerminal(sessionId, data);
     }
   }, [sessionId, actions.writeToTerminal]);
-  const hasNotifiedPtyRef = useRef2(false);
-  const handleTerminalResize = useCallback4((cols, rows) => {
+  const hasNotifiedPtyRef = useRef4(false);
+  const handleTerminalResize = useCallback5((cols, rows) => {
     if (sessionId && actions.resizeTerminal) {
       const isInitialNotification = !hasNotifiedPtyRef.current;
       actions.resizeTerminal(sessionId, cols, rows);
@@ -1853,10 +2351,10 @@ var TerminalPanel = ({
       hasNotifiedPtyRef.current = true;
     }
   }, [sessionId, actions.resizeTerminal, actions.writeToTerminal]);
-  useEffect3(() => {
+  useEffect4(() => {
     hasNotifiedPtyRef.current = false;
   }, [sessionId]);
-  useEffect3(() => {
+  useEffect4(() => {
     if (!sessionId || !actions.resizeTerminal)
       return;
     if (hasNotifiedPtyRef.current)
@@ -1871,13 +2369,13 @@ var TerminalPanel = ({
       setTimeout(() => writeFn(sessionId, "\f"), 50);
     }
   }, [sessionId, actions.resizeTerminal, actions.writeToTerminal]);
-  const handleScrollPositionChange = useCallback4((position) => {
+  const handleScrollPositionChange = useCallback5((position) => {
     setScrollPosition(position);
     isScrollLockedRef.current = position.isScrollLocked;
   }, []);
   const sessionInfo = sessionId ? getTerminalSession(context2, sessionId) : undefined;
   if (error) {
-    return /* @__PURE__ */ jsxs5("div", {
+    return /* @__PURE__ */ jsxs7("div", {
       style: {
         padding: "20px",
         color: "#ef4444",
@@ -1890,11 +2388,11 @@ var TerminalPanel = ({
         gap: "10px"
       },
       children: [
-        /* @__PURE__ */ jsx6("div", {
+        /* @__PURE__ */ jsx9("div", {
           style: { fontSize: "16px", fontWeight: "bold" },
           children: "Terminal Error"
         }),
-        /* @__PURE__ */ jsx6("div", {
+        /* @__PURE__ */ jsx9("div", {
           style: { fontSize: "14px", opacity: 0.8 },
           children: error
         })
@@ -1902,7 +2400,7 @@ var TerminalPanel = ({
     });
   }
   if (isInitializing || !sessionId) {
-    return /* @__PURE__ */ jsx6("div", {
+    return /* @__PURE__ */ jsx9("div", {
       style: {
         padding: "20px",
         color: "#a0a0a0",
@@ -1928,10 +2426,10 @@ var TerminalPanel = ({
       terminalRef.current?.scrollToBottom();
     }
   };
-  return /* @__PURE__ */ jsxs5("div", {
+  return /* @__PURE__ */ jsxs7("div", {
     style: { height: "100%", width: "100%", display: "flex", flexDirection: "column" },
     children: [
-      /* @__PURE__ */ jsxs5("div", {
+      /* @__PURE__ */ jsxs7("div", {
         style: {
           display: "flex",
           gap: "8px",
@@ -1941,7 +2439,7 @@ var TerminalPanel = ({
           alignItems: "center"
         },
         children: [
-          /* @__PURE__ */ jsxs5("span", {
+          /* @__PURE__ */ jsxs7("span", {
             style: {
               fontSize: "12px",
               color: theme.colors.textSecondary,
@@ -1954,7 +2452,7 @@ var TerminalPanel = ({
               sessionInfo?.shell
             ]
           }),
-          /* @__PURE__ */ jsxs5("button", {
+          /* @__PURE__ */ jsxs7("button", {
             onClick: handleToggleScrollLock,
             style: {
               display: "flex",
@@ -1973,17 +2471,17 @@ var TerminalPanel = ({
             onMouseLeave: (e) => e.currentTarget.style.opacity = "1",
             title: scrollPosition.isScrollLocked ? "Click to unlock scroll" : "Click to lock scroll to bottom",
             children: [
-              scrollPosition.isScrollLocked ? /* @__PURE__ */ jsx6(Lock, {
+              scrollPosition.isScrollLocked ? /* @__PURE__ */ jsx9(Lock, {
                 size: 12
-              }) : /* @__PURE__ */ jsx6(Unlock, {
+              }) : /* @__PURE__ */ jsx9(Unlock, {
                 size: 12
               }),
-              /* @__PURE__ */ jsx6("span", {
+              /* @__PURE__ */ jsx9("span", {
                 children: scrollPosition.isScrollLocked ? "Locked" : "Unlocked"
               })
             ]
           }),
-          /* @__PURE__ */ jsxs5("button", {
+          /* @__PURE__ */ jsxs7("button", {
             onClick: handleScrollToBottom,
             disabled: scrollPosition.isAtBottom,
             style: {
@@ -2004,19 +2502,19 @@ var TerminalPanel = ({
             onMouseLeave: (e) => !scrollPosition.isAtBottom && (e.currentTarget.style.opacity = "1"),
             title: "Scroll to bottom and lock",
             children: [
-              /* @__PURE__ */ jsx6(ArrowDown, {
+              /* @__PURE__ */ jsx9(ArrowDown, {
                 size: 12
               }),
-              /* @__PURE__ */ jsx6("span", {
+              /* @__PURE__ */ jsx9("span", {
                 children: "Bottom"
               })
             ]
           })
         ]
       }),
-      /* @__PURE__ */ jsx6("div", {
+      /* @__PURE__ */ jsx9("div", {
         style: { flex: 1 },
-        children: /* @__PURE__ */ jsx6(ThemedTerminalWithProvider, {
+        children: /* @__PURE__ */ jsx9(ThemedTerminalWithProvider, {
           ref: terminalRef,
           onData: handleTerminalData,
           onResize: handleTerminalResize,
@@ -2036,20 +2534,20 @@ var TerminalPanel = ({
   });
 };
 // src/panels/TabbedTerminalPanel.tsx
-import { useTheme as useTheme6 } from "@principal-ade/industry-theme";
+import { useTheme as useTheme7 } from "@principal-ade/industry-theme";
 import { CollapsibleSplitPane } from "@principal-ade/panels";
 import { Terminal as TerminalIcon2, Lock as Lock2, Unlock as Unlock2, Box, Boxes, Paperclip } from "lucide-react";
 import React3, {
-  useState as useState4,
-  useCallback as useCallback5,
-  useEffect as useEffect4,
-  useRef as useRef3
+  useState as useState5,
+  useCallback as useCallback6,
+  useEffect as useEffect5,
+  useRef as useRef5
 } from "react";
-import { jsx as jsx7, jsxs as jsxs6, Fragment as Fragment2 } from "react/jsx-runtime";
-var ActivityIndicator = ({ color, isAnimating }) => /* @__PURE__ */ jsxs6("div", {
+import { jsx as jsx10, jsxs as jsxs8, Fragment as Fragment2 } from "react/jsx-runtime";
+var ActivityIndicator = ({ color, isAnimating }) => /* @__PURE__ */ jsxs8("div", {
   style: { display: "flex", gap: 1, alignItems: "center", height: 12 },
   children: [
-    [0, 1, 2, 3, 4].map((i) => /* @__PURE__ */ jsx7("div", {
+    [0, 1, 2, 3, 4].map((i) => /* @__PURE__ */ jsx10("div", {
       style: {
         width: 2,
         height: 10,
@@ -2060,7 +2558,7 @@ var ActivityIndicator = ({ color, isAnimating }) => /* @__PURE__ */ jsxs6("div",
         animation: isAnimating ? `waveSine 1.2s ease-in-out ${i * 0.1}s infinite` : "none"
       }
     }, i)),
-    /* @__PURE__ */ jsx7("style", {
+    /* @__PURE__ */ jsx10("style", {
       children: `
         @keyframes waveSine {
           0%, 100% { transform: scaleY(0.4); }
@@ -2072,20 +2570,20 @@ var ActivityIndicator = ({ color, isAnimating }) => /* @__PURE__ */ jsxs6("div",
 });
 function TerminalTabContentInner(props, ref) {
   const { tab, sessionId, isActive, isVisible, actions, events, terminalContext, onSessionCreated, onScrollPositionChange, isForeign = false, defaultScrollLocked, activityDetection = true, activityTimeout = 500, autoShowBlinds = false, onActivityStateChange } = props;
-  const { theme } = useTheme6();
-  const terminalRef = useRef3(null);
-  const [localSessionId, setLocalSessionId] = useState4(sessionId);
-  const [isInitialized, setIsInitialized] = useState4(false);
-  const hasInitializedRef = useRef3(false);
-  const [scrollPosition, setScrollPosition] = useState4({
+  const { theme } = useTheme7();
+  const terminalRef = useRef5(null);
+  const [localSessionId, setLocalSessionId] = useState5(sessionId);
+  const [isInitialized, setIsInitialized] = useState5(false);
+  const hasInitializedRef = useRef5(false);
+  const [scrollPosition, setScrollPosition] = useState5({
     isAtTop: false,
     isAtBottom: true,
     isScrollLocked: false
   });
-  const [shouldRenderTerminal, setShouldRenderTerminal] = useState4(true);
-  const [ownerWindowId, setOwnerWindowId] = useState4(null);
-  const needsRefreshOnResizeRef = useRef3(false);
-  const claimAndConnect = useCallback5(async (targetSessionId, force = false) => {
+  const [shouldRenderTerminal, setShouldRenderTerminal] = useState5(true);
+  const [ownerWindowId, setOwnerWindowId] = useState5(null);
+  const needsRefreshOnResizeRef = useRef5(false);
+  const claimAndConnect = useCallback6(async (targetSessionId, force = false) => {
     try {
       if (actions.claimTerminalOwnership) {
         await actions.claimTerminalOwnership(targetSessionId, force);
@@ -2103,7 +2601,7 @@ function TerminalTabContentInner(props, ref) {
       throw error;
     }
   }, [actions]);
-  useEffect4(() => {
+  useEffect5(() => {
     if (hasInitializedRef.current) {
       return;
     }
@@ -2196,7 +2694,7 @@ function TerminalTabContentInner(props, ref) {
       mounted = false;
     };
   }, []);
-  useEffect4(() => {
+  useEffect5(() => {
     if (!localSessionId || !isInitialized || !shouldRenderTerminal) {
       return;
     }
@@ -2246,17 +2744,17 @@ function TerminalTabContentInner(props, ref) {
       unsubscribe();
     };
   }, [localSessionId, isInitialized, actions, shouldRenderTerminal, tab.id]);
-  const handleData = useCallback5((data) => {
+  const handleData = useCallback6((data) => {
     if (localSessionId && actions.writeToTerminal) {
       actions.writeToTerminal(localSessionId, data);
     }
   }, [localSessionId, actions]);
-  const handleResize = useCallback5((cols, rows) => {
+  const handleResize = useCallback6((cols, rows) => {
     if (localSessionId && actions.resizeTerminal) {
       actions.resizeTerminal(localSessionId, cols, rows);
     }
   }, [localSessionId, actions]);
-  const handleReady = useCallback5((cols, rows) => {
+  const handleReady = useCallback6((cols, rows) => {
     if (!localSessionId || !actions.resizeTerminal) {
       return;
     }
@@ -2284,7 +2782,7 @@ function TerminalTabContentInner(props, ref) {
     };
     restoreBufferAndResize();
   }, [localSessionId, actions]);
-  const handleLinkClick = useCallback5((url, modifiers) => {
+  const handleLinkClick = useCallback6((url, modifiers) => {
     if (localSessionId) {
       events.emit({
         type: "terminal:link-click",
@@ -2301,7 +2799,7 @@ function TerminalTabContentInner(props, ref) {
       });
     }
   }, [localSessionId, events]);
-  useEffect4(() => {
+  useEffect5(() => {
     if (!localSessionId || !actions.onOwnershipLost) {
       return;
     }
@@ -2315,17 +2813,17 @@ function TerminalTabContentInner(props, ref) {
       unsubscribe();
     };
   }, [localSessionId, actions]);
-  const handleTakeControl = useCallback5(async () => {
+  const handleTakeControl = useCallback6(async () => {
     if (!localSessionId) {
       return;
     }
     await claimAndConnect(localSessionId, true);
   }, [localSessionId, claimAndConnect]);
-  const handleScrollPositionChange = useCallback5((position) => {
+  const handleScrollPositionChange = useCallback6((position) => {
     setScrollPosition(position);
     onScrollPositionChange?.(tab.id, position);
   }, [tab.id, onScrollPositionChange]);
-  const handleShortcut = useCallback5((shortcutEvent) => {
+  const handleShortcut = useCallback6((shortcutEvent) => {
     if (localSessionId) {
       events.emit({
         type: "terminal:shortcut",
@@ -2338,7 +2836,7 @@ function TerminalTabContentInner(props, ref) {
       });
     }
   }, [localSessionId, events]);
-  const handleActivityChange = useCallback5((state) => {
+  const handleActivityChange = useCallback6((state) => {
     if (localSessionId) {
       onActivityStateChange?.(localSessionId, state.isActive);
       events.emit({
@@ -2353,10 +2851,10 @@ function TerminalTabContentInner(props, ref) {
       });
     }
   }, [localSessionId, events, onActivityStateChange]);
-  const handleScrollToBottom = useCallback5(() => {
+  const handleScrollToBottom = useCallback6(() => {
     terminalRef.current?.scrollToBottom();
   }, []);
-  const handleToggleScrollLock = useCallback5(() => {
+  const handleToggleScrollLock = useCallback6(() => {
     if (scrollPosition.isScrollLocked) {
       const terminal = terminalRef.current?.getTerminal();
       if (terminal) {
@@ -2371,7 +2869,7 @@ function TerminalTabContentInner(props, ref) {
     toggleScrollLock: handleToggleScrollLock
   }), [handleScrollToBottom, handleToggleScrollLock]);
   if (!isInitialized) {
-    return /* @__PURE__ */ jsxs6("div", {
+    return /* @__PURE__ */ jsxs8("div", {
       style: {
         display: isActive ? "flex" : "none",
         height: "100%",
@@ -2380,7 +2878,7 @@ function TerminalTabContentInner(props, ref) {
         padding: "10px 0 0 10px"
       },
       children: [
-        /* @__PURE__ */ jsx7("div", {
+        /* @__PURE__ */ jsx10("div", {
           style: {
             width: "8px",
             height: "17px",
@@ -2388,7 +2886,7 @@ function TerminalTabContentInner(props, ref) {
             animation: "blink 1s step-end infinite"
           }
         }),
-        /* @__PURE__ */ jsx7("style", {
+        /* @__PURE__ */ jsx10("style", {
           children: `
               @keyframes blink {
                 0%, 100% { opacity: 1; }
@@ -2411,14 +2909,14 @@ function TerminalTabContentInner(props, ref) {
     ],
     opacity: 1
   } : undefined;
-  return /* @__PURE__ */ jsx7("div", {
+  return /* @__PURE__ */ jsx10("div", {
     style: {
       display: isActive ? "flex" : "none",
       flexDirection: "column",
       height: "100%",
       width: "100%"
     },
-    children: /* @__PURE__ */ jsx7(ThemedTerminalWithProvider, {
+    children: /* @__PURE__ */ jsx10(ThemedTerminalWithProvider, {
       ref: terminalRef,
       onData: shouldRenderTerminal ? handleData : undefined,
       onResize: shouldRenderTerminal ? handleResize : undefined,
@@ -2507,11 +3005,11 @@ var TabbedTerminalPanelInner = ({
   onTabAssociate: onTabAssociateProp,
   onTabDissociate: _onTabDissociate
 }) => {
-  const { theme } = useTheme6();
+  const { theme } = useTheme7();
   const onTabAssociate = actions.onTabAssociate ?? onTabAssociateProp;
-  const [ownedTabs, setOwnedTabs] = useState4(initialTabs);
-  const [foreignTabs, setForeignTabs] = useState4([]);
-  const [internalActiveTabId, setInternalActiveTabId] = useState4(null);
+  const [ownedTabs, setOwnedTabs] = useState5(initialTabs);
+  const [foreignTabs, setForeignTabs] = useState5([]);
+  const [internalActiveTabId, setInternalActiveTabId] = useState5(null);
   const isControlled = activeTabIdProp !== undefined;
   const activeTabId = isControlled ? activeTabIdProp : internalActiveTabId;
   const setActiveTabId = React3.useCallback((tabId) => {
@@ -2522,20 +3020,20 @@ var TabbedTerminalPanelInner = ({
       onActiveTabChange?.(tabId);
     }
   }, [isControlled, onActiveTabChange]);
-  const [activatedTabs, setActivatedTabs] = useState4(() => new Set);
+  const [activatedTabs, setActivatedTabs] = useState5(() => new Set);
   React3.useEffect(() => {
     if (activeTabId && !activatedTabs.has(activeTabId)) {
       setActivatedTabs((prev) => new Set(prev).add(activeTabId));
     }
   }, [activeTabId, activatedTabs]);
-  const [sessionIds, setSessionIds] = useState4(new Map);
-  const [scrollPositions, setScrollPositions] = useState4(new Map);
-  const [activityStates, setActivityStates] = useState4(new Map);
+  const [sessionIds, setSessionIds] = useState5(new Map);
+  const [scrollPositions, setScrollPositions] = useState5(new Map);
+  const [activityStates, setActivityStates] = useState5(new Map);
   const customTabsKey = React3.useMemo(() => {
     const customTabs = initialTabs.filter((tab) => tab.contentType !== "terminal");
     return JSON.stringify(customTabs);
   }, [initialTabs]);
-  useEffect4(() => {
+  useEffect5(() => {
     const customTabsFromProp = initialTabs.filter((tab) => tab.contentType !== "terminal");
     setOwnedTabs((prevTabs) => {
       const existingTerminalTabs = prevTabs.filter((tab) => tab.contentType === "terminal");
@@ -2556,7 +3054,7 @@ var TabbedTerminalPanelInner = ({
       return mergedTabs;
     });
   }, [customTabsKey]);
-  useEffect4(() => {
+  useEffect5(() => {
     if (!requestFocusTabId) {
       return;
     }
@@ -2571,7 +3069,7 @@ var TabbedTerminalPanelInner = ({
       onFocusTabHandled?.();
     }
   }, [requestFocusTabId, ownedTabs, foreignTabs, setActiveTabId, onFocusTabHandled, activeTabId]);
-  const getOwnedTabLabel = useCallback5((index, _directory) => {
+  const getOwnedTabLabel = useCallback6((index, _directory) => {
     if (tabLabelPrefix) {
       return `${tabLabelPrefix} ${index + 1}`;
     }
@@ -2597,9 +3095,9 @@ var TabbedTerminalPanelInner = ({
       }
     }));
   }, [tabs]);
-  const tabRefsMap = useRef3(new Map);
-  const refCallbacksMap = useRef3(new Map);
-  const getRefCallback = useCallback5((tabId) => {
+  const tabRefsMap = useRef5(new Map);
+  const refCallbacksMap = useRef5(new Map);
+  const getRefCallback = useCallback6((tabId) => {
     let callback = refCallbacksMap.current.get(tabId);
     if (!callback) {
       callback = (ref) => {
@@ -2613,10 +3111,10 @@ var TabbedTerminalPanelInner = ({
     }
     return callback;
   }, []);
-  const hasInitializedRef = useRef3(false);
-  const isCreatingTabRef = useRef3(false);
-  const headerRef = useRef3(null);
-  const handleTabScrollPositionChange = useCallback5((tabId, position) => {
+  const hasInitializedRef = useRef5(false);
+  const isCreatingTabRef = useRef5(false);
+  const headerRef = useRef5(null);
+  const handleTabScrollPositionChange = useCallback6((tabId, position) => {
     setScrollPositions((prev) => new Map(prev).set(tabId, position));
   }, []);
   const defaultScrollPosition = {
@@ -2624,12 +3122,12 @@ var TabbedTerminalPanelInner = ({
     isAtBottom: true,
     isScrollLocked: false
   };
-  const handleToggleScrollLock = useCallback5(() => {
+  const handleToggleScrollLock = useCallback6(() => {
     if (activeTabId) {
       tabRefsMap.current.get(activeTabId)?.toggleScrollLock();
     }
   }, [activeTabId]);
-  const restoreOwnedSessions = useCallback5(async () => {
+  const restoreOwnedSessions = useCallback6(async () => {
     try {
       let sessions = [];
       if (actions.listTerminalSessions) {
@@ -2681,7 +3179,7 @@ var TabbedTerminalPanelInner = ({
       console.error("[TabbedTerminalPanel] Failed to restore owned sessions:", err);
     }
   }, [terminalContext, sessionIds, activeTabId, onTabsChange, actions, directory, setActiveTabId]);
-  const fetchForeignSessions = useCallback5(async () => {
+  const fetchForeignSessions = useCallback6(async () => {
     try {
       if (!actions.listTerminalSessions) {
         return;
@@ -2713,7 +3211,7 @@ var TabbedTerminalPanelInner = ({
       console.error("[TabbedTerminalPanel] Failed to fetch foreign sessions:", err);
     }
   }, [terminalContext, actions]);
-  const clearForeignTabs = useCallback5(() => {
+  const clearForeignTabs = useCallback6(() => {
     setForeignTabs((prevForeign) => {
       const foreignTabIds = new Set(prevForeign.map((t) => t.id));
       setSessionIds((prev) => {
@@ -2724,13 +3222,13 @@ var TabbedTerminalPanelInner = ({
       return [];
     });
   }, []);
-  useEffect4(() => {
+  useEffect5(() => {
     if (hasInitializedRef.current)
       return;
     hasInitializedRef.current = true;
     restoreOwnedSessions();
   }, []);
-  useEffect4(() => {
+  useEffect5(() => {
     const handleSessionCreated2 = (event) => {
       const customEvent = event;
       const { context: context2 } = customEvent.detail || {};
@@ -2744,17 +3242,17 @@ var TabbedTerminalPanelInner = ({
       window.removeEventListener("terminal-session-created", handleSessionCreated2);
     };
   }, [terminalContext, restoreOwnedSessions]);
-  useEffect4(() => {
+  useEffect5(() => {
     if (showAllTerminals) {
       fetchForeignSessions();
     } else {
       clearForeignTabs();
     }
   }, [showAllTerminals, fetchForeignSessions, clearForeignTabs]);
-  const switchTab = useCallback5((tabId) => {
+  const switchTab = useCallback6((tabId) => {
     setActiveTabId(tabId);
   }, [setActiveTabId]);
-  const addNewTab = useCallback5((label, command, targetDirectory) => {
+  const addNewTab = useCallback6((label, command, targetDirectory) => {
     const targetDir = targetDirectory || directory;
     const directoryName = targetDir.split("/").pop() || targetDir;
     const newTab = {
@@ -2772,10 +3270,10 @@ var TabbedTerminalPanelInner = ({
     });
     setActiveTabId(newTab.id);
   }, [directory, onTabsChange]);
-  const isForeignTab = useCallback5((tabId) => {
+  const isForeignTab = useCallback6((tabId) => {
     return tabId.startsWith("tab-foreign-");
   }, []);
-  const closeTab = useCallback5(async (tabId) => {
+  const closeTab = useCallback6(async (tabId) => {
     const sessionId = sessionIds.get(tabId);
     const isForeign = isForeignTab(tabId);
     if (!isForeign && sessionId && actions.destroyTerminalSession) {
@@ -2845,10 +3343,10 @@ var TabbedTerminalPanelInner = ({
       });
     }
   }, [activeTabId, sessionIds, actions, onTabsChange, isForeignTab, ownedTabs, foreignTabs]);
-  const handleSessionCreated = useCallback5((tabId, sessionId) => {
+  const handleSessionCreated = useCallback6((tabId, sessionId) => {
     setSessionIds((prev) => new Map(prev).set(tabId, sessionId));
   }, []);
-  const handleActivityStateChange = useCallback5((sessionId, isActive) => {
+  const handleActivityStateChange = useCallback6((sessionId, isActive) => {
     setActivityStates((prev) => {
       const next = new Map(prev);
       if (isActive) {
@@ -2879,7 +3377,7 @@ var TabbedTerminalPanelInner = ({
       }
     }
   });
-  const renderTabAccessory = useCallback5((tab) => {
+  const renderTabAccessory = useCallback6((tab) => {
     const tabSessionId = sessionIds.get(tab.id);
     const hasExternalWorkingState = tabSessionId ? workingStates?.[tabSessionId]?.isWorking : false;
     const hasInternalActivity = tabSessionId ? activityStates.get(tabSessionId) : false;
@@ -2888,9 +3386,9 @@ var TabbedTerminalPanelInner = ({
     if (!isActive)
       return null;
     const scrollPosition = scrollPositions.get(tab.id) ?? defaultScrollPosition;
-    return /* @__PURE__ */ jsxs6(Fragment2, {
+    return /* @__PURE__ */ jsxs8(Fragment2, {
       children: [
-        /* @__PURE__ */ jsx7("button", {
+        /* @__PURE__ */ jsx10("button", {
           onClick: (e) => {
             e.stopPropagation();
             handleToggleScrollLock();
@@ -2915,13 +3413,13 @@ var TabbedTerminalPanelInner = ({
             e.currentTarget.style.backgroundColor = "transparent";
           },
           title: scrollPosition.isScrollLocked ? "Scroll locked" : "Scroll unlocked",
-          children: scrollPosition.isScrollLocked ? /* @__PURE__ */ jsx7(Lock2, {
+          children: scrollPosition.isScrollLocked ? /* @__PURE__ */ jsx10(Lock2, {
             size: 10
-          }) : /* @__PURE__ */ jsx7(Unlock2, {
+          }) : /* @__PURE__ */ jsx10(Unlock2, {
             size: 10
           })
         }),
-        /* @__PURE__ */ jsx7("div", {
+        /* @__PURE__ */ jsx10("div", {
           style: {
             position: "absolute",
             right: "8px",
@@ -2932,7 +3430,7 @@ var TabbedTerminalPanelInner = ({
             height: "16px"
           },
           title: isWorking ? "Terminal active" : "Terminal idle",
-          children: /* @__PURE__ */ jsx7(ActivityIndicator, {
+          children: /* @__PURE__ */ jsx10(ActivityIndicator, {
             color: theme.colors.primary,
             isAnimating: isWorking ?? false
           })
@@ -2940,8 +3438,8 @@ var TabbedTerminalPanelInner = ({
       ]
     });
   }, [activeTabId, scrollPositions, defaultScrollPosition, handleToggleScrollLock, theme, sessionIds, workingStates, activityStates]);
-  const renderTerminalWithAssociation = useCallback5((tab, isActive, sessionId, association) => {
-    const terminalContent = /* @__PURE__ */ jsx7(TerminalTabContent, {
+  const renderTerminalWithAssociation = useCallback6((tab, isActive, sessionId, association) => {
+    const terminalContent = /* @__PURE__ */ jsx10(TerminalTabContent, {
       ref: getRefCallback(tab.id),
       tab,
       sessionId,
@@ -2960,7 +3458,7 @@ var TabbedTerminalPanelInner = ({
       onActivityStateChange: handleActivityStateChange
     }, `terminal-${tab.id}`);
     const hasAssociation = !!association;
-    const secondaryContent = hasAssociation && renderAssociatedContent ? renderAssociatedContent(association.associatedTabId, isActive) : /* @__PURE__ */ jsx7("div", {
+    const secondaryContent = hasAssociation && renderAssociatedContent ? renderAssociatedContent(association.associatedTabId, isActive) : /* @__PURE__ */ jsx10("div", {
       style: {
         height: "100%",
         display: "flex",
@@ -2972,12 +3470,12 @@ var TabbedTerminalPanelInner = ({
       },
       children: "Drag a tab here to associate it with this terminal"
     });
-    const headerConfig = hasAssociation && getAssociatedHeader ? getAssociatedHeader(association.associatedTabId) : { title: "Drop zone", icon: /* @__PURE__ */ jsx7(Paperclip, {
+    const headerConfig = hasAssociation && getAssociatedHeader ? getAssociatedHeader(association.associatedTabId) : { title: "Drop zone", icon: /* @__PURE__ */ jsx10(Paperclip, {
       size: 14
     }) };
     const isCollapsed = hasAssociation ? association.collapsed : true;
     const handleCollapsedChange = hasAssociation ? (collapsed) => onAssociationCollapsedChange?.(tab.id, collapsed) : undefined;
-    return /* @__PURE__ */ jsx7(CollapsibleSplitPane, {
+    return /* @__PURE__ */ jsx10(CollapsibleSplitPane, {
       style: { height: "100%" },
       primaryContent: terminalContent,
       secondaryContent,
@@ -3008,7 +3506,7 @@ var TabbedTerminalPanelInner = ({
     onAssociationRatioChange,
     theme
   ]);
-  const handleTabDrop = useCallback5((draggedTabId, targetTabId) => {
+  const handleTabDrop = useCallback6((draggedTabId, targetTabId) => {
     const draggedTab = tabs.find((t) => t.id === draggedTabId);
     const targetTab = tabs.find((t) => t.id === targetTabId);
     if (targetTab?.contentType === "terminal" && draggedTab?.contentType !== "terminal") {
@@ -3016,13 +3514,13 @@ var TabbedTerminalPanelInner = ({
       setActiveTabId(targetTabId);
     }
   }, [tabs, onTabAssociate, setActiveTabId]);
-  const canDropOnTab = useCallback5((draggedTabId, targetTabId) => {
+  const canDropOnTab = useCallback6((draggedTabId, targetTabId) => {
     const draggedTab = tabs.find((t) => t.id === draggedTabId);
     const targetTab = tabs.find((t) => t.id === targetTabId);
     return targetTab?.contentType === "terminal" && draggedTab?.contentType !== "terminal";
   }, [tabs]);
-  const [isDragOverContent, setIsDragOverContent] = useState4(false);
-  const handleContentDragEnter = useCallback5((e) => {
+  const [isDragOverContent, setIsDragOverContent] = useState5(false);
+  const handleContentDragEnter = useCallback6((e) => {
     e.preventDefault();
     if (activeTabId) {
       const activeTab = tabs.find((t) => t.id === activeTabId);
@@ -3031,13 +3529,13 @@ var TabbedTerminalPanelInner = ({
       }
     }
   }, [activeTabId, tabs]);
-  const handleContentDragLeave = useCallback5((e) => {
+  const handleContentDragLeave = useCallback6((e) => {
     const relatedTarget = e.relatedTarget;
     if (!e.currentTarget.contains(relatedTarget)) {
       setIsDragOverContent(false);
     }
   }, []);
-  const handleContentDrop = useCallback5((e) => {
+  const handleContentDrop = useCallback6((e) => {
     e.preventDefault();
     e.stopPropagation();
     setIsDragOverContent(false);
@@ -3052,7 +3550,7 @@ var TabbedTerminalPanelInner = ({
       setActiveTabId(activeTabId);
     }
   }, [activeTabId, tabs, onTabAssociate, setActiveTabId]);
-  return /* @__PURE__ */ jsxs6("div", {
+  return /* @__PURE__ */ jsxs8("div", {
     style: {
       display: "flex",
       flexDirection: "column",
@@ -3060,15 +3558,15 @@ var TabbedTerminalPanelInner = ({
       backgroundColor: theme.colors.background
     },
     children: [
-      !hideHeader && /* @__PURE__ */ jsx7("div", {
+      !hideHeader && /* @__PURE__ */ jsx10("div", {
         ref: headerRef,
-        children: /* @__PURE__ */ jsx7(TabBar, {
+        children: /* @__PURE__ */ jsx10(TabBar, {
           tabs: genericTabs,
           activeTabId,
           onTabClick: switchTab,
           onTabClose: closeTab,
           onNewTab: addNewTab,
-          leftSection: /* @__PURE__ */ jsx7("button", {
+          leftSection: /* @__PURE__ */ jsx10("button", {
             onClick: () => onShowAllTerminalsChange?.(!showAllTerminals),
             style: {
               display: "flex",
@@ -3093,9 +3591,9 @@ var TabbedTerminalPanelInner = ({
               }
             },
             title: showAllTerminals ? "Showing all terminals (click to filter by context)" : "Show all terminals",
-            children: showAllTerminals ? /* @__PURE__ */ jsx7(Boxes, {
+            children: showAllTerminals ? /* @__PURE__ */ jsx10(Boxes, {
               size: 14
-            }) : /* @__PURE__ */ jsx7(Box, {
+            }) : /* @__PURE__ */ jsx10(Box, {
               size: 14
             })
           }),
@@ -3108,7 +3606,7 @@ var TabbedTerminalPanelInner = ({
           canDropOnTab
         })
       }),
-      /* @__PURE__ */ jsxs6("div", {
+      /* @__PURE__ */ jsxs8("div", {
         style: {
           flex: 1,
           display: "flex",
@@ -3162,7 +3660,7 @@ var TabbedTerminalPanelInner = ({
               const customContent = renderTabContent(tab, isActive, sessionId, width);
               if (customContent === null && tab.contentType === "terminal") {
                 const association = associations?.[tab.id];
-                return /* @__PURE__ */ jsx7("div", {
+                return /* @__PURE__ */ jsx10("div", {
                   style: {
                     display: isActive ? "flex" : "none",
                     flexDirection: "column",
@@ -3173,7 +3671,7 @@ var TabbedTerminalPanelInner = ({
                 }, tab.id);
               }
               const hasBeenActivated = activatedTabs.has(tab.id);
-              return /* @__PURE__ */ jsx7("div", {
+              return /* @__PURE__ */ jsx10("div", {
                 style: {
                   display: isActive ? "flex" : "none",
                   flexDirection: "column",
@@ -3185,7 +3683,7 @@ var TabbedTerminalPanelInner = ({
             }
             if (tab.contentType === "terminal") {
               const association = associations?.[tab.id];
-              return /* @__PURE__ */ jsx7("div", {
+              return /* @__PURE__ */ jsx10("div", {
                 style: {
                   display: isActive ? "flex" : "none",
                   flexDirection: "column",
@@ -3195,7 +3693,7 @@ var TabbedTerminalPanelInner = ({
                 children: renderTerminalWithAssociation(tab, isActive, sessionId, association)
               }, tab.id);
             }
-            return /* @__PURE__ */ jsxs6("div", {
+            return /* @__PURE__ */ jsxs8("div", {
               style: {
                 display: isActive ? "flex" : "none",
                 alignItems: "center",
@@ -3204,20 +3702,20 @@ var TabbedTerminalPanelInner = ({
                 color: theme.colors.textSecondary
               },
               children: [
-                /* @__PURE__ */ jsxs6("p", {
+                /* @__PURE__ */ jsxs8("p", {
                   children: [
                     "Unknown content type: ",
                     tab.contentType
                   ]
                 }),
-                /* @__PURE__ */ jsx7("p", {
+                /* @__PURE__ */ jsx10("p", {
                   style: { fontSize: theme.fontSizes[0], marginTop: "8px" },
                   children: "Provide a renderTabContent prop to render custom tab types"
                 })
               ]
             }, tab.id);
           }),
-          tabs.length === 0 && /* @__PURE__ */ jsxs6("div", {
+          tabs.length === 0 && /* @__PURE__ */ jsxs8("div", {
             style: {
               display: "flex",
               flexDirection: "column",
@@ -3227,11 +3725,11 @@ var TabbedTerminalPanelInner = ({
               color: theme.colors.textSecondary
             },
             children: [
-              /* @__PURE__ */ jsx7(TerminalIcon2, {
+              /* @__PURE__ */ jsx10(TerminalIcon2, {
                 size: 32,
                 style: { opacity: 0.5, marginBottom: "16px" }
               }),
-              /* @__PURE__ */ jsx7("button", {
+              /* @__PURE__ */ jsx10("button", {
                 onClick: () => addNewTab(),
                 style: {
                   marginTop: "16px",
@@ -3516,10 +4014,13 @@ export {
   context,
   closeTerminalSessionTool,
   clearTerminalTool,
+  XtermRenderer,
   WorkingOverlay,
   ThemedTerminalWithProvider,
   ThemedTerminal,
+  TerminalSession,
   TerminalPanel,
+  TerminalOverlay,
   TabbedTerminalPanel,
   TabButton,
   TabBar,