frogo 0.1.0 → 0.1.1

package/dist/agent/launch.js

@@ -1,14 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import "dotenv/config";
-import readline from "node:readline/promises";
 import crypto from "node:crypto";
-import chalk from "chalk";
-import { stdin as input, stdout as output } from "node:process";
+import { render } from "ink";
 import { ToolLoopAgent, stepCountIs } from "ai";
 import { createOpenAI } from "@ai-sdk/openai";
 import { createAnthropic } from "@ai-sdk/anthropic";
 import { createMCPClient } from "@ai-sdk/mcp";
 import { StdioClientTransport } from "@modelcontextprotocol/sdk/client/stdio.js";
 import { loadConfig } from "../config/load.js";
+import { getSentryOAuthProvider, hasSentryTokens } from "../mcp/sentry-auth.js";
+import { FrogoChatApp } from "./ui.js";
 const DEFAULT_SYSTEM_PROMPT = "You are Frogo, a deterministic incident investigator. Respond concisely, cite evidence, and avoid hallucinations. " +
     "If the user says 'do a pass' or 'anything you can get', fetch a minimal overview: projects, recent runs, datasets, and prompts (if available) " +
     "using MCP tools, then summarize what you found.";
@@ -87,6 +88,61 @@ async function buildLangSmithToolContext(config) {
         return null;
     }
 }
+async function createSentryClient(sentry) {
+    const { provider } = await getSentryOAuthProvider();
+    return await createMCPClient({
+        transport: {
+            type: "http",
+            url: sentry.mcpUrl,
+            authProvider: provider
+        }
+    });
+}
+async function buildSentryToolContext(config) {
+    const sentry = config.sentry;
+    if (!sentry?.mcpUrl) {
+        return null;
+    }
+    try {
+        const hasTokens = await hasSentryTokens();
+        if (!hasTokens) {
+            console.log("↳ Sentry not authenticated. Run `frogo configure` to complete OAuth.");
+            return null;
+        }
+        const client = await createSentryClient(sentry);
+        const tools = await client.tools();
+        return { name: "Sentry", tools, client };
+    }
+    catch (error) {
+        console.error("Sentry MCP initialization failed:", error);
+        return null;
+    }
+}
+async function buildTriggerMcpToolContext(config) {
+    const triggerMcp = config.triggerMcp;
+    if (!triggerMcp?.command || !triggerMcp?.args || triggerMcp.args.length === 0) {
+        return null;
+    }
+    try {
+        const transport = new StdioClientTransport({
+            command: triggerMcp.command,
+            args: triggerMcp.args,
+            env: { ...process.env },
+            stderr: "inherit"
+        });
+        const client = await createMCPClient({
+            transport,
+            name: "frogo-trigger",
+            version: "0.1.0"
+        });
+        const tools = await client.tools();
+        return { name: "Trigger", tools, client };
+    }
+    catch (error) {
+        console.error("Trigger MCP initialization failed:", error);
+        return null;
+    }
+}
 async function buildDatadogToolContext(config) {
     const datadog = config.datadog;
     if (!datadog?.apiKey || !datadog?.appKey) {
@@ -132,6 +188,14 @@ async function buildMcpToolContexts(config) {
     if (langsmithContext) {
         contexts.push(langsmithContext);
     }
+    const sentryContext = await buildSentryToolContext(config);
+    if (sentryContext) {
+        contexts.push(sentryContext);
+    }
+    const triggerMcpContext = await buildTriggerMcpToolContext(config);
+    if (triggerMcpContext) {
+        contexts.push(triggerMcpContext);
+    }
     const datadogContext = await buildDatadogToolContext(config);
     if (datadogContext) {
         contexts.push(datadogContext);
@@ -151,86 +215,9 @@ async function cleanupMcpContexts(contexts) {
         }
     }));
 }
-function createSpinner(label = "thinking") {
-    const frames = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧"];
-    let index = 0;
-    let handle;
-    const isTty = Boolean(process.stdout.isTTY);
-    const render = () => {
-        const frame = frames[index];
-        index = (index + 1) % frames.length;
-        process.stdout.write(`\r${chalk.gray(frame)} ${chalk.dim(label)}`);
-    };
-    return {
-        start() {
-            if (!isTty) {
-                process.stdout.write(`${chalk.dim(label)}...\n`);
-                return;
-            }
-            render();
-            handle = setInterval(render, 80);
-        },
-        stop() {
-            if (!isTty) {
-                return;
-            }
-            if (handle) {
-                clearInterval(handle);
-                handle = undefined;
-            }
-            process.stdout.write("\r");
-            process.stdout.write(" ".repeat(32));
-            process.stdout.write("\r");
-        }
-    };
-}
 function cleanAssistantOutput(content) {
     return content.replace(/^Agent:\s*/i, "").trim();
 }
