@vetala/vetala 0.1.0-dev → 0.2.1-dev

package/dist/src/ink/repl-app.js

@@ -4,17 +4,29 @@ import { Box, Text, useApp, useInput } from "ink";
 import SelectInput from "ink-select-input";
 import Spinner from "ink-spinner";
 import TextInput from "ink-text-input";
-import { Agent } from "../agent.js";
+import { Agent, isAgentInterruptedError } from "../agent.js";
+import { latestUndoableEdit, undoLastEdit } from "../edit-history.js";
 import { ApprovalManager } from "../approvals.js";
-import { clearSavedAuth, loadConfig, saveChatDefaults, savePersistentAuth, withSessionAuth, withStoredAuth } from "../config.js";
+import { clearProviderSavedAuth, loadConfig, providerConfigFor, saveProviderDefaults, saveProviderPersistentAuth, withProviderSessionAuth, withProviderStoredAuth } from "../config.js";
 import { PathPolicy } from "../path-policy.js";
-import { SARVAM_MODELS } from "../sarvam/models.js";
+import { getProviderDefinition, listProviders, providerLabel } from "../providers/index.js";
 import { SkillRuntime } from "../skills/runtime.js";
 import { createToolRegistry } from "../tools/index.js";
+import { checkForAppUpdate, installAppUpdate, snoozeAppUpdate } from "../update-notifier.js";
+import { buildTranscriptCards } from "./transcript-cards.js";
 import { InkTerminalUI } from "./ink-terminal-ui.js";
 import { buildSlashSuggestions } from "./command-suggestions.js";
