@burdenoff/microfe-vibecontrols 2026.511.1

package/dist/components/sessions/SharedTerminalPanel.d.ts

@@ -0,0 +1,72 @@
+import { FC, ReactNode } from 'react';
+import { SessionCollaboratorFieldsFragment } from '../../generated/wspace-operations';
+import { SessionSharePermission } from '../../generated/wspace-types';
+
+interface SharedTerminalPanelProps {
+    /**
+     * The terminal content (typically an iframe or TerminalPanel)
+     */
+    children: ReactNode;
+    /**
+     * Whether this is a shared session
+     */
+    isShared: boolean;
+    /**
+     * Active collaborators in the session
+     */
+    collaborators: SessionCollaboratorFieldsFragment[];
+    /**
+     * Current user's ID
+     */
+    currentUserId?: string;
+    /**
+     * Permission level of the current user (for link-based shares)
+     */
+    permission?: SessionSharePermission;
+    /**
+     * Callback when user requests control
+     */
+    onRequestControl?: () => void;
+    /**
+     * Callback when user releases control
+     */
+    onReleaseControl?: () => void;
+    /**
+     * Whether a control request is in progress
+     */
+    isRequestingControl?: boolean;
+    /**
+     * Whether releasing control is in progress
+     */
+    isReleasingControl?: boolean;
+    /**
+     * Show minimal floating indicator instead of status bar
+     */
+    minimal?: boolean;
+    /**
+     * Additional className for the wrapper
+     */
+    className?: string;
+}
+/**
+ * SharedTerminalPanel - Wrapper that adds collaboration UI to a terminal
+ *
+ * This component wraps any terminal content and adds:
+ * - Control status bar (who has control, viewer count)
+ * - Request/release control buttons
+ * - Read-only overlay when user doesn't have control
+ * - Visual indicators for shared state
+ */
+export declare const SharedTerminalPanel: FC<SharedTerminalPanelProps>;
+/**
+ * ReadOnlyTerminalOverlay - Standalone overlay for blocking terminal interaction
+ * Use this when you need more control over placement
+ */
+export declare const ReadOnlyTerminalOverlay: FC<{
+    isViewer: boolean;
+    controllerName?: string;
+    onRequestControl?: () => void;
+    isRequestingControl?: boolean;
+}>;
+export {};
+//# sourceMappingURL=SharedTerminalPanel.d.ts.map

package/dist/components/sessions/SharedTerminalPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SharedTerminalPanel.d.ts","sourceRoot":"","sources":["../../../src/components/sessions/SharedTerminalPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAC;AAGnE,OAAO,KAAK,EAAE,iCAAiC,EAAE,MAAM,mCAAmC,CAAC;AAC3F,OAAO,EAAE,sBAAsB,EAAoB,MAAM,8BAA8B,CAAC;AAGxF,UAAU,wBAAwB;IAChC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,aAAa,EAAE,iCAAiC,EAAE,CAAC;IACnD;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,UAAU,CAAC,EAAE,sBAAsB,CAAC;IACpC;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CA4J5D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,uBAAuB,EAAE,EAAE,CAAC;IACvC,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B,CA4DA,CAAC"}

package/dist/components/sessions/SharedTerminalPanel.js

