oncall-cli 2.0.1

package/dist/helpers/ripgrep-tool.js

@@ -0,0 +1,110 @@
+import { RipGrep } from "ripgrep-node";
+export async function ripgrepSearch(query, options = {}) {
+    const defaultExcludePatterns = [
+        "node_modules",
+        ".git",
+        "dist",
+        "build",
+        ".next",
+        ".cache",
+        "coverage",
+        ".nyc_output",
+        ".vscode",
+        ".idea",
+        "*.log",
+        "*.lock",
+        "package-lock.json",
+        "yarn.lock",
+        "pnpm-lock.yaml",
+        ".env",
+        ".env.*",
+        "*.min.js",
+        "*.min.css",
+        ".DS_Store",
+        "Thumbs.db",
+    ];
+    const { maxResults = 20, caseSensitive = false, fileTypes = [], excludePatterns = defaultExcludePatterns, workingDirectory, } = options;
+    if (!query || query.trim().length === 0) {
+        return [];
+    }
+    const searchDir = workingDirectory || (typeof process !== "undefined" ? process.cwd() : undefined);
+    if (!searchDir) {
+        console.error("[ripgrep] workingDirectory is required for client-side usage");
+        return [];
+    }
+    try {
+        let rg = new RipGrep(query, searchDir);
+        rg.withFilename().lineNumber();
+        if (!caseSensitive) {
+            rg.ignoreCase();
+        }
+        if (fileTypes.length > 0) {
+            for (const ext of fileTypes) {
+                rg.glob(`*.${ext}`);
+            }
+        }
+        for (const pattern of excludePatterns) {
+            const hasFileExtension = /\.(json|lock|yaml|js|css|log)$/.test(pattern) ||
+                pattern.startsWith("*.") ||
+                pattern === ".env" ||
+                pattern.startsWith(".env.") ||
+                pattern === ".DS_Store" ||
+                pattern === "Thumbs.db";
+            const isFilePattern = pattern.includes("*") || hasFileExtension;
+            const excludePattern = isFilePattern ? `!${pattern}` : `!${pattern}/**`;
+            rg.glob(excludePattern);
+        }
+        const output = await rg.run().asString();
+        if (!output || output.trim().length === 0) {
+            return [];
+        }
+        const lines = output.trim().split("\n");
+        const results = [];
+        for (const line of lines.slice(0, maxResults)) {
+            const match = line.match(/^(.+?):(\d+):(.+)$/);
+            if (match) {
+                const [, filePath, lineNum, content] = match;
+                const lineNumber = lineNum ? parseInt(lineNum, 10) : null;
+                const preview = content ? content.trim().slice(0, 200) : undefined;
+                results.push({
+                    filePath: filePath.trim(),
+                    line: lineNumber ?? null,
+                    preview: preview || undefined,
+                    score: 1.0,
+                });
+            }
+        }
+        return results;
+    }
+    catch (error) {
+        if (error.message?.includes("No matches") ||
+            error.message?.includes("not found") ||
+            error.code === 1) {
+            return [];
+        }
+        console.error("[ripgrep] Error executing ripgrep:", error.message);
+        return [];
+    }
+}
+export async function ripgrepSearchMultiple(queries, options = {}) {
+    const allResults = [];
+    for (const query of queries) {
+        const results = await ripgrepSearch(query, {
+            ...options,
+            maxResults: Math.ceil((options.maxResults || 20) / queries.length),
+        });
+        allResults.push(...results);
+    }
+    // Deduplicate by filePath:line
+    const seen = new Set();
+    const unique = [];
+    for (const result of allResults) {
+        const key = `${result.filePath}:${result.line}`;
+        if (!seen.has(key)) {
+            seen.add(key);
+            unique.push(result);
+        }
+    }
+    return unique.slice(0, options.maxResults || 20);
+}
+//# sourceMappingURL=ripgrep-tool.js.map

package/dist/helpers/ripgrep-tool.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ripgrep-tool.js","sourceRoot":"","sources":["../../helpers/ripgrep-tool.ts"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+#!/usr/bin/env tsx
+import React from "react";
+export declare const App: React.FC;

package/dist/index.js