-import { buildTranscriptCards } from "./transcript-cards.js";
-export function ReplApp({ initialConfig, initialSession, store }) {
+const ASSISTANT_FLUSH_INTERVAL_MS = 33;
+const MAX_LIVE_ASSISTANT_LINES = 24;
+const MAX_VISIBLE_TRANSCRIPT_TURNS = 6;
+const UI_COLORS = {
+    accent: "blue",
+    muted: "gray",
+    border: "gray",
+    warning: "yellow",
+    danger: "red"
+};
+export function ReplApp({ initialConfig, initialSession, runtimeProfile, store }) {
     const { exit } = useApp();
     const [config, setConfig] = useState(initialConfig);
     const [session, setSession] = useState(() => cloneSession(initialSession));
@@ -26,18 +38,30 @@ export function ReplApp({ initialConfig, initialSession, store }) {
     const [spinnerLabel, setSpinnerLabel] = useState(null);
     const [status, setStatus] = useState("Ready");
     const [pendingApproval, setPendingApproval] = useState(null);
+    const [pendingBusyPrompt, setPendingBusyPrompt] = useState(null);
+    const [pendingUpdatePrompt, setPendingUpdatePrompt] = useState(null);
     const [modelPickerOpen, setModelPickerOpen] = useState(false);
+    const [pendingSarvamModelPicker, setPendingSarvamModelPicker] = useState(null);
+    const [pendingOpenRouterModelInput, setPendingOpenRouterModelInput] = useState(null);
     const [pendingReasoningSetup, setPendingReasoningSetup] = useState(null);
     const [pendingAuthInput, setPendingAuthInput] = useState(null);
     const [pendingAuthRetention, setPendingAuthRetention] = useState(null);
     const [availableSkills, setAvailableSkills] = useState([]);
     const [paused, setPaused] = useState(false);
     const [pendingExitConfirm, setPendingExitConfirm] = useState(false);
+    const [queuedPrompt, setQueuedPrompt] = useState(null);
+    const [turnRunning, setTurnRunning] = useState(false);
+    const [installingUpdate, setInstallingUpdate] = useState(null);
     const assistantBufferRef = useRef("");
+    const assistantFlushTimerRef = useRef(null);
     const nextEntryIdRef = useRef(0);
+    const queuedPromptRef = useRef(null);
     const sessionRef = useRef(session);
+    const turnRunningRef = useRef(false);
+    const updateCheckStartedRef = useRef(false);
     const uiRef = useRef(null);
     const skillRuntimeRef = useRef(null);
+    const activeAgentRef = useRef(null);
     sessionRef.current = session;
     const pushEntry = (kind, text) => {
         setEntries((current) => [
@@ -49,7 +73,24 @@ export function ReplApp({ initialConfig, initialSession, store }) {
             }
         ]);
     };
+    const flushAssistantBuffer = () => {
+        if (assistantFlushTimerRef.current) {
+            clearTimeout(assistantFlushTimerRef.current);
+            assistantFlushTimerRef.current = null;
+        }
+        setAssistantBuffer(assistantBufferRef.current);
+    };
+    const scheduleAssistantFlush = () => {
+        if (assistantFlushTimerRef.current) {
+            return;
+        }
+        assistantFlushTimerRef.current = setTimeout(() => {
+            assistantFlushTimerRef.current = null;
+            setAssistantBuffer(assistantBufferRef.current);
+        }, ASSISTANT_FLUSH_INTERVAL_MS);
+    };
     const finalizeAssistant = () => {
+        flushAssistantBuffer();
         const buffered = assistantBufferRef.current.trimEnd();
         if (!buffered) {
             assistantBufferRef.current = "";
@@ -64,7 +105,7 @@ export function ReplApp({ initialConfig, initialSession, store }) {
         uiRef.current = new InkTerminalUI({
             appendAssistant: (text) => {
                 assistantBufferRef.current += text;
-                setAssistantBuffer(assistantBufferRef.current);
+                scheduleAssistantFlush();
             },
             finalizeAssistant,
             pushEntry,
@@ -75,7 +116,7 @@ export function ReplApp({ initialConfig, initialSession, store }) {
                 setSpinnerLabel(label);
                 setStatus(label ?? "Ready");
             }
-        });
+        }, runtimeProfile);
     }
     const ui = uiRef.current;
     if (!skillRuntimeRef.current) {
@@ -85,17 +126,23 @@ export function ReplApp({ initialConfig, initialSession, store }) {
         });
     }
     const skills = skillRuntimeRef.current;
-    const busy = spinnerLabel !== null;
-    const transcriptCards = buildTranscriptCards(entries).slice(-8);
-    const liveCardId = transcriptCards.at(-1)?.id ?? null;
     const visibleStatus = paused ? "Paused" : status;
+    const visibleAssistantBuffer = renderLiveAssistantBuffer(assistantBuffer);
+    const transcriptCards = buildTranscriptCards(entries);
+    const visibleTranscriptCards = transcriptCards.slice(-MAX_VISIBLE_TRANSCRIPT_TURNS);
+    const hiddenTranscriptTurnCount = Math.max(0, transcriptCards.length - visibleTranscriptCards.length);
     const slashSuggestions = buildSlashSuggestions(input, availableSkills).slice(0, 8);
     const showSlashSuggestions = Boolean(trusted &&
-        !busy &&
+        !turnRunning &&
         !paused &&
         !pendingExitConfirm &&
         !pendingApproval &&
+        !pendingBusyPrompt &&
+        !pendingUpdatePrompt &&
+        !installingUpdate &&
         !modelPickerOpen &&
+        !pendingSarvamModelPicker &&
+        !pendingOpenRouterModelInput &&
         !pendingReasoningSetup &&
         !pendingAuthInput &&
         !pendingAuthRetention &&
@@ -123,6 +170,31 @@ export function ReplApp({ initialConfig, initialSession, store }) {
             cancelled = true;
         };
     }, [skills]);
+    useEffect(() => () => {
+        if (assistantFlushTimerRef.current) {
+            clearTimeout(assistantFlushTimerRef.current);
+        }
+    }, []);
+    useEffect(() => {
+        if (!trusted || updateCheckStartedRef.current) {
+            return;
+        }
+        updateCheckStartedRef.current = true;
+        let cancelled = false;
+        void checkForAppUpdate()
+            .then((update) => {
+            if (!cancelled && update) {
+                setPendingUpdatePrompt(update);
+                setStatus(`Update available: ${update.latestVersion}`);
+            }
+        })
+            .catch(() => {
+            // Keep startup quiet if the registry cannot be reached.
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [trusted]);
     useInput((inputValue, key) => {
         if (showSlashSuggestions && isTabInput(inputValue, key)) {
             const firstSuggestion = slashSuggestions[0];
@@ -154,41 +226,67 @@ export function ReplApp({ initialConfig, initialSession, store }) {
         return cloned;
     };
     const resetTranscript = () => {
+        flushAssistantBuffer();
         assistantBufferRef.current = "";
         setAssistantBuffer("");
         setActivityLabel(null);
         nextEntryIdRef.current = 0;
         setEntries([]);
     };
-    const mergeLoadedConfig = (loaded) => {
-        if (config.authSource === "session" && config.authValue) {
-            return {
-                ...loaded,
-                authMode: config.authMode,
-                authValue: config.authValue,
-                authFingerprint: config.authFingerprint,
-                authSource: "session"
-            };
-        }
-        return loaded;
+    const mergeLoadedConfig = (loaded, skipProvider) => {
+        let merged = loaded;
+        for (const provider of listProviders()) {
+            if (provider.name === skipProvider) {
+                continue;
+            }
+            const currentProfile = config.providers[provider.name];
+            if (currentProfile.authSource === "session" &&
+                currentProfile.authValue &&
+                currentProfile.authMode !== "missing") {
+                merged = withProviderSessionAuth(merged, provider.name, currentProfile.authMode, currentProfile.authValue);
+            }
+        }
+        return merged;
     };
     const closeCommandModals = () => {
         setModelPickerOpen(false);
+        setPendingSarvamModelPicker(null);
+        setPendingOpenRouterModelInput(null);
         setPendingReasoningSetup(null);
         setPendingAuthInput(null);
         setPendingAuthRetention(null);
     };
-    const runPrompt = async (prompt) => {
+    const setQueuedPromptState = (prompt) => {
+        queuedPromptRef.current = prompt;
+        setQueuedPrompt(prompt);
+    };
+    const setTurnRunningState = (value) => {
+        turnRunningRef.current = value;
+        setTurnRunning(value);
+    };
+    const beginQueuedPrompt = (prompt) => {
+        setQueuedPromptState(null);
+        setPendingBusyPrompt(null);
+        void runPrompt(prompt, { forceRun: true });
+    };
+    const runPrompt = async (prompt, options = {}) => {
         const trimmed = prompt.trim();
         if (!trimmed) {
             return;
         }
+        if (turnRunningRef.current && !options.forceRun) {
+            setPendingBusyPrompt({ prompt: trimmed });
+            setInput("");
+            return;
+        }
         if (trimmed.startsWith("/")) {
+            setInput("");
             await handleCommand(trimmed);
             return;
         }
         setInput("");
         setPendingExitConfirm(false);
+        setPendingBusyPrompt(null);
         setActivityLabel(null);
         pushEntry("user", summarizeUserPrompt(trimmed));
         setStatus("Running agent");
@@ -199,23 +297,40 @@ export function ReplApp({ initialConfig, initialSession, store }) {
             sessionStore: store,
             approvals,
             pathPolicy: new PathPolicy(session.workspaceRoot, approvals),
+            runtimeProfile,
             skills,
             tools: createTools(),
             ui
         });
+        activeAgentRef.current = agent;
+        setTurnRunningState(true);
         try {
             await agent.runTurn(trimmed, true);
             syncSession(session);
             setActivityLabel(null);
-            setStatus("Ready");
+            setStatus(queuedPromptRef.current ? "Running queued prompt" : "Ready");
         }
         catch (error) {
+            if (isAgentInterruptedError(error)) {
+                setActivityLabel(null);
+                syncSession(session);
+                setStatus(queuedPromptRef.current ? "Running queued prompt" : "Interrupted");
+                return;
+            }
             finalizeAssistant();
             setActivityLabel(null);
             pushEntry("error", error instanceof Error ? error.message : String(error));
             setStatus("Failed");
             syncSession(session);
         }
+        finally {
+            activeAgentRef.current = null;
+            setTurnRunningState(false);
+            const nextQueuedPrompt = queuedPromptRef.current;
+            if (nextQueuedPrompt) {
+                beginQueuedPrompt(nextQueuedPrompt);
+            }
+        }
     };
     const handleCommand = async (commandLine) => {
         const [command, ...args] = commandLine.slice(1).split(/\s+/);
@@ -227,6 +342,7 @@ export function ReplApp({ initialConfig, initialSession, store }) {
                 pushEntry("info", [
                     "/help",
                     "/model",
+                    "/undo",
                     "/skill",
                     "/tools",
                     "/history",
@@ -245,8 +361,18 @@ export function ReplApp({ initialConfig, initialSession, store }) {
                 }
                 closeCommandModals();
                 setModelPickerOpen(true);
-                setStatus("Select a model");
+                setStatus("Select a provider and model");
+                return;
+            case "undo": {
+                const result = await undoLastEdit(session, store, (request) => {
+                    const approvals = new ApprovalManager(session, store, null, requestApprovalDecision);
+                    return approvals.requestApproval(request);
+                });
+                syncSession(session);
+                pushEntry(result.isError ? "warn" : "info", result.content);
+                setStatus(result.isError ? "Undo blocked" : "Ready");
                 return;
+            }
             case "skill":
             case "skills":
                 await handleSkillsCommand(args);
@@ -282,7 +408,7 @@ export function ReplApp({ initialConfig, initialSession, store }) {
                 return;
             }
             case "new": {
-                const nextSession = await store.createSession(session.workspaceRoot, session.model);
+                const nextSession = await store.createSession(session.workspaceRoot, session.provider, session.model);
                 const nextCloned = syncSession(nextSession);
                 closeCommandModals();
                 resetTranscript();
@@ -300,22 +426,22 @@ export function ReplApp({ initialConfig, initialSession, store }) {
                 ui.printConfig(config);
                 return;
             case "logout": {
-                const previousAuthSource = config.authSource;
-                await clearSavedAuth();
+                const previousProfile = providerConfigFor(config, session.provider);
+                await clearProviderSavedAuth(session.provider);
                 closeCommandModals();
-                const reloaded = await loadConfig();
+                const reloaded = mergeLoadedConfig(await loadConfig(), session.provider);
                 setConfig(reloaded);
-                if (reloaded.authSource === "env") {
-                    pushEntry("warn", "Cleared local auth state, but environment credentials are still active for this process.");
+                if (providerConfigFor(reloaded, session.provider).authSource === "env") {
+                    pushEntry("warn", `Cleared local ${providerLabel(session.provider)} auth state, but environment credentials are still active for this process.`);
                 }
-                else if (previousAuthSource === "stored" || previousAuthSource === "stored_hash") {
-                    pushEntry("info", "Cleared the saved API key for future launches and removed current local auth.");
+                else if (previousProfile.authSource === "stored" || previousProfile.authSource === "stored_hash") {
+                    pushEntry("info", `Cleared the saved ${providerLabel(session.provider)} credential for future launches.`);
                 }
-                else if (previousAuthSource === "session") {
-                    pushEntry("info", "Cleared the API key that was only active in this session.");
+                else if (previousProfile.authSource === "session") {
+                    pushEntry("info", `Cleared the ${providerLabel(session.provider)} credential that was only active in this session.`);
                 }
                 else {
-                    pushEntry("info", "No saved API key remained after logout.");
+                    pushEntry("info", `No saved ${providerLabel(session.provider)} credential remained after logout.`);
                 }
                 setStatus("Logged out");
                 return;
@@ -423,6 +549,96 @@ export function ReplApp({ initialConfig, initialSession, store }) {
         setPendingApproval(null);
         promptState.resolve(value);
     };
+    const onBusyPromptSelect = async (choice) => {
+        const current = pendingBusyPrompt;
+        if (!current) {
+            return;
+        }
+        if (choice === "cancel") {
+            setPendingBusyPrompt(null);
+            setInput(current.prompt);
+            return;
+        }
+        const replacedExistingQueue = queuedPromptRef.current !== null;
+        setQueuedPromptState(current.prompt);
+        setPendingBusyPrompt(null);
+        pushEntry("info", choice === "force"
+            ? `Stopping the current turn and sending next: ${summarizeUserPrompt(current.prompt)}`
+            : `${replacedExistingQueue ? "Replaced" : "Queued"} next prompt: ${summarizeUserPrompt(current.prompt)}`);
+        if (choice === "force") {
+            setStatus("Stopping current turn");
+            activeAgentRef.current?.requestStop();
+            return;
+        }
+        setStatus("Queued next prompt");
+    };
+    const onUpdatePromptSelect = async (choice) => {
+        const current = pendingUpdatePrompt;
+        if (!current) {
+            return;
+        }
+        if (choice === "update_later") {
+            await snoozeAppUpdate(current.latestVersion);
+            setPendingUpdatePrompt(null);
+            setStatus("Ready");
+            return;
+        }
+        setPendingUpdatePrompt(null);
+        setInstallingUpdate(current);
+        setStatus(`Installing ${current.latestVersion}`);
+        try {
+            const result = await installAppUpdate(current.latestVersion);
+            const output = [result.stdout.trim(), result.stderr.trim()].filter(Boolean).join("\n");
+            if (result.timedOut || (result.exitCode ?? 1) !== 0) {
+                pushEntry("warn", [
+                    `Update failed for ${current.latestVersion}.`,
+                    current.installCommand,
+                    output || "(no output)"
+                ].join("\n"));
+                setStatus("Update failed");
+                return;
+            }
+            pushEntry("info", [
+                `Updated Vetala to ${current.latestVersion}.`,
+                "Restart Vetala to use the new version.",
+                current.installCommand
+            ].join("\n"));
+            setStatus("Update installed; restart Vetala");
+        }
+        catch (error) {
+            pushEntry("warn", [
+                `Update failed for ${current.latestVersion}.`,
+                current.installCommand,
+                error instanceof Error ? error.message : String(error)
+            ].join("\n"));
+            setStatus("Update failed");
+        }
+        finally {
+            setInstallingUpdate(null);
+        }
+    };
+    const applyModelSelection = async (nextSettings) => {
+        const definition = getProviderDefinition(nextSettings.provider);
+        await store.updateModel(session, nextSettings.provider, nextSettings.model);
+        await saveProviderDefaults(nextSettings.provider, nextSettings.model, definition.supportsReasoningEffort
+            ? { reasoningEffort: nextSettings.reasoningEffort }
+            : {});
+        syncSession(session);
+        const nextConfig = mergeLoadedConfig(await loadConfig());
+        setConfig(nextConfig);
+        const nextProfile = providerConfigFor(nextConfig, nextSettings.provider);
+        if (nextProfile.authSource === "missing" || nextProfile.authSource === "stored_hash") {
+            setPendingAuthInput({
+                ...nextSettings,
+                authMode: definition.auth.defaultMode,
+                value: ""
+            });
+            setStatus(`Enter ${definition.auth.inputLabel.toLowerCase()} for ${providerLabel(nextSettings.provider)} / ${nextSettings.model}`);
+            return;
+        }
+        pushEntry("info", formatModelSetupSummary(nextSettings, nextConfig));
+        setStatus("Ready");
+    };
     const onModelSelect = async (value) => {
         if (value === "cancel") {
             setModelPickerOpen(false);
@@ -430,11 +646,30 @@ export function ReplApp({ initialConfig, initialSession, store }) {
             return;
         }
         setModelPickerOpen(false);
+        if (value === "sarvam") {
+            setPendingSarvamModelPicker("sarvam");
+            setStatus("Select a Sarvam model");
+            return;
+        }
+        setPendingOpenRouterModelInput({
+            provider: "openrouter",
+            value: session.provider === "openrouter" ? session.model : providerConfigFor(config, "openrouter").defaultModel
+        });
+        setStatus("Enter an OpenRouter model id");
+    };
+    const onSarvamModelSelect = async (value) => {
+        if (value === "cancel") {
+            setPendingSarvamModelPicker(null);
+            setStatus("Ready");
+            return;
+        }
+        setPendingSarvamModelPicker(null);
         setPendingReasoningSetup({
+            provider: "sarvam",
             model: value,
             reasoningEffort: config.reasoningEffort
         });
-        setStatus(`Select reasoning effort for ${value}`);
+        setStatus(`Select reasoning effort for Sarvam / ${value}`);
     };
     const onReasoningSelect = async (value) => {
         const current = pendingReasoningSetup;
@@ -451,23 +686,28 @@ export function ReplApp({ initialConfig, initialSession, store }) {
             ...current,
             reasoningEffort: value === "none" ? null : value
         };
-        await store.updateModel(session, nextSettings.model);
-        await saveChatDefaults(nextSettings.model, nextSettings.reasoningEffort);
-        syncSession(session);
-        const loadedConfig = await loadConfig();
-        const nextConfig = mergeLoadedConfig(loadedConfig);
-        setConfig(nextConfig);
-        if (nextConfig.authSource === "missing" || nextConfig.authSource === "stored_hash") {
-            setPendingAuthInput({
-                ...nextSettings,
-                authMode: "subscription_key",
-                value: ""
-            });
-            setStatus(`Enter API key for ${nextSettings.model}`);
+        await applyModelSelection(nextSettings);
+    };
+    const onOpenRouterModelInputChange = (value) => {
+        setPendingOpenRouterModelInput((current) => (current ? { ...current, value } : current));
+    };
+    const onOpenRouterModelInputSubmit = async (value) => {
+        const trimmed = value.trim();
+        if (!pendingOpenRouterModelInput) {
             return;
         }
-        pushEntry("info", formatModelSetupSummary(nextSettings, nextConfig));
-        setStatus("Ready");
+        if (!trimmed) {
+            setPendingOpenRouterModelInput(null);
+            pushEntry("warn", "OpenRouter model selection cancelled.");
+            setStatus("Ready");
+            return;
+        }
+        setPendingOpenRouterModelInput(null);
+        await applyModelSelection({
+            provider: "openrouter",
+            model: trimmed,
+            reasoningEffort: null
+        });
     };
     const onAuthInputChange = (value) => {
         setPendingAuthInput((current) => (current ? { ...current, value } : current));
@@ -480,7 +720,7 @@ export function ReplApp({ initialConfig, initialSession, store }) {
         const trimmed = value.trim();
         if (!trimmed) {
             setPendingAuthInput(null);
-            pushEntry("warn", "API key entry cancelled. Model settings were saved, but no usable Sarvam credential is active.");
+            pushEntry("warn", `Credential entry cancelled. Model settings were saved, but no usable ${providerLabel(current.provider)} credential is active.`);
             setStatus("Ready");
             return;
         }
@@ -489,7 +729,7 @@ export function ReplApp({ initialConfig, initialSession, store }) {
             ...current,
             value: trimmed
         });
-        setStatus("Choose how long to keep this API key");
+        setStatus("Choose how long to keep this credential");
     };
     const onAuthRetentionSelect = async (choice) => {
         const current = pendingAuthRetention;
@@ -504,15 +744,15 @@ export function ReplApp({ initialConfig, initialSession, store }) {
         }
         const loadedConfig = await loadConfig();
         const nextConfig = choice === "persist"
-            ? withStoredAuth(loadedConfig, current.authMode, current.value)
-            : withSessionAuth(loadedConfig, current.authMode, current.value);
+            ? withProviderStoredAuth(loadedConfig, current.provider, current.authMode, current.value)
+            : withProviderSessionAuth(loadedConfig, current.provider, current.authMode, current.value);
         if (choice === "persist") {
-            await savePersistentAuth(current.authMode, current.value);
+            await saveProviderPersistentAuth(current.provider, current.authMode, current.value);
         }
         setConfig(nextConfig);
         setPendingAuthRetention(null);
         pushEntry("info", formatModelSetupSummary(current, nextConfig, choice));
-        if (choice === "persist" && loadedConfig.authSource === "env") {
+        if (choice === "persist" && providerConfigFor(loadedConfig, current.provider).authSource === "env") {
             pushEntry("warn", "Environment credentials are still set in this shell. They may take precedence on future launches.");
         }
         setStatus("Ready");
@@ -524,51 +764,68 @@ export function ReplApp({ initialConfig, initialSession, store }) {
         }
         setPendingExitConfirm(false);
     };
-    return (_jsx(Box, { flexDirection: "column", paddingX: 1, children: !trusted ? (_jsxs(_Fragment, { children: [_jsx(TrustScreen, { workspaceRoot: session.workspaceRoot, onSelect: onTrustSelect }), pendingExitConfirm ? _jsx(ExitConfirmBox, { onSelect: onExitConfirmSelect }) : null] })) : (_jsxs(_Fragment, { children: [_jsx(Dashboard, { config: config, session: session, status: visibleStatus }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [transcriptCards.length === 0 && !assistantBuffer && !spinnerLabel ? (_jsx(Box, { borderStyle: "round", borderColor: "gray", paddingX: 1, children: _jsx(Text, { color: "gray", children: "New transcript. Use /history if you want earlier session messages." }) })) : null, transcriptCards.map((card) => (_jsx(TranscriptCard, { card: card, assistantBuffer: card.id === liveCardId ? assistantBuffer : "", liveLabel: card.id === liveCardId ? activityLabel ?? spinnerLabel : null }, card.id))), transcriptCards.length === 0 && (assistantBuffer || activityLabel || spinnerLabel) ? (_jsx(LiveStatusCard, { assistantBuffer: assistantBuffer, liveLabel: activityLabel ?? spinnerLabel })) : null] }), pendingExitConfirm ? (_jsx(ExitConfirmBox, { onSelect: onExitConfirmSelect })) : paused ? (_jsx(PauseBox, {})) : pendingApproval ? (_jsx(ApprovalBox, { request: pendingApproval.request, onSelect: onApprovalSelect })) : modelPickerOpen ? (_jsx(ModelPicker, { currentModel: session.model, onSelect: onModelSelect })) : pendingReasoningSetup ? (_jsx(ReasoningEffortPicker, { currentValue: pendingReasoningSetup.reasoningEffort, model: pendingReasoningSetup.model, onSelect: onReasoningSelect })) : pendingAuthInput ? (_jsx(AuthInputBox, { state: pendingAuthInput, onChange: onAuthInputChange, onSubmit: onAuthInputSubmit })) : pendingAuthRetention ? (_jsx(AuthRetentionBox, { state: pendingAuthRetention, onSelect: onAuthRetentionSelect })) : (_jsxs(_Fragment, { children: [_jsx(InputBox, { busy: busy, value: input, onChange: setInput, onSubmit: runPrompt }), showSlashSuggestions ? _jsx(SlashSuggestionBox, { suggestions: slashSuggestions }) : null] })), _jsx(Footer, { config: config, status: visibleStatus, session: session })] })) }));
+    return (_jsx(Box, { flexDirection: "column", paddingX: 1, children: !trusted ? (_jsxs(_Fragment, { children: [_jsx(TrustScreen, { workspaceRoot: session.workspaceRoot, onSelect: onTrustSelect }), pendingExitConfirm ? _jsx(ExitConfirmBox, { onSelect: onExitConfirmSelect }) : null] })) : (_jsxs(_Fragment, { children: [_jsx(Dashboard, { config: config, session: session, status: visibleStatus }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [entries.length === 0 && !assistantBuffer && !spinnerLabel ? (_jsx(Box, { borderStyle: "round", borderColor: UI_COLORS.border, paddingX: 1, children: _jsx(Text, { color: UI_COLORS.muted, children: "New transcript. Use /history if you want earlier session messages." }) })) : null, hiddenTranscriptTurnCount > 0 ? (_jsx(Box, { marginBottom: 1, borderStyle: "round", borderColor: UI_COLORS.border, paddingX: 1, children: _jsxs(Text, { color: UI_COLORS.muted, children: [hiddenTranscriptTurnCount, " earlier turn", hiddenTranscriptTurnCount === 1 ? "" : "s", " hidden. Use /history to inspect older messages or /clear to reset the visible transcript."] }) })) : null, visibleTranscriptCards.map((card) => (_jsx(TranscriptTurnCard, { card: card }, card.id))), (assistantBuffer || activityLabel || spinnerLabel) ? (_jsx(LiveStatusCard, { assistantBuffer: visibleAssistantBuffer, liveLabel: activityLabel ?? spinnerLabel })) : null] }), pendingExitConfirm ? (_jsx(ExitConfirmBox, { onSelect: onExitConfirmSelect })) : paused ? (_jsx(PauseBox, {})) : pendingApproval ? (_jsx(ApprovalBox, { request: pendingApproval.request, onSelect: onApprovalSelect })) : pendingBusyPrompt ? (_jsx(BusyPromptBox, { prompt: pendingBusyPrompt.prompt, onSelect: onBusyPromptSelect })) : installingUpdate ? (_jsx(UpdateInstallBox, { update: installingUpdate })) : pendingUpdatePrompt ? (_jsx(UpdatePromptBox, { update: pendingUpdatePrompt, onSelect: onUpdatePromptSelect })) : modelPickerOpen ? (_jsx(ModelPicker, { currentProvider: session.provider, onSelect: onModelSelect })) : pendingSarvamModelPicker ? (_jsx(SarvamModelPicker, { currentModel: session.provider === "sarvam" ? session.model : null, onSelect: onSarvamModelSelect })) : pendingOpenRouterModelInput ? (_jsx(OpenRouterModelIdBox, { state: pendingOpenRouterModelInput, onChange: onOpenRouterModelInputChange, onSubmit: onOpenRouterModelInputSubmit })) : pendingReasoningSetup ? (_jsx(ReasoningEffortPicker, { currentValue: pendingReasoningSetup.reasoningEffort, provider: pendingReasoningSetup.provider, model: pendingReasoningSetup.model, onSelect: onReasoningSelect })) : pendingAuthInput ? (_jsx(AuthInputBox, { state: pendingAuthInput, onChange: onAuthInputChange, onSubmit: onAuthInputSubmit })) : pendingAuthRetention ? (_jsx(AuthRetentionBox, { state: pendingAuthRetention, onSelect: onAuthRetentionSelect })) : (_jsxs(_Fragment, { children: [_jsx(InputBox, { busy: turnRunning, value: input, onChange: setInput, onSubmit: runPrompt }), showSlashSuggestions ? _jsx(SlashSuggestionBox, { suggestions: slashSuggestions }) : null] })), _jsx(Footer, { config: config, queuedPrompt: queuedPrompt, status: visibleStatus, session: session })] })) }));
 }
 function Dashboard({ config, session, status }) {
+    const activeProvider = providerConfigFor(config, session.provider);
     const infoRows = [
+        { item: "provider", value: providerLabel(session.provider) },
         { item: "model", value: session.model },
         { item: "directory", value: session.workspaceRoot },
         { item: "session", value: session.id.slice(0, 8) },
         { item: "updated", value: formatTimestamp(session.updatedAt) }
     ];
     const stateRows = [
-        { item: "auth", value: describeAuth(config) },
-        { item: "reasoning", value: formatReasoningEffort(config.reasoningEffort) },
+        { item: "auth", value: describeAuth(activeProvider) },
+        { item: "reasoning", value: formatReasoningEffort(config.reasoningEffort, session.provider) },
         { item: "skills", value: describeSkills(session.pinnedSkills.length) },
-        { item: "sha256", value: config.authFingerprint?.slice(0, 12) ?? "(none)" },
+        { item: "undo", value: latestUndoableEdit(session) ? "ready" : "none" },
+        { item: "sha256", value: activeProvider.authFingerprint?.slice(0, 12) ?? "(none)" },
         { item: "context", value: describeContext(session.messages.length) }
     ];
-    return (_jsxs(_Fragment, { children: [_jsxs(Box, { borderStyle: "round", borderColor: "yellow", paddingX: 1, flexDirection: "row", children: [_jsxs(Box, { flexDirection: "column", width: "60%", paddingRight: 2, children: [_jsx(Text, { color: "yellow", children: "Vetala" }), _jsx(Text, { bold: true, children: "Ready." }), _jsx(Box, { marginTop: 1, flexDirection: "column", children: infoRows.map((row) => (_jsx(InfoRow, { item: row.item, value: row.value }, row.item))) })] }), _jsxs(Box, { flexDirection: "column", width: "40%", children: [_jsx(Text, { color: "yellow", children: "Tips" }), _jsx(Text, { children: "/help for commands" }), _jsx(Text, { children: "/model for model + reasoning" }), _jsx(Text, { children: "/skill to inspect local skills" }), _jsx(Text, { children: "/logout to clear local auth" }), _jsx(Text, { children: "Ctrl+C to pause" }), _jsx(Text, { children: "Ctrl+D to exit" }), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: "gray", children: ["status: ", status] }) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "yellow", children: "Context" }) }), stateRows.map((row) => (_jsx(InfoRow, { item: row.item, value: row.value }, row.item)))] })] }), _jsx(Box, { marginTop: 1, borderStyle: "round", borderColor: "gray", paddingX: 1, children: _jsx(Text, { children: "Try \"explain this codebase\" or \"write a test for <filepath>\"" }) })] }));
+    return (_jsxs(_Fragment, { children: [_jsxs(Box, { borderStyle: "round", borderColor: UI_COLORS.border, paddingX: 1, flexDirection: "row", children: [_jsxs(Box, { flexDirection: "column", width: "60%", paddingRight: 2, children: [_jsx(Text, { color: UI_COLORS.accent, children: "Vetala" }), _jsx(Text, { bold: true, children: "Ready." }), _jsx(Box, { marginTop: 1, flexDirection: "column", children: infoRows.map((row) => (_jsx(InfoRow, { item: row.item, value: row.value }, row.item))) })] }), _jsxs(Box, { flexDirection: "column", width: "40%", children: [_jsx(Text, { color: UI_COLORS.accent, children: "Tips" }), _jsx(Text, { children: "/help for commands" }), _jsx(Text, { children: "/model for provider + model" }), _jsx(Text, { children: "/undo to revert last edit" }), _jsx(Text, { children: "/skill to inspect local skills" }), _jsx(Text, { children: "/logout to clear local auth" }), _jsx(Text, { children: "Ctrl+C to pause" }), _jsx(Text, { children: "Ctrl+D to exit" }), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: UI_COLORS.muted, children: ["status: ", status] }) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: UI_COLORS.accent, children: "Context" }) }), stateRows.map((row) => (_jsx(InfoRow, { item: row.item, value: row.value }, row.item)))] })] }), _jsx(Box, { marginTop: 1, borderStyle: "round", borderColor: UI_COLORS.border, paddingX: 1, children: _jsx(Text, { children: "Try \"explain this codebase\" or \"write a test for <filepath>\"" }) })] }));
 }
 function InfoRow({ item, value }) {
-    return (_jsxs(Box, { children: [_jsx(Box, { width: 12, children: _jsx(Text, { color: "gray", children: item }) }), _jsx(Text, { children: value })] }));
+    return (_jsxs(Box, { children: [_jsx(Box, { width: 12, children: _jsx(Text, { color: UI_COLORS.muted, children: item }) }), _jsx(Text, { children: value })] }));
 }
 function TrustScreen({ workspaceRoot, onSelect }) {
-    return (_jsxs(Box, { borderStyle: "round", borderColor: "yellow", paddingX: 1, flexDirection: "column", children: [_jsx(Text, { color: "yellow", children: "Accessing workspace" }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { children: workspaceRoot }) }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { children: "Quick safety check: is this a project you created or one you trust? If not, review it before continuing." }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { children: "Vetala will be able to read, edit, and execute files here." }) })] }), _jsx(Box, { marginTop: 1, children: _jsx(SelectInput, { items: [
+    return (_jsxs(Box, { borderStyle: "round", borderColor: UI_COLORS.border, paddingX: 1, flexDirection: "column", children: [_jsx(Text, { color: UI_COLORS.accent, children: "Accessing workspace" }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { children: workspaceRoot }) }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { children: "Quick safety check: is this a project you created or one you trust? If not, review it before continuing." }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { children: "Vetala will be able to read, edit, and execute files here." }) })] }), _jsx(Box, { marginTop: 1, children: _jsx(SelectInput, { items: [
                         { label: "Yes, I trust this folder", value: "trust" },
                         { label: "No, exit", value: "exit" }
                     ], onSelect: (item) => void onSelect(item.value) }) })] }));
 }
 function ApprovalBox({ request, onSelect }) {
-    return (_jsxs(Box, { marginTop: 1, borderStyle: "round", borderColor: "magenta", paddingX: 1, flexDirection: "column", children: [_jsx(Text, { color: "magenta", children: "Approval required" }), request.label.split("\n").map((line) => (_jsx(Text, { children: line }, line))), _jsx(Box, { marginTop: 1, children: _jsx(SelectInput, { items: [
+    return (_jsxs(Box, { marginTop: 1, borderStyle: "round", borderColor: UI_COLORS.warning, paddingX: 1, flexDirection: "column", children: [_jsx(Text, { color: UI_COLORS.warning, children: "Approval required" }), request.label.split("\n").map((line) => (_jsx(Text, { children: line }, line))), _jsx(Box, { marginTop: 1, children: _jsx(SelectInput, { items: [
                         { label: "Allow once", value: "once" },
                         { label: "Allow for session", value: "session" },
                         { label: "Deny", value: "deny" }
                     ], onSelect: (item) => void onSelect(item.value) }) })] }));
 }
-function ModelPicker({ currentModel, onSelect }) {
-    return (_jsxs(Box, { marginTop: 1, borderStyle: "round", borderColor: "green", paddingX: 1, flexDirection: "column", children: [_jsx(Text, { color: "green", children: "Select model" }), _jsxs(Text, { color: "gray", children: ["Current: ", currentModel] }), _jsx(Box, { marginTop: 1, children: _jsx(SelectInput, { items: [
-                        ...SARVAM_MODELS.map((model) => ({
-                            label: model === currentModel ? `${model} (current)` : model,
-                            value: model
-                        })),
-                        { label: "Cancel", value: "cancel" }
-                    ], onSelect: (item) => void onSelect(item.value) }) })] }));
+function ModelPicker({ currentProvider, onSelect }) {
+    const items = [
+        ...listProviders().map((provider) => ({
+            label: provider.name === currentProvider ? `${provider.label} (current)` : provider.label,
+            value: provider.name
+        })),
+        { label: "Cancel", value: "cancel" }
+    ];
+    return (_jsxs(Box, { marginTop: 1, borderStyle: "round", borderColor: UI_COLORS.border, paddingX: 1, flexDirection: "column", children: [_jsx(Text, { color: UI_COLORS.accent, children: "Select provider" }), _jsxs(Text, { color: UI_COLORS.muted, children: ["Current: ", providerLabel(currentProvider)] }), _jsx(Box, { marginTop: 1, children: _jsx(SelectInput, { items: items, onSelect: (item) => void onSelect(item.value) }) })] }));
 }
-function ReasoningEffortPicker({ currentValue, model, onSelect }) {
-    return (_jsxs(Box, { marginTop: 1, borderStyle: "round", borderColor: "green", paddingX: 1, flexDirection: "column", children: [_jsx(Text, { color: "green", children: "Select reasoning effort" }), _jsxs(Text, { color: "gray", children: ["Model: ", model, " \u00B7 Current: ", formatReasoningEffort(currentValue)] }), _jsx(Box, { marginTop: 1, children: _jsx(SelectInput, { items: [
+function SarvamModelPicker({ currentModel, onSelect }) {
+    const items = [
+        ...getProviderDefinition("sarvam").suggestedModels.map((model) => ({
+            label: model === currentModel ? `${model} (current)` : model,
+            value: model
+        })),
+        { label: "Cancel", value: "cancel" }
+    ];
+    return (_jsxs(Box, { marginTop: 1, borderStyle: "round", borderColor: UI_COLORS.border, paddingX: 1, flexDirection: "column", children: [_jsx(Text, { color: UI_COLORS.accent, children: "Select a Sarvam model" }), _jsx(Text, { color: UI_COLORS.muted, children: "After model selection, Vetala will ask for reasoning effort." }), _jsx(Box, { marginTop: 1, children: _jsx(SelectInput, { items: items, onSelect: (item) => void onSelect(item.value) }) })] }));
+}
+function OpenRouterModelIdBox({ state, onChange, onSubmit }) {
+    return (_jsxs(Box, { marginTop: 1, borderStyle: "round", borderColor: UI_COLORS.border, paddingX: 1, flexDirection: "column", children: [_jsx(Text, { color: UI_COLORS.accent, children: "Enter an OpenRouter model id" }), _jsx(Text, { color: UI_COLORS.muted, children: "Examples: `openai/gpt-4o-mini`, `anthropic/claude-3.5-haiku`, `google/gemini-2.0-flash-001`" }), _jsx(Text, { color: UI_COLORS.muted, children: "Reasoning differs by OpenRouter model. Vetala will use the provider default instead of forcing one global reasoning setting." }), _jsx(Text, { color: UI_COLORS.muted, children: "Press Enter on an empty field to cancel." }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: UI_COLORS.accent, children: "model " }), _jsx(TextInput, { highlightPastedText: false, value: state.value, onChange: onChange, onSubmit: (value) => void onSubmit(value) })] })] }));
+}
+function ReasoningEffortPicker({ currentValue, provider, model, onSelect }) {
+    return (_jsxs(Box, { marginTop: 1, borderStyle: "round", borderColor: UI_COLORS.border, paddingX: 1, flexDirection: "column", children: [_jsx(Text, { color: UI_COLORS.accent, children: "Select reasoning effort" }), _jsxs(Text, { color: UI_COLORS.muted, children: ["Provider: ", providerLabel(provider), " \u00B7 Model: ", model, " \u00B7 Current: ", formatReasoningEffort(currentValue, provider)] }), _jsx(Box, { marginTop: 1, children: _jsx(SelectInput, { items: [
                         { label: "None (null / let Sarvam decide)", value: "none" },
                         { label: "Low", value: "low" },
                         { label: "Medium", value: "medium" },
@@ -577,10 +834,11 @@ function ReasoningEffortPicker({ currentValue, model, onSelect }) {
                     ], onSelect: (item) => void onSelect(item.value) }) })] }));
 }
 function AuthInputBox({ state, onChange, onSubmit }) {
-    return (_jsxs(Box, { marginTop: 1, borderStyle: "round", borderColor: "green", paddingX: 1, flexDirection: "column", children: [_jsxs(Text, { color: "green", children: ["Enter API key for ", state.model] }), _jsx(Text, { color: "gray", children: "This will be used as Sarvam's `apiSubscriptionKey`. After you press Enter, choose whether Vetala keeps it for all sessions or only for this session." }), _jsxs(Text, { color: "gray", children: ["Reasoning: ", formatReasoningEffort(state.reasoningEffort)] }), _jsx(Text, { color: "gray", children: "Press Enter on an empty field to cancel." }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: "cyan", children: "key " }), _jsx(TextInput, { mask: "*", highlightPastedText: false, value: state.value, onChange: onChange, onSubmit: (value) => void onSubmit(value) })] })] }));
+    const definition = getProviderDefinition(state.provider);
+    return (_jsxs(Box, { marginTop: 1, borderStyle: "round", borderColor: UI_COLORS.border, paddingX: 1, flexDirection: "column", children: [_jsxs(Text, { color: UI_COLORS.accent, children: ["Enter ", definition.auth.inputLabel.toLowerCase(), " for ", providerLabel(state.provider), " / ", state.model] }), _jsxs(Text, { color: UI_COLORS.muted, children: [definition.auth.helpText, " After you press Enter, choose whether Vetala keeps it for all sessions or only for this session."] }), _jsxs(Text, { color: UI_COLORS.muted, children: ["Reasoning: ", formatReasoningEffort(state.reasoningEffort, state.provider)] }), _jsx(Text, { color: UI_COLORS.muted, children: "Press Enter on an empty field to cancel." }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: UI_COLORS.accent, children: "key " }), _jsx(TextInput, { mask: "*", highlightPastedText: false, value: state.value, onChange: onChange, onSubmit: (value) => void onSubmit(value) })] })] }));
 }
 function AuthRetentionBox({ state, onSelect }) {
-    return (_jsxs(Box, { marginTop: 1, borderStyle: "round", borderColor: "green", paddingX: 1, flexDirection: "column", children: [_jsxs(Text, { color: "green", children: ["Keep API key for ", state.model] }), _jsxs(Text, { color: "gray", children: ["Key preview: ", maskSecretPreview(state.value)] }), _jsxs(Text, { color: "gray", children: ["Reasoning: ", formatReasoningEffort(state.reasoningEffort)] }), _jsx(Text, { color: "gray", children: "Future-session mode stores the raw key locally until you run /logout." }), _jsx(Box, { marginTop: 1, flexDirection: "column", children: _jsx(Text, { children: "Choose how long Vetala should keep this key:" }) }), _jsx(Box, { marginTop: 1, children: _jsx(SelectInput, { items: [
+    return (_jsxs(Box, { marginTop: 1, borderStyle: "round", borderColor: UI_COLORS.border, paddingX: 1, flexDirection: "column", children: [_jsxs(Text, { color: UI_COLORS.accent, children: ["Keep credential for ", providerLabel(state.provider), " / ", state.model] }), _jsxs(Text, { color: UI_COLORS.muted, children: ["Key preview: ", maskSecretPreview(state.value)] }), _jsxs(Text, { color: UI_COLORS.muted, children: ["Reasoning: ", formatReasoningEffort(state.reasoningEffort, state.provider)] }), _jsx(Text, { color: UI_COLORS.muted, children: "Future-session mode stores the raw key locally until you run /logout." }), _jsx(Box, { marginTop: 1, flexDirection: "column", children: _jsx(Text, { children: "Choose how long Vetala should keep this key:" }) }), _jsx(Box, { marginTop: 1, children: _jsx(SelectInput, { items: [
                         {
                             label: "Keep for all sessions until /logout",
                             value: "persist"
@@ -596,36 +854,69 @@ function AuthRetentionBox({ state, onSelect }) {
                     ], onSelect: (item) => void onSelect(item.value) }) })] }));
 }
 function InputBox({ busy, value, onChange, onSubmit }) {
-    return (_jsxs(Box, { marginTop: 1, borderStyle: "round", borderColor: "white", paddingX: 1, children: [_jsx(Text, { color: "cyan", children: "\u276F " }), busy ? (_jsx(Text, { color: "gray", children: "Agent is busy. Wait for the current turn to finish." })) : (_jsx(TextInput, { highlightPastedText: false, value: value, onChange: onChange, onSubmit: (nextValue) => void onSubmit(nextValue) }))] }));
+    return (_jsxs(Box, { marginTop: 1, borderStyle: "round", borderColor: UI_COLORS.border, paddingX: 1, children: [_jsx(Text, { color: UI_COLORS.accent, children: "\u276F " }), _jsx(TextInput, { highlightPastedText: false, value: value, onChange: onChange, onSubmit: (nextValue) => void onSubmit(nextValue) }), busy ? _jsx(Text, { color: UI_COLORS.muted, children: "  Enter to queue or force-send." }) : null] }));
+}
+function BusyPromptBox({ prompt, onSelect }) {
+    return (_jsxs(Box, { marginTop: 1, borderStyle: "round", borderColor: UI_COLORS.warning, paddingX: 1, flexDirection: "column", children: [_jsx(Text, { color: UI_COLORS.warning, children: "Current turn is still running" }), _jsx(Text, { color: UI_COLORS.muted, children: "Choose what to do with the next prompt:" }), _jsx(Box, { marginTop: 1, flexDirection: "column", children: summarizeUserPrompt(prompt).split("\n").map((line) => (_jsx(Text, { children: line }, line))) }), _jsx(Box, { marginTop: 1, children: _jsx(SelectInput, { items: [
+                        {
+                            label: "Send now (stop current turn)",
+                            value: "force"
+                        },
+                        {
+                            label: "Send after current turn",
+                            value: "queue"
+                        },
+                        {
+                            label: "Cancel",
+                            value: "cancel"
+                        }
+                    ], onSelect: (item) => void onSelect(item.value) }) })] }));
+}
+function UpdatePromptBox({ update, onSelect }) {
+    return (_jsxs(Box, { marginTop: 1, borderStyle: "round", borderColor: UI_COLORS.accent, paddingX: 1, flexDirection: "column", children: [_jsx(Text, { color: UI_COLORS.accent, children: "Update available" }), _jsxs(Text, { children: [update.currentVersion, " \u2192 ", update.latestVersion] }), _jsx(Text, { color: UI_COLORS.muted, children: update.installCommand }), _jsx(Box, { marginTop: 1, children: _jsx(SelectInput, { items: [
+                        {
+                            label: "Update now",
+                            value: "update_now"
+                        },
+                        {
+                            label: "Update later",
+                            value: "update_later"
+                        }
+                    ], onSelect: (item) => void onSelect(item.value) }) })] }));
+}
+function UpdateInstallBox({ update }) {
+    return (_jsxs(Box, { marginTop: 1, borderStyle: "round", borderColor: UI_COLORS.accent, paddingX: 1, flexDirection: "column", children: [_jsx(Text, { color: UI_COLORS.accent, children: "Installing update" }), _jsxs(Box, { children: [_jsx(Text, { color: UI_COLORS.accent, children: _jsx(Spinner, { type: "dots" }) }), _jsxs(Text, { children: [" Updating to ", update.latestVersion, "..."] })] }), _jsx(Text, { color: UI_COLORS.muted, children: update.installCommand })] }));
 }
 function SlashSuggestionBox({ suggestions }) {
-    return (_jsxs(Box, { marginTop: 1, borderStyle: "round", borderColor: "blue", paddingX: 1, flexDirection: "column", children: [_jsx(Text, { color: "blue", children: "Commands" }), _jsx(Text, { color: "gray", children: "Tab autocompletes the first match." }), suggestions.map((suggestion, index) => (_jsxs(Box, { children: [_jsx(Box, { width: "45%", children: _jsxs(Text, { color: index === 0 ? "cyan" : "white", children: [index === 0 ? "❯ " : "  ", suggestion.label] }) }), _jsx(Text, { color: "gray", children: suggestion.detail })] }, suggestion.label)))] }));
+    return (_jsxs(Box, { marginTop: 1, borderStyle: "round", borderColor: UI_COLORS.border, paddingX: 1, flexDirection: "column", children: [_jsx(Text, { color: UI_COLORS.accent, children: "Commands" }), _jsx(Text, { color: UI_COLORS.muted, children: "Tab autocompletes the first match." }), suggestions.map((suggestion, index) => (_jsxs(Box, { children: [_jsx(Box, { width: "45%", children: index === 0 ? (_jsxs(Text, { color: UI_COLORS.accent, children: ["\u276F ", suggestion.label] })) : (_jsxs(Text, { children: ["  ", suggestion.label] })) }), _jsx(Text, { color: UI_COLORS.muted, children: suggestion.detail })] }, suggestion.label)))] }));
 }
 function PauseBox() {
-    return (_jsxs(Box, { marginTop: 1, borderStyle: "round", borderColor: "yellow", paddingX: 1, flexDirection: "column", children: [_jsx(Text, { color: "yellow", children: "Paused" }), _jsx(Text, { children: "Press Ctrl+C again to resume." }), _jsx(Text, { children: "Press Ctrl+D if you want to exit." })] }));
+    return (_jsxs(Box, { marginTop: 1, borderStyle: "round", borderColor: UI_COLORS.border, paddingX: 1, flexDirection: "column", children: [_jsx(Text, { color: UI_COLORS.accent, children: "Paused" }), _jsx(Text, { children: "Press Ctrl+C again to resume." }), _jsx(Text, { children: "Press Ctrl+D if you want to exit." })] }));
 }
 function ExitConfirmBox({ onSelect }) {
-    return (_jsxs(Box, { marginTop: 1, borderStyle: "round", borderColor: "red", paddingX: 1, flexDirection: "column", children: [_jsx(Text, { color: "red", children: "Exit Vetala?" }), _jsx(Text, { color: "gray", children: "Current session state is already written to disk as it changes." }), _jsx(Box, { marginTop: 1, children: _jsx(SelectInput, { items: [
+    return (_jsxs(Box, { marginTop: 1, borderStyle: "round", borderColor: "red", paddingX: 1, flexDirection: "column", children: [_jsx(Text, { color: "red", children: "Exit Vetala?" }), _jsx(Text, { color: UI_COLORS.muted, children: "Current session state is already written to disk as it changes." }), _jsx(Box, { marginTop: 1, children: _jsx(SelectInput, { items: [
                         { label: "Exit", value: "exit" },
                         { label: "Stay", value: "stay" }
                     ], onSelect: (item) => void onSelect(item.value) }) })] }));
 }
-function Footer({ config, status, session }) {
-    return (_jsxs(Box, { marginTop: 1, justifyContent: "space-between", children: [_jsx(Text, { color: "gray", children: "/help for commands \u00B7 Ctrl+C pause \u00B7 Ctrl+D exit" }), _jsxs(Text, { color: "gray", children: [status, " \u00B7 ", describeAuth(config), " \u00B7 ", describeContext(session.messages.length)] })] }));
+function Footer({ config, queuedPrompt, status, session }) {
+    const activeProvider = providerConfigFor(config, session.provider);
+    return (_jsxs(Box, { marginTop: 1, justifyContent: "space-between", children: [_jsx(Text, { color: UI_COLORS.muted, children: "/help for commands \u00B7 /undo reverts last edit \u00B7 Ctrl+C pause \u00B7 Ctrl+D exit" }), _jsxs(Text, { color: UI_COLORS.muted, children: [status, queuedPrompt ? " · queued next prompt" : "", " \u00B7 ", describeAuth(activeProvider), " \u00B7 ", describeContext(session.messages.length)] })] }));
 }
-function TranscriptCard({ card, assistantBuffer, liveLabel }) {
+function TranscriptTurnCard({ card }) {
     const borderColor = transcriptCardBorder(card.entries);
-    return (_jsxs(Box, { marginBottom: 1, borderStyle: "round", borderColor: borderColor, paddingX: 1, flexDirection: "column", children: [card.entries.map((entry) => (_jsx(TranscriptSection, { entry: entry }, entry.id))), liveLabel ? _jsx(LiveActivitySection, { label: liveLabel }) : null, assistantBuffer ? (_jsx(TranscriptSection, { entry: { id: `${card.id}:stream`, kind: "assistant", text: assistantBuffer } })) : null] }));
+    return (_jsx(Box, { marginBottom: 1, borderStyle: "round", borderColor: borderColor, paddingX: 1, flexDirection: "column", children: card.entries.map((entry) => (_jsx(TranscriptSection, { entry: entry }, entry.id))) }));
 }
 function LiveStatusCard({ assistantBuffer, liveLabel }) {
-    return (_jsxs(Box, { marginBottom: 1, borderStyle: "round", borderColor: "cyan", paddingX: 1, flexDirection: "column", children: [liveLabel ? _jsx(LiveActivitySection, { label: liveLabel }) : null, assistantBuffer ? (_jsx(TranscriptSection, { entry: { id: "live:assistant", kind: "assistant", text: assistantBuffer } })) : null] }));
+    return (_jsxs(Box, { marginBottom: 1, borderStyle: "round", borderColor: UI_COLORS.accent, paddingX: 1, flexDirection: "column", children: [liveLabel ? _jsx(LiveActivitySection, { label: liveLabel }) : null, assistantBuffer ? (_jsx(TranscriptSection, { entry: { id: "live:assistant", kind: "assistant", text: assistantBuffer } })) : null] }));
 }
 function TranscriptSection({ entry }) {
     const isActivity = entry.kind === "activity";
-    return (_jsxs(Box, { marginBottom: 1, flexDirection: "column", children: [_jsx(Text, { color: entryColor(entry.kind), children: entryLabel(entry.kind) }), entry.text.split("\n").map((line, index) => isActivity ? (_jsx(Text, { color: "gray", children: line.length > 0 ? line : " " }, `${entry.id}:${index}`)) : (_jsx(Text, { children: line.length > 0 ? line : " " }, `${entry.id}:${index}`)))] }));
+    const labelColor = entryColor(entry.kind);
+    return (_jsxs(Box, { marginBottom: 1, flexDirection: "column", children: [labelColor ? _jsx(Text, { color: labelColor, children: entryLabel(entry.kind) }) : _jsx(Text, { children: entryLabel(entry.kind) }), entry.text.split("\n").map((line, index) => isActivity ? (_jsx(Text, { color: UI_COLORS.muted, children: line.length > 0 ? line : " " }, `${entry.id}:${index}`)) : (_jsx(Text, { children: line.length > 0 ? line : " " }, `${entry.id}:${index}`)))] }));
 }
 function LiveActivitySection({ label }) {
-    return (_jsxs(Box, { marginBottom: 1, flexDirection: "column", children: [_jsx(Text, { color: "gray", children: "doing" }), _jsxs(Box, { children: [_jsx(Text, { color: "cyan", children: _jsx(Spinner, { type: "dots" }) }), _jsxs(Text, { color: "gray", children: [" ", label] })] })] }));
+    return (_jsxs(Box, { marginBottom: 1, flexDirection: "column", children: [_jsx(Text, { color: UI_COLORS.muted, children: "doing" }), _jsxs(Box, { children: [_jsx(Text, { color: UI_COLORS.accent, children: _jsx(Spinner, { type: "dots" }) }), _jsxs(Text, { color: UI_COLORS.muted, children: [" ", label] })] })] }));
 }
 function cloneSession(session) {
     return {
@@ -638,14 +929,15 @@ function cloneSession(session) {
         messages: [...session.messages],
         referencedFiles: [...session.referencedFiles],
         readFiles: [...session.readFiles],
-        pinnedSkills: [...session.pinnedSkills]
+        pinnedSkills: [...session.pinnedSkills],
+        edits: session.edits.map((edit) => ({ ...edit }))
     };
 }
 function formatSessionList(sessions) {
     return sessions.length > 0
         ? sessions
             .slice(0, 10)
-            .map((item) => `${item.id}  ${item.updatedAt}  ${item.workspaceRoot}`)
+            .map((item) => `${item.id}  ${item.provider}/${item.model}  ${item.updatedAt}  ${item.workspaceRoot}`)
             .join("\n")
         : "(no sessions)";
 }
@@ -667,18 +959,23 @@ function describeAuth(config) {
             return "missing";
     }
 }
-function formatReasoningEffort(value) {
+function formatReasoningEffort(value, provider) {
+    if (!getProviderDefinition(provider).supportsReasoningEffort) {
+        return "provider default (model-specific)";
+    }
     return value ?? "(none)";
 }
 function describeSkills(pinnedCount) {
     return pinnedCount > 0 ? `${pinnedCount} pinned` : "none pinned";
 }
 function formatModelSetupSummary(state, config, authRetention) {
+    const profile = providerConfigFor(config, state.provider);
     const lines = [
+        `Provider: ${providerLabel(state.provider)}`,
         `Model: ${state.model}`,
-        `Reasoning effort: ${formatReasoningEffort(state.reasoningEffort)}`,
-        `Credential: ${describeAuth(config)}`,
-        `Stored SHA-256: ${config.authFingerprint?.slice(0, 16) ?? "(none)"}`
+        `Reasoning effort: ${formatReasoningEffort(state.reasoningEffort, state.provider)}`,
+        `Credential: ${describeAuth(profile)}`,
+        `Stored SHA-256: ${profile.authFingerprint?.slice(0, 16) ?? "(none)"}`
     ];
     if (authRetention === "persist") {
         lines.push("Raw key is stored locally for all future sessions until /logout.");
@@ -706,6 +1003,20 @@ function summarizeUserPrompt(prompt) {
         `Preview: ${preview}${preview.length < prompt.replace(/\s+/g, " ").trim().length ? "..." : ""}`
     ].join("\n");
 }
+function renderLiveAssistantBuffer(buffer) {
+    if (!buffer) {
+        return "";
+    }
+    const lines = buffer.split("\n");
+    if (lines.length <= MAX_LIVE_ASSISTANT_LINES) {
+        return buffer;
+    }
+    const hiddenLineCount = lines.length - MAX_LIVE_ASSISTANT_LINES;
+    return [
+        `[${hiddenLineCount} earlier line${hiddenLineCount === 1 ? "" : "s"} hidden while streaming]`,
+        ...lines.slice(-MAX_LIVE_ASSISTANT_LINES)
+    ].join("\n");
+}
 function renderAuthMode(authMode) {
     switch (authMode) {
         case "bearer":
@@ -732,19 +1043,19 @@ function maskSecretPreview(value) {
 function entryColor(kind) {
     switch (kind) {
         case "assistant":
-            return "cyan";
+            return UI_COLORS.accent;
         case "user":
-            return "green";
+            return undefined;
         case "tool":
-            return "magenta";
+            return UI_COLORS.accent;
         case "activity":
-            return "gray";
+            return UI_COLORS.muted;
         case "info":
-            return "blue";
+            return UI_COLORS.accent;
         case "warn":
-            return "yellow";
+            return UI_COLORS.warning;
         case "error":
-            return "red";
+            return UI_COLORS.danger;
     }
 }
 function entryLabel(kind) {
@@ -767,23 +1078,20 @@ function entryLabel(kind) {
 }
 function transcriptCardBorder(entries) {
     if (entries.some((entry) => entry.kind === "error")) {
-        return "red";
+        return UI_COLORS.danger;
     }
     if (entries.some((entry) => entry.kind === "warn")) {
-        return "yellow";
+        return UI_COLORS.warning;
     }
     if (entries.some((entry) => entry.kind === "tool")) {
-        return "magenta";
-    }
-    if (entries.some((entry) => entry.kind === "assistant")) {
-        return "white";
+        return UI_COLORS.accent;
     }
     if (entries.some((entry) => entry.kind === "info")) {
-        return "blue";
+        return UI_COLORS.accent;
     }
     if (entries.some((entry) => entry.kind === "activity")) {
-        return "gray";
+        return UI_COLORS.muted;
     }
-    return "white";
+    return UI_COLORS.border;
 }
 //# sourceMappingURL=repl-app.js.map