clippy-test 1.0.8 → 2.0.0

package/dist/index.js

@@ -12,6 +12,10 @@ 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, logd } from "./helpers/cli-helpers.js";
+import logsManager from "./logsManager.js";
+import { extractMessageContent } from "./utils.js";
 dotenv.config();
 if (typeof process !== "undefined" && process.on) {
     process.on("SIGINT", () => {
@@ -22,15 +26,24 @@ if (typeof process !== "undefined" && process.on) {
 marked.use(markedTerminal({
     reflowText: false,
     showSectionPrefix: false,
-    unescape: false,
+    unescape: true,
+    emoji: true
 }));
+const COLON_REPLACER = '*#COLON|*';
+function escapeRegExp(str) {
+    return str.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, '\\$&');
+}
+const COLON_REPLACER_REGEXP = new RegExp(escapeRegExp(COLON_REPLACER), 'g');
+function undoColon(str) {
+    return str.replace(COLON_REPLACER_REGEXP, ':');
+}
 // 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 undoColon(this.parser.parseInline(tokenOrString.tokens));
             }
             return typeof tokenOrString === "string"
                 ? tokenOrString
@@ -94,12 +107,12 @@ const ScrollableContent = ({ lines, maxHeight, isFocused, onScrollChange, scroll
     }
     const scrollBarIndicator = totalLines > visibleLines ? `[${scrollPosition}%]` : "";
     return (_jsxs(Box, { flexDirection: "column", height: maxHeight, overflow: "hidden", children: [displayedLines.map((line) => {
-                const rendered = marked.parseInline(line.text);
+                const rendered = undoColon(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 ScrollableContentChat = ({ lines, maxHeight, isFocused, onScrollChange, scrollOffset, isLoading, showControlR, customMessage, }) => {
     const totalLines = lines.length;
     const visibleLines = Math.max(0, Math.min(maxHeight, totalLines));
     const maxOffset = Math.max(0, totalLines - visibleLines);
@@ -153,21 +166,44 @@ const ScrollableContentChat = ({ lines, maxHeight, isFocused, onScrollChange, sc
     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;
-                const rendered = marked.parseInline(line?.text);
+                    return null;
+                const rendered = undoColon(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 }) })] }));
+            }), isLoading && (_jsx(_Fragment, { children: _jsxs(Text, { color: "grey", children: [_jsx(Spinner, { type: "dots" }), "\u00A0 ", customMessage || "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", 
-    // 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" },
+        { 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");
@@ -176,8 +212,24 @@ export const App = () => {
     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, setIsControlRPressed, setShowControlR, showControlR, setCompleteChatHistory, } = useWebSocket(config.websocket_url);
+    const { connectWebSocket, sendQuery, chatResponseMessages, // Full history including ToolMessage (for backend queries)
+    visibleChats, // Filtered for UI display (excludes ToolMessage except reflections)
+    setChatResponseMessages, isConnected, isLoading, setIsLoading, setTrimmedChats, API_KEY, connectionError, setSocketId, setIsConnected, socket, setShowControlR, showControlR, setCompleteChatHistory, customMessage, setVisibleChats, graphState, setGraphState } = 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)
@@ -190,6 +242,7 @@ export const App = () => {
             if (stdout?.columns) {
                 setTerminalCols(stdout.columns);
             }
+            // DO NOT re-run or re-process logs here
         };
         process.stdout.on("resize", handleResize);
         return () => {
@@ -204,7 +257,7 @@ export const App = () => {
     let lastAIMessage = "";
     function extractAIMessages(obj) {
         if (obj?.type !== "progress")
-            return "aaa";
+            return undefined;
         const messages = (obj.data && obj.data?.messages) ?? [];
         const latestAI = [...messages]
             .reverse()
@@ -217,50 +270,101 @@ export const App = () => {
         }
         lastAIMessage = content;
         if (content === undefined)
-            return;
+            return undefined;
         return content;
     }
     // Auto-switch to chat pane when server finishes responding
     useEffect(() => {
-        if (chatResponseMessages.length === 0)
+        // Use visibleChats for UI-related checks
+        const messagesToCheck = visibleChats || chatResponseMessages;
+        if (messagesToCheck.length === 0)
             return;
-        const lastMessage = chatResponseMessages[chatResponseMessages.length - 1];
+        const lastMessage = messagesToCheck[messagesToCheck.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") {
-            // Delay to ensure auto-scroll animation completes first (500ms scroll + 100ms buffer)
-            setTimeout(() => setActivePane("chat"), 600);
+        // 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)}`)
+    }, [visibleChats, chatResponseMessages]);
+    const chatLinesChat = useMemo(() => {
+        const availableWidth = Math.floor(terminalColsRef.current / 2) - 10;
+        // Use visibleChats for UI rendering (filtered, excludes ToolMessage except reflections)
+        const messagesToRender = visibleChats || chatResponseMessages;
+        if (!messagesToRender || messagesToRender.length <= 0) {
+            return [];
         }
-        if (lastMessage?.type === "response") {
-            setShowControlR(true);
+        function groupMessageChunks(messages) {
+            return messages.reduce((prev, message) => {
+                if (!prev)
+                    prev = { lastId: "", messages: [] };
+                if (!message.id)
+                    message.id = (new Date()).getTime() + "";
+                if (message.id !== prev.lastId) {
+                    prev.messages.push([message]);
+                    prev.lastId = message.id;
+                    return prev;
+                }
+                else {
+                }
+                const lastMessageIndex = prev.messages.length - 1;
+                prev.messages[lastMessageIndex].push(message);
+                return prev;
+            }, { lastId: "", messages: [] });
         }
-        else {
-            setShowControlR(false);
+        function extratMessageContent(messages) {
+            return messages.reduce((prev, message) => {
+                return prev + message.content;
+            }, "");
         }
-    }, [chatResponseMessages]);
-    const chatLinesChat = useMemo(() => {
-        // Calculate available width for chat (half terminal width minus borders and padding)
-        const availableWidth = Math.floor(terminalCols / 2) - 6; // Adjust as needed
-        return chatResponseMessages.flatMap((msg, index) => {
-            // Create a label depending on the message type
-            const prefix = `${msg.type === "user" ? "🧑" : "🤖"} `;
+        function extractThinkMessage(messages) {
+            if (messages.length < 5)
+                return "";
+            return messages.slice(4, -3).reduce((prev, message) => {
+                if (message.tool_call_chunks && message.tool_call_chunks[0] && message.tool_call_chunks[0].args)
+                    return prev + message.tool_call_chunks[0].args;
+                return prev;
+            }, "");
+        }
+        return groupMessageChunks(messagesToRender).messages.flatMap((msgs, index) => {
+            // Get message type from BaseMessage (LangChain messages use getType() or constructor name)
+            const msgAny = msgs;
+            const msgType = (typeof msgAny[0].getType === "function" && msgAny[0].getType()) ||
+                msgAny[0]._type ||
+                msgs.constructor.name ||
+                "";
+            const isHuman = msgType === "human" || msgs.constructor.name === "HumanMessage";
+            // const prefix = `${isHuman ? "🧑" : "🤖"} `;
+            const prefix = `${isHuman ? ">" : "⏺"} `;
             const prefixWidth = stringWidth(prefix);
-            //progress event chat responses
-            // Extract message content
-            const extracted = extractAIMessages(msg);
-            const content = msg.type === "progress"
-                ? Array.isArray(extracted)
-                    ? extracted.join("\n") // nicely formatted output
-                    : extracted || ""
-                : msg.message ||
-                    msg?.data?.finalMessage ||
-                    msg?.data?.message ||
-                    JSON.stringify(msg, null, 2);
+            // let content = `${index}: ` + extractMessageContent(msgs)
+            let content = extractMessageContent(msgs);
+            const fMessage = msgs[0];
+            if (fMessage.tool_calls && fMessage.tool_calls.length > 0) {
+                logd("---------------- tool calls received --------------");
+                logd(JSON.stringify(msgs));
+                if (fMessage.tool_calls[0].name === "thinkTool") {
+                    content = extractThinkMessage(msgs);
+                }
+                else {
+                    content = `Calling: ${fMessage.tool_calls[0].name}`;
+                }
+            }
             if (content === "")
-                return;
-            const contentLines = content?.split("\n");
+                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);
@@ -269,41 +373,96 @@ export const App = () => {
                     text: wrappedLine,
                 }));
             });
-            // Add spacing after user messages for readability
-            if (msg.type === "user") {
-                lines.push({
-                    key: `chat-${index}-spacer`,
-                    text: " ",
-                });
-            }
+            // Add spacing after each message for better readability
+            lines.push({
+                key: `chat-${index}-spacer`,
+                text: " ",
+            });
+            // Add an extra blank line after human messages for clearer separation
+            // if (isHuman || msgType === "user") {
+            // lines.push({
+            //   key: `chat-${index}-spacer-extra`,
+            //   text: " ",
+            // });
+            // }
             return lines;
         });
-    }, [chatResponseMessages, terminalCols]);
+        // return groupMessageChunks(messagesToRender).messages.flatMap((msgs, index) => {
+        //   // Get message type from BaseMessage (LangChain messages use getType() or constructor name)
+        //   const msgAny = msgs as any;
+        //   const msgType = 
+        //     (typeof msgAny[0].getType === "function" && msgAny[0].getType()) ||
+        //     msgAny[0]._type ||
+        //     msgs.constructor.name ||
+        //     "";
+        //   const isHuman = msgType === "human" || msgs.constructor.name === "HumanMessage";
+        //   // const prefix = `${isHuman ? "🧑" : "🤖"} `;
+        //   const prefix = `${isHuman ? "> " : "⏺ "} `;
+        //   const prefixWidth = stringWidth(prefix);
+        //   let content = extractMessageContent(msgs)
+        //   const fMessage = msgs[0] as AIMessage
+        //   if (fMessage.tool_calls && fMessage.tool_calls.length > 0) {
+        //     logd("---------------- tool calls received --------------");
+        //     logd(JSON.stringify(msgs));
+        //     if (fMessage.tool_calls[0].name === "thinkTool") {
+        //       content = extractThinkMessage(msgs as AIMessageChunk[])
+        //     } else {
+        //       content = `Calling: ${fMessage.tool_calls[0].name}`
+        //     }
+        //   }
+        //   return {
+        //     key: `chat-${index}`,
+        //     text: prefix + content,
+        //   }
+        // });
+    }, [visibleChats, chatResponseMessages]);
     const currentLogDataString = useMemo(() => rawLogData.map((l) => l.text).join("\n"), [rawLogData]);
-    const logLines = useMemo(() => {
-        const availableWidth = Math.floor(terminalCols / 2) - 6;
-        return rawLogData.map((line) => {
-            // Expand tabs to spaces (assuming 8-space tabs)
-            const expandedText = line.text.replace(/\t/g, " ".repeat(8));
-            // Truncate lines that are too wide, properly handling ANSI codes
-            const width = stringWidth(expandedText);
-            if (width > availableWidth) {
-                const truncated = sliceAnsi(expandedText, 0, availableWidth - 3);
-                return {
-                    key: line.key,
-                    text: truncated + "...",
-                };
+    // 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)).replace(/\x1B\[1G/g, '').replace(/\x1B\[0K/g, '');
+        const width = stringWidth(expandedText);
+        if (width > availableWidth && availableWidth > 3) {
+            const truncated = sliceAnsi(expandedText, 0, Math.max(0, availableWidth - 3));
+            return truncated + "...";
+        }
+        // fs.appendFileSync("./temp-logs", text)
+        // fs.appendFileSync("./temp-logs", "\n")
+        // fs.appendFileSync("./temp-logs", expandedText)
+        return expandedText;
+    };
+    // Keep logLines purely tied to stored processed lines
+    const logLines = useMemo(() => rawLogData, [rawLogData]);
+    // Prefer a known-good shell over a potentially broken $SHELL on some machines
+    function getSafeShell() {
+        const candidates = [
+            process.env.SHELL, // user-configured shell
+            "/bin/zsh",
+            "/bin/bash",
+        ].filter(Boolean);
+        for (const shell of candidates) {
+            try {
+                // Synchronously test if the shell is executable by spawning a no-op command.
+                // Use child_process directly to avoid triggering node-pty in this probe.
+                const { spawnSync } = require("child_process");
+                const res = spawnSync(shell, ["-c", "echo"], { stdio: "ignore" });
+                if (res.status === 0) {
+                    return shell;
+                }
             }
-            return {
-                key: line.key,
-                text: expandedText,
-            };
-        });
-    }, [rawLogData, terminalCols]);
+            catch {
+                // ignore and try next candidate
+            }
+        }
+        // Fallback to a generic bash lookup; node-pty will still error if it's truly missing,
+        // but this avoids depending on a bad $SHELL value.
+        return "bash";
+    }
+    // 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.floor(terminalCols / 2) - 6; // Match the BorderBox width
-        const rows = LOGS_HEIGHT - 2;
+        const shell = process.env.SHELL || "/bin/zsh";
+        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,
@@ -311,14 +470,17 @@ export const App = () => {
             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: line,
+                    text: getProcessedLine(line), // process once here
                 }));
+                // Append in single update
                 setRawLogData((prevLines) => [...prevLines, ...newLines]);
             }
         });
@@ -326,7 +488,7 @@ export const App = () => {
             if (partialLine.current.length > 0) {
                 const remainingLine = {
                     key: `log-${logKeyCounter.current++}`,
-                    text: partialLine.current,
+                    text: getProcessedLine(partialLine.current),
                 };
                 setRawLogData((prevLines) => [...prevLines, remainingLine]);
                 partialLine.current = "";
@@ -337,8 +499,16 @@ export const App = () => {
             };
             setRawLogData((prevLines) => [...prevLines, exitLine]);
         });
-        return () => ptyProcess.kill();
-    }, [terminalCols, LOGS_HEIGHT]);
+        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';
@@ -346,50 +516,68 @@ export const App = () => {
         return () => {
             if (unsubscribe) {
                 unsubscribe();
-                if (partialLine.current.length > 0) {
-                    const remainingLine = {
-                        key: `log-${logKeyCounter.current++}`,
-                        text: partialLine.current,
-                    };
-                    setRawLogData((prevLines) => [...prevLines, remainingLine]);
-                    partialLine.current = "";
-                }
+            }
+            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;
-        //send message to socket connection
-        const userMessage = {
-            type: "user",
-            message: chatInput,
-        };
+        // 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,
-            JSON.parse(JSON.stringify(userMessage)),
+            userMessage
         ]);
         setTrimmedChats((prev) => [
             ...prev,
-            JSON.parse(JSON.stringify(userMessage)),
+            userMessage
         ]);
-        //last response message
-        const lastMessage = chatResponseMessages[chatResponseMessages.length - 1];
-        //logs
-        const logs = getLast50Lines(currentLogDataString);
-        // Decide whether to send state or not
-        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);
-        }
+        setVisibleChats(prev => [...prev, userMessage]);
         setChatInput("");
     }
     useInput((inputStr, key) => {
+        ctrlPressedRef.current = key.ctrl;
         if (inputStr === "c" && key.ctrl) {
             exit();
             return;
@@ -401,16 +589,21 @@ export const App = () => {
             setLogScroll(0);
             return;
         }
+        if (key.ctrl && inputStr === "a") {
+            setVisibleChats(chatResponseMessages);
+            return;
+        }
         if (key.ctrl && inputStr === "k") {
             setChatResponseMessages([]);
             setChatScroll(0);
             return;
         }
         if (key.ctrl && inputStr === "r") {
-            setIsControlRPressed(() => true);
+            setShowControlR(false);
             setChatResponseMessages(() => []);
             setTrimmedChats(() => []);
             setCompleteChatHistory(() => []);
+            setGraphState(null);
             setSocketId[""];
             socket?.close();
             setIsConnected(false);
@@ -420,10 +613,13 @@ export const App = () => {
             return;
         }
         if (key.ctrl && inputStr === "d") {
-            setMode((prev) => (prev === "COPY" ? "NORMAL" : "COPY"));
-            setChatInput("");
-            setActivePane("chat");
-            return;
+            setMode((prev) => {
+                if (prev === "NORMAL")
+                    return "COPY";
+                if (prev === "COPY")
+                    return "LOGS";
+                return "NORMAL";
+            });
         }
         if (key.tab) {
             if (activePane === "input")
@@ -457,18 +653,18 @@ export const App = () => {
             return true;
         }
     });
-    // const text = dedent`
-    //   **Run your Ink application**:
-    // `;
+    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: "clippy 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" })
-                            // <Text>{connectionError}a</Text>
-                            ), 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: setChatInput, onSubmit: userMessageSubmitted, focus: activePane === "input" })] }))] }) }), _jsx(Box, { marginTop: 1, justifyContent: "center", children: _jsxs(Text, { color: "#949494", children: ["[Tab] Switch Focus [ \u2B06 / \u2B07 ] Scroll (Keyboard Only) [Enter] Send [Ctrl+D] Open AI chat [Ctrl+C] Exit ", "\n", "[Ctrl+R] Reload AI chat"] }) })] }));
+        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, customMessage: customMessage })) : (_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: "clippy 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" })
-                                // <Text>{connectionError}a</Text>
-                                ), 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: setChatInput, onSubmit: userMessageSubmitted, focus: activePane === "input" })] }))] })] }), _jsx(Box, { marginTop: 1, justifyContent: "center", children: _jsxs(Text, { color: "#949494", children: ["[Tab] Switch Focus [ \u2B06 / \u2B07 ] Scroll (Keyboard Only) [Enter] Send [Ctrl+D] Open AI chat [Ctrl+C] Exit ", "\n", "[Ctrl+R] Reload AI chat"] }) })] }));
+        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, customMessage: customMessage })) : (_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, {}));