@@ -0,0 +1,545 @@
+#!/usr/bin/env tsx
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState, useMemo, useRef, useCallback, } from "react";
+import { useInput, useApp, render, Box, Text, useStdout } from "ink";
+import stringWidth from "string-width";
+import sliceAnsi from "slice-ansi";
+import { spawn as ptySpawn } from "node-pty";
+import TextInput from "ink-text-input";
+import * as dotenv from "dotenv";
+import { marked } from "marked";
+import { markedTerminal } from "marked-terminal";
+import { useWebSocket } from "./useWebSocket.js";
+import { config } from "./config.js";
+import Spinner from "ink-spinner";
+import { HumanMessage } from "langchain";
+import { loadProjectMetadata, fetchProjectsFromCluster } from "./helpers/cli-helpers.js";
+import logsManager from "./logsManager.js";
+dotenv.config();
+if (typeof process !== "undefined" && process.on) {
+    process.on("SIGINT", () => {
+        console.log("\nCtrl+C detected! Exiting...");
+        process.exit();
+    });
+}
+marked.use(markedTerminal({
+    reflowText: false,
+    showSectionPrefix: false,
+    unescape: false,
+}));
+// Override just the 'text' renderer to handle inline tokens:
+marked.use({
+    renderer: {
+        text(tokenOrString) {
+            if (typeof tokenOrString === "object" && tokenOrString?.tokens) {
+                // @ts-ignore - 'this' is the renderer context with a parser
+                return this.parser.parseInline(tokenOrString.tokens);
+            }
+            return typeof tokenOrString === "string"
+                ? tokenOrString
+                : tokenOrString?.text ?? "";
+        },
+    },
+});
+//get last 50 lines of logs
+function getLast50Lines(str) {
+    const lines = str.split("\n");
+    return lines.slice(-50).join("\n");
+}
+// Helper function to wrap text to a specific width, accounting for ANSI codes
+function wrapText(text, maxWidth) {
+    if (maxWidth <= 0)
+        return [text];
+    const words = text.split(" ");
+    const lines = [];
+    let currentLine = "";
+    for (const word of words) {
+        const testLine = currentLine ? `${currentLine} ${word}` : word;
+        const width = stringWidth(testLine);
+        if (width <= maxWidth) {
+            currentLine = testLine;
+        }
+        else {
+            if (currentLine) {
+                lines.push(currentLine);
+            }
+            currentLine = word;
+            // If a single word is too long, it will overflow - keep it as one line
+        }
+    }
+    if (currentLine) {
+        lines.push(currentLine);
+    }
+    return lines.length > 0 ? lines : [""];
+}
+//scrollable content component
+const ScrollableContent = ({ lines, maxHeight, isFocused, onScrollChange, scrollOffset, }) => {
+    const totalLines = lines.length;
+    const visibleLines = Math.max(0, Math.min(maxHeight, totalLines));
+    const maxOffset = Math.max(0, totalLines - visibleLines);
+    useEffect(() => {
+        if (maxOffset === 0) {
+            if (scrollOffset !== 0) {
+                onScrollChange(0);
+            }
+            return;
+        }
+        // Auto-scroll to bottom when not focused
+        if (!isFocused) {
+            onScrollChange(maxOffset);
+        }
+    }, [totalLines, maxOffset, isFocused]);
+    const effectiveOffset = Math.min(maxOffset, Math.max(0, scrollOffset));
+    const displayedLines = lines.slice(effectiveOffset, effectiveOffset + visibleLines);
+    let scrollPosition = 0;
+    if (totalLines > visibleLines) {
+        scrollPosition = Math.floor((effectiveOffset / maxOffset) * 100);
+    }
+    const scrollBarIndicator = totalLines > visibleLines ? `[${scrollPosition}%]` : "";
+    return (_jsxs(Box, { flexDirection: "column", height: maxHeight, overflow: "hidden", children: [displayedLines.map((line) => {
+                const rendered = marked.parseInline(line.text);
+                return _jsx(Text, { children: rendered }, line.key);
+            }), _jsx(Box, { position: "absolute", children: _jsx(Text, { color: "yellowBright", bold: true, children: scrollBarIndicator }) })] }));
+};
+//AI chat
+const ScrollableContentChat = ({ lines, maxHeight, isFocused, onScrollChange, scrollOffset, isLoading, showControlR, }) => {
+    const totalLines = lines.length;
+    const visibleLines = Math.max(0, Math.min(maxHeight, totalLines));
+    const maxOffset = Math.max(0, totalLines - visibleLines);
+    const animationRef = useRef(null);
+    useEffect(() => {
+        if (maxOffset === 0) {
+            if (scrollOffset !== 0) {
+                onScrollChange(0);
+            }
+            return;
+        }
+        // Auto-scroll to bottom when not focused
+        if (!isFocused) {
+            // Cancel any ongoing animation
+            if (animationRef.current) {
+                clearInterval(animationRef.current);
+            }
+            // Smooth scroll animation
+            const start = scrollOffset;
+            const distance = maxOffset - start;
+            const duration = 500; // 500ms animation
+            const startTime = Date.now();
+            const animate = () => {
+                const elapsed = Date.now() - startTime;
+                const progress = Math.min(elapsed / duration, 1);
+                // Easing function (ease-out)
+                const easeOut = 1 - Math.pow(1 - progress, 3);
+                const newOffset = Math.round(start + distance * easeOut);
+                onScrollChange(newOffset);
+                if (progress < 1) {
+                    animationRef.current = setTimeout(animate, 16); // ~60fps
+                }
+                else {
+                    animationRef.current = null;
+                }
+            };
+            animate();
+        }
+        return () => {
+            if (animationRef.current) {
+                clearInterval(animationRef.current);
+            }
+        };
+    }, [totalLines, maxOffset, isFocused]);
+    const effectiveOffset = Math.min(maxOffset, Math.max(0, scrollOffset));
+    const displayedLines = lines.slice(effectiveOffset, effectiveOffset + visibleLines);
+    let scrollPosition = 0;
+    if (totalLines > visibleLines) {
+        scrollPosition = Math.floor((effectiveOffset / maxOffset) * 100);
+    }
+    const scrollBarIndicator = totalLines > visibleLines ? `[${scrollPosition}%]` : "";
+    return (_jsxs(Box, { flexDirection: "column", height: maxHeight, overflow: "hidden", children: [displayedLines.map((line) => {
+                if (line?.text === "" || line?.text === undefined)
+                    return null;
+                const rendered = marked.parseInline(line?.text);
+                return _jsx(Text, { children: rendered }, line.key);
+            }), isLoading && (_jsx(_Fragment, { children: _jsxs(Text, { color: "grey", children: [_jsx(Spinner, { type: "dots" }), "\u00A0 Analyzing..."] }) })), showControlR && (_jsxs(Text, { color: "#949494", children: ["\n\n", " If the issue is resolved hit [Ctrl-r] to start new issue. If not continue chatting."] })), _jsx(Box, { position: "absolute", children: _jsx(Text, { color: "yellowBright", bold: true, children: scrollBarIndicator }) })] }));
+};
+//border for the content
+const BorderBox = ({ title, children, isFocused, width, }) => (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: isFocused ? "greenBright" : "gray", paddingX: 1, paddingY: 0, marginRight: 1, width: width, overflow: "hidden", children: [_jsx(Box, { marginBottom: 1, borderBottom: isFocused ? true : undefined, borderBottomColor: isFocused ? "greenBright" : "gray", children: _jsxs(Text, { color: "cyan", bold: isFocused, children: [title, " ", isFocused ? " (FOCUSED)" : ""] }) }), children] }));
+const BorderBoxNoBorder = ({ title, children, isFocused, width, }) => (_jsxs(Box, { flexDirection: "column", borderColor: isFocused ? "greenBright" : "gray", paddingX: 1, paddingY: 0, marginRight: 1, width: width, overflow: "hidden", children: [_jsx(Box, { marginBottom: 1, borderBottom: isFocused ? true : undefined, borderBottomColor: isFocused ? "greenBright" : "gray", children: _jsxs(Text, { color: "cyan", bold: isFocused, children: [title, " ", isFocused ? " (FOCUSED)" : ""] }) }), children] }));
+const ShortcutBadge = ({ label }) => (_jsxs(Text, { backgroundColor: "#1f2937", color: "#f8fafc", bold: true, children: [" ", label, " "] }));
+const ShortcutItem = ({ shortcut, description, showDivider }) => (_jsxs(Box, { alignItems: "center", marginBottom: 0, marginX: 1, children: [showDivider && (_jsxs(Text, { color: "#4b5563", dimColor: true, children: ["\u2502", " "] })), _jsx(ShortcutBadge, { label: shortcut }), _jsx(Text, { color: "#b0b0b0", children: ` ${description}` })] }));
+const ShortcutsFooter = ({ shortcuts, }) => {
+    const firstRow = shortcuts.slice(0, 3);
+    const secondRow = shortcuts.slice(3);
+    return (_jsxs(Box, { marginTop: 1, width: "100%", flexDirection: "column", alignItems: "center", paddingX: 1, children: [_jsx(Text, { color: "#2d3748", children: "\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" }), _jsx(Box, { flexDirection: "column", marginTop: 0, children: [firstRow, secondRow]
+                    .filter((row) => row.length > 0)
+                    .map((row, rowIndex) => (_jsx(Box, { flexDirection: "row", justifyContent: "center", marginTop: rowIndex === 0 ? 0 : 1, children: row.map((item, index) => (_jsx(ShortcutItem, { shortcut: item.shortcut, description: item.description, showDivider: index !== 0 }, `${item.shortcut}-${item.description}`))) }, `shortcut-row-${rowIndex}`))) })] }));
+};
+const getShortcutsForMode = (mode) => {
+    const ctrlDAction = mode === "COPY"
+        ? "Expand Logs"
+        : mode === "LOGS"
+            ? "Collapse Logs"
+            : "Toggle chat";
+    return [
+        { shortcut: "[Tab]", description: "Switch Focus laude" },
+        { shortcut: "[ ⬆ / ⬇ ]", description: "Scroll (Keyboard Only)" },
+        { shortcut: "[Enter]", description: "Send" },
+        { shortcut: "[Ctrl+D]", description: ctrlDAction },
+        { shortcut: "[Ctrl+C]", description: "Exit" },
+        { shortcut: "[Ctrl+R]", description: "Reload AI chat" },
+    ];
+};
+export const App = () => {
+    const { stdout } = useStdout();
+    const { exit } = useApp();
+    const [chatInput, setChatInput] = useState("");
+    const [rawLogData, setRawLogData] = useState([]);
+    const [planningDoc, setPlanningDoc] = useState("");
+    const partialLine = useRef("");
+    const logKeyCounter = useRef(0);
+    const [activePane, setActivePane] = useState("input");
+    const [logScroll, setLogScroll] = useState(0);
+    const [chatScroll, setChatScroll] = useState(0);
+    const [terminalRows, setTerminalRows] = useState(stdout?.rows || 20);
+    const [terminalCols, setTerminalCols] = useState(stdout?.columns || 80);
+    const [mode, setMode] = useState("NORMAL");
+    const ctrlPressedRef = useRef(false);
+    const shortcuts = useMemo(() => getShortcutsForMode(mode), [mode]);
+    const [unTamperedLogs, setUnTamperedLogs] = useState("");
+    // refs for current dims (used by stable callbacks)
+    const terminalColsRef = useRef(terminalCols);
+    const terminalRowsRef = useRef(terminalRows);
+    const logsHeightRef = useRef(Math.max(5, terminalRows - 6));
+    useEffect(() => {
+        terminalColsRef.current = terminalCols;
+    }, [terminalCols]);
+    useEffect(() => {
+        terminalRowsRef.current = terminalRows;
+        logsHeightRef.current = Math.max(5, terminalRows - 6);
+    }, [terminalRows]);
+    //websocket hook
+    const { connectWebSocket, sendQuery, chatResponseMessages, setChatResponseMessages, isConnected, isLoading, setIsLoading, setTrimmedChats, API_KEY, connectionError, setSocketId, setIsConnected, socket, setShowControlR, showControlR, setCompleteChatHistory, } = useWebSocket(config.websocket_url, logsManager);
+    const SCROLL_HEIGHT = terminalRows - 6;
+    const LOGS_HEIGHT = SCROLL_HEIGHT;
+    const INPUT_BOX_HEIGHT = 5; // Border (2) + marginTop (1) + content (1) + padding (~1)
+    const CHAT_HISTORY_HEIGHT = SCROLL_HEIGHT - INPUT_BOX_HEIGHT;
+    useEffect(() => {
+        const handleResize = () => {
+            if (stdout?.rows) {
+                setTerminalRows(stdout.rows);
+            }
+            if (stdout?.columns) {
+                setTerminalCols(stdout.columns);
+            }
+            // DO NOT re-run or re-process logs here
+        };
+        process.stdout.on("resize", handleResize);
+        return () => {
+            process.stdout.off("resize", handleResize);
+        };
+    }, [stdout]);
+    //web socket connection
+    useEffect(() => {
+        connectWebSocket();
+    }, []);
+    //get the AIMessage content inside the progress event
+    let lastAIMessage = "";
+    function extractAIMessages(obj) {
+        if (obj?.type !== "progress")
+            return undefined;
+        const messages = (obj.data && obj.data?.messages) ?? [];
+        const latestAI = [...messages]
+            .reverse()
+            .find((m) => m.id?.includes("AIMessage"));
+        const content = latestAI?.kwargs?.content?.trim();
+        if (!content)
+            return undefined;
+        if (content === lastAIMessage) {
+            return undefined;
+        }
+        lastAIMessage = content;
+        if (content === undefined)
+            return undefined;
+        return content;
+    }
+    // Auto-switch to chat pane when server finishes responding
+    useEffect(() => {
+        if (chatResponseMessages.length === 0)
+            return;
+        const lastMessage = chatResponseMessages[chatResponseMessages.length - 1];
+        // Switch focus when we get a final message type (response, ask_user, or error)
+        // if (
+        //   lastMessage?.type === "response" ||
+        //   lastMessage?.type === "progress" ||
+        //   lastMessage?.type === "ask_user" ||
+        //   lastMessage?.type === "error"
+        // ) {
+        //   setTimeout(() => setActivePane("chat"), 600);
+        // }
+        // if (lastMessage && lastMessage.type && lastMessage?.type === "response") {
+        //   setShowControlR(true);
+        // } else {
+        //   setShowControlR(false);
+        // }
+        // const d = fs.readFileSync('logs')
+        // fs.writeFileSync('logs', `${d} \n ${JSON.stringify(chatResponseMessages)}`)
+    }, [chatResponseMessages]);
+    const chatLinesChat = useMemo(() => {
+        const availableWidth = Math.floor(terminalColsRef.current / 2) - 6;
+        if (!chatResponseMessages || chatResponseMessages.length <= 0) {
+            return [];
+        }
+        return chatResponseMessages.flatMap((msg, index) => {
+            const prefix = `${msg.type === "human" ? "🧑" : "🤖"} `;
+            const prefixWidth = stringWidth(prefix);
+            // const extracted = extractAIMessages(msg);
+            // const content =
+            //   msg.type === "progress"
+            //     ? Array.isArray(extracted)
+            //       ? extracted.join("\n")
+            //       : extracted || ""
+            //     : msg.message ||
+            //       msg?.data?.finalMessage ||
+            //       msg?.data?.message ||
+            //       JSON.stringify(msg, null, 2);
+            const content = msg.content;
+            if (content === "")
+                return [];
+            let contentLines = content?.split("\n");
+            if (!contentLines || contentLines.length <= 0)
+                contentLines = [];
+            const lines = contentLines.flatMap((line, lineIndex) => {
+                const fullLine = (lineIndex === 0 ? prefix : " ".repeat(prefixWidth)) + line;
+                const wrappedLines = wrapText(fullLine, availableWidth);
+                return wrappedLines.map((wrappedLine, wrapIndex) => ({
+                    key: `chat-${index}-line-${lineIndex}-wrap-${wrapIndex}`,
+                    text: wrappedLine,
+                }));
+            });
+            if (msg.type === "user") {
+                lines.push({
+                    key: `chat-${index}-spacer`,
+                    text: " ",
+                });
+            }
+            return lines;
+        });
+    }, [chatResponseMessages]);
+    const currentLogDataString = useMemo(() => rawLogData.map((l) => l.text).join("\n"), [rawLogData]);
+    // Process truncation once when inserting logs (so resize won't re-process)
+    const getProcessedLine = (text) => {
+        const availableWidth = Math.floor(terminalColsRef.current / 2) - 6;
+        const expandedText = text.replace(/\t/g, " ".repeat(8));
+        const width = stringWidth(expandedText);
+        if (width > availableWidth && availableWidth > 3) {
+            const truncated = sliceAnsi(expandedText, 0, Math.max(0, availableWidth - 3));
+            return truncated + "...";
+        }
+        return expandedText;
+    };
+    // Keep logLines purely tied to stored processed lines
+    const logLines = useMemo(() => rawLogData, [rawLogData]);
+    // Stable function to run bash command: does NOT depend on terminalCols or LOGS_HEIGHT
+    const runBashCommandWithPipe = useCallback((command) => {
+        const shell = process.env.SHELL || "bash";
+        const cols = Math.max(10, Math.floor(terminalColsRef.current / 2) - 6);
+        const rows = Math.max(1, logsHeightRef.current - 2);
+        const ptyProcess = ptySpawn(shell, ["-c", command], {
+            cwd: process.cwd(),
+            env: process.env,
+            cols: cols,
+            rows: rows,
+        });
+        ptyProcess.onData((chunk) => {
+            setUnTamperedLogs(oldLines => oldLines + chunk);
+            logsManager.addChunk(chunk);
+            let data = partialLine.current + chunk;
+            const lines = data.split("\n");
+            partialLine.current = lines.pop() || "";
+            if (lines.length > 0) {
+                const newLines = lines.map((line) => ({
+                    key: `log-${logKeyCounter.current++}`,
+                    text: getProcessedLine(line), // process once here
+                }));
+                // Append in single update
+                setRawLogData((prevLines) => [...prevLines, ...newLines]);
+            }
+        });
+        ptyProcess.onExit(({ exitCode }) => {
+            if (partialLine.current.length > 0) {
+                const remainingLine = {
+                    key: `log-${logKeyCounter.current++}`,
+                    text: getProcessedLine(partialLine.current),
+                };
+                setRawLogData((prevLines) => [...prevLines, remainingLine]);
+                partialLine.current = "";
+            }
+            const exitLine = {
+                key: `log-${logKeyCounter.current++}`,
+                text: `\n[Process exited with code ${exitCode}]\n`,
+            };
+            setRawLogData((prevLines) => [...prevLines, exitLine]);
+        });
+        return () => {
+            try {
+                ptyProcess.kill();
+            }
+            catch (e) {
+                // ignore
+            }
+        };
+    }, []);
+    // Start the pty once on mount. Do NOT restart on resize.
+    useEffect(() => {
+        const cmd = process.argv.slice(2).join(" ") ||
+            'echo "Welcome to the Scrollable CLI Debugger." && echo "Run a command after the script: tsx cli-app.tsx ls -la" && sleep 0.5 && echo "Fetching logs..." && echo "---------------------------" && ls -la';
+        const unsubscribe = runBashCommandWithPipe(cmd);
+        return () => {
+            if (unsubscribe) {
+                unsubscribe();
+            }
+            if (partialLine.current.length > 0) {
+                const remainingLine = {
+                    key: `log-${logKeyCounter.current++}`,
+                    text: getProcessedLine(partialLine.current),
+                };
+                setRawLogData((prev) => [...prev, remainingLine]);
+                partialLine.current = "";
+            }
+        };
+    }, [runBashCommandWithPipe]);
+    function generateArchitecture(projects) {
+        let res = "";
+        function avaiableData(project) {
+            if (project.code_available && project.logs_available) {
+                return `- codebase 
+        - logs`;
+            }
+            if (project.code_available)
+                return `- codebase`;
+            if (project.logs_available)
+                return `- logs`;
+        }
+        projects.forEach(project => {
+            res += `
+      	id: ${project.window_id} 
+        service_name: ${project.name}
+        service_description: ${project.description}
+        available_data:
+        ${avaiableData(project)}
+        `;
+        });
+        return res;
+    }
+    async function userMessageSubmitted() {
+        if (!chatInput.trim())
+            return;
+        // const lastMessage = chatResponseMessages[chatResponseMessages.length - 1];
+        const logs = chatResponseMessages.length <= 0 ? getLast50Lines(unTamperedLogs) : "";
+        // if (lastMessage?.type === "response" && lastMessage?.data?.state) {
+        //   sendQuery(chatInput, logs, lastMessage.data.state);
+        // } else if (lastMessage?.type === "ask_user" && lastMessage?.data?.state) {
+        //   sendQuery(chatInput, logs, lastMessage?.data?.state);
+        // } else {
+        //   sendQuery(chatInput, logs);
+        // }
+        const userMessage = new HumanMessage(chatInput);
+        const projects = await fetchProjectsFromCluster(loadProjectMetadata());
+        sendQuery([...chatResponseMessages, userMessage], generateArchitecture(projects.projects), logs, planningDoc);
+        setChatResponseMessages((prev) => [
+            ...prev,
+            userMessage
+        ]);
+        setTrimmedChats((prev) => [
+            ...prev,
+            userMessage
+        ]);
+        setChatInput("");
+    }
+    useInput((inputStr, key) => {
+        ctrlPressedRef.current = key.ctrl;
+        if (inputStr === "c" && key.ctrl) {
+            exit();
+            return;
+        }
+        if (key.ctrl && inputStr === "l") {
+            setRawLogData([]);
+            logKeyCounter.current = 0;
+            partialLine.current = "";
+            setLogScroll(0);
+            return;
+        }
+        if (key.ctrl && inputStr === "k") {
+            setChatResponseMessages([]);
+            setChatScroll(0);
+            return;
+        }
+        if (key.ctrl && inputStr === "r") {
+            setShowControlR(false);
+            setChatResponseMessages(() => []);
+            setTrimmedChats(() => []);
+            setCompleteChatHistory(() => []);
+            setSocketId[""];
+            socket?.close();
+            setIsConnected(false);
+            setIsLoading(false);
+            connectWebSocket();
+            setActivePane("input");
+            return;
+        }
+        if (key.ctrl && inputStr === "d") {
+            setMode((prev) => {
+                if (prev === "NORMAL")
+                    return "COPY";
+                if (prev === "COPY")
+                    return "LOGS";
+                return "NORMAL";
+            });
+        }
+        if (key.tab) {
+            if (activePane === "input")
+                setActivePane("logs");
+            else if (activePane === "logs")
+                setActivePane("chat");
+            else
+                setActivePane("input");
+            return true;
+        }
+        const isScrollPane = activePane === "logs" || activePane === "chat";
+        const scrollDelta = 1;
+        if (isScrollPane && (key.upArrow || key.downArrow)) {
+            const currentScroll = activePane === "logs" ? logScroll : chatScroll;
+            const setScroll = activePane === "logs" ? setLogScroll : setChatScroll;
+            const lines = activePane === "logs" ? logLines : chatLinesChat;
+            const maxHeight = activePane === "logs" ? LOGS_HEIGHT - 2 : CHAT_HISTORY_HEIGHT - 1;
+            const totalLines = lines.length;
+            const visibleLines = Math.max(0, Math.min(maxHeight, totalLines));
+            const maxOffset = Math.max(0, totalLines - visibleLines);
+            let newScroll = currentScroll;
+            if (key.upArrow) {
+                newScroll = Math.max(0, currentScroll - scrollDelta);
+            }
+            else if (key.downArrow) {
+                newScroll = Math.min(maxOffset, currentScroll + scrollDelta);
+            }
+            if (newScroll !== currentScroll) {
+                setScroll(newScroll);
+            }
+            return true;
+        }
+    });
+    const handleInputChange = useCallback((input) => {
+        if (!ctrlPressedRef.current)
+            setChatInput(input);
+    }, []);
+    if (mode === "COPY") {
+        return (_jsxs(Box, { flexDirection: "column", height: terminalRows, width: "100%", padding: 0, overflow: "hidden", children: [_jsx(Box, { flexDirection: "row", width: "100%", height: LOGS_HEIGHT, padding: 0, overflow: "hidden", children: _jsxs(BorderBoxNoBorder, { title: "AI Chat", isFocused: activePane === "chat", width: "100%", children: [!API_KEY ? (_jsxs(Text, { children: ["Auth key not found.", "\n", "Login using:", " ", _jsx(Text, { color: "blue", children: "oncall login <your-auth-key>" })] })) : isConnected ? (_jsx(ScrollableContentChat, { lines: chatLinesChat, maxHeight: CHAT_HISTORY_HEIGHT - 1, isFocused: activePane === "chat", scrollOffset: chatScroll, onScrollChange: setChatScroll, isLoading: isLoading, showControlR: showControlR })) : (_jsx(Text, { children: "AI Chat not connected" })), isConnected && (_jsxs(Box, { borderStyle: "round", borderColor: activePane === "input" ? "greenBright" : "white", paddingX: 1, width: "100%", overflow: "hidden", children: [_jsx(Text, { color: "white", bold: activePane === "input", children: "Input:" }), _jsx(TextInput, { placeholder: "What's bugging you today?", value: chatInput, onChange: handleInputChange, onSubmit: userMessageSubmitted, focus: activePane === "input" })] }))] }) }), _jsx(ShortcutsFooter, { shortcuts: shortcuts })] }));
+    }
+    else if (mode === "LOGS") {
+        return (_jsxs(Box, { flexDirection: "column", height: terminalRows, width: "100%", padding: 0, overflow: "hidden", children: [_jsx(Box, { flexDirection: "row", width: "100%", height: LOGS_HEIGHT, padding: 0, overflow: "hidden", children: _jsx(BorderBoxNoBorder, { title: "Command Logs", isFocused: activePane === "chat", width: "100%", children: _jsx(ScrollableContent, { lines: logLines, maxHeight: LOGS_HEIGHT - 2, isFocused: activePane === "logs", scrollOffset: logScroll, onScrollChange: setLogScroll }) }) }), _jsx(ShortcutsFooter, { shortcuts: shortcuts })] }));
+    }
+    else {
+        return (_jsxs(Box, { flexDirection: "column", height: terminalRows, width: "100%", padding: 0, overflow: "hidden", children: [_jsxs(Box, { flexDirection: "row", width: "100%", height: LOGS_HEIGHT, padding: 0, overflow: "hidden", children: [_jsx(BorderBox, { title: "Command Logs", isFocused: activePane === "logs", width: "50%", children: _jsx(ScrollableContent, { lines: logLines, maxHeight: LOGS_HEIGHT - 2, isFocused: activePane === "logs", scrollOffset: logScroll, onScrollChange: setLogScroll }) }), _jsxs(BorderBox, { title: "AI Chat", isFocused: activePane === "chat", width: "50%", children: [!API_KEY ? (_jsxs(Text, { children: ["Auth key not found.", "\n", "Login using:", " ", _jsx(Text, { color: "blue", children: "oncall login <your-auth-key>" })] })) : isConnected ? (_jsx(ScrollableContentChat, { lines: chatLinesChat, maxHeight: CHAT_HISTORY_HEIGHT - 1, isFocused: activePane === "chat", scrollOffset: chatScroll, onScrollChange: setChatScroll, isLoading: isLoading, showControlR: showControlR })) : (_jsx(Text, { children: "AI Chat not connected" })), isConnected && (_jsxs(Box, { borderStyle: "round", borderColor: activePane === "input" ? "greenBright" : "white", paddingX: 1, width: "100%", overflow: "hidden", children: [_jsx(Text, { color: "white", bold: activePane === "input", children: "Input:" }), _jsx(TextInput, { placeholder: "What's bugging you today?", value: chatInput, onChange: handleInputChange, onSubmit: userMessageSubmitted, focus: activePane === "input" })] }))] })] }), _jsx(ShortcutsFooter, { shortcuts: shortcuts })] }));
+    }
+};
+render(_jsx(App, {}));
+//# sourceMappingURL=index.js.map