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

package/dist/index.js

@@ -35,7 +35,7 @@ import {
 // package.json
 var package_default = {
   name: "@industry-theme/xterm-terminal-panel",
-  version: "0.6.0",
+  version: "0.7.1",
   description: "Industry-themed xterm.js terminal components with panel framework integration",
   type: "module",
   main: "dist/index.js",
@@ -1285,7 +1285,14 @@ ThemedTerminalWithProvider.displayName = "ThemedTerminalWithProvider";
 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 {
+    transparent,
+    enableSearch = true,
+    enableWebLinks = true,
+    cursorBlink = true,
+    convertEol = true,
+    ...rest
+  } = props;
   const innerRef = useRef2(null);
   useImperativeHandle2(ref, () => ({
     write: (data) => innerRef.current?.write(data),
@@ -1314,6 +1321,10 @@ var XtermRenderer = forwardRef3((props, ref) => {
   return /* @__PURE__ */ jsx4(ThemedTerminalWithProvider, {
     ref: innerRef,
     ...rest,
+    enableSearch,
+    enableWebLinks,
+    cursorBlink,
+    convertEol,
     hideHeader: true,
     activityDetection: false,
     allowTransparency: transparent
@@ -1494,15 +1505,26 @@ var TerminalSession = forwardRef4((props, ref) => {
       return;
     hasInitializedRef.current = true;
     let mounted = true;
+    const tracer = getTracer();
     const init = async () => {
       try {
         if (sessionIdProp) {
+          const span2 = tracer.startSpan("terminal.session.reconnect", {
+            attributes: {
+              "session.id": sessionIdProp,
+              "session.context": sessionContext ?? "",
+              "session.isForeign": isForeign
+            }
+          });
           if (enableOwnership) {
             if (isForeign && actions.checkTerminalOwnership) {
               const status = await actions.checkTerminalOwnership(sessionIdProp);
               if (status.ownedByWindowId && !status.ownedByThisWindow) {
                 setShouldRenderTerminal(false);
                 setOwnerWindowId(status.ownedByWindowId);
+                span2.addEvent("terminal.session.reconnect_blocked", {
+                  "owner.windowId": status.ownedByWindowId
+                });
               }
             } else {
               await claimAndConnect(sessionIdProp);
@@ -1512,6 +1534,8 @@ var TerminalSession = forwardRef4((props, ref) => {
             setLocalSessionId(sessionIdProp);
             setIsInitialized(true);
           }
+          span2.setStatus({ code: SpanStatusCode.OK });
+          span2.end();
           return;
         }
         if (!actions.createTerminalSession) {
@@ -1519,22 +1543,46 @@ var TerminalSession = forwardRef4((props, ref) => {
             setIsInitialized(true);
           return;
         }
+        const span = tracer.startSpan("terminal.session.create", {
+          attributes: {
+            "session.cwd": cwd ?? "",
+            "session.context": sessionContext ?? ""
+          }
+        });
         const newId = await actions.createTerminalSession({
           cwd,
           command,
           context: sessionContext
         });
         pendingSessionIdRef.current = newId;
-        if (!mounted)
+        span.setAttribute("session.id", newId);
+        if (!mounted) {
+          span.setStatus({ code: SpanStatusCode.OK });
+          span.end();
           return;
+        }
         if (enableOwnership) {
           await claimAndConnect(newId);
         }
         setLocalSessionId(newId);
         setIsInitialized(true);
         onSessionCreated?.(newId);
+        span.setStatus({ code: SpanStatusCode.OK });
+        span.end();
       } catch (err) {
         console.error("[TerminalSession] init failed:", err);
+        const errSpan = tracer.startSpan("terminal.session.error", {
+          attributes: {
+            "session.context": sessionContext ?? "",
+            "session.action": sessionIdProp ? "reconnect" : "create"
+          }
+        });
+        errSpan.recordException(err);
+        errSpan.setStatus({
+          code: SpanStatusCode.ERROR,
+          message: err instanceof Error ? err.message : "Unknown error"
+        });
+        errSpan.end();
         if (mounted)
           setIsInitialized(true);
       }
@@ -1543,7 +1591,18 @@ var TerminalSession = forwardRef4((props, ref) => {
     return () => {
       mounted = false;
       if (!persistOnUnmount && pendingSessionIdRef.current && actions.destroyTerminalSession) {
-        actions.destroyTerminalSession(pendingSessionIdRef.current);
+        const tracer2 = getTracer();
+        const span = tracer2.startSpan("terminal.session.destroy", {
+          attributes: { "session.id": pendingSessionIdRef.current }
+        });
+        Promise.resolve(actions.destroyTerminalSession(pendingSessionIdRef.current)).then(() => {
+          span.setStatus({ code: SpanStatusCode.OK });
+          span.end();
+        }).catch((err) => {
+          span.recordException(err);
+          span.setStatus({ code: SpanStatusCode.ERROR });
+          span.end();
+        });
       }
     };
   }, []);
@@ -2204,350 +2263,21 @@ var useTabKeyboardShortcuts = ({
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [enabled, onNewTab, onCloseTab, onSwitchToTab]);
 };
-// src/panels/TerminalPanel.tsx
-import { useTheme as useTheme6 } from "@principal-ade/industry-theme";
-import { Lock, Unlock, ArrowDown } from "lucide-react";
-import { useCallback as useCallback5, useEffect as useEffect4, useRef as useRef4, useState as useState4 } from "react";
-
-// src/panel-types/index.ts
-function getTerminalSessions(context2) {
-  return context2.terminal?.data ?? [];
-}
-function getTerminalSession(context2, sessionId) {
-  const sessions = getTerminalSessions(context2);
-  return sessions.find((s) => s.id === sessionId);
-}
-function isTerminalLoading(context2) {
-  return context2.terminal?.loading ?? false;
-}
-function getRepositoryPath(context2) {
-  return context2.currentScope.repository?.path ?? null;
-}
-function getWorkspacePath(context2) {
-  return context2.currentScope.workspace?.path ?? null;
-}
-function getTerminalDirectory(context2, terminalScope = "repository") {
-  switch (terminalScope) {
-    case "workspace":
-      return getWorkspacePath(context2);
-    case "repository":
-      return getRepositoryPath(context2) ?? getWorkspacePath(context2);
-    default:
-      return getRepositoryPath(context2) ?? getWorkspacePath(context2);
-  }
-}
-function getTerminalSlice(context2) {
-  return context2.terminal;
-}
-
-// src/panels/TerminalPanel.tsx
-import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
-var TerminalPanel = ({
-  context: context2,
-  actions,
-  events: _events,
-  terminalScope = "repository",
-  allowTransparency = false,
-  backgroundColor
-}) => {
-  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 = useRef4(null);
-  const isScrollLockedRef = useRef4(scrollPosition.isScrollLocked);
-  const terminalDirectory = getTerminalDirectory(context2, terminalScope);
-  const pendingSessionIdRef = useRef4(null);
-  useEffect4(() => {
-    let mounted = true;
-    const initTerminal = async () => {
-      try {
-        if (!actions.createTerminalSession) {
-          throw new Error("Terminal actions not available. Host must provide createTerminalSession action.");
-        }
-        const id = await actions.createTerminalSession({
-          cwd: terminalDirectory || undefined
-        });
-        pendingSessionIdRef.current = id;
-        if (actions.claimTerminalOwnership) {
-          await actions.claimTerminalOwnership(id);
-        }
-        if (mounted) {
-          setSessionId(id);
-          setIsInitializing(false);
-        }
-      } catch (err) {
-        if (mounted) {
-          setError(err instanceof Error ? err.message : String(err));
-          setIsInitializing(false);
-        }
-      }
-    };
-    initTerminal();
-    return () => {
-      mounted = false;
-      if (pendingSessionIdRef.current && actions.destroyTerminalSession) {
-        actions.destroyTerminalSession(pendingSessionIdRef.current);
-      }
-    };
-  }, []);
-  useEffect4(() => {
-    if (!sessionId)
-      return;
-    if (!actions.onTerminalData) {
-      setError("Host does not provide onTerminalData. Terminal data cannot be displayed.");
-      return;
-    }
-    let cursorMovedToHome = false;
-    let lastWriteTime = 0;
-    let autoScrollTimeout = null;
-    const unsubscribe = actions.onTerminalData(sessionId, (data) => {
-      if (!terminalRef.current)
-        return;
-      if (data.includes("\x1B[H")) {
-        cursorMovedToHome = true;
-        lastWriteTime = Date.now();
-      }
-      terminalRef.current.write(data);
-      if (cursorMovedToHome && isScrollLockedRef.current) {
-        if (autoScrollTimeout)
-          clearTimeout(autoScrollTimeout);
-        autoScrollTimeout = setTimeout(() => {
-          const timeSinceLastWrite = Date.now() - lastWriteTime;
-          if (timeSinceLastWrite >= 100 && cursorMovedToHome && terminalRef.current) {
-            terminalRef.current.write("\x1B[9999;1H");
-            cursorMovedToHome = false;
-          }
-        }, 100);
-      }
-      lastWriteTime = Date.now();
-    });
-    return () => {
-      if (autoScrollTimeout)
-        clearTimeout(autoScrollTimeout);
-      unsubscribe();
-    };
-  }, [sessionId, actions.onTerminalData]);
-  const handleTerminalData = useCallback5((data) => {
-    if (sessionId && actions.writeToTerminal) {
-      actions.writeToTerminal(sessionId, data);
-    }
-  }, [sessionId, actions.writeToTerminal]);
-  const hasNotifiedPtyRef = useRef4(false);
-  const handleTerminalResize = useCallback5((cols, rows) => {
-    if (sessionId && actions.resizeTerminal) {
-      const isInitialNotification = !hasNotifiedPtyRef.current;
-      actions.resizeTerminal(sessionId, cols, rows);
-      if (isInitialNotification && actions.writeToTerminal) {
-        setTimeout(() => {
-          actions.writeToTerminal(sessionId, "\f");
-        }, 50);
-      }
-      hasNotifiedPtyRef.current = true;
-    }
-  }, [sessionId, actions.resizeTerminal, actions.writeToTerminal]);
-  useEffect4(() => {
-    hasNotifiedPtyRef.current = false;
-  }, [sessionId]);
-  useEffect4(() => {
-    if (!sessionId || !actions.resizeTerminal)
-      return;
-    if (hasNotifiedPtyRef.current)
-      return;
-    const term = terminalRef.current?.getTerminal();
-    if (!term || !term.cols || !term.rows)
-      return;
-    actions.resizeTerminal(sessionId, term.cols, term.rows);
-    hasNotifiedPtyRef.current = true;
-    if (actions.writeToTerminal) {
-      const writeFn = actions.writeToTerminal;
-      setTimeout(() => writeFn(sessionId, "\f"), 50);
-    }
-  }, [sessionId, actions.resizeTerminal, actions.writeToTerminal]);
-  const handleScrollPositionChange = useCallback5((position) => {
-    setScrollPosition(position);
-    isScrollLockedRef.current = position.isScrollLocked;
-  }, []);
-  const sessionInfo = sessionId ? getTerminalSession(context2, sessionId) : undefined;
-  if (error) {
-    return /* @__PURE__ */ jsxs7("div", {
-      style: {
-        padding: "20px",
-        color: "#ef4444",
-        backgroundColor: allowTransparency ? "transparent" : "#1a1a1a",
-        height: "100%",
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        flexDirection: "column",
-        gap: "10px"
-      },
-      children: [
-        /* @__PURE__ */ jsx9("div", {
-          style: { fontSize: "16px", fontWeight: "bold" },
-          children: "Terminal Error"
-        }),
-        /* @__PURE__ */ jsx9("div", {
-          style: { fontSize: "14px", opacity: 0.8 },
-          children: error
-        })
-      ]
-    });
-  }
-  if (isInitializing || !sessionId) {
-    return /* @__PURE__ */ jsx9("div", {
-      style: {
-        padding: "20px",
-        color: "#a0a0a0",
-        backgroundColor: allowTransparency ? "transparent" : "#1a1a1a",
-        height: "100%",
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center"
-      },
-      children: "Initializing terminal..."
-    });
-  }
-  const handleScrollToBottom = () => {
-    terminalRef.current?.scrollToBottom();
-  };
-  const handleToggleScrollLock = () => {
-    if (scrollPosition.isScrollLocked) {
-      const terminal = terminalRef.current?.getTerminal();
-      if (terminal) {
-        terminal.scrollLines(-1);
-      }
-    } else {
-      terminalRef.current?.scrollToBottom();
-    }
-  };
-  return /* @__PURE__ */ jsxs7("div", {
-    style: { height: "100%", width: "100%", display: "flex", flexDirection: "column" },
-    children: [
-      /* @__PURE__ */ jsxs7("div", {
-        style: {
-          display: "flex",
-          gap: "8px",
-          padding: "8px 12px",
-          backgroundColor: allowTransparency ? "transparent" : theme.colors.backgroundSecondary,
-          borderBottom: `1px solid ${theme.colors.border}`,
-          alignItems: "center"
-        },
-        children: [
-          /* @__PURE__ */ jsxs7("span", {
-            style: {
-              fontSize: "12px",
-              color: theme.colors.textSecondary,
-              marginRight: "auto",
-              fontFamily: theme.fonts.monospace
-            },
-            children: [
-              sessionInfo?.cwd || "Terminal",
-              " • ",
-              sessionInfo?.shell
-            ]
-          }),
-          /* @__PURE__ */ jsxs7("button", {
-            onClick: handleToggleScrollLock,
-            style: {
-              display: "flex",
-              alignItems: "center",
-              gap: "4px",
-              fontSize: "11px",
-              padding: "4px 8px",
-              borderRadius: "4px",
-              backgroundColor: scrollPosition.isScrollLocked ? `${theme.colors.success}22` : `${theme.colors.warning}22`,
-              color: scrollPosition.isScrollLocked ? theme.colors.success : theme.colors.warning,
-              border: `1px solid ${scrollPosition.isScrollLocked ? `${theme.colors.success}44` : `${theme.colors.warning}44`}`,
-              cursor: "pointer",
-              transition: "opacity 0.2s"
-            },
-            onMouseEnter: (e) => e.currentTarget.style.opacity = "0.8",
-            onMouseLeave: (e) => e.currentTarget.style.opacity = "1",
-            title: scrollPosition.isScrollLocked ? "Click to unlock scroll" : "Click to lock scroll to bottom",
-            children: [
-              scrollPosition.isScrollLocked ? /* @__PURE__ */ jsx9(Lock, {
-                size: 12
-              }) : /* @__PURE__ */ jsx9(Unlock, {
-                size: 12
-              }),
-              /* @__PURE__ */ jsx9("span", {
-                children: scrollPosition.isScrollLocked ? "Locked" : "Unlocked"
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs7("button", {
-            onClick: handleScrollToBottom,
-            disabled: scrollPosition.isAtBottom,
-            style: {
-              display: "flex",
-              alignItems: "center",
-              gap: "4px",
-              fontSize: "11px",
-              padding: "4px 10px",
-              borderRadius: "4px",
-              backgroundColor: scrollPosition.isAtBottom ? theme.colors.backgroundHover : theme.colors.accent,
-              color: scrollPosition.isAtBottom ? theme.colors.textTertiary : theme.colors.text,
-              border: `1px solid ${theme.colors.border}`,
-              cursor: scrollPosition.isAtBottom ? "not-allowed" : "pointer",
-              transition: "opacity 0.2s",
-              opacity: scrollPosition.isAtBottom ? 0.5 : 1
-            },
-            onMouseEnter: (e) => !scrollPosition.isAtBottom && (e.currentTarget.style.opacity = "0.8"),
-            onMouseLeave: (e) => !scrollPosition.isAtBottom && (e.currentTarget.style.opacity = "1"),
-            title: "Scroll to bottom and lock",
-            children: [
-              /* @__PURE__ */ jsx9(ArrowDown, {
-                size: 12
-              }),
-              /* @__PURE__ */ jsx9("span", {
-                children: "Bottom"
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsx9("div", {
-        style: { flex: 1 },
-        children: /* @__PURE__ */ jsx9(ThemedTerminalWithProvider, {
-          ref: terminalRef,
-          onData: handleTerminalData,
-          onResize: handleTerminalResize,
-          onScrollPositionChange: handleScrollPositionChange,
-          hideHeader: true,
-          autoFocus: true,
-          convertEol: true,
-          cursorBlink: true,
-          scrollback: 1e4,
-          enableSearch: true,
-          enableWebLinks: true,
-          allowTransparency,
-          backgroundColor
-        })
-      })
-    ]
-  });
-};
 // src/panels/TabbedTerminalPanel.tsx
-import { useTheme as useTheme7 } from "@principal-ade/industry-theme";
+import { useTheme as useTheme6 } 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 { Terminal as TerminalIcon2, Lock, Unlock, Box, Boxes, Paperclip } from "lucide-react";
 import React3, {
-  useState as useState5,
-  useCallback as useCallback6,
-  useEffect as useEffect5,
-  useRef as useRef5
+  useState as useState4,
+  useCallback as useCallback5,
+  useEffect as useEffect4,
+  useRef as useRef4
 } from "react";
-import { jsx as jsx10, jsxs as jsxs8, Fragment as Fragment2 } from "react/jsx-runtime";
-var ActivityIndicator = ({ color, isAnimating }) => /* @__PURE__ */ jsxs8("div", {
+import { jsx as jsx9, jsxs as jsxs7, Fragment as Fragment2 } from "react/jsx-runtime";
+var ActivityIndicator = ({ color, isAnimating }) => /* @__PURE__ */ jsxs7("div", {
   style: { display: "flex", gap: 1, alignItems: "center", height: 12 },
   children: [
-    [0, 1, 2, 3, 4].map((i) => /* @__PURE__ */ jsx10("div", {
+    [0, 1, 2, 3, 4].map((i) => /* @__PURE__ */ jsx9("div", {
       style: {
         width: 2,
         height: 10,
@@ -2558,7 +2288,7 @@ var ActivityIndicator = ({ color, isAnimating }) => /* @__PURE__ */ jsxs8("div",
         animation: isAnimating ? `waveSine 1.2s ease-in-out ${i * 0.1}s infinite` : "none"
       }
     }, i)),
-    /* @__PURE__ */ jsx10("style", {
+    /* @__PURE__ */ jsx9("style", {
       children: `
         @keyframes waveSine {
           0%, 100% { transform: scaleY(0.4); }
@@ -2569,376 +2299,69 @@ var ActivityIndicator = ({ color, isAnimating }) => /* @__PURE__ */ jsxs8("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 } = 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] = 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);
-      }
-      if (force && actions.requestTerminalDataPort) {
-        await actions.requestTerminalDataPort(targetSessionId);
-      }
-      setShouldRenderTerminal(true);
-      setOwnerWindowId(null);
-      if (force) {
-        needsRefreshOnResizeRef.current = true;
-      }
-    } catch (error) {
-      console.error("[TerminalTabContent] Failed to claim ownership:", error);
-      throw error;
-    }
-  }, [actions]);
-  useEffect5(() => {
-    if (hasInitializedRef.current) {
-      return;
-    }
-    hasInitializedRef.current = true;
-    let mounted = true;
-    const initSession = async () => {
-      try {
-        if (sessionId) {
-          const tracer2 = getTracer();
-          const reconnectSpan = tracer2.startSpan("terminal.session.reconnect", {
-            attributes: {
-              "session.id": sessionId,
-              "session.context": `${terminalContext}:${tab.id}`,
-              "session.isForeign": isForeign
-            }
-          });
-          reconnectSpan.addEvent("terminal.session.reconnecting", {
-            "session.id": sessionId,
-            "reconnect.reason": "component_remount"
-          });
-          if (isForeign && actions.checkTerminalOwnership) {
-            const status = await actions.checkTerminalOwnership(sessionId);
-            if (status.ownedByWindowId && !status.ownedByThisWindow) {
-              setShouldRenderTerminal(false);
-              setOwnerWindowId(status.ownedByWindowId);
-              reconnectSpan.addEvent("terminal.session.reconnect_blocked", {
-                "session.id": sessionId,
-                "owner.windowId": status.ownedByWindowId
-              });
-            }
-          } else {
-            await claimAndConnect(sessionId);
-            reconnectSpan.addEvent("terminal.session.reconnected", {
-              "session.id": sessionId
-            });
-          }
-          reconnectSpan.setStatus({ code: SpanStatusCode.OK });
-          reconnectSpan.end();
-          setLocalSessionId(sessionId);
-          setIsInitialized(true);
-          return;
-        }
-        if (!actions.createTerminalSession) {
-          return;
-        }
-        const newSessionId = await actions.createTerminalSession({
-          cwd: tab.directory,
-          command: tab.command,
-          context: `${terminalContext}:${tab.id}`
-        });
-        if (!mounted)
-          return;
-        const tracer = getTracer();
-        const span = tracer.startSpan("terminal.session", {
-          attributes: {
-            "session.id": newSessionId,
-            "session.cwd": tab.directory,
-            "session.context": `${terminalContext}:${tab.id}`
-          }
-        });
-        span.addEvent("terminal.session.created", {
-          "session.id": newSessionId,
-          "session.cwd": tab.directory
-        });
-        span.setStatus({ code: SpanStatusCode.OK });
-        span.end();
-        setLocalSessionId(newSessionId);
-        setIsInitialized(true);
-        onSessionCreated(tab.id, newSessionId);
-        await claimAndConnect(newSessionId);
-      } catch (error) {
-        console.error("[TerminalTabContent] Failed to create session:", error);
-        const tracer = getTracer();
-        const span = tracer.startSpan("terminal.session", {
-          attributes: {
-            "session.action": "create",
-            "error.occurred": true
-          }
-        });
-        span.addEvent("terminal.session.error", {
-          "error.message": error instanceof Error ? error.message : "Unknown error"
-        });
-        span.recordException(error);
-        span.setStatus({ code: SpanStatusCode.ERROR, message: "Session creation failed" });
-        span.end();
-      }
-    };
-    initSession();
-    return () => {
-      mounted = false;
-    };
-  }, []);
-  useEffect5(() => {
-    if (!localSessionId || !isInitialized || !shouldRenderTerminal) {
-      return;
-    }
-    if (!actions.onTerminalData) {
-      return;
-    }
-    const tracer = getTracer();
-    const subscribeSpan = tracer.startSpan("terminal.data.subscribe", {
-      attributes: {
-        "session.id": localSessionId,
-        "tab.id": tab.id
-      }
-    });
-    subscribeSpan.addEvent("terminal.data.subscribed", {
-      "session.id": localSessionId
-    });
-    console.log("[TerminalTabContent] SUBSCRIBING to terminal data", { tabId: tab.id, sessionId: localSessionId });
-    let hasReceivedData = false;
-    const unsubscribe = actions.onTerminalData(localSessionId, (data) => {
-      if (terminalRef.current) {
-        if (!hasReceivedData) {
-          hasReceivedData = true;
-          subscribeSpan.addEvent("terminal.data.first_received", {
-            "session.id": localSessionId,
-            "data.length": data.length
-          });
-        }
-        terminalRef.current.write(data);
-      }
-    });
-    subscribeSpan.setStatus({ code: SpanStatusCode.OK });
-    subscribeSpan.end();
-    return () => {
-      const unsubscribeSpan = tracer.startSpan("terminal.data.unsubscribe", {
-        attributes: {
-          "session.id": localSessionId,
-          "tab.id": tab.id,
-          "data.wasReceived": hasReceivedData
-        }
-      });
-      unsubscribeSpan.addEvent("terminal.data.unsubscribed", {
-        "session.id": localSessionId
-      });
-      unsubscribeSpan.setStatus({ code: SpanStatusCode.OK });
-      unsubscribeSpan.end();
-      console.log("[TerminalTabContent] UNSUBSCRIBING from terminal data", { tabId: tab.id, sessionId: localSessionId });
-      unsubscribe();
-    };
-  }, [localSessionId, isInitialized, actions, shouldRenderTerminal, tab.id]);
-  const handleData = useCallback6((data) => {
-    if (localSessionId && actions.writeToTerminal) {
-      actions.writeToTerminal(localSessionId, data);
-    }
-  }, [localSessionId, actions]);
-  const handleResize = useCallback6((cols, rows) => {
-    if (localSessionId && actions.resizeTerminal) {
-      actions.resizeTerminal(localSessionId, cols, rows);
-    }
-  }, [localSessionId, actions]);
-  const handleReady = useCallback6((cols, rows) => {
-    if (!localSessionId || !actions.resizeTerminal) {
-      return;
-    }
-    const shouldForce = needsRefreshOnResizeRef.current;
-    if (!shouldForce) {
-      actions.resizeTerminal(localSessionId, cols, rows, false);
-      return;
-    }
-    needsRefreshOnResizeRef.current = false;
-    const restoreBufferAndResize = async () => {
-      let bufferRestored = false;
-      if (actions.getTerminalBuffer && terminalRef.current) {
-        try {
-          const buffer = await actions.getTerminalBuffer(localSessionId);
-          if (buffer) {
-            terminalRef.current.write(buffer);
-            bufferRestored = true;
-          }
-        } catch (error) {
-          console.warn("[TabbedTerminalPanel] Failed to restore buffer:", error);
-        }
-      }
-      const forceResize = !bufferRestored;
-      actions.resizeTerminal(localSessionId, cols, rows, forceResize);
-    };
-    restoreBufferAndResize();
-  }, [localSessionId, actions]);
-  const handleLinkClick = useCallback6((url, modifiers) => {
-    if (localSessionId) {
-      events.emit({
-        type: "terminal:link-click",
-        source: "TabbedTerminalPanel",
-        timestamp: Date.now(),
-        payload: {
-          url,
-          sessionId: localSessionId,
-          shiftKey: modifiers.shiftKey,
-          metaKey: modifiers.metaKey,
-          ctrlKey: modifiers.ctrlKey,
-          altKey: modifiers.altKey
-        }
-      });
-    }
-  }, [localSessionId, events]);
-  useEffect5(() => {
-    if (!localSessionId || !actions.onOwnershipLost) {
-      return;
-    }
-    const unsubscribe = actions.onOwnershipLost((data) => {
-      if (data.sessionId === localSessionId) {
-        setShouldRenderTerminal(false);
-        setOwnerWindowId(data.newOwnerWindowId);
-      }
-    });
-    return () => {
-      unsubscribe();
-    };
-  }, [localSessionId, actions]);
-  const handleTakeControl = useCallback6(async () => {
-    if (!localSessionId) {
-      return;
-    }
-    await claimAndConnect(localSessionId, true);
-  }, [localSessionId, claimAndConnect]);
-  const handleScrollPositionChange = useCallback6((position) => {
-    setScrollPosition(position);
+  const {
+    tab,
+    sessionId,
+    isActive,
+    isVisible,
+    actions,
+    events,
+    terminalContext,
+    onSessionCreated,
+    onScrollPositionChange,
+    isForeign = false,
+    defaultScrollLocked,
+    activityDetection = true,
+    activityTimeout = 500,
+    autoShowBlinds = false,
+    onActivityStateChange
+  } = props;
+  const [isWorkingFromActivity, setIsWorkingFromActivity] = useState4(false);
+  const sessionRef = useRef4(null);
+  const handleSessionCreated = useCallback5((sid) => onSessionCreated(tab.id, sid), [onSessionCreated, tab.id]);
+  const handleScrollPositionChange = useCallback5((position) => {
     onScrollPositionChange?.(tab.id, position);
-  }, [tab.id, onScrollPositionChange]);
-  const handleShortcut = useCallback6((shortcutEvent) => {
-    if (localSessionId) {
-      events.emit({
-        type: "terminal:shortcut",
-        source: "TabbedTerminalPanel",
-        timestamp: Date.now(),
-        payload: {
-          shortcut: shortcutEvent.shortcut,
-          sessionId: localSessionId
-        }
-      });
+  }, [onScrollPositionChange, tab.id]);
+  const handleActivityChange = useCallback5((state) => {
+    const sid = sessionRef.current?.getSessionId();
+    if (sid) {
+      onActivityStateChange?.(sid, state.isActive);
     }
-  }, [localSessionId, events]);
-  const handleActivityChange = useCallback6((state) => {
-    if (localSessionId) {
-      onActivityStateChange?.(localSessionId, state.isActive);
-      events.emit({
-        type: "terminal:activity-changed",
-        source: "TabbedTerminalPanel",
-        timestamp: Date.now(),
-        payload: {
-          sessionId: localSessionId,
-          activityType: state.isActive ? "started" : "stopped",
-          isWorking: state.isActive
-        }
-      });
+    if (autoShowBlinds) {
+      setIsWorkingFromActivity(state.isActive);
     }
-  }, [localSessionId, events, onActivityStateChange]);
-  const handleScrollToBottom = useCallback6(() => {
-    terminalRef.current?.scrollToBottom();
-  }, []);
-  const handleToggleScrollLock = useCallback6(() => {
-    if (scrollPosition.isScrollLocked) {
-      const terminal = terminalRef.current?.getTerminal();
-      if (terminal) {
-        terminal.scrollLines(-1);
-      }
-    } else {
-      terminalRef.current?.scrollToBottom();
-    }
-  }, [scrollPosition.isScrollLocked]);
+  }, [autoShowBlinds, onActivityStateChange]);
   React3.useImperativeHandle(ref, () => ({
-    scrollToBottom: handleScrollToBottom,
-    toggleScrollLock: handleToggleScrollLock
-  }), [handleScrollToBottom, handleToggleScrollLock]);
-  if (!isInitialized) {
-    return /* @__PURE__ */ jsxs8("div", {
-      style: {
-        display: isActive ? "flex" : "none",
-        height: "100%",
-        width: "100%",
-        backgroundColor: theme.colors.background,
-        padding: "10px 0 0 10px"
-      },
-      children: [
-        /* @__PURE__ */ jsx10("div", {
-          style: {
-            width: "8px",
-            height: "17px",
-            backgroundColor: theme.colors.text,
-            animation: "blink 1s step-end infinite"
-          }
-        }),
-        /* @__PURE__ */ jsx10("style", {
-          children: `
-              @keyframes blink {
-                0%, 100% { opacity: 1; }
-                50% { opacity: 0; }
-              }
-            `
-        })
-      ]
-    });
-  }
-  const overlayState = !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;
-  return /* @__PURE__ */ jsx10("div", {
+    scrollToBottom: () => sessionRef.current?.scrollToBottom(),
+    toggleScrollLock: () => sessionRef.current?.toggleScrollLock()
+  }), []);
+  return /* @__PURE__ */ jsx9("div", {
     style: {
-      display: isActive ? "flex" : "none",
+      display: "flex",
       flexDirection: "column",
       height: "100%",
       width: "100%"
     },
-    children: /* @__PURE__ */ jsx10(ThemedTerminalWithProvider, {
-      ref: terminalRef,
-      onData: shouldRenderTerminal ? handleData : undefined,
-      onResize: shouldRenderTerminal ? handleResize : undefined,
-      onReady: shouldRenderTerminal ? handleReady : undefined,
-      onLinkClick: shouldRenderTerminal ? handleLinkClick : undefined,
-      onScrollPositionChange: shouldRenderTerminal ? handleScrollPositionChange : undefined,
-      onShortcut: handleShortcut,
-      hideHeader: true,
-      autoFocus: isActive && shouldRenderTerminal,
-      isVisible: isVisible && isActive,
-      defaultScrollLocked,
-      convertEol: true,
-      cursorBlink: shouldRenderTerminal,
-      scrollback: 1e4,
-      enableSearch: true,
+    children: /* @__PURE__ */ jsx9(TerminalSession, {
+      ref: sessionRef,
+      actions,
+      events,
+      sessionId,
+      onSessionCreated: handleSessionCreated,
+      cwd: tab.directory,
+      command: tab.command,
+      sessionContext: `${terminalContext}:${tab.id}`,
+      enableOwnership: true,
+      isForeign,
       activityDetection,
       activityTimeout,
-      autoShowBlinds,
-      onActivityChange: shouldRenderTerminal ? handleActivityChange : undefined,
-      enableWebLinks: true,
-      overlayState
-    }, shouldRenderTerminal ? "active" : "overlay")
+      onActivityChange: handleActivityChange,
+      onScrollPositionChange: handleScrollPositionChange,
+      defaultScrollLocked,
+      autoFocus: isActive,
+      isVisible: isVisible && isActive,
+      isWorking: autoShowBlinds && isWorkingFromActivity
+    })
   });
 }
 var areTerminalTabContentPropsEqual = (prevProps, nextProps) => {
@@ -3005,11 +2428,11 @@ var TabbedTerminalPanelInner = ({
   onTabAssociate: onTabAssociateProp,
   onTabDissociate: _onTabDissociate
 }) => {
-  const { theme } = useTheme7();
+  const { theme } = useTheme6();
   const onTabAssociate = actions.onTabAssociate ?? onTabAssociateProp;
-  const [ownedTabs, setOwnedTabs] = useState5(initialTabs);
-  const [foreignTabs, setForeignTabs] = useState5([]);
-  const [internalActiveTabId, setInternalActiveTabId] = useState5(null);
+  const [ownedTabs, setOwnedTabs] = useState4(initialTabs);
+  const [foreignTabs, setForeignTabs] = useState4([]);
+  const [internalActiveTabId, setInternalActiveTabId] = useState4(null);
   const isControlled = activeTabIdProp !== undefined;
   const activeTabId = isControlled ? activeTabIdProp : internalActiveTabId;
   const setActiveTabId = React3.useCallback((tabId) => {
@@ -3020,20 +2443,20 @@ var TabbedTerminalPanelInner = ({
       onActiveTabChange?.(tabId);
     }
   }, [isControlled, onActiveTabChange]);
-  const [activatedTabs, setActivatedTabs] = useState5(() => new Set);
+  const [activatedTabs, setActivatedTabs] = useState4(() => new Set);
   React3.useEffect(() => {
     if (activeTabId && !activatedTabs.has(activeTabId)) {
       setActivatedTabs((prev) => new Set(prev).add(activeTabId));
     }
   }, [activeTabId, activatedTabs]);
-  const [sessionIds, setSessionIds] = useState5(new Map);
-  const [scrollPositions, setScrollPositions] = useState5(new Map);
-  const [activityStates, setActivityStates] = useState5(new Map);
+  const [sessionIds, setSessionIds] = useState4(new Map);
+  const [scrollPositions, setScrollPositions] = useState4(new Map);
+  const [activityStates, setActivityStates] = useState4(new Map);
   const customTabsKey = React3.useMemo(() => {
     const customTabs = initialTabs.filter((tab) => tab.contentType !== "terminal");
     return JSON.stringify(customTabs);
   }, [initialTabs]);
-  useEffect5(() => {
+  useEffect4(() => {
     const customTabsFromProp = initialTabs.filter((tab) => tab.contentType !== "terminal");
     setOwnedTabs((prevTabs) => {
       const existingTerminalTabs = prevTabs.filter((tab) => tab.contentType === "terminal");
@@ -3054,7 +2477,7 @@ var TabbedTerminalPanelInner = ({
       return mergedTabs;
     });
   }, [customTabsKey]);
-  useEffect5(() => {
+  useEffect4(() => {
     if (!requestFocusTabId) {
       return;
     }
@@ -3069,7 +2492,7 @@ var TabbedTerminalPanelInner = ({
       onFocusTabHandled?.();
     }
   }, [requestFocusTabId, ownedTabs, foreignTabs, setActiveTabId, onFocusTabHandled, activeTabId]);
-  const getOwnedTabLabel = useCallback6((index, _directory) => {
+  const getOwnedTabLabel = useCallback5((index, _directory) => {
     if (tabLabelPrefix) {
       return `${tabLabelPrefix} ${index + 1}`;
     }
@@ -3095,9 +2518,9 @@ var TabbedTerminalPanelInner = ({
       }
     }));
   }, [tabs]);
-  const tabRefsMap = useRef5(new Map);
-  const refCallbacksMap = useRef5(new Map);
-  const getRefCallback = useCallback6((tabId) => {
+  const tabRefsMap = useRef4(new Map);
+  const refCallbacksMap = useRef4(new Map);
+  const getRefCallback = useCallback5((tabId) => {
     let callback = refCallbacksMap.current.get(tabId);
     if (!callback) {
       callback = (ref) => {
@@ -3111,10 +2534,10 @@ var TabbedTerminalPanelInner = ({
     }
     return callback;
   }, []);
-  const hasInitializedRef = useRef5(false);
-  const isCreatingTabRef = useRef5(false);
-  const headerRef = useRef5(null);
-  const handleTabScrollPositionChange = useCallback6((tabId, position) => {
+  const hasInitializedRef = useRef4(false);
+  const isCreatingTabRef = useRef4(false);
+  const headerRef = useRef4(null);
+  const handleTabScrollPositionChange = useCallback5((tabId, position) => {
     setScrollPositions((prev) => new Map(prev).set(tabId, position));
   }, []);
   const defaultScrollPosition = {
@@ -3122,12 +2545,12 @@ var TabbedTerminalPanelInner = ({
     isAtBottom: true,
     isScrollLocked: false
   };
-  const handleToggleScrollLock = useCallback6(() => {
+  const handleToggleScrollLock = useCallback5(() => {
     if (activeTabId) {
       tabRefsMap.current.get(activeTabId)?.toggleScrollLock();
     }
   }, [activeTabId]);
-  const restoreOwnedSessions = useCallback6(async () => {
+  const restoreOwnedSessions = useCallback5(async () => {
     try {
       let sessions = [];
       if (actions.listTerminalSessions) {
@@ -3179,7 +2602,7 @@ var TabbedTerminalPanelInner = ({
       console.error("[TabbedTerminalPanel] Failed to restore owned sessions:", err);
     }
   }, [terminalContext, sessionIds, activeTabId, onTabsChange, actions, directory, setActiveTabId]);
-  const fetchForeignSessions = useCallback6(async () => {
+  const fetchForeignSessions = useCallback5(async () => {
     try {
       if (!actions.listTerminalSessions) {
         return;
@@ -3211,7 +2634,7 @@ var TabbedTerminalPanelInner = ({
       console.error("[TabbedTerminalPanel] Failed to fetch foreign sessions:", err);
     }
   }, [terminalContext, actions]);
-  const clearForeignTabs = useCallback6(() => {
+  const clearForeignTabs = useCallback5(() => {
     setForeignTabs((prevForeign) => {
       const foreignTabIds = new Set(prevForeign.map((t) => t.id));
       setSessionIds((prev) => {
@@ -3222,13 +2645,13 @@ var TabbedTerminalPanelInner = ({
       return [];
     });
   }, []);
-  useEffect5(() => {
+  useEffect4(() => {
     if (hasInitializedRef.current)
       return;
     hasInitializedRef.current = true;
     restoreOwnedSessions();
   }, []);
-  useEffect5(() => {
+  useEffect4(() => {
     const handleSessionCreated2 = (event) => {
       const customEvent = event;
       const { context: context2 } = customEvent.detail || {};
@@ -3242,17 +2665,17 @@ var TabbedTerminalPanelInner = ({
       window.removeEventListener("terminal-session-created", handleSessionCreated2);
     };
   }, [terminalContext, restoreOwnedSessions]);
-  useEffect5(() => {
+  useEffect4(() => {
     if (showAllTerminals) {
       fetchForeignSessions();
     } else {
       clearForeignTabs();
     }
   }, [showAllTerminals, fetchForeignSessions, clearForeignTabs]);
-  const switchTab = useCallback6((tabId) => {
+  const switchTab = useCallback5((tabId) => {
     setActiveTabId(tabId);
   }, [setActiveTabId]);
-  const addNewTab = useCallback6((label, command, targetDirectory) => {
+  const addNewTab = useCallback5((label, command, targetDirectory) => {
     const targetDir = targetDirectory || directory;
     const directoryName = targetDir.split("/").pop() || targetDir;
     const newTab = {
@@ -3270,10 +2693,10 @@ var TabbedTerminalPanelInner = ({
     });
     setActiveTabId(newTab.id);
   }, [directory, onTabsChange]);
-  const isForeignTab = useCallback6((tabId) => {
+  const isForeignTab = useCallback5((tabId) => {
     return tabId.startsWith("tab-foreign-");
   }, []);
-  const closeTab = useCallback6(async (tabId) => {
+  const closeTab = useCallback5(async (tabId) => {
     const sessionId = sessionIds.get(tabId);
     const isForeign = isForeignTab(tabId);
     if (!isForeign && sessionId && actions.destroyTerminalSession) {
@@ -3343,10 +2766,10 @@ var TabbedTerminalPanelInner = ({
       });
     }
   }, [activeTabId, sessionIds, actions, onTabsChange, isForeignTab, ownedTabs, foreignTabs]);
-  const handleSessionCreated = useCallback6((tabId, sessionId) => {
+  const handleSessionCreated = useCallback5((tabId, sessionId) => {
     setSessionIds((prev) => new Map(prev).set(tabId, sessionId));
   }, []);
-  const handleActivityStateChange = useCallback6((sessionId, isActive) => {
+  const handleActivityStateChange = useCallback5((sessionId, isActive) => {
     setActivityStates((prev) => {
       const next = new Map(prev);
       if (isActive) {
@@ -3377,7 +2800,7 @@ var TabbedTerminalPanelInner = ({
       }
     }
   });
-  const renderTabAccessory = useCallback6((tab) => {
+  const renderTabAccessory = useCallback5((tab) => {
     const tabSessionId = sessionIds.get(tab.id);
     const hasExternalWorkingState = tabSessionId ? workingStates?.[tabSessionId]?.isWorking : false;
     const hasInternalActivity = tabSessionId ? activityStates.get(tabSessionId) : false;
@@ -3386,9 +2809,9 @@ var TabbedTerminalPanelInner = ({
     if (!isActive)
       return null;
     const scrollPosition = scrollPositions.get(tab.id) ?? defaultScrollPosition;
-    return /* @__PURE__ */ jsxs8(Fragment2, {
+    return /* @__PURE__ */ jsxs7(Fragment2, {
       children: [
-        /* @__PURE__ */ jsx10("button", {
+        /* @__PURE__ */ jsx9("button", {
           onClick: (e) => {
             e.stopPropagation();
             handleToggleScrollLock();
@@ -3413,13 +2836,13 @@ var TabbedTerminalPanelInner = ({
             e.currentTarget.style.backgroundColor = "transparent";
           },
           title: scrollPosition.isScrollLocked ? "Scroll locked" : "Scroll unlocked",
-          children: scrollPosition.isScrollLocked ? /* @__PURE__ */ jsx10(Lock2, {
+          children: scrollPosition.isScrollLocked ? /* @__PURE__ */ jsx9(Lock, {
             size: 10
-          }) : /* @__PURE__ */ jsx10(Unlock2, {
+          }) : /* @__PURE__ */ jsx9(Unlock, {
             size: 10
           })
         }),
-        /* @__PURE__ */ jsx10("div", {
+        /* @__PURE__ */ jsx9("div", {
           style: {
             position: "absolute",
             right: "8px",
@@ -3430,7 +2853,7 @@ var TabbedTerminalPanelInner = ({
             height: "16px"
           },
           title: isWorking ? "Terminal active" : "Terminal idle",
-          children: /* @__PURE__ */ jsx10(ActivityIndicator, {
+          children: /* @__PURE__ */ jsx9(ActivityIndicator, {
             color: theme.colors.primary,
             isAnimating: isWorking ?? false
           })
@@ -3438,8 +2861,8 @@ var TabbedTerminalPanelInner = ({
       ]
     });
   }, [activeTabId, scrollPositions, defaultScrollPosition, handleToggleScrollLock, theme, sessionIds, workingStates, activityStates]);
-  const renderTerminalWithAssociation = useCallback6((tab, isActive, sessionId, association) => {
-    const terminalContent = /* @__PURE__ */ jsx10(TerminalTabContent, {
+  const renderTerminalWithAssociation = useCallback5((tab, isActive, sessionId, association) => {
+    const terminalContent = /* @__PURE__ */ jsx9(TerminalTabContent, {
       ref: getRefCallback(tab.id),
       tab,
       sessionId,
@@ -3458,7 +2881,7 @@ var TabbedTerminalPanelInner = ({
       onActivityStateChange: handleActivityStateChange
     }, `terminal-${tab.id}`);
     const hasAssociation = !!association;
-    const secondaryContent = hasAssociation && renderAssociatedContent ? renderAssociatedContent(association.associatedTabId, isActive) : /* @__PURE__ */ jsx10("div", {
+    const secondaryContent = hasAssociation && renderAssociatedContent ? renderAssociatedContent(association.associatedTabId, isActive) : /* @__PURE__ */ jsx9("div", {
       style: {
         height: "100%",
         display: "flex",
@@ -3470,12 +2893,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__ */ jsx10(Paperclip, {
+    const headerConfig = hasAssociation && getAssociatedHeader ? getAssociatedHeader(association.associatedTabId) : { title: "Drop zone", icon: /* @__PURE__ */ jsx9(Paperclip, {
       size: 14
     }) };
     const isCollapsed = hasAssociation ? association.collapsed : true;
     const handleCollapsedChange = hasAssociation ? (collapsed) => onAssociationCollapsedChange?.(tab.id, collapsed) : undefined;
-    return /* @__PURE__ */ jsx10(CollapsibleSplitPane, {
+    return /* @__PURE__ */ jsx9(CollapsibleSplitPane, {
       style: { height: "100%" },
       primaryContent: terminalContent,
       secondaryContent,
@@ -3506,7 +2929,7 @@ var TabbedTerminalPanelInner = ({
     onAssociationRatioChange,
     theme
   ]);
-  const handleTabDrop = useCallback6((draggedTabId, targetTabId) => {
+  const handleTabDrop = useCallback5((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") {
@@ -3514,13 +2937,13 @@ var TabbedTerminalPanelInner = ({
       setActiveTabId(targetTabId);
     }
   }, [tabs, onTabAssociate, setActiveTabId]);
-  const canDropOnTab = useCallback6((draggedTabId, targetTabId) => {
+  const canDropOnTab = useCallback5((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] = useState5(false);
-  const handleContentDragEnter = useCallback6((e) => {
+  const [isDragOverContent, setIsDragOverContent] = useState4(false);
+  const handleContentDragEnter = useCallback5((e) => {
     e.preventDefault();
     if (activeTabId) {
       const activeTab = tabs.find((t) => t.id === activeTabId);
@@ -3529,13 +2952,13 @@ var TabbedTerminalPanelInner = ({
       }
     }
   }, [activeTabId, tabs]);
-  const handleContentDragLeave = useCallback6((e) => {
+  const handleContentDragLeave = useCallback5((e) => {
     const relatedTarget = e.relatedTarget;
     if (!e.currentTarget.contains(relatedTarget)) {
       setIsDragOverContent(false);
     }
   }, []);
-  const handleContentDrop = useCallback6((e) => {
+  const handleContentDrop = useCallback5((e) => {
     e.preventDefault();
     e.stopPropagation();
     setIsDragOverContent(false);
@@ -3550,7 +2973,7 @@ var TabbedTerminalPanelInner = ({
       setActiveTabId(activeTabId);
     }
   }, [activeTabId, tabs, onTabAssociate, setActiveTabId]);
-  return /* @__PURE__ */ jsxs8("div", {
+  return /* @__PURE__ */ jsxs7("div", {
     style: {
       display: "flex",
       flexDirection: "column",
@@ -3558,15 +2981,15 @@ var TabbedTerminalPanelInner = ({
       backgroundColor: theme.colors.background
     },
     children: [
-      !hideHeader && /* @__PURE__ */ jsx10("div", {
+      !hideHeader && /* @__PURE__ */ jsx9("div", {
         ref: headerRef,
-        children: /* @__PURE__ */ jsx10(TabBar, {
+        children: /* @__PURE__ */ jsx9(TabBar, {
           tabs: genericTabs,
           activeTabId,
           onTabClick: switchTab,
           onTabClose: closeTab,
           onNewTab: addNewTab,
-          leftSection: /* @__PURE__ */ jsx10("button", {
+          leftSection: /* @__PURE__ */ jsx9("button", {
             onClick: () => onShowAllTerminalsChange?.(!showAllTerminals),
             style: {
               display: "flex",
@@ -3591,9 +3014,9 @@ var TabbedTerminalPanelInner = ({
               }
             },
             title: showAllTerminals ? "Showing all terminals (click to filter by context)" : "Show all terminals",
-            children: showAllTerminals ? /* @__PURE__ */ jsx10(Boxes, {
+            children: showAllTerminals ? /* @__PURE__ */ jsx9(Boxes, {
               size: 14
-            }) : /* @__PURE__ */ jsx10(Box, {
+            }) : /* @__PURE__ */ jsx9(Box, {
               size: 14
             })
           }),
@@ -3606,7 +3029,7 @@ var TabbedTerminalPanelInner = ({
           canDropOnTab
         })
       }),
-      /* @__PURE__ */ jsxs8("div", {
+      /* @__PURE__ */ jsxs7("div", {
         style: {
           flex: 1,
           display: "flex",
@@ -3660,62 +3083,71 @@ var TabbedTerminalPanelInner = ({
               const customContent = renderTabContent(tab, isActive, sessionId, width);
               if (customContent === null && tab.contentType === "terminal") {
                 const association = associations?.[tab.id];
-                return /* @__PURE__ */ jsx10("div", {
+                return /* @__PURE__ */ jsx9("div", {
                   style: {
-                    display: isActive ? "flex" : "none",
+                    position: "absolute",
+                    inset: 0,
+                    display: "flex",
                     flexDirection: "column",
-                    height: "100%",
-                    width: "100%"
+                    visibility: isActive ? "visible" : "hidden",
+                    pointerEvents: isActive ? "auto" : "none"
                   },
                   children: renderTerminalWithAssociation(tab, isActive, sessionId, association)
                 }, tab.id);
               }
               const hasBeenActivated = activatedTabs.has(tab.id);
-              return /* @__PURE__ */ jsx10("div", {
+              return /* @__PURE__ */ jsx9("div", {
                 style: {
-                  display: isActive ? "flex" : "none",
+                  position: "absolute",
+                  inset: 0,
+                  display: "flex",
                   flexDirection: "column",
-                  height: "100%",
-                  width: "100%"
+                  visibility: isActive ? "visible" : "hidden",
+                  pointerEvents: isActive ? "auto" : "none"
                 },
                 children: hasBeenActivated && customContent
               }, tab.id);
             }
             if (tab.contentType === "terminal") {
               const association = associations?.[tab.id];
-              return /* @__PURE__ */ jsx10("div", {
+              return /* @__PURE__ */ jsx9("div", {
                 style: {
-                  display: isActive ? "flex" : "none",
+                  position: "absolute",
+                  inset: 0,
+                  display: "flex",
                   flexDirection: "column",
-                  height: "100%",
-                  width: "100%"
+                  visibility: isActive ? "visible" : "hidden",
+                  pointerEvents: isActive ? "auto" : "none"
                 },
                 children: renderTerminalWithAssociation(tab, isActive, sessionId, association)
               }, tab.id);
             }
-            return /* @__PURE__ */ jsxs8("div", {
+            return /* @__PURE__ */ jsxs7("div", {
               style: {
-                display: isActive ? "flex" : "none",
+                position: "absolute",
+                inset: 0,
+                display: "flex",
                 alignItems: "center",
                 justifyContent: "center",
-                height: "100%",
+                visibility: isActive ? "visible" : "hidden",
+                pointerEvents: isActive ? "auto" : "none",
                 color: theme.colors.textSecondary
               },
               children: [
-                /* @__PURE__ */ jsxs8("p", {
+                /* @__PURE__ */ jsxs7("p", {
                   children: [
                     "Unknown content type: ",
                     tab.contentType
                   ]
                 }),
-                /* @__PURE__ */ jsx10("p", {
+                /* @__PURE__ */ jsx9("p", {
                   style: { fontSize: theme.fontSizes[0], marginTop: "8px" },
                   children: "Provide a renderTabContent prop to render custom tab types"
                 })
               ]
             }, tab.id);
           }),
-          tabs.length === 0 && /* @__PURE__ */ jsxs8("div", {
+          tabs.length === 0 && /* @__PURE__ */ jsxs7("div", {
             style: {
               display: "flex",
               flexDirection: "column",
@@ -3725,11 +3157,11 @@ var TabbedTerminalPanelInner = ({
               color: theme.colors.textSecondary
             },
             children: [
-              /* @__PURE__ */ jsx10(TerminalIcon2, {
+              /* @__PURE__ */ jsx9(TerminalIcon2, {
                 size: 32,
                 style: { opacity: 0.5, marginBottom: "16px" }
               }),
-              /* @__PURE__ */ jsx10("button", {
+              /* @__PURE__ */ jsx9("button", {
                 onClick: () => addNewTab(),
                 style: {
                   marginTop: "16px",
@@ -3958,33 +3390,43 @@ var terminalPanelToolsMetadata = {
 };
 
 // src/panel-exports.ts
-var panels = [
-  {
-    metadata: {
-      id: "com.principal.terminal",
-      name: "Terminal",
-      icon: "terminal",
-      version: "0.1.0",
-      author: "Principal",
-      description: "Integrated terminal emulator with industry theming",
-      slices: ["terminal"],
-      tools: terminalPanelTools
-    },
-    component: TerminalPanel,
-    onMount: async (_context) => {
-      console.log("Terminal Panel mounted for repository:", _context.currentScope.repository?.path);
-    },
-    onUnmount: async (_context) => {
-      console.log("Terminal Panel unmounting");
-    }
-  }
-];
+var panels = [];
 var onPackageLoad = async () => {
   console.log("Panel package loaded - Terminal Panel Extension");
 };
 var onPackageUnload = async () => {
   console.log("Panel package unloading - Terminal Panel Extension");
 };
+// src/panel-types/index.ts
+function getTerminalSessions(context2) {
+  return context2.terminal?.data ?? [];
+}
+function getTerminalSession(context2, sessionId) {
+  const sessions = getTerminalSessions(context2);
+  return sessions.find((s) => s.id === sessionId);
+}
+function isTerminalLoading(context2) {
+  return context2.terminal?.loading ?? false;
+}
+function getRepositoryPath(context2) {
+  return context2.currentScope.repository?.path ?? null;
+}
+function getWorkspacePath(context2) {
+  return context2.currentScope.workspace?.path ?? null;
+}
+function getTerminalDirectory(context2, terminalScope = "repository") {
+  switch (terminalScope) {
+    case "workspace":
+      return getWorkspacePath(context2);
+    case "repository":
+      return getRepositoryPath(context2) ?? getWorkspacePath(context2);
+    default:
+      return getRepositoryPath(context2) ?? getWorkspacePath(context2);
+  }
+}
+function getTerminalSlice(context2) {
+  return context2.terminal;
+}
 export {
   writeToTerminalTool,
   withSpanSync,
@@ -4019,7 +3461,6 @@ export {
   ThemedTerminalWithProvider,
   ThemedTerminal,
   TerminalSession,
-  TerminalPanel,
   TerminalOverlay,
   TabbedTerminalPanel,
   TabButton,