-function renderBanner(context, mcpContexts) {
-    const sessionId = crypto.randomBytes(8).toString("hex");
-    const workdir = process.cwd();
-    const providerName = context.languageModel.modelId ?? context.languageModel?.model ?? "unknown";
-    const providerLabel = context.languageModel?.provider ?? "openai";
-    const mcpLabel = mcpContexts.length ? mcpContexts.map((item) => item.name).join(", ") : "none";
-    const header = "🐸 Frogo CLI";
-    const headerLine = `│ ● ${header} │`;
-    const sessionLines = [
-        `│ session: ${sessionId} │`,
-        `│ ↳ workdir: ${workdir} │`,
-        `│ ↳ model: ${providerName} │`,
-        `│ ↳ provider: ${providerLabel} │`,
-        `│ ↳ mcp: ${mcpLabel} │`
-    ];
-    const headerWidth = Math.max(headerLine.length, ...sessionLines.map((line) => line.length));
-    const drawLine = (text) => {
-        const padded = text.padEnd(headerWidth - 1, " ");
-        return `${padded}│`;
-    };
-    const top = `╭${"─".repeat(headerWidth - 1)}╮`;
-    const bottom = `╰${"─".repeat(headerWidth - 1)}╯`;
-    console.log(chalk.gray(top));
-    console.log(chalk.gray(drawLine(headerLine)));
-    console.log(chalk.gray(bottom));
-    console.log(chalk.gray(top));
-    sessionLines.forEach((line) => console.log(chalk.gray(drawLine(line))));
-    console.log(chalk.gray(bottom));
-}
-function renderAssistantPrefix() {
-    process.stdout.write(`${chalk.green("🐸")} `);
-}
-function formatToolPayload(payload, max = 400) {
-    try {
-        const raw = JSON.stringify(payload);
-        if (raw.length <= max) {
-            return raw;
-        }
-        return `${raw.slice(0, max)}…`;
-    }
-    catch {
-        return "[unserializable]";
-    }
-}
 export async function runAgentChat() {
     const config = await loadConfig();
     const context = buildProviderContext(config);
@@ -238,7 +225,6 @@ export async function runAgentChat() {
         process.exit(1);
     }
     const mcpContexts = await buildMcpToolContexts(config);
-    renderBanner(context, mcpContexts);
     const toolSet = combineToolSets(mcpContexts);
     const agent = new ToolLoopAgent({
         id: "frogo-agent",
@@ -247,138 +233,11 @@ export async function runAgentChat() {
         tools: Object.keys(toolSet).length ? toolSet : undefined,
         stopWhen: stepCountIs(1000)
     });
-    const rl = readline.createInterface({ input, output });
-    const spinner = createSpinner();
-    const conversation = [];
-    let activeAbort = null;
-    let isGenerating = false;
-    console.log(chalk.dim("Type your question and press enter (Ctrl+C to exit)."));
-    try {
-        rl.on("SIGINT", () => {
-            if (isGenerating && activeAbort) {
-                activeAbort.abort();
-                process.stdout.write(`\n${chalk.dim("↳ you canceled the current response. Ask another question when ready.")}\n`);
-                return;
-            }
-            rl.close();
-        });
-        while (true) {
-            let question;
-            try {
-                question = await rl.question(`${chalk.cyan("›")} `);
-            }
-            catch (error) {
-                if (error instanceof Error && error.message === "SIGINT") {
-                    break;
-                }
-                throw error;
-            }
-            const trimmed = question.trim();
-            if (!trimmed) {
-                continue;
-            }
-            conversation.push({ role: "user", content: trimmed });
-            spinner.start();
-            isGenerating = true;
-            activeAbort = new AbortController();
-            let spinnerActive = true;
-            let assistantReply = "";
-            let prefixPrinted = false;
-            let lineOpen = false;
-            const ensurePrefix = () => {
-                if (!prefixPrinted) {
-                    renderAssistantPrefix();
-                    prefixPrinted = true;
-                    lineOpen = true;
-                }
-            };
-            const ensureNewline = () => {
-                if (lineOpen) {
-                    process.stdout.write("\n");
-                    lineOpen = false;
-                    prefixPrinted = false;
-                }
-            };
-            try {
-                const streamResult = await agent.stream({
-                    messages: conversation,
-                    abortSignal: activeAbort.signal
-                });
-                for await (const part of streamResult.fullStream) {
-                    switch (part.type) {
-                        case "text-delta": {
-                            if (spinnerActive) {
-                                spinner.stop();
-                                spinnerActive = false;
-                                ensurePrefix();
-                            }
-                            ensurePrefix();
-                            process.stdout.write(part.text);
-                            assistantReply += part.text;
-                            break;
-                        }
-                        case "tool-call": {
-                            if (spinnerActive) {
-                                spinner.stop();
-                                spinnerActive = false;
-                            }
-                            ensureNewline();
-                            const payload = formatToolPayload(part.input);
-                            process.stdout.write(`${chalk.dim("↳ tool call")} ${chalk.cyan(part.toolName)} ${chalk.dim(payload)}\n`);
-                            break;
-                        }
-                        case "tool-result": {
-                            ensureNewline();
-                            const payload = formatToolPayload(part.output);
-                            process.stdout.write(`${chalk.dim("↳ tool result")} ${chalk.cyan(part.toolName)} ${chalk.dim(payload)}\n`);
-                            break;
-                        }
-                        case "tool-error": {
-                            ensureNewline();
-                            process.stdout.write(`${chalk.red("↳ tool error")} ${chalk.cyan(part.toolName)} ${chalk.dim(String(part.error))}\n`);
-                            break;
-                        }
-                        case "tool-approval-request": {
-                            ensureNewline();
-                            process.stdout.write(`${chalk.yellow("↳ tool approval")} ${chalk.cyan(part.toolCall.toolName)}\n`);
-                            break;
-                        }
-                        case "tool-output-denied": {
-                            ensureNewline();
-                            process.stdout.write(`${chalk.yellow("↳ tool output denied")} ${chalk.cyan(part.toolName)}\n`);
-                            break;
-                        }
-                        default:
-                            break;
-                    }
-                }
-                if (spinnerActive) {
-                    spinner.stop();
-                }
-                process.stdout.write("\n");
-                const cleaned = cleanAssistantOutput(assistantReply);
-                if (cleaned) {
-                    conversation.push({ role: "assistant", content: cleaned });
-                }
-            }
-            catch (error) {
-                spinner.stop();
-                if (activeAbort?.signal.aborted) {
-                    console.log(`\n${chalk.dim("↳ you canceled the current response. Ask another question when ready.")}`);
-                }
-                else {
-                    console.error("Agent call failed:", error);
-                    break;
-                }
-            }
-            finally {
-                isGenerating = false;
-                activeAbort = null;
-            }
-        }
-    }
-    finally {
-        rl.close();
-        await cleanupMcpContexts(mcpContexts);
-    }
+    const sessionId = crypto.randomBytes(8).toString("hex");
+    const workdir = process.cwd();
+    const modelLabel = context.languageModel.modelId ?? context.languageModel?.model ?? "unknown";
+    const providerLabel = context.languageModel?.provider ?? "openai";
+    const app = render(_jsx(FrogoChatApp, { agent: agent, systemPrompt: context.systemPrompt, mcpContexts: mcpContexts, modelLabel: modelLabel, providerLabel: providerLabel, workdir: workdir, sessionId: sessionId }));
+    await app.waitUntilExit();
+    await cleanupMcpContexts(mcpContexts);
 }

package/dist/agent/ui.js

@@ -0,0 +1,232 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { Box, Text, useApp, useInput } from "ink";
+import TextInput from "ink-text-input";
+import Spinner from "ink-spinner";
+const makeId = (() => {
+    let i = 0;
+    return () => `${Date.now()}-${i++}`;
+})();
+function formatToolPayload(payload, max = 400) {
+    try {
+        const raw = JSON.stringify(payload);
+        if (raw.length <= max) {
+            return raw;
+        }
+        return `${raw.slice(0, max)}…`;
+    }
+    catch {
+        return "[unserializable]";
+    }
+}
+function renderHelpLines() {
+    return [
+        "Slash commands:",
+        "/mcp       List MCP connections and tools",
+        "/mcp list  Same as /mcp",
+        "/help      Show help",
+        "/exit      Exit Frogo"
+    ];
+}
+export function FrogoChatApp(props) {
+    const { agent, mcpContexts, modelLabel, providerLabel, workdir, sessionId } = props;
+    const { exit } = useApp();
+    const [input, setInput] = useState("");
+    const [messages, setMessages] = useState([]);
+    const [isGenerating, setIsGenerating] = useState(false);
+    const [slashHint, setSlashHint] = useState(false);
+    const [slashIndex, setSlashIndex] = useState(0);
+    const abortRef = useRef(null);
+    const conversationRef = useRef([]);
+    const slashOptions = useMemo(() => ["/mcp", "/help", "/exit"], []);
+    const toolSummary = useMemo(() => {
+        if (!mcpContexts.length) {
+            return "none";
+        }
+        return mcpContexts.map((ctx) => ctx.name).join(", ");
+    }, [mcpContexts]);
+    const addMessage = useCallback((msg) => {
+        setMessages((prev) => [...prev, msg]);
+    }, []);
+    const updateMessage = useCallback((id, content) => {
+        setMessages((prev) => prev.map((msg) => (msg.id === id ? { ...msg, content } : msg)));
+    }, []);
+    useEffect(() => {
+        setSlashHint(input === "/");
+        if (input !== "/") {
+            setSlashIndex(0);
+        }
+    }, [input]);
+    useInput((_, key) => {
+        if (!key)
+            return;
+        const keyName = key.name;
+        if (key.ctrl && keyName === "c") {
+            if (isGenerating && abortRef.current) {
+                abortRef.current.abort();
+                addMessage({
+                    id: makeId(),
+                    role: "system",
+                    content: "↳ you canceled the current response. Ask another question when ready."
+                });
+                return;
+            }
+            exit();
+        }
+        if (!isGenerating && slashHint) {
+            if (key.upArrow || keyName === "up") {
+                setSlashIndex((prev) => (prev - 1 + slashOptions.length) % slashOptions.length);
+                setInput("/");
+            }
+            else if (key.downArrow || keyName === "down") {
+                setSlashIndex((prev) => (prev + 1) % slashOptions.length);
+                setInput("/");
+            }
+        }
+    });
+    const handleSlashCommand = useCallback((command) => {
+        if (command === "/" || command === "/help") {
+            renderHelpLines().forEach((line) => {
+                addMessage({ id: makeId(), role: "system", content: line });
+            });
+            return true;
+        }
+        if (command === "/mcp" || command === "/mcp list") {
+            if (!mcpContexts.length) {
+                addMessage({ id: makeId(), role: "system", content: "No MCP integrations connected." });
+                return true;
+            }
+            mcpContexts.forEach((ctx) => {
+                const tools = Object.keys(ctx.tools);
+                addMessage({
+                    id: makeId(),
+                    role: "system",
+                    content: `${ctx.name} (${tools.length} tools)`
+                });
+                if (tools.length) {
+                    addMessage({
+                        id: makeId(),
+                        role: "system",
+                        content: `tools: ${tools.join(", ")}`
+                    });
+                }
+            });
+            return true;
+        }
+        if (command === "/exit") {
+            exit();
+            return true;
+        }
+        addMessage({ id: makeId(), role: "system", content: `Unknown command: ${command}` });
+        return true;
+    }, [addMessage, exit, mcpContexts]);
+    const handleSubmit = useCallback(async (value) => {
+        const trimmed = value.trim();
+        setInput("");
+        if (!trimmed) {
+            return;
+        }
+        if (trimmed === "/" && slashHint) {
+            handleSlashCommand(slashOptions[slashIndex]);
+            return;
+        }
+        if (slashHint) {
+            handleSlashCommand(trimmed);
+            return;
+        }
+        if (trimmed.startsWith("/")) {
+            handleSlashCommand(trimmed);
+            return;
+        }
+        addMessage({ id: makeId(), role: "user", content: trimmed });
+        conversationRef.current.push({ role: "user", content: trimmed });
+        const assistantId = makeId();
+        addMessage({ id: assistantId, role: "assistant", content: "" });
+        abortRef.current = new AbortController();
+        setIsGenerating(true);
+        try {
+            const streamResult = await agent.stream({
+                messages: conversationRef.current,
+                abortSignal: abortRef.current.signal
+            });
+            let assistantContent = "";
+            for await (const part of streamResult.fullStream) {
+                if (part.type === "text-delta") {
+                    assistantContent += part.text;
+                    updateMessage(assistantId, assistantContent);
+                }
+                else if (part.type === "tool-call") {
+                    addMessage({
+                        id: makeId(),
+                        role: "tool",
+                        content: `↳ tool call ${part.toolName} ${formatToolPayload(part.input)}`
+                    });
+                }
+                else if (part.type === "tool-result") {
+                    addMessage({
+                        id: makeId(),
+                        role: "tool",
+                        content: `↳ tool result ${part.toolName} ${formatToolPayload(part.output)}`
+                    });
+                }
+                else if (part.type === "tool-error") {
+                    addMessage({
+                        id: makeId(),
+                        role: "tool",
+                        content: `↳ tool error ${part.toolName} ${String(part.error)}`
+                    });
+                }
+                else if (part.type === "tool-output-denied") {
+                    const toolName = part.toolName ?? "tool";
+                    addMessage({
+                        id: makeId(),
+                        role: "tool",
+                        content: `↳ tool output denied ${toolName}`
+                    });
+                }
+                else if (part.type === "tool-approval-request") {
+                    addMessage({
+                        id: makeId(),
+                        role: "tool",
+                        content: `↳ tool approval ${part.toolCall.toolName}`
+                    });
+                }
+            }
+            const cleaned = assistantContent.replace(/^Agent:\\s*/i, "").trim();
+            updateMessage(assistantId, cleaned);
+            conversationRef.current.push({ role: "assistant", content: cleaned });
+        }
+        catch (error) {
+            if (abortRef.current?.signal.aborted) {
+                addMessage({
+                    id: makeId(),
+                    role: "system",
+                    content: "↳ you canceled the current response. Ask another question when ready."
+                });
+            }
+            else {
+                addMessage({
+                    id: makeId(),
+                    role: "system",
+                    content: `Agent call failed: ${error instanceof Error ? error.message : String(error)}`
+                });
+            }
+        }
+        finally {
+            abortRef.current = null;
+            setIsGenerating(false);
+        }
+    }, [addMessage, agent, handleSlashCommand, slashHint, slashIndex, slashOptions, updateMessage]);
+    return (_jsxs(Box, { flexDirection: "column", height: "100%", children: [_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: "gray", children: "\u256D\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u256E" }), _jsx(Text, { color: "gray", children: "\u2502 \u25CF \uD83D\uDC38 Frogo CLI \u2502                    \u2502" }), _jsx(Text, { color: "gray", children: "\u2570\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u256F" }), _jsx(Text, { color: "gray", children: "\u256D\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u256E" }), _jsxs(Text, { color: "gray", children: ["\u2502 session: ", sessionId, " \u2502"] }), _jsxs(Text, { color: "gray", children: ["\u2502 \u21B3 workdir: ", workdir, " \u2502"] }), _jsxs(Text, { color: "gray", children: ["\u2502 \u21B3 model: ", modelLabel, " \u2502"] }), _jsxs(Text, { color: "gray", children: ["\u2502 \u21B3 provider: ", providerLabel, " \u2502"] }), _jsxs(Text, { color: "gray", children: ["\u2502 \u21B3 mcp: ", toolSummary, " \u2502"] }), _jsx(Text, { color: "gray", children: "\u2570\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u256F" })] }), _jsx(Box, { flexDirection: "column", flexGrow: 1, marginTop: 1, children: messages.map((msg) => {
+                    if (msg.role === "user") {
+                        return (_jsxs(Text, { color: "cyan", children: ["\u203A ", msg.content] }, msg.id));
+                    }
+                    if (msg.role === "assistant") {
+                        return (_jsxs(Text, { color: "green", children: ["\uD83D\uDC38 ", msg.content] }, msg.id));
+                    }
+                    if (msg.role === "tool") {
+                        return (_jsx(Text, { color: "gray", children: msg.content }, msg.id));
+                    }
+                    return (_jsx(Text, { color: "gray", children: msg.content }, msg.id));
+                }) }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: "cyan", children: "\u203A " }), _jsx(TextInput, { value: input, onChange: setInput, onSubmit: handleSubmit }), isGenerating ? (_jsx(Box, { marginLeft: 1, children: _jsxs(Text, { color: "gray", children: [_jsx(Spinner, { type: "dots" }), " thinking"] }) })) : null] }), slashHint ? (_jsx(Box, { marginTop: 1, flexDirection: "column", children: slashOptions.map((option, idx) => (_jsxs(Text, { color: idx === slashIndex ? "cyan" : "gray", children: [idx === slashIndex ? "› " : "  ", option] }, option))) })) : null] }));
+}