Function ScriptTerminalModal

AppImage/components/script-terminal-modal.tsx:54–998

({
  open: isOpen,
  onClose,
  scriptPath,
  title,
  description,
  params = { EXECUTION_MODE: "web" },
}: ScriptTerminalModalProps)

}

export function ScriptTerminalModal({
  open: isOpen,
  onClose,
  scriptPath,
  title,
  description,
  params = { EXECUTION_MODE: "web" },
}: ScriptTerminalModalProps) {
  const termRef = useRef<any>(null)
  const wsRef = useRef<WebSocket | null>(null)
  // Mirrors `isOpen` for use inside async closures (initializeTerminal)
  // after dynamic imports resolve — captures the latest value without
  // re-binding the closure.
  const isOpenRef = useRef<boolean>(false)
  const fitAddonRef = useRef<any>(null)
  const sessionIdRef = useRef<string>(Math.random().toString(36).substring(2, 8))

  const [connectionStatus, setConnectionStatus] = useState<"connecting" | "online" | "offline">("connecting")
  const [isComplete, setIsComplete] = useState(false)
  const [currentInteraction, setCurrentInteraction] = useState<WebInteraction | null>(null)
  const [interactionInput, setInteractionInput] = useState("")
  const checkConnectionInterval = useRef<NodeJS.Timeout | null>(null)
  const reconnectTimeoutRef = useRef<NodeJS.Timeout | null>(null)
  const reconnectAttemptsRef = useRef(0)
  const keepAliveIntervalRef = useRef<NodeJS.Timeout | null>(null)
  const [isMobile, setIsMobile] = useState(false)
  const [isTablet, setIsTablet] = useState(false)

  const [isWaitingNextInteraction, setIsWaitingNextInteraction] = useState(false)
  const waitingTimeoutRef = useRef<NodeJS.Timeout | null>(null)

  const [modalHeight, setModalHeight] = useState(600)
  const [isResizing, setIsResizing] = useState(false)
  const resizeBarRef = useRef<HTMLDivElement>(null)
  const modalHeightRef = useRef(600)

  const terminalContainerRef = useRef<HTMLDivElement>(null)
  const paramsRef = useRef(params)
  
  // Keep paramsRef updated with latest params
  useEffect(() => {
    paramsRef.current = params
  }, [params])

  const attemptReconnect = useCallback(() => {
    if (!isOpen || isComplete || reconnectAttemptsRef.current >= 3) {
      return
    }

    reconnectAttemptsRef.current++
    setConnectionStatus("connecting")

    if (reconnectTimeoutRef.current) {
      clearTimeout(reconnectTimeoutRef.current)
    }

    reconnectTimeoutRef.current = setTimeout(async () => {
      if (wsRef.current?.readyState !== WebSocket.OPEN && termRef.current) {