@@ -0,0 +1,94 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { CollaboratorRole as t, SessionSharePermission as n } from "../../generated/wspace-types.js";
+import { ControlStatusBar as r, MiniControlIndicator as i } from "./ControlStatusBar.js";
+import { useEffect as a, useRef as o } from "react";
+import { Eye as s, Gamepad2 as c, Lock as l } from "lucide-react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/components/sessions/SharedTerminalPanel.tsx
+var p = ({ children: p, isShared: m, collaborators: h, currentUserId: g, permission: _, onRequestControl: v, onReleaseControl: y, isRequestingControl: b = !1, isReleasingControl: x = !1, minimal: S = !1, className: C = "" }) => {
+	let w = e(), T = o(null), E = h.find((e) => e.userId === g), D = E?.hasControl, O = h.length > 0, k = m ? O ? D : !1 : !0;
+	if (a(() => {
+		if (!k && T.current) {
+			let e = T.current.querySelector("iframe");
+			e && document.activeElement === e && (e.blur(), T.current.focus());
+		}
+	}, [k]), !m) return /* @__PURE__ */ d(u, { children: p });
+	let A = h.find((e) => e.hasControl), j = h.filter((e) => !e.hasControl).length, M = _ === n.View || E?.role === t.Viewer;
+	return /* @__PURE__ */ f("div", {
+		className: `relative flex flex-col ${C}`,
+		children: [!S && /* @__PURE__ */ d(r, {
+			collaborators: h,
+			currentUserId: g,
+			permission: _,
+			onRequestControl: v,
+			onReleaseControl: y,
+			isRequestingControl: b,
+			isReleasingControl: x
+		}), /* @__PURE__ */ f("div", {
+			ref: T,
+			className: "relative flex-1",
+			tabIndex: -1,
+			children: [
+				p,
+				S && /* @__PURE__ */ d(i, {
+					hasControl: D || !1,
+					controllerName: A?.username || void 0,
+					viewerCount: j,
+					isViewer: M
+				}),
+				!k && /* @__PURE__ */ f("div", {
+					className: "absolute inset-0 z-20 pointer-events-auto",
+					children: [/* @__PURE__ */ d("div", {
+						className: "absolute inset-0 cursor-not-allowed",
+						onClick: (e) => {
+							e.preventDefault(), e.stopPropagation();
+						},
+						onMouseDown: (e) => {
+							e.preventDefault(), e.stopPropagation();
+						},
+						onKeyDown: (e) => {
+							e.preventDefault(), e.stopPropagation();
+						}
+					}), /* @__PURE__ */ d("div", {
+						className: "absolute bottom-0 left-0 right-0 flex items-center justify-center py-2 bg-gradient-to-t from-bg-overlay to-bg-overlay/0",
+						children: /* @__PURE__ */ d("div", {
+							className: `flex items-center gap-2 px-3 py-1.5 rounded-full text-sm ${M ? "bg-bg-sunken/90 text-text-secondary" : "bg-action-primary-bg/90 text-action-primary-text"}`,
+							children: M ? /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(s, { className: "w-4 h-4" }), /* @__PURE__ */ d("span", { children: w("vibecontrols.sessions.shared.viewOnly", "View Only") })] }) : /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(l, { className: "w-4 h-4" }), /* @__PURE__ */ f("span", { children: [
+								A?.username || "Someone",
+								" has control",
+								v && /* @__PURE__ */ d("button", {
+									onClick: (e) => {
+										e.stopPropagation(), v();
+									},
+									disabled: b,
+									className: "ml-2 underline hover:no-underline",
+									children: b ? w("vibecontrols.sessions.shared.requesting", "Requesting...") : w("vibecontrols.sessions.shared.takeControl", "Take control")
+								})
+							] })] })
+						})
+					})]
+				}),
+				D && /* @__PURE__ */ d("div", {
+					className: "absolute bottom-2 right-2 z-10",
+					children: /* @__PURE__ */ f("div", {
+						className: "flex items-center gap-1.5 px-2 py-1 rounded-full bg-status-success-bg/90 text-status-success-text text-xs font-medium backdrop-blur-sm",
+						children: [
+							/* @__PURE__ */ d(c, { className: "w-3 h-3" }),
+							/* @__PURE__ */ d("span", { children: w("vibecontrols.sessions.shared.youHaveControl", "You have control") }),
+							y && /* @__PURE__ */ d("button", {
+								onClick: y,
+								disabled: x,
+								className: "ml-1 text-status-success-text/70 hover:text-status-success-text underline",
+								children: w("vibecontrols.sessions.shared.release", "Release")
+							})
+						]
+					})
+				})
+			]
+		})]
+	});
+};
+//#endregion
+export { p as SharedTerminalPanel };
+
+//# sourceMappingURL=SharedTerminalPanel.js.map

