npm - @burdenoff/microfe-vibecontrols - Versions diffs - 2026.511.1 - Mend

@burdenoff/microfe-vibecontrols 2026.511.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2254) hide show

package/dist/components/sessions/TerminalPanel.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TerminalPanel.js","names":[],"sources":["../../../src/components/sessions/TerminalPanel.tsx"],"sourcesContent":["import { useState, useCallback, useRef, useEffect, type ReactNode } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useTr } from '../../shared/hooks/useTr';\nimport {\n Terminal,\n X,\n Maximize2,\n Minimize2,\n ExternalLink,\n Plus,\n ChevronUp,\n ChevronDown,\n Loader2,\n AlertCircle,\n Edit3,\n RotateCcw,\n Square,\n Search,\n Wifi,\n WifiOff,\n GripVertical,\n Expand,\n Shrink,\n} from 'lucide-react';\nimport type { Session } from './types';\n\n/**\n * A single terminal tab representing an open session.\n */\nexport interface TerminalTab {\n /** The session ID */\n sessionId: string;\n /** Display name (session name) */\n name: string;\n /** The URL to load in the iframe - either ttydUrl or agent tunnelUrl */\n terminalUrl: string | null;\n /** Whether ttyd is being started for this session */\n loading?: boolean;\n /** Error message if starting failed */\n error?: string | null;\n}\n\ninterface ContextMenuState {\n visible: boolean;\n x: number;\n y: number;\n sessionId: string | null;\n}\n\ninterface TerminalPanelProps {\n /** The currently open terminal tabs */\n tabs: TerminalTab[];\n /** The active tab session ID */\n activeTabId: string | null;\n /** Called when user clicks a tab */\n onTabSelect: (sessionId: string) => void;\n /** Called when user closes a tab */\n onTabClose: (sessionId: string) => void;\n /** Called when user wants to open a session in a new browser tab */\n onOpenExternal: (sessionId: string) => void;\n /** Called when panel is collapsed/expanded */\n onToggleCollapse?: () => void;\n /** Whether the panel is collapsed */\n collapsed?: boolean;\n /** Panel height class (e.g., 'h-96', 'h-[500px]') */\n heightClass?: string;\n /** All available sessions for the \"+\" button */\n sessions?: Session[];\n /** Called when user clicks \"+\" to open a new terminal for a session */\n onOpenTerminal?: (session: Session) => void;\n /** Called when user clicks retry on a failed terminal tab */\n onRetryTerminal?: (session: Session) => void;\n /** Called when user renames a session tab */\n onRenameSession?: (sessionId: string, newName: string) => void;\n /** Called when user stops a terminal */\n onStopTerminal?: (sessionId: string) => void;\n /** Called when user restarts a terminal */\n onRestartTerminal?: (sessionId: string) => void;\n /** Called when user stops the entire session */\n onStopSession?: (sessionId: string) => void;\n /** Called to create a new session (for \"+\" tab in terminal-first mode) */\n onCreateSession?: () => void;\n /** Whether this is the full-screen terminal-first mode */\n fullScreen?: boolean;\n /** Whether the immersive fullscreen overlay is active */\n isImmersiveFullscreen?: boolean;\n /** Called when user clicks the immersive fullscreen button */\n onToggleImmersiveFullscreen?: () => void;\n /** Context switcher component to render in immersive fullscreen header */\n contextSwitcher?: ReactNode;\n}\n\n/**\n * Tabbed terminal panel - like VS Code's integrated terminal.\n * Each tab is an iframe loading a ttyd web terminal via the agent's tunnel.\n * Supports context menu with rename, close, open in new tab, restart, stop.\n * Features: reconnect on failure, connection status indicators, drag-to-resize.\n */\nexport function TerminalPanel({\n tabs,\n activeTabId,\n onTabSelect,\n onTabClose,\n onOpenExternal,\n onToggleCollapse,\n collapsed = false,\n heightClass = 'h-[420px]',\n sessions,\n onOpenTerminal,\n onRetryTerminal,\n onRenameSession,\n onStopTerminal,\n onRestartTerminal,\n onStopSession: _onStopSession,\n onCreateSession,\n fullScreen = false,\n isImmersiveFullscreen = false,\n onToggleImmersiveFullscreen,\n contextSwitcher,\n}: TerminalPanelProps) {\n const tr = useTr();\n const [maximized, setMaximized] = useState(false);\n const [showSessionPicker, setShowSessionPicker] = useState(false);\n const [sessionSearch, setSessionSearch] = useState('');\n const [contextMenu, setContextMenu] = useState<ContextMenuState>({\n visible: false,\n x: 0,\n y: 0,\n sessionId: null,\n });\n const [renamingTabId, setRenamingTabId] = useState<string | null>(null);\n const [renameValue, setRenameValue] = useState('');\n // Track iframe connection status per tab\n const [connectionStatus, setConnectionStatus] = useState<\n Record<string, 'connecting' | 'connected' | 'error'>\n >({});\n const [connectionIssues, setConnectionIssues] = useState<Record<string, string | undefined>>({});\n // Drag-to-resize state\n const [resizeHeight, setResizeHeight] = useState<number | null>(null);\n const resizingRef = useRef(false);\n const startYRef = useRef(0);\n const startHeightRef = useRef(0);\n const panelRef = useRef<HTMLDivElement>(null);\n\n const renameInputRef = useRef<HTMLInputElement>(null);\n const contextMenuRef = useRef<HTMLDivElement>(null);\n const plusBtnRef = useRef<HTMLButtonElement>(null);\n const sessionPickerRef = useRef<HTMLDivElement>(null);\n const sessionSearchRef = useRef<HTMLInputElement>(null);\n // Track iframe refs for reconnect\n const iframeRefs = useRef<Record<string, HTMLIFrameElement | null>>({});\n // Auto-reconnect: track retry timers and attempt counts per session\n const autoReconnectTimers = useRef<Record<string, ReturnType<typeof setTimeout>>>({});\n const autoReconnectAttempts = useRef<Record<string, number>>({});\n const connectionTimeoutTimers = useRef<Record<string, ReturnType<typeof setTimeout>>>({});\n\n const activeTab = tabs.find((t) => t.sessionId === activeTabId) || tabs[0] || null;\n\n const handleMaximize = useCallback(() => {\n setMaximized((prev) => !prev);\n setResizeHeight(null);\n }, []);\n\n // Sessions not already opened in tabs\n const availableSessions = (sessions ?? []).filter((s) => !tabs.some((t) => t.sessionId === s.id));\n\n // Filtered by search term\n const filteredPickerSessions = sessionSearch.trim()\n ? availableSessions.filter((s) =>\n s.name.toLowerCase().includes(sessionSearch.trim().toLowerCase())\n )\n : availableSessions;\n\n // Track connection status via iframe load/error events\n const handleIframeLoad = useCallback((sessionId: string) => {\n if (connectionTimeoutTimers.current[sessionId]) {\n clearTimeout(connectionTimeoutTimers.current[sessionId]);\n delete connectionTimeoutTimers.current[sessionId];\n }\n setConnectionStatus((prev) => ({ ...prev, [sessionId]: 'connected' }));\n setConnectionIssues((prev) => ({ ...prev, [sessionId]: undefined }));\n }, []);\n\n const handleIframeError = useCallback((sessionId: string) => {\n if (connectionTimeoutTimers.current[sessionId]) {\n clearTimeout(connectionTimeoutTimers.current[sessionId]);\n delete connectionTimeoutTimers.current[sessionId];\n }\n setConnectionStatus((prev) => ({ ...prev, [sessionId]: 'error' }));\n }, []);\n\n // Set connecting status when a tab starts loading\n useEffect(() => {\n const pageProtocol = typeof window !== 'undefined' ? window.location.protocol : 'https:';\n\n tabs.forEach((tab) => {\n if (!tab.terminalUrl || tab.loading || tab.error) {\n return;\n }\n\n try {\n const terminalProtocol = new URL(tab.terminalUrl).protocol;\n if (pageProtocol === 'https:' && terminalProtocol !== 'https:') {\n setConnectionStatus((prev) => ({ ...prev, [tab.sessionId]: 'error' }));\n setConnectionIssues((prev) => ({\n ...prev,\n [tab.sessionId]: tr(\n 'vibecontrols.sessions.terminal.mixedContentBlocked',\n 'This terminal URL is not HTTPS, so the browser blocked it on this secure page.'\n ),\n }));\n return;\n }\n } catch {\n setConnectionStatus((prev) => ({ ...prev, [tab.sessionId]: 'error' }));\n setConnectionIssues((prev) => ({\n ...prev,\n [tab.sessionId]: tr(\n 'vibecontrols.sessions.terminal.invalidUrl',\n 'The terminal URL is invalid. Restart the terminal to generate a new URL.'\n ),\n }));\n return;\n }\n\n if (!connectionStatus[tab.sessionId]) {\n setConnectionStatus((prev) => ({ ...prev, [tab.sessionId]: 'connecting' }));\n }\n\n if (\n connectionStatus[tab.sessionId] === 'connecting' &&\n !connectionTimeoutTimers.current[tab.sessionId]\n ) {\n connectionTimeoutTimers.current[tab.sessionId] = setTimeout(() => {\n delete connectionTimeoutTimers.current[tab.sessionId];\n setConnectionStatus((prev) => ({ ...prev, [tab.sessionId]: 'error' }));\n setConnectionIssues((prev) => ({\n ...prev,\n [tab.sessionId]: tr(\n 'vibecontrols.sessions.terminal.connectionTimedOut',\n 'Timed out waiting for the terminal to connect. Check the agent tunnel and retry.'\n ),\n }));\n }, 12_000);\n }\n });\n\n return () => {\n for (const timerId of Object.values(connectionTimeoutTimers.current)) {\n clearTimeout(timerId);\n }\n connectionTimeoutTimers.current = {};\n };\n }, [connectionStatus, tabs, tr]);\n\n // Clear auto-reconnect timer for a session\n const clearAutoReconnect = useCallback((sessionId: string) => {\n if (autoReconnectTimers.current[sessionId]) {\n clearTimeout(autoReconnectTimers.current[sessionId]);\n delete autoReconnectTimers.current[sessionId];\n }\n delete autoReconnectAttempts.current[sessionId];\n }, []);\n\n // Reconnect handler — reload the iframe\n const handleReconnect = useCallback(\n (sessionId: string) => {\n const iframe = iframeRefs.current[sessionId];\n if (iframe) {\n clearAutoReconnect(sessionId);\n setConnectionIssues((prev) => ({ ...prev, [sessionId]: undefined }));\n setConnectionStatus((prev) => ({ ...prev, [sessionId]: 'connecting' }));\n // Force reload by briefly clearing src then setting it back\n const src = iframe.src;\n iframe.src = 'about:blank';\n requestAnimationFrame(() => {\n iframe.src = src;\n });\n }\n },\n [clearAutoReconnect]\n );\n\n // Auto-reconnect: when a tab enters error state, schedule automatic retry\n // Uses exponential backoff: 2s, 4s, 8s, 16s, 30s (capped), up to 15 attempts\n const MAX_AUTO_RECONNECT_ATTEMPTS = 15;\n const BASE_RECONNECT_DELAY_MS = 2_000;\n const MAX_RECONNECT_DELAY_MS = 30_000;\n\n useEffect(() => {\n for (const tab of tabs) {\n const status = connectionStatus[tab.sessionId];\n\n if (status === 'error' && tab.terminalUrl && !tab.error && !connectionIssues[tab.sessionId]) {\n // Terminal iframe lost connection (agent restart, network blip) — auto-retry\n if (autoReconnectTimers.current[tab.sessionId]) continue; // already scheduled\n\n const attempt = autoReconnectAttempts.current[tab.sessionId] ?? 0;\n if (attempt >= MAX_AUTO_RECONNECT_ATTEMPTS) continue; // give up after max attempts\n\n const delay = Math.min(\n BASE_RECONNECT_DELAY_MS * Math.pow(2, attempt),\n MAX_RECONNECT_DELAY_MS\n );\n\n autoReconnectTimers.current[tab.sessionId] = setTimeout(() => {\n delete autoReconnectTimers.current[tab.sessionId];\n autoReconnectAttempts.current[tab.sessionId] = attempt + 1;\n\n const iframe = iframeRefs.current[tab.sessionId];\n if (!iframe) return;\n\n // Probe the agent health before reloading the iframe\n // Extract the agent base URL from the terminal URL\n const terminalUrl = tab.terminalUrl!;\n const urlObj = new URL(terminalUrl);\n const healthUrl = `${urlObj.origin}/health`;\n\n fetch(healthUrl, { signal: AbortSignal.timeout(5_000) })\n .then((res) => {\n if (res.ok) {\n // Agent is back — reload the iframe\n setConnectionStatus((prev) => ({\n ...prev,\n [tab.sessionId]: 'connecting',\n }));\n const src = iframe.src;\n iframe.src = 'about:blank';\n requestAnimationFrame(() => {\n iframe.src = src;\n });\n }\n // If not ok, the next interval tick will schedule another attempt\n })\n .catch(() => {\n // Agent still down — will retry on next tick\n });\n }, delay);\n }\n\n // Reset attempts on successful connection\n if (status === 'connected') {\n clearAutoReconnect(tab.sessionId);\n }\n }\n\n // Capture ref for cleanup (react-hooks/exhaustive-deps)\n const timers = autoReconnectTimers.current;\n return () => {\n for (const timerId of Object.values(timers)) {\n clearTimeout(timerId);\n }\n };\n }, [tabs, connectionIssues, connectionStatus, clearAutoReconnect]);\n\n // Drag-to-resize handlers (only for non-fullscreen, non-maximized)\n const handleResizeStart = useCallback(\n (e: React.MouseEvent) => {\n if (fullScreen || maximized) return;\n e.preventDefault();\n resizingRef.current = true;\n startYRef.current = e.clientY;\n startHeightRef.current = panelRef.current?.offsetHeight || 420;\n document.body.style.cursor = 'ns-resize';\n document.body.style.userSelect = 'none';\n },\n [fullScreen, maximized]\n );\n\n useEffect(() => {\n const handleMouseMove = (e: MouseEvent) => {\n if (!resizingRef.current) return;\n const delta = startYRef.current - e.clientY;\n const newHeight = Math.max(\n 200,\n Math.min(startHeightRef.current + delta, window.innerHeight - 150)\n );\n setResizeHeight(newHeight);\n };\n const handleMouseUp = () => {\n if (resizingRef.current) {\n resizingRef.current = false;\n document.body.style.cursor = '';\n document.body.style.userSelect = '';\n }\n };\n document.addEventListener('mousemove', handleMouseMove);\n document.addEventListener('mouseup', handleMouseUp);\n return () => {\n document.removeEventListener('mousemove', handleMouseMove);\n document.removeEventListener('mouseup', handleMouseUp);\n };\n }, []);\n\n // Context menu handler\n const handleContextMenu = useCallback((e: React.MouseEvent, sessionId: string) => {\n e.preventDefault();\n e.stopPropagation();\n setContextMenu({\n visible: true,\n x: e.clientX,\n y: e.clientY,\n sessionId,\n });\n }, []);\n\n // Close context menu on outside click\n useEffect(() => {\n const handleClick = (e: MouseEvent) => {\n if (contextMenuRef.current && !contextMenuRef.current.contains(e.target as Node)) {\n setContextMenu((prev) => ({ ...prev, visible: false }));\n }\n };\n if (contextMenu.visible) {\n document.addEventListener('mousedown', handleClick);\n return () => document.removeEventListener('mousedown', handleClick);\n }\n }, [contextMenu.visible]);\n\n // Close session picker on outside click\n useEffect(() => {\n const handleClick = (e: MouseEvent) => {\n const target = e.target as Node;\n if (\n sessionPickerRef.current &&\n !sessionPickerRef.current.contains(target) &&\n plusBtnRef.current &&\n !plusBtnRef.current.contains(target)\n ) {\n setShowSessionPicker(false);\n setSessionSearch('');\n }\n };\n if (showSessionPicker) {\n document.addEventListener('mousedown', handleClick);\n return () => document.removeEventListener('mousedown', handleClick);\n }\n }, [showSessionPicker]);\n\n // Focus search input when session picker opens\n useEffect(() => {\n if (showSessionPicker && sessionSearchRef.current) {\n requestAnimationFrame(() => sessionSearchRef.current?.focus());\n }\n }, [showSessionPicker]);\n\n // Focus rename input when renaming starts\n useEffect(() => {\n if (renamingTabId && renameInputRef.current) {\n renameInputRef.current.focus();\n renameInputRef.current.select();\n }\n }, [renamingTabId]);\n\n // ESC key to exit immersive fullscreen\n useEffect(() => {\n if (!isImmersiveFullscreen || !onToggleImmersiveFullscreen) return;\n\n const handleKeyDown = (e: KeyboardEvent) => {\n if (e.key === 'Escape') {\n // Don't prevent default - let browser handle native ESC behaviors\n onToggleImmersiveFullscreen();\n }\n };\n\n document.addEventListener('keydown', handleKeyDown);\n return () => document.removeEventListener('keydown', handleKeyDown);\n }, [isImmersiveFullscreen, onToggleImmersiveFullscreen]);\n\n const handleStartRename = useCallback(\n (sessionId: string) => {\n const tab = tabs.find((t) => t.sessionId === sessionId);\n if (tab) {\n setRenamingTabId(sessionId);\n setRenameValue(tab.name);\n }\n setContextMenu((prev) => ({ ...prev, visible: false }));\n },\n [tabs]\n );\n\n const handleFinishRename = useCallback(() => {\n if (renamingTabId && renameValue.trim() && onRenameSession) {\n const tab = tabs.find((t) => t.sessionId === renamingTabId);\n if (tab && renameValue.trim() !== tab.name) {\n onRenameSession(renamingTabId, renameValue.trim());\n }\n }\n setRenamingTabId(null);\n setRenameValue('');\n }, [renamingTabId, renameValue, onRenameSession, tabs]);\n\n const handleRenameKeyDown = useCallback(\n (e: React.KeyboardEvent) => {\n if (e.key === 'Enter') {\n handleFinishRename();\n } else if (e.key === 'Escape') {\n setRenamingTabId(null);\n setRenameValue('');\n }\n },\n [handleFinishRename]\n );\n\n if (tabs.length === 0 && !collapsed && !fullScreen) {\n return null;\n }\n\n // Determine panel height\n const panelHeight = fullScreen\n ? 'h-full'\n : maximized\n ? 'h-[calc(100vh-120px)]'\n : resizeHeight\n ? undefined // use inline style instead\n : heightClass;\n\n const panelStyle =\n !fullScreen && !maximized && resizeHeight ? { height: `${resizeHeight}px` } : undefined;\n\n const contextTab = contextMenu.sessionId\n ? tabs.find((t) => t.sessionId === contextMenu.sessionId)\n : null;\n\n // Helper to render connection status indicator\n const renderStatusIndicator = (tab: TerminalTab) => {\n if (tab.loading) {\n return <Loader2 className=\"w-3 h-3 animate-spin shrink-0\" />;\n }\n if (tab.error) {\n return <AlertCircle className=\"w-3 h-3 text-status-error-text shrink-0\" />;\n }\n const status = connectionStatus[tab.sessionId];\n if (status === 'connected') {\n return <Wifi className=\"w-3 h-3 text-status-success-text shrink-0\" />;\n }\n if (status === 'error') {\n return <WifiOff className=\"w-3 h-3 text-status-error-text shrink-0\" />;\n }\n if (status === 'connecting') {\n return <Loader2 className=\"w-3 h-3 animate-spin text-status-warning-text shrink-0\" />;\n }\n return <Terminal className=\"w-3 h-3 shrink-0\" />;\n };\n\n // Render the immersive fullscreen overlay\n const renderImmersiveFullscreen = () => {\n if (!isImmersiveFullscreen) return null;\n\n return createPortal(\n <div className=\"fixed inset-0 z-[9999] bg-bg-surface flex flex-col\">\n {/* Immersive Fullscreen Header - minimal with context switcher */}\n <div className=\"flex items-center justify-between px-3 py-2 bg-bg-sunken border-b border-border-default shrink-0\">\n {/* Context Switcher */}\n <div className=\"flex items-center gap-4\">{contextSwitcher}</div>\n\n {/* Actions */}\n <div className=\"flex items-center gap-2\">\n {/* Reconnect button for disconnected terminals */}\n {activeTab && connectionStatus[activeTab.sessionId] === 'error' && (\n <button\n onClick={() => handleReconnect(activeTab.sessionId)}\n className=\"p-1.5 text-status-warning-text hover:text-status-warning-text/80 transition-colors\"\n title=\"Reconnect terminal\"\n >\n <RotateCcw className=\"w-4 h-4\" />\n </button>\n )}\n {activeTab?.terminalUrl && (\n <button\n onClick={() => activeTab && onOpenExternal(activeTab.sessionId)}\n className=\"p-1.5 text-text-secondary hover:text-text-primary transition-colors\"\n title=\"Open in new tab\"\n >\n <ExternalLink className=\"w-4 h-4\" />\n </button>\n )}\n <button\n onClick={onToggleImmersiveFullscreen}\n className=\"p-1.5 text-text-secondary hover:text-text-primary transition-colors\"\n title=\"Exit fullscreen (ESC)\"\n >\n <Shrink className=\"w-4 h-4\" />\n </button>\n </div>\n </div>\n\n {/* Tab Bar */}\n <div className=\"flex items-center bg-bg-sunken border-b border-border-default shrink-0\">\n {/* Tab list */}\n <div className=\"flex items-center overflow-x-auto flex-1 min-w-0\">\n {tabs.map((tab) => (\n <div\n key={tab.sessionId}\n className={`flex items-center gap-1.5 px-3 py-1.5 text-xs border-r border-border-subtle cursor-pointer transition-colors min-w-0 max-w-[180px] group ${\n tab.sessionId === activeTab?.sessionId\n ? 'bg-bg-surface text-text-primary border-b-2 border-b-action-primary-bg'\n : 'text-text-secondary hover:text-text-primary hover:bg-bg-surface/50'\n }`}\n onClick={() => onTabSelect(tab.sessionId)}\n onContextMenu={(e) => handleContextMenu(e, tab.sessionId)}\n onDoubleClick={() => handleStartRename(tab.sessionId)}\n >\n {renderStatusIndicator(tab)}\n {renamingTabId === tab.sessionId ? (\n <input\n ref={renameInputRef}\n value={renameValue}\n onChange={(e) => setRenameValue(e.target.value)}\n onBlur={handleFinishRename}\n onKeyDown={handleRenameKeyDown}\n onClick={(e) => e.stopPropagation()}\n className=\"bg-bg-sunken border border-border-strong rounded px-1 py-0 text-xs text-text-primary w-[100px] outline-none\"\n />\n ) : (\n <span className=\"truncate\">{tab.name}</span>\n )}\n <button\n onClick={(e) => {\n e.stopPropagation();\n onTabClose(tab.sessionId);\n }}\n className=\"ml-auto opacity-0 group-hover:opacity-100 hover:text-status-error-text transition-opacity shrink-0\"\n title=\"Close terminal\"\n >\n <X className=\"w-3 h-3\" />\n </button>\n </div>\n ))}\n </div>\n\n {/* Add tab \"+\" button */}\n <button\n ref={plusBtnRef}\n onClick={() => {\n if (onCreateSession || availableSessions.length > 0) {\n setShowSessionPicker((prev) => !prev);\n setSessionSearch('');\n }\n }}\n className=\"flex items-center px-2.5 py-1.5 text-text-secondary hover:text-text-primary transition-colors shrink-0 border-r border-border-subtle\"\n title=\"New session or open existing\"\n >\n <Plus className=\"w-3.5 h-3.5\" />\n </button>\n </div>\n\n {/* Terminal Content - takes remaining space */}\n <div className=\"flex-1 bg-bg-sunken text-text-primary relative overflow-hidden\">\n {activeTab ? (\n tabs.map((tab) => {\n const status = connectionStatus[tab.sessionId];\n const isConnecting = status === 'connecting' || tab.loading;\n const showIframe = tab.terminalUrl && !tab.error;\n\n return (\n <div\n key={tab.sessionId}\n className={`absolute inset-0 ${tab.sessionId === activeTab.sessionId ? 'block' : 'hidden'}`}\n >\n {/* Always render iframe if URL exists (keeps terminal state) */}\n {showIframe && tab.terminalUrl && (\n <iframe\n ref={(el) => {\n iframeRefs.current[tab.sessionId] = el;\n }}\n src={tab.terminalUrl}\n title={`Terminal - ${tab.name}`}\n className=\"w-full h-full border-0\"\n allow=\"clipboard-read *; clipboard-write *\"\n onLoad={() => handleIframeLoad(tab.sessionId)}\n onError={() => handleIframeError(tab.sessionId)}\n />\n )}\n\n {/* Loading/Connecting overlay */}\n {showIframe && isConnecting && (\n <div className=\"absolute inset-0 bg-bg-overlay backdrop-blur-[2px] flex items-center justify-center pointer-events-none z-10\">\n <div className=\"flex items-center gap-3 px-4 py-3 bg-bg-surface/95 rounded-lg border border-border-default shadow-lg\">\n <Loader2 className=\"w-5 h-5 text-status-warning-text animate-spin\" />\n <div>\n <p className=\"text-text-primary text-sm font-medium\">\n {tab.loading\n ? tr(\n 'vibecontrols.sessions.terminal.startingTerminal',\n 'Starting terminal...'\n )\n : tr('vibecontrols.sessions.terminal.connecting', 'Connecting...')}\n </p>\n <p className=\"text-text-secondary text-xs\">\n {tab.loading\n ? tr(\n 'vibecontrols.sessions.terminal.settingUpTmux',\n 'Setting up tmux + ttyd'\n )\n : tr(\n 'vibecontrols.sessions.terminal.establishingConnection',\n 'Establishing connection'\n )}\n </p>\n </div>\n </div>\n </div>\n )}\n\n {/* Disconnected overlay - auto-reconnect is active in background */}\n {showIframe && status === 'error' && !tab.error && (\n <div className=\"absolute inset-0 bg-bg-overlay backdrop-blur-[2px] flex items-center justify-center z-10\">\n <div className=\"flex flex-col items-center gap-3 px-6 py-4 bg-bg-surface/95 rounded-lg border border-border-default shadow-lg\">\n <WifiOff className=\"w-6 h-6 text-status-error-text\" />\n <div className=\"text-center\">\n <p className=\"text-text-primary text-sm font-medium\">\n {tr('vibecontrols.sessions.terminal.connectionLost', 'Connection Lost')}\n </p>\n <p className=\"text-text-secondary text-xs mt-1\">\n {connectionIssues[tab.sessionId]\n ? connectionIssues[tab.sessionId]\n : (autoReconnectAttempts.current[tab.sessionId] ?? 0) <\n MAX_AUTO_RECONNECT_ATTEMPTS\n ? tr(\n 'vibecontrols.sessions.terminal.reconnectingAutomatically',\n 'Reconnecting automatically...'\n )\n : tr(\n 'vibecontrols.sessions.terminal.connectionInterrupted',\n 'Terminal connection was interrupted'\n )}\n </p>\n </div>\n {!connectionIssues[tab.sessionId] &&\n (autoReconnectAttempts.current[tab.sessionId] ?? 0) <\n MAX_AUTO_RECONNECT_ATTEMPTS && (\n <Loader2 className=\"w-4 h-4 text-text-tertiary animate-spin\" />\n )}\n <button\n onClick={() => handleReconnect(tab.sessionId)}\n className=\"px-4 py-2 bg-bg-sunken text-text-primary text-sm rounded-md hover:bg-bg-sunken/80 transition-colors inline-flex items-center gap-2\"\n >\n <RotateCcw className=\"w-3.5 h-3.5\" />\n {tr('vibecontrols.sessions.terminal.reconnectNow', 'Reconnect Now')}\n </button>\n </div>\n </div>\n )}\n\n {/* No URL yet */}\n {!tab.terminalUrl && tab.loading && (\n <div className=\"flex items-center justify-center h-full\">\n <div className=\"text-center\">\n <Loader2 className=\"w-8 h-8 text-text-tertiary animate-spin mx-auto mb-3\" />\n <p className=\"text-text-tertiary text-sm\">\n Starting terminal for {tab.name}...\n </p>\n <p className=\"text-text-secondary text-xs mt-1\">\n Setting up tmux + ttyd terminal\n </p>\n </div>\n </div>\n )}\n\n {/* Error state */}\n {tab.error && (\n <div className=\"flex items-center justify-center h-full\">\n <div className=\"text-center max-w-md\">\n <AlertCircle className=\"w-8 h-8 text-status-error-text mx-auto mb-3\" />\n <p className=\"text-status-error-text text-sm font-medium\">\n {tr(\n 'vibecontrols.sessions.terminal.failedToStart',\n 'Failed to start terminal'\n )}\n </p>\n <p className=\"text-text-tertiary text-xs mt-2\">{tab.error}</p>\n <div className=\"flex items-center justify-center gap-3 mt-4\">\n {onRetryTerminal && sessions && (\n <button\n onClick={() => {\n const session = sessions.find((s) => s.id === tab.sessionId);\n if (session) onRetryTerminal(session);\n }}\n className=\"px-4 py-2 bg-bg-sunken text-text-primary text-sm rounded-md hover:bg-bg-sunken/80 transition-colors inline-flex items-center gap-2\"\n >\n <RotateCcw className=\"w-3.5 h-3.5\" />\n {tr('vibecontrols.sessions.terminal.retry', 'Retry')}\n </button>\n )}\n </div>\n </div>\n </div>\n )}\n\n {/* No terminal URL and not loading */}\n {!tab.terminalUrl && !tab.loading && !tab.error && (\n <div className=\"flex items-center justify-center h-full\">\n <div className=\"text-center\">\n <Terminal className=\"w-8 h-8 text-text-secondary mx-auto mb-3\" />\n <p className=\"text-text-tertiary text-sm\">\n {tr(\n 'vibecontrols.sessions.terminal.noTerminalUrl',\n 'No terminal URL available'\n )}\n </p>\n <p className=\"text-text-secondary text-xs mt-1\">\n {tr(\n 'vibecontrols.sessions.terminal.agentNeedsTtyd',\n 'The agent needs to start ttyd for this session'\n )}\n </p>\n </div>\n </div>\n )}\n </div>\n );\n })\n ) : (\n /* Empty state for fullscreen with no tabs */\n <div className=\"flex items-center justify-center h-full\">\n <div className=\"text-center max-w-md\">\n <Terminal className=\"w-12 h-12 text-text-secondary mx-auto mb-4\" />\n <p className=\"text-text-secondary text-base font-medium mb-2\">\n {tr('vibecontrols.sessions.terminal.noTerminalsOpen', 'No terminals open')}\n </p>\n <p className=\"text-text-secondary text-sm mb-4\">\n {tr(\n 'vibecontrols.sessions.terminal.clickPlusTab',\n 'Click the + tab above to create a new session or open an existing one'\n )}\n </p>\n {onCreateSession && (\n <button\n onClick={onCreateSession}\n className=\"px-4 py-2 bg-bg-sunken text-text-primary text-sm rounded-md hover:bg-bg-sunken/80 transition-colors inline-flex items-center gap-2\"\n >\n <Plus className=\"w-4 h-4\" />\n {tr('vibecontrols.sessions.terminal.newSession', 'New Session')}\n </button>\n )}\n </div>\n </div>\n )}\n </div>\n\n {/* Session Picker Dropdown (for immersive fullscreen) */}\n {showSessionPicker &&\n (onCreateSession || availableSessions.length > 0) &&\n plusBtnRef.current && (\n <div\n ref={sessionPickerRef}\n className=\"fixed bg-bg-elevated border border-border-default rounded-md shadow-xl z-[10000] w-[280px]\"\n style={{\n top: plusBtnRef.current.getBoundingClientRect().bottom + 4,\n left: Math.min(\n plusBtnRef.current.getBoundingClientRect().left,\n window.innerWidth - 290\n ),\n }}\n >\n {/* Search box */}\n <div className=\"p-2 border-b border-border-subtle\">\n <div className=\"flex items-center gap-2 px-2 py-1.5 bg-bg-sunken rounded border border-border-subtle focus-within:border-border-strong\">\n <Search className=\"w-3.5 h-3.5 text-text-muted shrink-0\" />\n <input\n ref={sessionSearchRef}\n type=\"text\"\n value={sessionSearch}\n onChange={(e) => setSessionSearch(e.target.value)}\n placeholder=\"Search sessions...\"\n className=\"w-full bg-bg-surface/0 text-sm text-text-primary outline-none placeholder:text-text-placeholder\"\n />\n {sessionSearch && (\n <button\n onClick={() => setSessionSearch('')}\n className=\"text-text-muted hover:text-text-primary shrink-0\"\n >\n <X className=\"w-3 h-3\" />\n </button>\n )}\n </div>\n </div>\n\n {/* New Session action */}\n {onCreateSession && (\n <button\n onClick={() => {\n onCreateSession();\n setShowSessionPicker(false);\n setSessionSearch('');\n }}\n className=\"flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken transition-colors text-left font-medium\"\n >\n <Plus className=\"w-3.5 h-3.5 text-text-secondary\" />\n <span>{tr('vibecontrols.sessions.terminal.newSession', 'New Session')}</span>\n </button>\n )}\n\n {/* Open existing section */}\n {availableSessions.length > 0 && (\n <>\n <div className=\"border-t border-border-subtle\" />\n <div className=\"px-3 pt-2 pb-1\">\n <span className=\"text-[10px] font-medium uppercase tracking-wider text-text-muted\">\n Open existing ({availableSessions.length})\n </span>\n </div>\n <div className=\"max-h-48 overflow-y-auto pb-1\">\n {filteredPickerSessions.length > 0 ? (\n filteredPickerSessions.map((s) => (\n <button\n key={s.id}\n onClick={() => {\n onOpenTerminal?.(s);\n setShowSessionPicker(false);\n setSessionSearch('');\n }}\n className=\"flex items-center gap-2 w-full px-3 py-1.5 text-sm text-text-primary hover:bg-bg-sunken transition-colors text-left\"\n >\n <Terminal className=\"w-3.5 h-3.5 text-text-secondary shrink-0\" />\n <span className=\"truncate\">{s.name}</span>\n <span\n className={`ml-auto text-[10px] px-1.5 py-0.5 rounded shrink-0 ${\n s.status === 'RUNNING'\n ? 'bg-status-success-text/10 text-status-success-text'\n : s.status === 'STOPPED' || s.status === 'TERMINATED'\n ? 'bg-text-secondary/10 text-text-tertiary'\n : 'bg-status-warning-text/10 text-status-warning-text'\n }`}\n >\n {s.status.toLowerCase()}\n </span>\n </button>\n ))\n ) : (\n <div className=\"px-3 py-2 text-xs text-text-muted\">\n No sessions matching “{sessionSearch}”\n </div>\n )}\n </div>\n </>\n )}\n </div>\n )}\n\n {/* Context Menu (for immersive fullscreen) */}\n {contextMenu.visible && contextTab && (\n <div\n ref={contextMenuRef}\n className=\"fixed bg-bg-elevated border border-border-default rounded-lg shadow-lg z-[10000] min-w-[180px] py-1\"\n style={{ top: contextMenu.y, left: contextMenu.x }}\n >\n {onRenameSession && (\n <button\n onClick={() => handleStartRename(contextTab.sessionId)}\n className=\"flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken transition-colors\"\n >\n <Edit3 className=\"w-3.5 h-3.5\" />\n {tr('vibecontrols.sessions.terminal.rename', 'Rename')}\n </button>\n )}\n {contextTab.terminalUrl && (\n <button\n onClick={() => {\n onOpenExternal(contextTab.sessionId);\n setContextMenu((prev) => ({ ...prev, visible: false }));\n }}\n className=\"flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken transition-colors\"\n >\n <ExternalLink className=\"w-3.5 h-3.5\" />\n {tr('vibecontrols.sessions.terminal.openInNewTab', 'Open in New Tab')}\n </button>\n )}\n {contextTab.terminalUrl && connectionStatus[contextTab.sessionId] === 'error' && (\n <button\n onClick={() => {\n handleReconnect(contextTab.sessionId);\n setContextMenu((prev) => ({ ...prev, visible: false }));\n }}\n className=\"flex items-center gap-2 w-full px-3 py-2 text-sm text-status-warning-text hover:bg-bg-sunken transition-colors\"\n >\n <RotateCcw className=\"w-3.5 h-3.5\" />\n {tr('vibecontrols.sessions.terminal.reconnect', 'Reconnect')}\n </button>\n )}\n {onRestartTerminal && (\n <button\n onClick={() => {\n onRestartTerminal(contextTab.sessionId);\n setContextMenu((prev) => ({ ...prev, visible: false }));\n }}\n className=\"flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken transition-colors\"\n >\n <RotateCcw className=\"w-3.5 h-3.5\" />\n {tr('vibecontrols.sessions.terminal.restartTerminal', 'Restart Terminal')}\n </button>\n )}\n {onStopTerminal && (\n <button\n onClick={() => {\n onStopTerminal(contextTab.sessionId);\n setContextMenu((prev) => ({ ...prev, visible: false }));\n }}\n className=\"flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken transition-colors\"\n >\n <Square className=\"w-3.5 h-3.5\" />\n {tr('vibecontrols.sessions.terminal.stopTerminal', 'Stop Terminal')}\n </button>\n )}\n <div className=\"border-t border-border-subtle my-1\" />\n <button\n onClick={() => {\n onTabClose(contextTab.sessionId);\n setContextMenu((prev) => ({ ...prev, visible: false }));\n }}\n className=\"flex items-center gap-2 w-full px-3 py-2 text-sm text-status-error-text hover:bg-bg-sunken transition-colors\"\n >\n <X className=\"w-3.5 h-3.5\" />\n {tr('vibecontrols.sessions.terminal.closeTab', 'Close Tab')}\n </button>\n </div>\n )}\n </div>,\n document.body\n );\n };\n\n // When in immersive fullscreen, render the portal and hide the normal panel\n if (isImmersiveFullscreen) {\n return renderImmersiveFullscreen();\n }\n\n return (\n <div\n ref={panelRef}\n className={`${fullScreen ? 'flex flex-col h-full' : ''} border-t border-border-default bg-bg-surface ${collapsed && tabs.length === 0 && !fullScreen ? 'hidden' : ''}`}\n >\n {/* Drag-to-resize handle (top edge of terminal panel) */}\n {!fullScreen && !collapsed && tabs.length > 0 && (\n <div\n onMouseDown={handleResizeStart}\n className=\"h-1 cursor-ns-resize hover:bg-action-primary-bg/30 transition-colors flex items-center justify-center group\"\n title=\"Drag to resize\"\n >\n <GripVertical className=\"w-4 h-3 text-text-muted opacity-0 group-hover:opacity-100 transition-opacity rotate-90\" />\n </div>\n )}\n\n {/* Tab Bar */}\n <div className=\"flex items-center bg-bg-sunken border-b border-border-default\">\n {/* Collapse toggle — only in non-fullscreen mode */}\n {!fullScreen && (\n <button\n onClick={onToggleCollapse}\n className=\"flex items-center gap-1 px-3 py-2 text-text-secondary hover:text-text-primary transition-colors text-xs font-medium uppercase tracking-wide\"\n title={collapsed ? 'Expand terminal' : 'Collapse terminal'}\n >\n <Terminal className=\"w-3.5 h-3.5\" />\n Terminal\n {collapsed ? <ChevronUp className=\"w-3 h-3\" /> : <ChevronDown className=\"w-3 h-3\" />}\n </button>\n )}\n\n {/* Tab list */}\n {(!collapsed || fullScreen) && (\n <div\n className={`flex items-center overflow-x-auto ${fullScreen ? 'flex-1' : 'flex-1'} min-w-0`}\n >\n {tabs.map((tab) => (\n <div\n key={tab.sessionId}\n className={`flex items-center gap-1.5 px-3 py-1.5 text-xs border-r border-border-subtle cursor-pointer transition-colors min-w-0 max-w-[180px] group ${\n tab.sessionId === activeTab?.sessionId\n ? 'bg-bg-surface text-text-primary border-b-2 border-b-action-primary-bg'\n : 'text-text-secondary hover:text-text-primary hover:bg-bg-surface/50'\n }`}\n onClick={() => onTabSelect(tab.sessionId)}\n onContextMenu={(e) => handleContextMenu(e, tab.sessionId)}\n onDoubleClick={() => handleStartRename(tab.sessionId)}\n >\n {renderStatusIndicator(tab)}\n {renamingTabId === tab.sessionId ? (\n <input\n ref={renameInputRef}\n value={renameValue}\n onChange={(e) => setRenameValue(e.target.value)}\n onBlur={handleFinishRename}\n onKeyDown={handleRenameKeyDown}\n onClick={(e) => e.stopPropagation()}\n className=\"bg-bg-sunken border border-border-strong rounded px-1 py-0 text-xs text-text-primary w-[100px] outline-none\"\n />\n ) : (\n <span className=\"truncate\">{tab.name}</span>\n )}\n <button\n onClick={(e) => {\n e.stopPropagation();\n onTabClose(tab.sessionId);\n }}\n className=\"ml-auto opacity-0 group-hover:opacity-100 hover:text-status-error-text transition-opacity shrink-0\"\n title=\"Close terminal\"\n >\n <X className=\"w-3 h-3\" />\n </button>\n </div>\n ))}\n </div>\n )}\n\n {/* Add tab \"+\" button — outside the overflow container so the dropdown isn't clipped */}\n {(!collapsed || fullScreen) && (\n <button\n ref={plusBtnRef}\n onClick={() => {\n if (onCreateSession || availableSessions.length > 0) {\n setShowSessionPicker((prev) => !prev);\n setSessionSearch('');\n }\n }}\n className=\"flex items-center px-2.5 py-1.5 text-text-secondary hover:text-text-primary transition-colors shrink-0 border-r border-border-subtle\"\n title=\"New session or open existing\"\n >\n <Plus className=\"w-3.5 h-3.5\" />\n </button>\n )}\n\n {/* Panel actions */}\n {(!collapsed || fullScreen) && tabs.length > 0 && (\n <div className=\"flex items-center gap-1 px-2 shrink-0\">\n {/* Reconnect button for disconnected terminals */}\n {activeTab && connectionStatus[activeTab.sessionId] === 'error' && (\n <button\n onClick={() => handleReconnect(activeTab.sessionId)}\n className=\"p-1 text-status-warning-text hover:text-status-warning-text/80 transition-colors\"\n title=\"Reconnect terminal\"\n >\n <RotateCcw className=\"w-3.5 h-3.5\" />\n </button>\n )}\n {activeTab?.terminalUrl && (\n <button\n onClick={() => activeTab && onOpenExternal(activeTab.sessionId)}\n className=\"p-1 text-text-secondary hover:text-text-primary transition-colors\"\n title=\"Open in new tab\"\n >\n <ExternalLink className=\"w-3.5 h-3.5\" />\n </button>\n )}\n {/* Immersive fullscreen toggle */}\n {onToggleImmersiveFullscreen && (\n <button\n onClick={onToggleImmersiveFullscreen}\n className=\"p-1 text-text-secondary hover:text-text-primary transition-colors\"\n title={isImmersiveFullscreen ? 'Exit fullscreen' : 'Enter fullscreen'}\n >\n {isImmersiveFullscreen ? (\n <Shrink className=\"w-3.5 h-3.5\" />\n ) : (\n <Expand className=\"w-3.5 h-3.5\" />\n )}\n </button>\n )}\n {!fullScreen && !isImmersiveFullscreen && (\n <button\n onClick={handleMaximize}\n className=\"p-1 text-text-secondary hover:text-text-primary transition-colors\"\n title={maximized ? 'Restore size' : 'Maximize'}\n >\n {maximized ? (\n <Minimize2 className=\"w-3.5 h-3.5\" />\n ) : (\n <Maximize2 className=\"w-3.5 h-3.5\" />\n )}\n </button>\n )}\n </div>\n )}\n </div>\n\n {/* Terminal Content */}\n {(!collapsed || fullScreen) && activeTab && (\n <div\n className={`${panelHeight || ''} bg-bg-sunken text-text-primary relative ${fullScreen ? 'flex-1' : ''}`}\n style={panelStyle}\n >\n {/* Render all tab iframes but only show the active one */}\n {tabs.map((tab) => {\n const status = connectionStatus[tab.sessionId];\n const isConnecting = status === 'connecting' || tab.loading;\n const showIframe = tab.terminalUrl && !tab.error;\n\n return (\n <div\n key={tab.sessionId}\n className={`absolute inset-0 ${tab.sessionId === activeTab.sessionId ? 'block' : 'hidden'}`}\n >\n {/* Always render iframe if URL exists (keeps terminal state) */}\n {showIframe && tab.terminalUrl && (\n <iframe\n ref={(el) => {\n iframeRefs.current[tab.sessionId] = el;\n }}\n src={tab.terminalUrl}\n title={`Terminal - ${tab.name}`}\n className=\"w-full h-full border-0\"\n allow=\"clipboard-read *; clipboard-write *\"\n onLoad={() => handleIframeLoad(tab.sessionId)}\n onError={() => handleIframeError(tab.sessionId)}\n />\n )}\n\n {/* Loading/Connecting overlay - shows on top of terminal without destroying it */}\n {showIframe && isConnecting && (\n <div className=\"absolute inset-0 bg-bg-overlay backdrop-blur-[2px] flex items-center justify-center pointer-events-none z-10\">\n <div className=\"flex items-center gap-3 px-4 py-3 bg-bg-surface/95 rounded-lg border border-border-default shadow-lg\">\n <Loader2 className=\"w-5 h-5 text-status-warning-text animate-spin\" />\n <div>\n <p className=\"text-text-primary text-sm font-medium\">\n {tab.loading\n ? tr(\n 'vibecontrols.sessions.terminal.startingTerminal',\n 'Starting terminal...'\n )\n : tr('vibecontrols.sessions.terminal.connecting', 'Connecting...')}\n </p>\n <p className=\"text-text-secondary text-xs\">\n {tab.loading\n ? tr(\n 'vibecontrols.sessions.terminal.settingUpTmux',\n 'Setting up tmux + ttyd'\n )\n : tr(\n 'vibecontrols.sessions.terminal.establishingConnection',\n 'Establishing connection'\n )}\n </p>\n </div>\n </div>\n </div>\n )}\n\n {/* Disconnected overlay - auto-reconnect is active in background */}\n {showIframe && status === 'error' && !tab.error && (\n <div className=\"absolute inset-0 bg-bg-overlay backdrop-blur-[2px] flex items-center justify-center z-10\">\n <div className=\"flex flex-col items-center gap-3 px-6 py-4 bg-bg-surface/95 rounded-lg border border-border-default shadow-lg\">\n <WifiOff className=\"w-6 h-6 text-status-error-text\" />\n <div className=\"text-center\">\n <p className=\"text-text-primary text-sm font-medium\">\n {tr('vibecontrols.sessions.terminal.connectionLost', 'Connection Lost')}\n </p>\n <p className=\"text-text-secondary text-xs mt-1\">\n {connectionIssues[tab.sessionId]\n ? connectionIssues[tab.sessionId]\n : (autoReconnectAttempts.current[tab.sessionId] ?? 0) <\n MAX_AUTO_RECONNECT_ATTEMPTS\n ? tr(\n 'vibecontrols.sessions.terminal.reconnectingAutomatically',\n 'Reconnecting automatically...'\n )\n : tr(\n 'vibecontrols.sessions.terminal.connectionInterrupted',\n 'Terminal connection was interrupted'\n )}\n </p>\n </div>\n {!connectionIssues[tab.sessionId] &&\n (autoReconnectAttempts.current[tab.sessionId] ?? 0) <\n MAX_AUTO_RECONNECT_ATTEMPTS && (\n <Loader2 className=\"w-4 h-4 text-text-tertiary animate-spin\" />\n )}\n <button\n onClick={() => handleReconnect(tab.sessionId)}\n className=\"px-4 py-2 bg-bg-sunken text-text-primary text-sm rounded-md hover:bg-bg-sunken/80 transition-colors inline-flex items-center gap-2\"\n >\n <RotateCcw className=\"w-3.5 h-3.5\" />\n {tr('vibecontrols.sessions.terminal.reconnectNow', 'Reconnect Now')}\n </button>\n </div>\n </div>\n )}\n\n {/* No URL yet - initial loading state (no iframe to show behind) */}\n {!tab.terminalUrl && tab.loading && (\n <div className=\"flex items-center justify-center h-full\">\n <div className=\"text-center\">\n <Loader2 className=\"w-8 h-8 text-text-tertiary animate-spin mx-auto mb-3\" />\n <p className=\"text-text-tertiary text-sm\">\n Starting terminal for {tab.name}...\n </p>\n <p className=\"text-text-secondary text-xs mt-1\">\n Setting up tmux + ttyd terminal\n </p>\n </div>\n </div>\n )}\n\n {/* Error state - terminal failed to start */}\n {tab.error && (\n <div className=\"flex items-center justify-center h-full\">\n <div className=\"text-center max-w-md\">\n <AlertCircle className=\"w-8 h-8 text-status-error-text mx-auto mb-3\" />\n <p className=\"text-status-error-text text-sm font-medium\">\n {tr(\n 'vibecontrols.sessions.terminal.failedToStart',\n 'Failed to start terminal'\n )}\n </p>\n <p className=\"text-text-tertiary text-xs mt-2\">{tab.error}</p>\n <div className=\"flex items-center justify-center gap-3 mt-4\">\n {onRetryTerminal && sessions && (\n <button\n onClick={() => {\n const session = sessions.find((s) => s.id === tab.sessionId);\n if (session) onRetryTerminal(session);\n }}\n className=\"px-4 py-2 bg-bg-sunken text-text-primary text-sm rounded-md hover:bg-bg-sunken/80 transition-colors inline-flex items-center gap-2\"\n >\n <RotateCcw className=\"w-3.5 h-3.5\" />\n {tr('vibecontrols.sessions.terminal.retry', 'Retry')}\n </button>\n )}\n </div>\n </div>\n </div>\n )}\n\n {/* No terminal URL and not loading - waiting for agent */}\n {!tab.terminalUrl && !tab.loading && !tab.error && (\n <div className=\"flex items-center justify-center h-full\">\n <div className=\"text-center\">\n <Terminal className=\"w-8 h-8 text-text-secondary mx-auto mb-3\" />\n <p className=\"text-text-tertiary text-sm\">\n {tr(\n 'vibecontrols.sessions.terminal.noTerminalUrl',\n 'No terminal URL available'\n )}\n </p>\n <p className=\"text-text-secondary text-xs mt-1\">\n {tr(\n 'vibecontrols.sessions.terminal.agentNeedsTtyd',\n 'The agent needs to start ttyd for this session'\n )}\n </p>\n </div>\n </div>\n )}\n </div>\n );\n })}\n </div>\n )}\n\n {/* Empty state for terminal-first mode with no tabs */}\n {(!collapsed || fullScreen) && tabs.length === 0 && fullScreen && (\n <div className=\"flex-1 bg-bg-sunken text-text-primary flex items-center justify-center\">\n <div className=\"text-center max-w-md\">\n <Terminal className=\"w-12 h-12 text-text-secondary mx-auto mb-4\" />\n <p className=\"text-text-secondary text-base font-medium mb-2\">\n {tr('vibecontrols.sessions.terminal.noTerminalsOpen', 'No terminals open')}\n </p>\n <p className=\"text-text-secondary text-sm mb-4\">\n {tr(\n 'vibecontrols.sessions.terminal.clickPlusTab',\n 'Click the + tab above to create a new session or open an existing one'\n )}\n </p>\n <div className=\"flex items-center justify-center gap-2 flex-wrap\">\n {onCreateSession && (\n <button\n onClick={onCreateSession}\n className=\"px-4 py-2 bg-bg-sunken text-text-primary text-sm rounded-md hover:bg-bg-sunken/80 transition-colors inline-flex items-center gap-2\"\n >\n <Plus className=\"w-4 h-4\" />\n {tr('vibecontrols.sessions.terminal.newSession', 'New Session')}\n </button>\n )}\n </div>\n {availableSessions.length > 0 && (\n <div className=\"mt-6\">\n <p className=\"text-text-secondary text-xs uppercase tracking-wider mb-3\">\n Or open an existing session\n </p>\n <div className=\"flex flex-wrap justify-center gap-2\">\n {availableSessions.slice(0, 6).map((s) => (\n <button\n key={s.id}\n onClick={() => onOpenTerminal?.(s)}\n className=\"flex items-center gap-1.5 px-3 py-1.5 bg-bg-canvas text-text-secondary text-xs rounded-md hover:bg-bg-sunken transition-colors border border-border-default\"\n >\n <Terminal className=\"w-3 h-3\" />\n <span className=\"truncate max-w-[120px]\">{s.name}</span>\n <span\n className={`w-1.5 h-1.5 rounded-full ${\n s.status === 'RUNNING' ? 'bg-status-success-text' : 'bg-text-secondary'\n }`}\n />\n </button>\n ))}\n {availableSessions.length > 6 && (\n <button\n onClick={() => {\n setShowSessionPicker(true);\n setSessionSearch('');\n }}\n className=\"text-text-tertiary text-xs self-center hover:text-text-primary transition-colors cursor-pointer\"\n >\n +{availableSessions.length - 6} more\n </button>\n )}\n </div>\n </div>\n )}\n </div>\n </div>\n )}\n\n {/* Session Picker Dropdown (fixed position to escape overflow clipping) */}\n {showSessionPicker &&\n (onCreateSession || availableSessions.length > 0) &&\n plusBtnRef.current && (\n <div\n ref={sessionPickerRef}\n className=\"fixed bg-bg-elevated border border-border-default rounded-md shadow-xl z-[100] w-[280px]\"\n style={{\n top: plusBtnRef.current.getBoundingClientRect().bottom + 4,\n left: Math.min(\n plusBtnRef.current.getBoundingClientRect().left,\n window.innerWidth - 290\n ),\n }}\n >\n {/* Search box */}\n <div className=\"p-2 border-b border-border-subtle\">\n <div className=\"flex items-center gap-2 px-2 py-1.5 bg-bg-sunken rounded border border-border-subtle focus-within:border-border-strong\">\n <Search className=\"w-3.5 h-3.5 text-text-muted shrink-0\" />\n <input\n ref={sessionSearchRef}\n type=\"text\"\n value={sessionSearch}\n onChange={(e) => setSessionSearch(e.target.value)}\n placeholder=\"Search sessions...\"\n className=\"w-full bg-bg-surface/0 text-sm text-text-primary outline-none placeholder:text-text-placeholder\"\n />\n {sessionSearch && (\n <button\n onClick={() => setSessionSearch('')}\n className=\"text-text-muted hover:text-text-primary shrink-0\"\n >\n <X className=\"w-3 h-3\" />\n </button>\n )}\n </div>\n </div>\n\n {/* {tr('vibecontrols.sessions.terminal.newSession', 'New Session')} action */}\n {onCreateSession && (\n <button\n onClick={() => {\n onCreateSession();\n setShowSessionPicker(false);\n setSessionSearch('');\n }}\n className=\"flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken transition-colors text-left font-medium\"\n >\n <Plus className=\"w-3.5 h-3.5 text-text-secondary\" />\n <span>{tr('vibecontrols.sessions.terminal.newSession', 'New Session')}</span>\n </button>\n )}\n\n {/* Divider + Open existing section */}\n {availableSessions.length > 0 && (\n <>\n <div className=\"border-t border-border-subtle\" />\n <div className=\"px-3 pt-2 pb-1\">\n <span className=\"text-[10px] font-medium uppercase tracking-wider text-text-muted\">\n Open existing ({availableSessions.length})\n </span>\n </div>\n <div className=\"max-h-48 overflow-y-auto pb-1\">\n {filteredPickerSessions.length > 0 ? (\n filteredPickerSessions.map((s) => (\n <button\n key={s.id}\n onClick={() => {\n onOpenTerminal?.(s);\n setShowSessionPicker(false);\n setSessionSearch('');\n }}\n className=\"flex items-center gap-2 w-full px-3 py-1.5 text-sm text-text-primary hover:bg-bg-sunken transition-colors text-left\"\n >\n <Terminal className=\"w-3.5 h-3.5 text-text-secondary shrink-0\" />\n <span className=\"truncate\">{s.name}</span>\n <span\n className={`ml-auto text-[10px] px-1.5 py-0.5 rounded shrink-0 ${\n s.status === 'RUNNING'\n ? 'bg-status-success-text/10 text-status-success-text'\n : s.status === 'STOPPED' || s.status === 'TERMINATED'\n ? 'bg-text-secondary/10 text-text-tertiary'\n : 'bg-status-warning-text/10 text-status-warning-text'\n }`}\n >\n {s.status.toLowerCase()}\n </span>\n </button>\n ))\n ) : (\n <div className=\"px-3 py-2 text-xs text-text-muted\">\n No sessions matching “{sessionSearch}”\n </div>\n )}\n </div>\n </>\n )}\n </div>\n )}\n\n {/* Context Menu */}\n {contextMenu.visible && contextTab && (\n <div\n ref={contextMenuRef}\n className=\"fixed bg-bg-elevated border border-border-default rounded-lg shadow-lg z-[100] min-w-[180px] py-1\"\n style={{ top: contextMenu.y, left: contextMenu.x }}\n >\n {onRenameSession && (\n <button\n onClick={() => handleStartRename(contextTab.sessionId)}\n className=\"flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken transition-colors\"\n >\n <Edit3 className=\"w-3.5 h-3.5\" />\n Rename\n </button>\n )}\n {contextTab.terminalUrl && (\n <button\n onClick={() => {\n onOpenExternal(contextTab.sessionId);\n setContextMenu((prev) => ({ ...prev, visible: false }));\n }}\n className=\"flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken transition-colors\"\n >\n <ExternalLink className=\"w-3.5 h-3.5\" />\n {tr('vibecontrols.sessions.terminal.openInNewTab', 'Open in New Tab')}\n </button>\n )}\n {/* Reconnect option in context menu */}\n {contextTab.terminalUrl && connectionStatus[contextTab.sessionId] === 'error' && (\n <button\n onClick={() => {\n handleReconnect(contextTab.sessionId);\n setContextMenu((prev) => ({ ...prev, visible: false }));\n }}\n className=\"flex items-center gap-2 w-full px-3 py-2 text-sm text-status-warning-text hover:bg-bg-sunken transition-colors\"\n >\n <RotateCcw className=\"w-3.5 h-3.5\" />\n Reconnect\n </button>\n )}\n {onRestartTerminal && (\n <button\n onClick={() => {\n onRestartTerminal(contextTab.sessionId);\n setContextMenu((prev) => ({ ...prev, visible: false }));\n }}\n className=\"flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken transition-colors\"\n >\n <RotateCcw className=\"w-3.5 h-3.5\" />\n Restart Terminal\n </button>\n )}\n {onStopTerminal && (\n <button\n onClick={() => {\n onStopTerminal(contextTab.sessionId);\n setContextMenu((prev) => ({ ...prev, visible: false }));\n }}\n className=\"flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken transition-colors\"\n >\n <Square className=\"w-3.5 h-3.5\" />\n Stop Terminal\n </button>\n )}\n <div className=\"border-t border-border-subtle my-1\" />\n <button\n onClick={() => {\n onTabClose(contextTab.sessionId);\n setContextMenu((prev) => ({ ...prev, visible: false }));\n }}\n className=\"flex items-center gap-2 w-full px-3 py-2 text-sm text-status-error-text hover:bg-bg-sunken transition-colors\"\n >\n <X className=\"w-3.5 h-3.5\" />\n {tr('vibecontrols.sessions.terminal.closeTab', 'Close Tab')}\n </button>\n </div>\n )}\n </div>\n );\n}\n"],"mappings":"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"}

package/dist/components/sessions/index.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+export { SessionCard, type SessionCardProps } from './SessionCard';
+export { SessionStatusBadge, type SessionStatusBadgeProps } from './SessionStatusBadge';
+export { SessionList } from './SessionList';
+export { SessionForm } from './SessionForm';
+export { TerminalPanel, type TerminalTab } from './TerminalPanel';
+export { SessionShareDialog } from './SessionShareDialog';
+export { CollaboratorsList } from './CollaboratorsList';
+export { ControlStatusBar, MiniControlIndicator } from './ControlStatusBar';
+export { SharedTerminalPanel, ReadOnlyTerminalOverlay } from './SharedTerminalPanel';
+export type { Session, SessionStatus, SessionType, SessionFilter, CreateSessionInput, UpdateSessionInput, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/sessions/index.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/sessions/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACxF,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC5E,OAAO,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AACrF,YAAY,EACV,OAAO,EACP,aAAa,EACb,WAAW,EACX,aAAa,EACb,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,SAAS,CAAC"}

package/dist/components/sessions/index.js ADDED Viewed

@@ -0,0 +1,9 @@
+import "./SessionStatusBadge.js";
+import "./SessionCard.js";
+import "./SessionList.js";
+import "./SessionForm.js";
+import "./TerminalPanel.js";
+import "./SessionShareDialog.js";
+import "./CollaboratorsList.js";
+import "./ControlStatusBar.js";
+import "./SharedTerminalPanel.js";

package/dist/components/sessions/types.d.ts ADDED Viewed

@@ -0,0 +1,67 @@
+export type SessionType = 'TMUX' | 'WEZTERM' | 'ZELLIJ' | 'SSH' | 'TERMINAL' | 'SCRIPT' | 'CUSTOM';
+export type SessionStatus = 'PENDING' | 'STARTING' | 'RUNNING' | 'STOPPING' | 'STOPPED' | 'ERROR' | 'TERMINATED';
+export interface Session {
+    id: string;
+    workspaceId: string;
+    vibeId: string | null;
+    agentId: string | null;
+    name: string;
+    type: SessionType;
+    status: SessionStatus;
+    command: string | null;
+    workingDirectory: string | null;
+    environmentVariables: Record<string, string>;
+    autoStart: boolean;
+    providerSessionName?: string;
+    providerWindowName?: string;
+    pid: number | null;
+    exitCode: number | null;
+    lastOutput: string | null;
+    ttydUrl?: string | null;
+    metadata: Record<string, unknown>;
+    createdAt: string;
+    updatedAt: string;
+    vibe?: {
+        id: string;
+        name: string;
+    };
+    agent?: {
+        id: string;
+        name: string;
+        tunnelUrl?: string | null;
+        isActive?: boolean;
+    };
+}
+export interface SessionFilter {
+    workspaceId?: string;
+    vibeId?: string;
+    agentId?: string;
+    type?: SessionType;
+    status?: SessionStatus;
+    search?: string;
+}
+export interface CreateSessionInput {
+    workspaceId: string;
+    vibeId?: string;
+    agentId?: string;
+    name: string;
+    type: SessionType;
+    command?: string;
+    workingDirectory?: string;
+    environmentVariables?: Record<string, string>;
+    autoStart?: boolean;
+    providerSessionName?: string;
+    providerWindowName?: string;
+    /** Provider-native session name to attach to (tmux/wezterm/zellij). */
+    externalSessionName?: string;
+    metadata?: Record<string, unknown>;
+}
+export interface UpdateSessionInput {
+    name?: string;
+    command?: string;
+    workingDirectory?: string;
+    environmentVariables?: Record<string, string>;
+    autoStart?: boolean;
+    metadata?: Record<string, unknown>;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/sessions/types.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

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

package/dist/components/settings/AdvancedSection.d.ts ADDED Viewed

@@ -0,0 +1,22 @@
+interface ConfigurationItem {
+    id: string;
+    key: string;
+    value: Record<string, unknown>;
+    isSecret: boolean;
+}
+interface AdvancedData {
+    logLevel: string;
+    telemetryEnabled: boolean;
+    autoUpdate: boolean;
+}
+interface AdvancedSectionProps {
+    data: AdvancedData;
+    onChange: (data: AdvancedData) => void;
+    secrets: ConfigurationItem[];
+    secretsLoading: boolean;
+    onRefreshSecrets: () => void;
+    workspaceId: string;
+}
+export declare function AdvancedSection({ data, onChange, secrets, secretsLoading, onRefreshSecrets, workspaceId, }: AdvancedSectionProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AdvancedSection.d.ts.map

package/dist/components/settings/AdvancedSection.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AdvancedSection.d.ts","sourceRoot":"","sources":["../../../src/components/settings/AdvancedSection.tsx"],"names":[],"mappings":"AAUA,UAAU,iBAAiB;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,UAAU,YAAY;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,oBAAoB;IAC5B,IAAI,EAAE,YAAY,CAAC;IACnB,QAAQ,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IACvC,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,cAAc,EACd,gBAAgB,EAChB,WAAW,GACZ,EAAE,oBAAoB,2CA2MtB"}

package/dist/components/settings/AdvancedSection.js ADDED Viewed

@@ -0,0 +1,177 @@
+import { useDeleteSettingsSecretMutation as e, useSetSettingsSecretMutation as t } from "../../generated/wspace-operations.js";
+import { SectionCard as n, SelectField as r, ToggleField as i } from "./SettingsForm.js";
+import { useCallback as a, useMemo as o, useState as s } from "react";
+import { useI18n as c } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Eye as l, EyeOff as u, Plus as d, RefreshCw as f, Trash2 as p } from "lucide-react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { MotionItem as g, MotionList as _ } from "@burdenoff/fe-libs/shared/motion";
+//#region src/components/settings/AdvancedSection.tsx
+function v({ data: v, onChange: y, secrets: b, secretsLoading: x, onRefreshSecrets: S, workspaceId: C }) {
+	let { t: w } = c(), T = a((e, t) => {
+		let n = w(e);
+		return n === e ? t : n;
+	}, [w]), [E, D] = s({}), [O, k] = s(""), [A, j] = s(""), [M, N] = s(!1), P = o(() => [
+		{
+			value: "debug",
+			label: T("settings.logLevelDebug", "Debug")
+		},
+		{
+			value: "info",
+			label: T("settings.logLevelInfo", "Info")
+		},
+		{
+			value: "warn",
+			label: T("settings.logLevelWarning", "Warning")
+		},
+		{
+			value: "error",
+			label: T("common.error", "Error")
+		}
+	], [T]), [F] = t({ onCompleted: () => {
+		k(""), j(""), N(!1), S();
+	} }), [I] = e({ onCompleted: () => S() }), L = (e) => {
+		D((t) => ({
+			...t,
+			[e]: !t[e]
+		}));
+	}, R = async () => {
+		!O.trim() || !A.trim() || await F({ variables: {
+			scope: "WORKSPACE",
+			scopeId: C,
+			key: O.trim(),
+			value: A.trim()
+		} });
+	}, z = async (e) => {
+		await I({ variables: {
+			scope: "WORKSPACE",
+			scopeId: C,
+			key: e
+		} });
+	};
+	return /* @__PURE__ */ h("div", {
+		className: "space-y-6",
+		children: [/* @__PURE__ */ h(n, {
+			title: T("settings.advancedSettings", "Advanced Settings"),
+			children: [
+				/* @__PURE__ */ m(r, {
+					label: T("settings.logLevel", "Log Level"),
+					value: v.logLevel,
+					onChange: (e) => y({
+						...v,
+						logLevel: e
+					}),
+					options: P
+				}),
+				/* @__PURE__ */ m(i, {
+					label: T("settings.telemetry", "Telemetry"),
+					description: T("settings.telemetryDescription", "Help improve VibeControls by sending anonymous usage data"),
+					value: v.telemetryEnabled,
+					onChange: (e) => y({
+						...v,
+						telemetryEnabled: e
+					})
+				}),
+				/* @__PURE__ */ m(i, {
+					label: T("settings.autoUpdate", "Auto Update"),
+					description: T("settings.autoUpdateDescription", "Automatically update agents when new versions are available"),
+					value: v.autoUpdate,
+					onChange: (e) => y({
+						...v,
+						autoUpdate: e
+					})
+				})
+			]
+		}), /* @__PURE__ */ h("div", {
+			className: "bg-bg-surface border border-border-default rounded-lg p-6",
+			children: [
+				/* @__PURE__ */ h("div", {
+					className: "flex items-center justify-between mb-4",
+					children: [/* @__PURE__ */ m("h3", {
+						className: "font-medium text-text-primary",
+						children: T("settings.configuredSecrets", "Configured Secrets")
+					}), /* @__PURE__ */ h("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ m("button", {
+							onClick: () => N(!M),
+							className: "p-1 hover:bg-bg-sunken rounded-md transition-colors",
+							title: T("settings.addSecret", "Add secret"),
+							children: /* @__PURE__ */ m(d, { className: "w-4 h-4 text-text-secondary" })
+						}), /* @__PURE__ */ m("button", {
+							onClick: S,
+							disabled: x,
+							className: "p-1 hover:bg-bg-sunken rounded-md transition-colors",
+							title: T("settings.refreshSecrets", "Refresh secrets"),
+							children: /* @__PURE__ */ m(f, { className: `w-4 h-4 text-text-secondary ${x ? "animate-spin" : ""}` })
+						})]
+					})]
+				}),
+				M && /* @__PURE__ */ h("div", {
+					className: "mb-4 p-4 bg-bg-sunken rounded-md space-y-3",
+					children: [
+						/* @__PURE__ */ m("input", {
+							type: "text",
+							placeholder: T("settings.secretKeyPlaceholder", "Secret key (e.g., api_key, database_url)"),
+							value: O,
+							onChange: (e) => k(e.target.value),
+							className: "w-full px-3 py-2 bg-bg-surface border border-border-default rounded-md text-text-primary text-sm"
+						}),
+						/* @__PURE__ */ m("input", {
+							type: "password",
+							placeholder: T("settings.secretValuePlaceholder", "Secret value"),
+							value: A,
+							onChange: (e) => j(e.target.value),
+							className: "w-full px-3 py-2 bg-bg-surface border border-border-default rounded-md text-text-primary text-sm"
+						}),
+						/* @__PURE__ */ h("div", {
+							className: "flex justify-end gap-2",
+							children: [/* @__PURE__ */ m("button", {
+								onClick: () => N(!1),
+								className: "px-3 py-1.5 text-sm text-text-secondary hover:text-text-primary",
+								children: T("common.cancel", "Cancel")
+							}), /* @__PURE__ */ m("button", {
+								onClick: R,
+								disabled: !O.trim() || !A.trim(),
+								className: "px-3 py-1.5 text-sm bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover disabled:opacity-50",
+								children: T("settings.saveSecret", "Save Secret")
+							})]
+						})
+					]
+				}),
+				/* @__PURE__ */ h(_, {
+					stagger: .04,
+					className: "space-y-3",
+					children: [b.map((e) => /* @__PURE__ */ h(g, {
+						className: "flex items-center justify-between p-3 bg-bg-sunken rounded-md",
+						children: [/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("div", {
+							className: "font-medium text-text-primary",
+							children: e.key
+						}), /* @__PURE__ */ m("div", {
+							className: "text-sm text-text-secondary font-mono",
+							children: E[e.id] ? String(e.value) : "••••••••"
+						})] }), /* @__PURE__ */ h("div", {
+							className: "flex items-center gap-1",
+							children: [/* @__PURE__ */ m("button", {
+								onClick: () => L(e.id),
+								className: "p-2 hover:bg-bg-surface rounded-md transition-colors",
+								title: E[e.id] ? T("common.hide", "Hide") : T("common.show", "Show"),
+								children: E[e.id] ? /* @__PURE__ */ m(u, { className: "w-4 h-4 text-text-secondary" }) : /* @__PURE__ */ m(l, { className: "w-4 h-4 text-text-secondary" })
+							}), /* @__PURE__ */ m("button", {
+								onClick: () => z(e.key),
+								className: "p-2 hover:bg-bg-surface rounded-md transition-colors text-status-error-text",
+								title: T("settings.deleteSecret", "Delete secret"),
+								children: /* @__PURE__ */ m(p, { className: "w-4 h-4" })
+							})]
+						})]
+					}, e.id)), b.length === 0 && !x && /* @__PURE__ */ m("div", {
+						className: "text-sm text-text-secondary py-4 text-center",
+						children: T("settings.noSecretsConfigured", "No secrets configured")
+					})]
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { v as AdvancedSection };
+//# sourceMappingURL=AdvancedSection.js.map

package/dist/components/settings/AdvancedSection.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AdvancedSection.js","names":[],"sources":["../../../src/components/settings/AdvancedSection.tsx"],"sourcesContent":["import { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Eye, EyeOff, RefreshCw, Plus, Trash2 } from 'lucide-react';\nimport { useCallback, useMemo, useState } from 'react';\nimport { SectionCard, SelectField, ToggleField } from './SettingsForm';\nimport { MotionList, MotionItem } from '@burdenoff/fe-libs/shared/motion';\nimport {\n useSetSettingsSecretMutation,\n useDeleteSettingsSecretMutation,\n} from '@/generated/wspace-operations';\n\ninterface ConfigurationItem {\n id: string;\n key: string;\n value: Record<string, unknown>;\n isSecret: boolean;\n}\n\ninterface AdvancedData {\n logLevel: string;\n telemetryEnabled: boolean;\n autoUpdate: boolean;\n}\n\ninterface AdvancedSectionProps {\n data: AdvancedData;\n onChange: (data: AdvancedData) => void;\n secrets: ConfigurationItem[];\n secretsLoading: boolean;\n onRefreshSecrets: () => void;\n workspaceId: string;\n}\n\nexport function AdvancedSection({\n data,\n onChange,\n secrets,\n secretsLoading,\n onRefreshSecrets,\n workspaceId,\n}: AdvancedSectionProps) {\n const { t } = useI18n();\n const tr = useCallback(\n (key: string, fallback: string) => {\n const v = t(key);\n return v === key ? fallback : v;\n },\n [t]\n );\n const [showSecrets, setShowSecrets] = useState<Record<string, boolean>>({});\n const [newSecretKey, setNewSecretKey] = useState('');\n const [newSecretValue, setNewSecretValue] = useState('');\n const [isAddingSecret, setIsAddingSecret] = useState(false);\n const logLevelOptions = useMemo(\n () => [\n { value: 'debug', label: tr('settings.logLevelDebug', 'Debug') },\n { value: 'info', label: tr('settings.logLevelInfo', 'Info') },\n { value: 'warn', label: tr('settings.logLevelWarning', 'Warning') },\n { value: 'error', label: tr('common.error', 'Error') },\n ],\n [tr]\n );\n\n const [setSecretMutation] = useSetSettingsSecretMutation({\n onCompleted: () => {\n setNewSecretKey('');\n setNewSecretValue('');\n setIsAddingSecret(false);\n onRefreshSecrets();\n },\n });\n\n const [deleteSecretMutation] = useDeleteSettingsSecretMutation({\n onCompleted: () => onRefreshSecrets(),\n });\n\n const toggleSecret = (id: string) => {\n setShowSecrets((prev) => ({ ...prev, [id]: !prev[id] }));\n };\n\n const handleAddSecret = async () => {\n if (!newSecretKey.trim() || !newSecretValue.trim()) return;\n await setSecretMutation({\n variables: {\n scope: 'WORKSPACE' as never,\n scopeId: workspaceId,\n key: newSecretKey.trim(),\n value: newSecretValue.trim(),\n },\n });\n };\n\n const handleDeleteSecret = async (key: string) => {\n await deleteSecretMutation({\n variables: {\n scope: 'WORKSPACE' as never,\n scopeId: workspaceId,\n key,\n },\n });\n };\n\n return (\n <div className=\"space-y-6\">\n <SectionCard title={tr('settings.advancedSettings', 'Advanced Settings')}>\n <SelectField\n label={tr('settings.logLevel', 'Log Level')}\n value={data.logLevel}\n onChange={(v) => onChange({ ...data, logLevel: v })}\n options={logLevelOptions}\n />\n <ToggleField\n label={tr('settings.telemetry', 'Telemetry')}\n description={tr(\n 'settings.telemetryDescription',\n 'Help improve VibeControls by sending anonymous usage data'\n )}\n value={data.telemetryEnabled}\n onChange={(v) => onChange({ ...data, telemetryEnabled: v })}\n />\n <ToggleField\n label={tr('settings.autoUpdate', 'Auto Update')}\n description={tr(\n 'settings.autoUpdateDescription',\n 'Automatically update agents when new versions are available'\n )}\n value={data.autoUpdate}\n onChange={(v) => onChange({ ...data, autoUpdate: v })}\n />\n </SectionCard>\n\n {/* Secrets Section */}\n <div className=\"bg-bg-surface border border-border-default rounded-lg p-6\">\n <div className=\"flex items-center justify-between mb-4\">\n <h3 className=\"font-medium text-text-primary\">\n {tr('settings.configuredSecrets', 'Configured Secrets')}\n </h3>\n <div className=\"flex items-center gap-2\">\n <button\n onClick={() => setIsAddingSecret(!isAddingSecret)}\n className=\"p-1 hover:bg-bg-sunken rounded-md transition-colors\"\n title={tr('settings.addSecret', 'Add secret')}\n >\n <Plus className=\"w-4 h-4 text-text-secondary\" />\n </button>\n <button\n onClick={onRefreshSecrets}\n disabled={secretsLoading}\n className=\"p-1 hover:bg-bg-sunken rounded-md transition-colors\"\n title={tr('settings.refreshSecrets', 'Refresh secrets')}\n >\n <RefreshCw\n className={`w-4 h-4 text-text-secondary ${secretsLoading ? 'animate-spin' : ''}`}\n />\n </button>\n </div>\n </div>\n\n {/* Add Secret Form */}\n {isAddingSecret && (\n <div className=\"mb-4 p-4 bg-bg-sunken rounded-md space-y-3\">\n <input\n type=\"text\"\n placeholder={tr(\n 'settings.secretKeyPlaceholder',\n 'Secret key (e.g., api_key, database_url)'\n )}\n value={newSecretKey}\n onChange={(e) => setNewSecretKey(e.target.value)}\n className=\"w-full px-3 py-2 bg-bg-surface border border-border-default rounded-md text-text-primary text-sm\"\n />\n <input\n type=\"password\"\n placeholder={tr('settings.secretValuePlaceholder', 'Secret value')}\n value={newSecretValue}\n onChange={(e) => setNewSecretValue(e.target.value)}\n className=\"w-full px-3 py-2 bg-bg-surface border border-border-default rounded-md text-text-primary text-sm\"\n />\n <div className=\"flex justify-end gap-2\">\n <button\n onClick={() => setIsAddingSecret(false)}\n className=\"px-3 py-1.5 text-sm text-text-secondary hover:text-text-primary\"\n >\n {tr('common.cancel', 'Cancel')}\n </button>\n <button\n onClick={handleAddSecret}\n disabled={!newSecretKey.trim() || !newSecretValue.trim()}\n className=\"px-3 py-1.5 text-sm bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover disabled:opacity-50\"\n >\n {tr('settings.saveSecret', 'Save Secret')}\n </button>\n </div>\n </div>\n )}\n\n <MotionList stagger={0.04} className=\"space-y-3\">\n {secrets.map((config) => (\n <MotionItem\n key={config.id}\n className=\"flex items-center justify-between p-3 bg-bg-sunken rounded-md\"\n >\n <div>\n <div className=\"font-medium text-text-primary\">{config.key}</div>\n <div className=\"text-sm text-text-secondary font-mono\">\n {showSecrets[config.id]\n ? String(config.value)\n : '\\u2022\\u2022\\u2022\\u2022\\u2022\\u2022\\u2022\\u2022'}\n </div>\n </div>\n <div className=\"flex items-center gap-1\">\n <button\n onClick={() => toggleSecret(config.id)}\n className=\"p-2 hover:bg-bg-surface rounded-md transition-colors\"\n title={\n showSecrets[config.id] ? tr('common.hide', 'Hide') : tr('common.show', 'Show')\n }\n >\n {showSecrets[config.id] ? (\n <EyeOff className=\"w-4 h-4 text-text-secondary\" />\n ) : (\n <Eye className=\"w-4 h-4 text-text-secondary\" />\n )}\n </button>\n <button\n onClick={() => handleDeleteSecret(config.key)}\n className=\"p-2 hover:bg-bg-surface rounded-md transition-colors text-status-error-text\"\n title={tr('settings.deleteSecret', 'Delete secret')}\n >\n <Trash2 className=\"w-4 h-4\" />\n </button>\n </div>\n </MotionItem>\n ))}\n {secrets.length === 0 && !secretsLoading && (\n <div className=\"text-sm text-text-secondary py-4 text-center\">\n {tr('settings.noSecretsConfigured', 'No secrets configured')}\n </div>\n )}\n </MotionList>\n </div>\n </div>\n );\n}\n"],"mappings":"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"}

package/dist/components/settings/ConfigEditor.d.ts ADDED Viewed

@@ -0,0 +1,14 @@
+import { Configuration, SetConfigurationInput, ConfigScope } from './types';
+interface ConfigEditorProps {
+    configurations: Configuration[];
+    scope: ConfigScope;
+    scopeId: string;
+    onSave: (data: SetConfigurationInput) => void;
+    onDelete: (config: Configuration) => void;
+    onClose: () => void;
+    isLoading?: boolean;
+}
+export declare function ConfigEditor({ configurations, scope, scopeId, onSave, onDelete, onClose, isLoading, }: ConfigEditorProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ConfigEditor.d.ts.map

package/dist/components/settings/ConfigEditor.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ConfigEditor.d.ts","sourceRoot":"","sources":["../../../src/components/settings/ConfigEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,qBAAqB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAGjF,UAAU,iBAAiB;IACzB,cAAc,EAAE,aAAa,EAAE,CAAC;IAChC,KAAK,EAAE,WAAW,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,CAAC,IAAI,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAC9C,QAAQ,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,YAAY,CAAC,EAC3B,cAAc,EACd,KAAK,EACL,OAAO,EACP,MAAM,EACN,QAAQ,EACR,OAAO,EACP,SAAS,GACV,EAAE,iBAAiB,2CAwKnB"}

package/dist/components/settings/ConfigSection.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+import { ConfigScope } from './types';
+interface ConfigSectionProps {
+    title: string;
+    description: string;
+    scope: ConfigScope;
+    itemCount?: number;
+    onClick?: () => void;
+}
+export declare function ConfigSection({ title, description, scope, itemCount, onClick, }: ConfigSectionProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ConfigSection.d.ts.map

package/dist/components/settings/ConfigSection.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ConfigSection.d.ts","sourceRoot":"","sources":["../../../src/components/settings/ConfigSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAG3C,UAAU,kBAAkB;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,WAAW,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAgBD,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,WAAW,EACX,KAAK,EACL,SAAS,EACT,OAAO,GACR,EAAE,kBAAkB,2CA4BpB"}