@ottocode/web-sdk 0.1.173

package/dist/components/settings/SetuTopupModal.js

@@ -0,0 +1,196 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useState, useEffect, useCallback, useRef } from 'react';
+import { CreditCard, Wallet, Loader2, ExternalLink, RefreshCw, } from 'lucide-react';
+import { Modal } from '../ui/Modal';
+import { useSetuStore } from '../../stores/setuStore';
+import { apiClient } from '../../lib/api-client';
+import { toast } from '../../stores/toastStore';
+import { StatusIndicator } from '../common/StatusIndicator';
+const PRESET_AMOUNTS = [10, 25, 50, 100];
+const MIN_AMOUNT = 5;
+const MAX_AMOUNT = 500;
+const POLL_INTERVAL = 5000;
+const SUCCESS_PAGE_URL = 'https://share.ottocode.io/checkout/success';
+export const SetuTopupModal = memo(function SetuTopupModal() {
+    const isOpen = useSetuStore((s) => s.isTopupModalOpen);
+    const closeModal = useSetuStore((s) => s.closeTopupModal);
+    const balance = useSetuStore((s) => s.balance);
+    const setBalance = useSetuStore((s) => s.setBalance);
+    const usdcBalance = useSetuStore((s) => s.usdcBalance);
+    const [view, setView] = useState('amount');
+    const [amount, setAmount] = useState(25);
+    const [customAmount, setCustomAmount] = useState('');
+    const [isCustom, setIsCustom] = useState(false);
+    const [estimate, setEstimate] = useState(null);
+    const [isLoadingEstimate, setIsLoadingEstimate] = useState(false);
+    const [isCreatingCheckout, setIsCreatingCheckout] = useState(false);
+    const [checkoutInfo, setCheckoutInfo] = useState(null);
+    const [isPolling, setIsPolling] = useState(false);
+    const [confirmedAmount, setConfirmedAmount] = useState(null);
+    const [pollCount, setPollCount] = useState(0);
+    const [isManualChecking, setIsManualChecking] = useState(false);
+    const pollRef = useRef(null);
+    const effectiveAmount = isCustom ? parseFloat(customAmount) || 0 : amount;
+    const fetchEstimate = useCallback(async (amt) => {
+        if (amt < MIN_AMOUNT || amt > MAX_AMOUNT) {
+            setEstimate(null);
+            return;
+        }
+        setIsLoadingEstimate(true);
+        try {
+            const result = await apiClient.getPolarTopupEstimate(amt);
+            setEstimate(result);
+        }
+        catch {
+            setEstimate(null);
+        }
+        finally {
+            setIsLoadingEstimate(false);
+        }
+    }, []);
+    useEffect(() => {
+        if (isOpen && effectiveAmount >= MIN_AMOUNT && view === 'amount') {
+            const timeout = setTimeout(() => fetchEstimate(effectiveAmount), 300);
+            return () => clearTimeout(timeout);
+        }
+    }, [isOpen, effectiveAmount, fetchEstimate, view]);
+    const stopPolling = useCallback(() => {
+        if (pollRef.current) {
+            clearInterval(pollRef.current);
+            pollRef.current = null;
+        }
+        setIsPolling(false);
+    }, []);
+    useEffect(() => {
+        if (!isOpen) {
+            stopPolling();
+            setView('amount');
+            setCheckoutInfo(null);
+            setConfirmedAmount(null);
+            setPollCount(0);
+        }
+    }, [isOpen, stopPolling]);
+    useEffect(() => {
+        return () => stopPolling();
+    }, [stopPolling]);
+    const startPolling = useCallback((checkoutId) => {
+        if (pollRef.current)
+            return;
+        setIsPolling(true);
+        setPollCount(0);
+        const check = async () => {
+            try {
+                const status = await apiClient.getPolarTopupStatus(checkoutId);
+                console.log('[SetuTopupModal] Poll status:', status);
+                setPollCount((c) => c + 1);
+                if (status?.confirmed) {
+                    stopPolling();
+                    setConfirmedAmount(status.amountUsd);
+                    localStorage.removeItem('pendingPolarCheckout');
+                    const balanceData = await apiClient.getSetuBalance();
+                    if (balanceData?.balance !== undefined) {
+                        setBalance(balanceData.balance);
+                    }
+                    setView('confirmed');
+                }
+            }
+            catch {
+                setPollCount((c) => c + 1);
+            }
+        };
+        check();
+        pollRef.current = setInterval(check, POLL_INTERVAL);
+    }, [stopPolling, setBalance]);
+    const handlePresetClick = (preset) => {
+        setAmount(preset);
+        setIsCustom(false);
+        setCustomAmount('');
+    };
+    const handleCustomAmountChange = (value) => {
+        setCustomAmount(value);
+        setIsCustom(true);
+    };
+    const openCheckoutUrl = useCallback((url) => {
+        if (window.self !== window.top) {
+            window.parent.postMessage({ type: 'otto-open-url', url }, '*');
+        }
+        else {
+            window.open(url, '_blank');
+        }
+    }, []);
+    const handlePolarCheckout = async () => {
+        if (effectiveAmount < MIN_AMOUNT || effectiveAmount > MAX_AMOUNT) {
+            toast.error(`Amount must be between $${MIN_AMOUNT} and $${MAX_AMOUNT}`);
+            return;
+        }
+        setIsCreatingCheckout(true);
+        try {
+            const result = await apiClient.createPolarCheckout(effectiveAmount, SUCCESS_PAGE_URL);
+            if (result.checkoutUrl && result.checkoutId) {
+                const info = {
+                    url: result.checkoutUrl,
+                    checkoutId: result.checkoutId,
+                    creditAmount: result.creditAmount,
+                    chargeAmount: result.chargeAmount,
+                };
+                setCheckoutInfo(info);
+                localStorage.setItem('pendingPolarCheckout', result.checkoutId);
+                setView('checkout');
+                openCheckoutUrl(result.checkoutUrl);
+                startPolling(result.checkoutId);
+            }
+        }
+        catch (error) {
+            toast.error(error instanceof Error ? error.message : 'Failed to create checkout');
+        }
+        finally {
+            setIsCreatingCheckout(false);
+        }
+    };
+    const handleCheckNow = async () => {
+        if (!checkoutInfo)
+            return;
+        setIsManualChecking(true);
+        try {
+            const status = await apiClient.getPolarTopupStatus(checkoutInfo.checkoutId);
+            console.log('[SetuTopupModal] Manual check status:', status);
+            if (status?.confirmed) {
+                stopPolling();
+                setConfirmedAmount(status.amountUsd);
+                localStorage.removeItem('pendingPolarCheckout');
+                const balanceData = await apiClient.getSetuBalance();
+                if (balanceData?.balance !== undefined) {
+                    setBalance(balanceData.balance);
+                }
+                setView('confirmed');
+            }
+            else {
+                toast.error('Payment not confirmed yet. Keep waiting or try again.');
+            }
+        }
+        catch (err) {
+            console.error('[SetuTopupModal] Check failed:', err);
+            toast.error('Failed to check payment status');
+        }
+        finally {
+            setIsManualChecking(false);
+        }
+    };
+    const handleDone = () => {
+        closeModal();
+    };
+    const isValidAmount = effectiveAmount >= MIN_AMOUNT && effectiveAmount <= MAX_AMOUNT;
+    const modalTitle = view === 'confirmed'
+        ? 'Payment Confirmed'
+        : view === 'checkout'
+            ? 'Waiting for Payment'
+            : 'Add Credits';
+    return (_jsx(Modal, { isOpen: isOpen, onClose: closeModal, title: modalTitle, maxWidth: "md", children: _jsxs("div", { className: "space-y-6", children: [view === 'confirmed' && (_jsxs(_Fragment, { children: [_jsx("div", { className: "py-4", children: _jsx(StatusIndicator, { status: "success", label: `+$${confirmedAmount?.toFixed(2) ?? checkoutInfo?.creditAmount.toFixed(2)}`, sublabel: "Credits added to your balance" }) }), _jsx("button", { type: "button", onClick: handleDone, className: "w-full h-12 bg-foreground text-background rounded-lg font-medium hover:bg-foreground/90 transition-colors flex items-center justify-center gap-2", children: "Done" })] })), view === 'checkout' && checkoutInfo && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "py-4", children: [_jsx(StatusIndicator, { status: "loading", label: "Complete your payment", sublabel: "A checkout window has been opened" }), _jsxs("div", { className: "flex items-center justify-center gap-2 mt-4 px-3 py-1.5 bg-muted/40 rounded-full w-fit mx-auto", children: [_jsx("div", { className: "w-1.5 h-1.5 rounded-full bg-blue-500 animate-pulse" }), _jsx("span", { className: "text-xs text-muted-foreground font-mono", children: isPolling ? `Checking... (${pollCount})` : 'Paused' })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsxs("button", { type: "button", onClick: handleCheckNow, disabled: isManualChecking, className: "w-full h-12 bg-foreground text-background rounded-lg font-medium hover:bg-foreground/90 transition-colors disabled:opacity-50 flex items-center justify-center gap-2", children: [isManualChecking ? (_jsx(Loader2, { className: "w-4 h-4 animate-spin" })) : (_jsx(RefreshCw, { className: "w-4 h-4" })), isManualChecking ? 'Checking...' : 'Check Now'] }), _jsxs("button", { type: "button", onClick: () => openCheckoutUrl(checkoutInfo.url), className: "w-full h-11 bg-transparent border border-border text-foreground rounded-lg font-medium hover:bg-muted/50 transition-colors flex items-center justify-center gap-2", children: [_jsx(ExternalLink, { className: "w-4 h-4" }), "Open Checkout Again"] })] }), _jsx("p", { className: "text-xs text-muted-foreground text-center", children: "Status checks automatically every 5 seconds. You can close this and it will keep checking." })] })), view === 'amount' && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-center justify-between py-3 px-4 bg-muted/40 rounded-lg", children: [_jsx("span", { className: "text-sm text-muted-foreground", children: "Current Balance" }), _jsxs("span", { className: "text-lg font-mono font-semibold", children: ["$", balance?.toFixed(2) ?? '0.00'] })] }), _jsxs("div", { className: "space-y-4", children: [_jsx("div", { className: "grid grid-cols-4 gap-2", children: PRESET_AMOUNTS.map((preset) => (_jsxs("button", { type: "button", onClick: () => handlePresetClick(preset), className: `h-12 text-base font-mono rounded-lg border-2 transition-all ${!isCustom && amount === preset
+                                            ? 'bg-foreground text-background border-foreground'
+                                            : 'bg-transparent border-border text-foreground hover:border-foreground/40'}`, children: ["$", preset] }, preset))) }), _jsxs("div", { className: "relative", children: [_jsx("span", { className: "absolute left-4 top-1/2 -translate-y-1/2 text-muted-foreground text-lg", children: "$" }), _jsx("input", { type: "number", placeholder: "Custom", value: customAmount, onChange: (e) => handleCustomAmountChange(e.target.value), onFocus: () => setIsCustom(true), min: MIN_AMOUNT, max: MAX_AMOUNT, step: "1", className: `w-full h-12 pl-8 pr-4 text-base font-mono bg-transparent border-2 rounded-lg outline-none transition-all ${isCustom
+                                                ? 'border-foreground'
+                                                : 'border-border focus:border-foreground/40'}` })] })] }), _jsx("div", { className: `grid transition-all duration-200 ease-out ${isValidAmount
+                                ? 'grid-rows-[1fr] opacity-100'
+                                : 'grid-rows-[0fr] opacity-0'}`, children: _jsx("div", { className: "overflow-hidden", children: _jsx("div", { className: "space-y-3 py-4 border-t border-border", children: isLoadingEstimate ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex justify-between items-center", children: [_jsx("span", { className: "text-sm text-muted-foreground", children: "Credits" }), _jsx("div", { className: "h-6 w-16 bg-muted/60 rounded animate-pulse" })] }), _jsxs("div", { className: "flex justify-between items-center", children: [_jsx("span", { className: "text-sm text-muted-foreground", children: "Fee" }), _jsx("div", { className: "h-4 w-12 bg-muted/60 rounded animate-pulse" })] }), _jsxs("div", { className: "flex justify-between items-center pt-3 border-t border-border", children: [_jsx("span", { className: "font-medium", children: "Total" }), _jsx("div", { className: "h-7 w-20 bg-muted/60 rounded animate-pulse" })] })] })) : estimate ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex justify-between items-center", children: [_jsx("span", { className: "text-sm text-muted-foreground", children: "Credits" }), _jsxs("span", { className: "font-mono text-lg", children: ["$", estimate.creditAmount.toFixed(2)] })] }), _jsxs("div", { className: "flex justify-between items-center", children: [_jsx("span", { className: "text-sm text-muted-foreground", children: "Fee" }), _jsxs("span", { className: "font-mono text-sm text-muted-foreground", children: ["+$", estimate.feeAmount.toFixed(2)] })] }), _jsxs("div", { className: "flex justify-between items-center pt-3 border-t border-border", children: [_jsx("span", { className: "font-medium", children: "Total" }), _jsxs("span", { className: "font-mono text-xl font-semibold", children: ["$", estimate.chargeAmount.toFixed(2)] })] })] })) : null }) }) }), _jsxs("button", { type: "button", onClick: handlePolarCheckout, disabled: !isValidAmount || isCreatingCheckout, className: "w-full h-12 bg-foreground text-background rounded-lg font-medium hover:bg-foreground/90 transition-colors disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2", children: [isCreatingCheckout ? (_jsx(Loader2, { className: "w-4 h-4 animate-spin" })) : (_jsx(CreditCard, { className: "w-4 h-4" })), "Pay with Card"] }), _jsxs("div", { className: "relative pt-6", children: [_jsxs("div", { className: "absolute inset-x-0 top-0 flex items-center", children: [_jsx("div", { className: "flex-1 h-px bg-border" }), _jsx("span", { className: "px-3 text-xs text-muted-foreground", children: "OR" }), _jsx("div", { className: "flex-1 h-px bg-border" })] }), _jsxs("div", { className: "flex items-start gap-3 p-4 bg-muted/30 rounded-lg", children: [_jsx(Wallet, { className: "w-5 h-5 text-muted-foreground mt-0.5" }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "font-medium text-sm", children: "Pay with USDC" }), usdcBalance !== null && (_jsxs("span", { className: "text-xs font-mono text-muted-foreground", children: [usdcBalance.toFixed(2), " USDC"] }))] }), _jsx("p", { className: "text-xs text-muted-foreground mt-1", children: "Send USDC to your Setu wallet. Auto top-up when balance is low." })] })] })] })] }))] }) }));
+});
+//# sourceMappingURL=SetuTopupModal.js.map

package/dist/components/settings/SetuTopupModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SetuTopupModal.js","sourceRoot":"","sources":["../../../src/components/settings/SetuTopupModal.tsx"],"names":[],"mappings":"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"}

package/dist/components/terminals/TerminalList.d.ts

@@ -0,0 +1,8 @@
+import type { Terminal } from '../../hooks/useTerminals';
+interface TerminalListProps {
+    terminals: Terminal[];
+    isLoading: boolean;
+}
+export declare const TerminalList: import("react").NamedExoticComponent<TerminalListProps>;
+export {};
+//# sourceMappingURL=TerminalList.d.ts.map

package/dist/components/terminals/TerminalList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TerminalList.d.ts","sourceRoot":"","sources":["../../../src/components/terminals/TerminalList.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAEzD,UAAU,iBAAiB;IAC1B,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,YAAY,yDA2EvB,CAAC"}

package/dist/components/terminals/TerminalList.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '../ui/Button';
+import { memo } from 'react';
+import { Terminal as TerminalIcon, User, Bot } from 'lucide-react';
+import { useTerminalStore } from '../../stores/terminalStore';
+export const TerminalList = memo(function TerminalList({ terminals, isLoading, }) {
+    const selectTerminal = useTerminalStore((state) => state.selectTerminal);
+    if (isLoading) {
+        return (_jsx("div", { className: "flex items-center justify-center h-full text-muted-foreground", children: _jsx("div", { className: "text-sm", children: "Loading terminals..." }) }));
+    }
+    if (terminals.length === 0) {
+        return (_jsxs("div", { className: "flex flex-col items-center justify-center h-full text-muted-foreground px-4 text-center", children: [_jsx(TerminalIcon, { className: "w-12 h-12 mb-3 opacity-50" }), _jsx("div", { className: "text-sm font-medium mb-1", children: "No active terminals" }), _jsx("div", { className: "text-xs", children: "Click the + button to create a new terminal" })] }));
+    }
+    return (_jsx("div", { className: "flex-1 overflow-y-auto", children: _jsx("div", { className: "p-2 space-y-1", children: terminals.map((terminal) => (_jsx(Button, { variant: "ghost", className: "w-full justify-start h-auto py-3 px-3", onClick: () => selectTerminal(terminal.id), children: _jsxs("div", { className: "flex items-start gap-3 w-full", children: [_jsx("div", { className: "shrink-0 mt-0.5", children: terminal.createdBy === 'llm' ? (_jsx(Bot, { className: "w-4 h-4 text-blue-500" })) : (_jsx(User, { className: "w-4 h-4 text-green-500" })) }), _jsxs("div", { className: "flex-1 min-w-0 text-left", children: [_jsx("div", { className: "text-sm font-medium truncate", children: terminal.title }), _jsxs("div", { className: "text-xs text-muted-foreground truncate", children: [terminal.command, ' ', terminal.args.length > 0 && terminal.args.join(' ')] }), _jsxs("div", { className: "flex items-center gap-2 mt-1", children: [_jsx("span", { className: `text-xs ${terminal.status === 'running'
+                                                ? 'text-green-600'
+                                                : 'text-orange-600'}`, children: terminal.status === 'running'
+                                                ? 'Running'
+                                                : `Exited (${terminal.exitCode})` }), _jsxs("span", { className: "text-xs text-muted-foreground", children: ["\u2022 ", formatUptime(terminal.uptime)] })] })] })] }) }, terminal.id))) }) }));
+});
+function formatUptime(ms) {
+    const seconds = Math.floor(ms / 1000);
+    const minutes = Math.floor(seconds / 60);
+    const hours = Math.floor(minutes / 60);
+    if (hours > 0) {
+        return `${hours}h ${minutes % 60}m`;
+    }
+    if (minutes > 0) {
+        return `${minutes}m`;
+    }
+    return `${seconds}s`;
+}
+//# sourceMappingURL=TerminalList.js.map

package/dist/components/terminals/TerminalList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TerminalList.js","sourceRoot":"","sources":["../../../src/components/terminals/TerminalList.tsx"],"names":[],"mappings":"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"}

package/dist/components/terminals/TerminalViewer.d.ts

@@ -0,0 +1,6 @@
+interface TerminalViewerProps {
+    terminalId: string;
+}
+export declare function TerminalViewer({ terminalId }: TerminalViewerProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TerminalViewer.d.ts.map

package/dist/components/terminals/TerminalViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TerminalViewer.d.ts","sourceRoot":"","sources":["../../../src/components/terminals/TerminalViewer.tsx"],"names":[],"mappings":"AA4FA,UAAU,mBAAmB;IAC5B,UAAU,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,cAAc,CAAC,EAAE,UAAU,EAAE,EAAE,mBAAmB,2CAqQjE"}

package/dist/components/terminals/TerminalViewer.js

@@ -0,0 +1,263 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { init, Terminal, FitAddon } from 'ghostty-web';
+import { ArrowLeft, X } from 'lucide-react';
+import { Button } from '../ui/Button';
+import { useTerminals } from '../../hooks/useTerminals';
+import { useTerminalStore } from '../../stores/terminalStore';
+import { getRuntimeApiBaseUrl } from '../../lib/config';
+import { client } from '@ottocode/api';
+const FONT_FAMILY = '"JetBrainsMono NFM", monospace';
+function resolveBackgroundColor() {
+    if (typeof document === 'undefined')
+        return '#121216';
+    const el = document.createElement('div');
+    el.style.display = 'none';
+    el.className = 'bg-background';
+    document.body.appendChild(el);
+    const computed = getComputedStyle(el).backgroundColor;
+    document.body.removeChild(el);
+    const match = computed.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)/);
+    if (match) {
+        const r = Number(match[1]);
+        const g = Number(match[2]);
+        const b = Number(match[3]);
+        return `#${((1 << 24) | (r << 16) | (g << 8) | b).toString(16).slice(1)}`;
+    }
+    return '#121216';
+}
+let fontsLoaded = false;
+async function loadEmbeddedFont() {
+    if (fontsLoaded)
+        return;
+    if (typeof document === 'undefined' || !('FontFace' in window))
+        return;
+    const variants = [
+        {
+            file: 'JetBrainsMonoNerdFontMono-Regular.woff2',
+            weight: '400',
+            style: 'normal',
+        },
+        {
+            file: 'JetBrainsMonoNerdFontMono-Bold.woff2',
+            weight: '700',
+            style: 'normal',
+        },
+        {
+            file: 'JetBrainsMonoNerdFontMono-Italic.woff2',
+            weight: '400',
+            style: 'italic',
+        },
+        {
+            file: 'JetBrainsMonoNerdFontMono-BoldItalic.woff2',
+            weight: '700',
+            style: 'italic',
+        },
+    ];
+    const loads = variants.map(async (v) => {
+        try {
+            const url = new URL(`../../assets/fonts/${v.file}`, import.meta.url).href;
+            const face = new FontFace('JetBrainsMono NFM', `url("${url}") format("woff2")`, {
+                weight: v.weight,
+                style: v.style,
+            });
+            const loaded = await face.load();
+            document.fonts.add(loaded);
+        }
+        catch {
+            // variant not available
+        }
+    });
+    await Promise.allSettled(loads);
+    fontsLoaded = true;
+}
+function resolveApiBaseUrl() {
+    const config = client.getConfig?.();
+    if (config &&
+        typeof config.baseURL === 'string' &&
+        config.baseURL.length > 0) {
+        return config.baseURL;
+    }
+    return getRuntimeApiBaseUrl();
+}
+export function TerminalViewer({ terminalId }) {
+    const termRef = useRef(null);
+    const xtermRef = useRef(null);
+    const fitAddonRef = useRef(null);
+    const eventSourceRef = useRef(null);
+    const [ready, setReady] = useState(false);
+    const { data: terminals } = useTerminals();
+    const { selectTerminal } = useTerminalStore();
+    const terminal = terminals?.terminals.find((t) => t.id === terminalId);
+    const handleKill = async () => {
+        try {
+            const baseUrl = resolveApiBaseUrl();
+            await fetch(`${baseUrl}/v1/terminals/${terminalId}`, {
+                method: 'DELETE',
+            });
+            selectTerminal(null);
+        }
+        catch (error) {
+            console.error('Failed to kill terminal:', error);
+        }
+    };
+    useEffect(() => {
+        if (!termRef.current || !terminalId)
+            return;
+        let disposed = false;
+        let xterm = null;
+        let fitAddon = null;
+        let handleResize = null;
+        setReady(false);
+        if (eventSourceRef.current) {
+            eventSourceRef.current.close();
+            eventSourceRef.current = null;
+        }
+        const setup = async () => {
+            await init();
+            if (disposed || !termRef.current)
+                return;
+            await loadEmbeddedFont();
+            await document.fonts.ready;
+            const bg = resolveBackgroundColor();
+            xterm = new Terminal({
+                theme: {
+                    background: bg,
+                    foreground: '#d4d4d4',
+                    cursor: '#ffffff',
+                    cursorAccent: '#000000',
+                    selectionBackground: '#264f78',
+                    black: '#000000',
+                    red: '#cd3131',
+                    green: '#0dbc79',
+                    yellow: '#e5e510',
+                    blue: '#2472c8',
+                    magenta: '#bc3fbc',
+                    cyan: '#11a8cd',
+                    white: '#e5e5e5',
+                    brightBlack: '#666666',
+                    brightRed: '#f14c4c',
+                    brightGreen: '#23d18b',
+                    brightYellow: '#f5f543',
+                    brightBlue: '#3b8eea',
+                    brightMagenta: '#d670d6',
+                    brightCyan: '#29b8db',
+                    brightWhite: '#e5e5e5',
+                },
+                fontSize: 13,
+                fontFamily: FONT_FAMILY,
+                cursorBlink: true,
+                convertEol: true,
+                scrollback: 1000,
+            });
+            fitAddon = new FitAddon();
+            xterm.loadAddon(fitAddon);
+            xterm.open(termRef.current);
+            xterm.focus();
+            await new Promise((resolve) => {
+                requestAnimationFrame(() => {
+                    try {
+                        fitAddon?.fit();
+                    }
+                    catch (error) {
+                        console.error('Failed to fit terminal:', error);
+                    }
+                    resolve();
+                });
+            });
+            if (disposed)
+                return;
+            const baseUrl = resolveApiBaseUrl();
+            const sendResize = (cols, rows) => {
+                fetch(`${baseUrl}/v1/terminals/${terminalId}/resize`, {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({ cols, rows }),
+                }).catch(() => { });
+            };
+            if (xterm) {
+                sendResize(xterm.cols, xterm.rows);
+            }
+            const eventSource = new EventSource(`${baseUrl}/v1/terminals/${terminalId}/output`);
+            eventSourceRef.current = eventSource;
+            let gotFirstData = false;
+            eventSource.onmessage = (event) => {
+                try {
+                    const data = JSON.parse(event.data);
+                    if (data.type === 'data') {
+                        xterm?.write(data.line);
+                        if (!gotFirstData) {
+                            gotFirstData = true;
+                            setTimeout(() => {
+                                if (!disposed)
+                                    setReady(true);
+                            }, 350);
+                        }
+                    }
+                    else if (data.type === 'exit') {
+                        xterm?.write(`\r\n\x1b[33m[Process exited with code ${data.exitCode}]\x1b[0m\r\n`);
+                    }
+                }
+                catch (error) {
+                    console.error('Failed to parse terminal output:', error);
+                }
+            };
+            eventSource.onerror = (error) => {
+                if (eventSource.readyState !== EventSource.CLOSED) {
+                    console.error('[TerminalViewer] SSE error:', error);
+                }
+                eventSource.close();
+                if (eventSourceRef.current === eventSource) {
+                    eventSourceRef.current = null;
+                }
+            };
+            xterm.onData((data) => {
+                fetch(`${baseUrl}/v1/terminals/${terminalId}/input`, {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({ input: data }),
+                }).catch((error) => {
+                    console.error('Failed to send terminal input:', error);
+                });
+            });
+            xterm.onResize(({ cols, rows }) => {
+                sendResize(cols, rows);
+            });
+            xtermRef.current = xterm;
+            fitAddonRef.current = fitAddon;
+            handleResize = () => {
+                if (fitAddonRef.current) {
+                    try {
+                        fitAddonRef.current.fit();
+                    }
+                    catch (error) {
+                        console.error('Failed to fit terminal on resize:', error);
+                    }
+                }
+            };
+            window.addEventListener('resize', handleResize);
+            setTimeout(() => {
+                if (!disposed && !gotFirstData)
+                    setReady(true);
+            }, 2000);
+        };
+        setup().catch((error) => {
+            console.error('[TerminalViewer] Failed to initialize:', error);
+        });
+        return () => {
+            disposed = true;
+            if (eventSourceRef.current) {
+                eventSourceRef.current.close();
+                eventSourceRef.current = null;
+            }
+            if (handleResize) {
+                window.removeEventListener('resize', handleResize);
+            }
+            if (xterm) {
+                xterm.dispose();
+            }
+        };
+    }, [terminalId]);
+    return (_jsxs("div", { className: "flex h-full flex-col overflow-hidden bg-background", children: [_jsxs("div", { className: "h-10 border-b border-border px-3 flex items-center justify-between shrink-0 bg-background", children: [_jsxs("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [_jsx(Button, { variant: "ghost", size: "icon", onClick: () => selectTerminal(null), title: "Back to terminal list", className: "h-6 w-6 shrink-0", children: _jsx(ArrowLeft, { className: "w-3.5 h-3.5" }) }), _jsx("span", { className: "text-xs font-medium text-muted-foreground truncate", children: terminal?.title || terminal?.purpose || terminalId })] }), _jsx(Button, { variant: "ghost", size: "icon", onClick: handleKill, title: "Kill terminal", className: "h-6 w-6 shrink-0 text-destructive hover:text-destructive", children: _jsx(X, { className: "w-3.5 h-3.5" }) })] }), _jsxs("div", { className: "relative flex-1 min-h-0 overflow-hidden", children: [_jsx("div", { ref: termRef, className: "absolute inset-0 bg-background" }), _jsx("div", { className: "absolute inset-0 bg-background flex items-center justify-center pointer-events-none transition-opacity duration-300", style: { opacity: ready ? 0 : 1 }, children: _jsxs("div", { className: "flex items-center gap-2 text-muted-foreground", children: [_jsxs("svg", { className: "animate-spin h-4 w-4", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [_jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), _jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z" })] }), _jsx("span", { className: "text-xs", children: "Loading terminal\u2026" })] }) })] })] }));
+}
+//# sourceMappingURL=TerminalViewer.js.map