package/dist/components/sessions/SharedTerminalPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SharedTerminalPanel.js","names":[],"sources":["../../../src/components/sessions/SharedTerminalPanel.tsx"],"sourcesContent":["import { type FC, type ReactNode, useRef, useEffect } from 'react';\nimport { Eye, Lock, Gamepad2 } from 'lucide-react';\nimport { ControlStatusBar, MiniControlIndicator } from './ControlStatusBar';\nimport type { SessionCollaboratorFieldsFragment } from '../../generated/wspace-operations';\nimport { SessionSharePermission, CollaboratorRole } from '../../generated/wspace-types';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface SharedTerminalPanelProps {\n  /**\n   * The terminal content (typically an iframe or TerminalPanel)\n   */\n  children: ReactNode;\n  /**\n   * Whether this is a shared session\n   */\n  isShared: boolean;\n  /**\n   * Active collaborators in the session\n   */\n  collaborators: SessionCollaboratorFieldsFragment[];\n  /**\n   * Current user's ID\n   */\n  currentUserId?: string;\n  /**\n   * Permission level of the current user (for link-based shares)\n   */\n  permission?: SessionSharePermission;\n  /**\n   * Callback when user requests control\n   */\n  onRequestControl?: () => void;\n  /**\n   * Callback when user releases control\n   */\n  onReleaseControl?: () => void;\n  /**\n   * Whether a control request is in progress\n   */\n  isRequestingControl?: boolean;\n  /**\n   * Whether releasing control is in progress\n   */\n  isReleasingControl?: boolean;\n  /**\n   * Show minimal floating indicator instead of status bar\n   */\n  minimal?: boolean;\n  /**\n   * Additional className for the wrapper\n   */\n  className?: string;\n}\n\n/**\n * SharedTerminalPanel - Wrapper that adds collaboration UI to a terminal\n *\n * This component wraps any terminal content and adds:\n * - Control status bar (who has control, viewer count)\n * - Request/release control buttons\n * - Read-only overlay when user doesn't have control\n * - Visual indicators for shared state\n */\nexport const SharedTerminalPanel: FC<SharedTerminalPanelProps> = ({\n  children,\n  isShared,\n  collaborators,\n  currentUserId,\n  permission,\n  onRequestControl,\n  onReleaseControl,\n  isRequestingControl = false,\n  isReleasingControl = false,\n  minimal = false,\n  className = '',\n}) => {\n  const tr = useTr();\n  const terminalWrapperRef = useRef<HTMLDivElement>(null);\n\n  const currentUser = collaborators.find((c) => c.userId === currentUserId);\n  const hasControl = currentUser?.hasControl;\n\n  // Default to blocking interaction until collaborator state is known\n  const collaboratorsLoaded = collaborators.length > 0;\n  const canInteract = isShared ? (collaboratorsLoaded ? hasControl : false) : true;\n\n  // Blur iframe when control is revoked to prevent keyboard events from reaching the terminal\n  useEffect(() => {\n    if (!canInteract && terminalWrapperRef.current) {\n      const iframe = terminalWrapperRef.current.querySelector('iframe');\n      if (iframe && document.activeElement === iframe) {\n        iframe.blur();\n        terminalWrapperRef.current.focus();\n      }\n    }\n  }, [canInteract]);\n\n  // If not shared, just render children\n  if (!isShared) {\n    return <>{children}</>;\n  }\n\n  const controller = collaborators.find((c) => c.hasControl);\n  const viewerCount = collaborators.filter((c) => !c.hasControl).length;\n  const isViewer =\n    permission === SessionSharePermission.View || currentUser?.role === CollaboratorRole.Viewer;\n\n  return (\n    <div className={`relative flex flex-col ${className}`}>\n      {/* Control Status Bar (non-minimal mode) */}\n      {!minimal && (\n        <ControlStatusBar\n          collaborators={collaborators}\n          currentUserId={currentUserId}\n          permission={permission}\n          onRequestControl={onRequestControl}\n          onReleaseControl={onReleaseControl}\n          isRequestingControl={isRequestingControl}\n          isReleasingControl={isReleasingControl}\n        />\n      )}\n\n      {/* Terminal Content Wrapper */}\n      <div ref={terminalWrapperRef} className=\"relative flex-1\" tabIndex={-1}>\n        {/* The actual terminal content */}\n        {children}\n\n        {/* Mini indicator (minimal mode) */}\n        {minimal && (\n          <MiniControlIndicator\n            hasControl={hasControl || false}\n            controllerName={controller?.username || undefined}\n            viewerCount={viewerCount}\n            isViewer={isViewer}\n          />\n        )}\n\n        {/* Read-only overlay when user doesn't have control */}\n        {!canInteract && (\n          <div className=\"absolute inset-0 z-20 pointer-events-auto\">\n            {/* Transparent click blocker - prevents terminal interaction */}\n            <div\n              className=\"absolute inset-0 cursor-not-allowed\"\n              onClick={(e) => {\n                e.preventDefault();\n                e.stopPropagation();\n              }}\n              onMouseDown={(e) => {\n                e.preventDefault();\n                e.stopPropagation();\n              }}\n              onKeyDown={(e) => {\n                e.preventDefault();\n                e.stopPropagation();\n              }}\n            />\n\n            {/* Bottom indicator strip */}\n            <div className=\"absolute bottom-0 left-0 right-0 flex items-center justify-center py-2 bg-gradient-to-t from-bg-overlay to-bg-overlay/0\">\n              <div\n                className={`flex items-center gap-2 px-3 py-1.5 rounded-full text-sm ${\n                  isViewer\n                    ? 'bg-bg-sunken/90 text-text-secondary'\n                    : 'bg-action-primary-bg/90 text-action-primary-text'\n                }`}\n              >\n                {isViewer ? (\n                  <>\n                    <Eye className=\"w-4 h-4\" />\n                    <span>{tr('vibecontrols.sessions.shared.viewOnly', 'View Only')}</span>\n                  </>\n                ) : (\n                  <>\n                    <Lock className=\"w-4 h-4\" />\n                    <span>\n                      {controller?.username || 'Someone'} has control\n                      {onRequestControl && (\n                        <button\n                          onClick={(e) => {\n                            e.stopPropagation();\n                            onRequestControl();\n                          }}\n                          disabled={isRequestingControl}\n                          className=\"ml-2 underline hover:no-underline\"\n                        >\n                          {isRequestingControl\n                            ? tr('vibecontrols.sessions.shared.requesting', 'Requesting...')\n                            : tr('vibecontrols.sessions.shared.takeControl', 'Take control')}\n                        </button>\n                      )}\n                    </span>\n                  </>\n                )}\n              </div>\n            </div>\n          </div>\n        )}\n\n        {/* Control active indicator */}\n        {hasControl && (\n          <div className=\"absolute bottom-2 right-2 z-10\">\n            <div className=\"flex items-center gap-1.5 px-2 py-1 rounded-full bg-status-success-bg/90 text-status-success-text text-xs font-medium backdrop-blur-sm\">\n              <Gamepad2 className=\"w-3 h-3\" />\n              <span>{tr('vibecontrols.sessions.shared.youHaveControl', 'You have control')}</span>\n              {onReleaseControl && (\n                <button\n                  onClick={onReleaseControl}\n                  disabled={isReleasingControl}\n                  className=\"ml-1 text-status-success-text/70 hover:text-status-success-text underline\"\n                >\n                  {tr('vibecontrols.sessions.shared.release', 'Release')}\n                </button>\n              )}\n            </div>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\n/**\n * ReadOnlyTerminalOverlay - Standalone overlay for blocking terminal interaction\n * Use this when you need more control over placement\n */\nexport const ReadOnlyTerminalOverlay: FC<{\n  isViewer: boolean;\n  controllerName?: string;\n  onRequestControl?: () => void;\n  isRequestingControl?: boolean;\n}> = ({ isViewer, controllerName, onRequestControl, isRequestingControl }) => {\n  const tr = useTr();\n  return (\n    <div className=\"absolute inset-0 z-20 pointer-events-auto\">\n      {/* Click blocker */}\n      <div\n        className=\"absolute inset-0 cursor-not-allowed\"\n        onClick={(e) => {\n          e.preventDefault();\n          e.stopPropagation();\n        }}\n      />\n\n      {/* Status indicator */}\n      <div className=\"absolute bottom-0 left-0 right-0 flex items-center justify-center py-3 bg-gradient-to-t from-bg-overlay to-bg-overlay/0\">\n        <div\n          className={`flex items-center gap-2 px-4 py-2 rounded-lg text-sm ${\n            isViewer\n              ? 'bg-bg-sunken/90 text-text-secondary border border-border-default'\n              : 'bg-status-warning-bg-subtle text-status-warning-text border border-status-warning-border/50'\n          }`}\n        >\n          {isViewer ? (\n            <>\n              <Eye className=\"w-4 h-4\" />\n              <span>\n                {tr(\n                  'vibecontrols.sessions.shared.viewOnlyCannotType',\n                  'View only - You cannot type in this session'\n                )}\n              </span>\n            </>\n          ) : (\n            <>\n              <Lock className=\"w-4 h-4\" />\n              <span>\n                {tr('vibecontrols.sessions.sharedTerminal.userTyping', '{{name}} is typing', {\n                  name: controllerName || 'Someone',\n                })}\n              </span>\n              {onRequestControl && (\n                <button\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    onRequestControl();\n                  }}\n                  disabled={isRequestingControl}\n                  className=\"ml-2 rounded border border-status-warning-border bg-status-warning-bg-subtle px-2 py-1 text-xs text-status-warning-text transition-colors hover:bg-status-warning-bg/20 disabled:opacity-50\"\n                >\n                  {isRequestingControl\n                    ? tr('vibecontrols.sessions.shared.requesting', 'Requesting...')\n                    : tr('vibecontrols.sessions.shared.requestControl', 'Request control')}\n                </button>\n              )}\n            </>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;AA+DA,IAAa,KAAqD,EAChE,aACA,aACA,kBACA,kBACA,eACA,qBACA,qBACA,yBAAsB,IACtB,wBAAqB,IACrB,aAAU,IACV,eAAY,SACR;CACJ,IAAM,IAAK,GAAO,EACZ,IAAqB,EAAuB,KAAK,EAEjD,IAAc,EAAc,MAAM,MAAM,EAAE,WAAW,EAAc,EACnE,IAAa,GAAa,YAG1B,IAAsB,EAAc,SAAS,GAC7C,IAAc,IAAY,IAAsB,IAAa,KAAS;AAc5E,KAXA,QAAgB;AACd,MAAI,CAAC,KAAe,EAAmB,SAAS;GAC9C,IAAM,IAAS,EAAmB,QAAQ,cAAc,SAAS;AACjE,GAAI,KAAU,SAAS,kBAAkB,MACvC,EAAO,MAAM,EACb,EAAmB,QAAQ,OAAO;;IAGrC,CAAC,EAAY,CAAC,EAGb,CAAC,EACH,QAAO,kBAAA,GAAA,EAAG,aAAY,CAAA;CAGxB,IAAM,IAAa,EAAc,MAAM,MAAM,EAAE,WAAW,EACpD,IAAc,EAAc,QAAQ,MAAM,CAAC,EAAE,WAAW,CAAC,QACzD,IACJ,MAAe,EAAuB,QAAQ,GAAa,SAAS,EAAiB;AAEvF,QACE,kBAAC,OAAD;EAAK,WAAW,0BAA0B;YAA1C,CAEG,CAAC,KACA,kBAAC,GAAD;GACiB;GACA;GACH;GACM;GACA;GACG;GACD;GACpB,CAAA,EAIJ,kBAAC,OAAD;GAAK,KAAK;GAAoB,WAAU;GAAkB,UAAU;aAApE;IAEG;IAGA,KACC,kBAAC,GAAD;KACE,YAAY,KAAc;KAC1B,gBAAgB,GAAY,YAAY,KAAA;KAC3B;KACH;KACV,CAAA;IAIH,CAAC,KACA,kBAAC,OAAD;KAAK,WAAU;eAAf,CAEE,kBAAC,OAAD;MACE,WAAU;MACV,UAAU,MAAM;AAEd,OADA,EAAE,gBAAgB,EAClB,EAAE,iBAAiB;;MAErB,cAAc,MAAM;AAElB,OADA,EAAE,gBAAgB,EAClB,EAAE,iBAAiB;;MAErB,YAAY,MAAM;AAEhB,OADA,EAAE,gBAAgB,EAClB,EAAE,iBAAiB;;MAErB,CAAA,EAGF,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,OAAD;OACE,WAAW,4DACT,IACI,wCACA;iBAGL,IACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAK,WAAU,WAAY,CAAA,EAC3B,kBAAC,QAAD,EAAA,UAAO,EAAG,yCAAyC,YAAY,EAAQ,CAAA,CACtE,EAAA,CAAA,GAEH,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAC5B,kBAAC,QAAD,EAAA,UAAA;QACG,GAAY,YAAY;QAAU;QAClC,KACC,kBAAC,UAAD;SACE,UAAU,MAAM;AAEd,UADA,EAAE,iBAAiB,EACnB,GAAkB;;SAEpB,UAAU;SACV,WAAU;mBAET,IACG,EAAG,2CAA2C,gBAAgB,GAC9D,EAAG,4CAA4C,eAAe;SAC3D,CAAA;QAEN,EAAA,CAAA,CACN,EAAA,CAAA;OAED,CAAA;MACF,CAAA,CACF;;IAIP,KACC,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA;OAChC,kBAAC,QAAD,EAAA,UAAO,EAAG,+CAA+C,mBAAmB,EAAQ,CAAA;OACnF,KACC,kBAAC,UAAD;QACE,SAAS;QACT,UAAU;QACV,WAAU;kBAET,EAAG,wCAAwC,UAAU;QAC/C,CAAA;OAEP;;KACF,CAAA;IAEJ;KACF"}

package/dist/components/sessions/TerminalPanel.d.ts

@@ -0,0 +1,69 @@
+import { ReactNode } from 'react';
+import { Session } from './types';
+
+/**
+ * A single terminal tab representing an open session.
+ */
+export interface TerminalTab {
+    /** The session ID */
+    sessionId: string;
+    /** Display name (session name) */
+    name: string;
+    /** The URL to load in the iframe - either ttydUrl or agent tunnelUrl */
+    terminalUrl: string | null;
+    /** Whether ttyd is being started for this session */
+    loading?: boolean;
+    /** Error message if starting failed */
+    error?: string | null;
+}
+interface TerminalPanelProps {
+    /** The currently open terminal tabs */
+    tabs: TerminalTab[];
+    /** The active tab session ID */
+    activeTabId: string | null;
+    /** Called when user clicks a tab */
+    onTabSelect: (sessionId: string) => void;
+    /** Called when user closes a tab */
+    onTabClose: (sessionId: string) => void;
+    /** Called when user wants to open a session in a new browser tab */
+    onOpenExternal: (sessionId: string) => void;
+    /** Called when panel is collapsed/expanded */
+    onToggleCollapse?: () => void;
+    /** Whether the panel is collapsed */
+    collapsed?: boolean;
+    /** Panel height class (e.g., 'h-96', 'h-[500px]') */
+    heightClass?: string;
+    /** All available sessions for the "+" button */
+    sessions?: Session[];
+    /** Called when user clicks "+" to open a new terminal for a session */
+    onOpenTerminal?: (session: Session) => void;
+    /** Called when user clicks retry on a failed terminal tab */
+    onRetryTerminal?: (session: Session) => void;
+    /** Called when user renames a session tab */
+    onRenameSession?: (sessionId: string, newName: string) => void;
+    /** Called when user stops a terminal */
+    onStopTerminal?: (sessionId: string) => void;
+    /** Called when user restarts a terminal */
+    onRestartTerminal?: (sessionId: string) => void;
+    /** Called when user stops the entire session */
+    onStopSession?: (sessionId: string) => void;
+    /** Called to create a new session (for "+" tab in terminal-first mode) */
+    onCreateSession?: () => void;
+    /** Whether this is the full-screen terminal-first mode */
+    fullScreen?: boolean;
+    /** Whether the immersive fullscreen overlay is active */
+    isImmersiveFullscreen?: boolean;
+    /** Called when user clicks the immersive fullscreen button */
+    onToggleImmersiveFullscreen?: () => void;
+    /** Context switcher component to render in immersive fullscreen header */
+    contextSwitcher?: ReactNode;
+}
+/**
+ * Tabbed terminal panel - like VS Code's integrated terminal.
+ * Each tab is an iframe loading a ttyd web terminal via the agent's tunnel.
+ * Supports context menu with rename, close, open in new tab, restart, stop.
+ * Features: reconnect on failure, connection status indicators, drag-to-resize.
+ */
+export declare function TerminalPanel({ tabs, activeTabId, onTabSelect, onTabClose, onOpenExternal, onToggleCollapse, collapsed, heightClass, sessions, onOpenTerminal, onRetryTerminal, onRenameSession, onStopTerminal, onRestartTerminal, onStopSession: _onStopSession, onCreateSession, fullScreen, isImmersiveFullscreen, onToggleImmersiveFullscreen, contextSwitcher, }: TerminalPanelProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=TerminalPanel.d.ts.map

package/dist/components/sessions/TerminalPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TerminalPanel.d.ts","sourceRoot":"","sources":["../../../src/components/sessions/TerminalPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAwBjF,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAEvC;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,qBAAqB;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,kCAAkC;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,wEAAwE;IACxE,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,qDAAqD;IACrD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AASD,UAAU,kBAAkB;IAC1B,uCAAuC;IACvC,IAAI,EAAE,WAAW,EAAE,CAAC;IACpB,gCAAgC;IAChC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,oCAAoC;IACpC,WAAW,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,oCAAoC;IACpC,UAAU,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,oEAAoE;IACpE,cAAc,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,8CAA8C;IAC9C,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,qCAAqC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qDAAqD;IACrD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;IACrB,uEAAuE;IACvE,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,6DAA6D;IAC7D,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,6CAA6C;IAC7C,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,wCAAwC;IACxC,cAAc,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,2CAA2C;IAC3C,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,gDAAgD;IAChD,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,0EAA0E;IAC1E,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,0DAA0D;IAC1D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yDAAyD;IACzD,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,8DAA8D;IAC9D,2BAA2B,CAAC,EAAE,MAAM,IAAI,CAAC;IACzC,0EAA0E;IAC1E,eAAe,CAAC,EAAE,SAAS,CAAC;CAC7B;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,WAAW,EACX,WAAW,EACX,UAAU,EACV,cAAc,EACd,gBAAgB,EAChB,SAAiB,EACjB,WAAyB,EACzB,QAAQ,EACR,cAAc,EACd,eAAe,EACf,eAAe,EACf,cAAc,EACd,iBAAiB,EACjB,aAAa,EAAE,cAAc,EAC7B,eAAe,EACf,UAAkB,EAClB,qBAA6B,EAC7B,2BAA2B,EAC3B,eAAe,GAChB,EAAE,kBAAkB,kDAi8CpB"}