package/dist/components/terminals/TerminalViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TerminalViewer.js","sourceRoot":"","sources":["../../../src/components/terminals/TerminalViewer.tsx"],"names":[],"mappings":"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"}

package/dist/components/terminals/TerminalsSidebar.d.ts

@@ -0,0 +1,2 @@
+export declare const TerminalsSidebar: import("react").NamedExoticComponent<object>;
+//# sourceMappingURL=TerminalsSidebar.d.ts.map

package/dist/components/terminals/TerminalsSidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TerminalsSidebar.d.ts","sourceRoot":"","sources":["../../../src/components/terminals/TerminalsSidebar.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,gBAAgB,8CAoE3B,CAAC"}

package/dist/components/terminals/TerminalsSidebar.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import { Terminal, ChevronRight, Plus } from 'lucide-react';
+import { Button } from '../ui/Button';
+import { useTerminalStore } from '../../stores/terminalStore';
+import { useTerminals, useCreateTerminal } from '../../hooks/useTerminals';
+import { TerminalList } from './TerminalList';
+import { TerminalViewer } from './TerminalViewer';
+export const TerminalsSidebar = memo(function TerminalsSidebar() {
+    const isExpanded = useTerminalStore((state) => state.isExpanded);
+    const collapseSidebar = useTerminalStore((state) => state.collapseSidebar);
+    const selectedTerminalId = useTerminalStore((state) => state.selectedTerminalId);
+    const selectTerminal = useTerminalStore((state) => state.selectTerminal);
+    const expandSidebar = useTerminalStore((state) => state.expandSidebar);
+    const { data: terminals, isLoading } = useTerminals();
+    const createTerminal = useCreateTerminal();
+    const handleNewTerminal = async () => {
+        try {
+            const result = await createTerminal.mutateAsync({
+                command: 'bash',
+                purpose: 'Manual shell',
+            });
+            selectTerminal(result.terminalId);
+            expandSidebar();
+        }
+        catch (error) {
+            console.error('Failed to create terminal:', error);
+        }
+    };
+    if (!isExpanded)
+        return null;
+    return (_jsxs("div", { className: "w-80 border-l border-border bg-background flex flex-col h-full", children: [_jsxs("div", { className: "h-14 border-b border-border px-4 flex items-center justify-between shrink-0", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Terminal, { className: "w-4 h-4" }), _jsx("span", { className: "font-medium", children: "Terminals" }), terminals && terminals.count > 0 && (_jsxs("span", { className: "text-xs text-muted-foreground", children: ["(", terminals.count, ")"] }))] }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Button, { variant: "ghost", size: "icon", onClick: handleNewTerminal, title: "New terminal", disabled: createTerminal.isPending, children: _jsx(Plus, { className: "w-4 h-4" }) }), _jsx(Button, { variant: "ghost", size: "icon", onClick: collapseSidebar, children: _jsx(ChevronRight, { className: "w-4 h-4" }) })] })] }), _jsx("div", { className: "flex-1 overflow-hidden flex flex-col", children: selectedTerminalId ? (_jsx(TerminalViewer, { terminalId: selectedTerminalId })) : (_jsx(TerminalList, { terminals: terminals?.terminals ?? [], isLoading: isLoading })) })] }));
+});
+//# sourceMappingURL=TerminalsSidebar.js.map

package/dist/components/terminals/TerminalsSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TerminalsSidebar.js","sourceRoot":"","sources":["../../../src/components/terminals/TerminalsSidebar.tsx"],"names":[],"mappings":"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"}

package/dist/components/terminals/TerminalsSidebarToggle.d.ts

@@ -0,0 +1,2 @@
+export declare const TerminalsSidebarToggle: import("react").NamedExoticComponent<object>;
+//# sourceMappingURL=TerminalsSidebarToggle.d.ts.map