grok-cli-hurry-mode 1.0.0

package/dist/ui/components/chat-history.js

@@ -0,0 +1,177 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChatHistory = ChatHistory;
+const react_1 = __importDefault(require("react"));
+const ink_1 = require("ink");
+const diff_renderer_js_1 = require("./diff-renderer.js");
+const markdown_renderer_js_1 = require("../utils/markdown-renderer.js");
+// Memoized ChatEntry component to prevent unnecessary re-renders
+const MemoizedChatEntry = react_1.default.memo(({ entry, index }) => {
+    const renderDiff = (diffContent, filename) => {
+        return (<diff_renderer_js_1.DiffRenderer diffContent={diffContent} filename={filename} terminalWidth={80}/>);
+    };
+    const renderFileContent = (content) => {
+        const lines = content.split("\n");
+        // Calculate minimum indentation like DiffRenderer does
+        let baseIndentation = Infinity;
+        for (const line of lines) {
+            if (line.trim() === "")
+                continue;
+            const firstCharIndex = line.search(/\S/);
+            const currentIndent = firstCharIndex === -1 ? 0 : firstCharIndex;
+            baseIndentation = Math.min(baseIndentation, currentIndent);
+        }
+        if (!isFinite(baseIndentation)) {
+            baseIndentation = 0;
+        }
+        return lines.map((line, index) => {
+            const displayContent = line.substring(baseIndentation);
+            return (<ink_1.Text key={index} color="gray">
+            {displayContent}
+          </ink_1.Text>);
+        });
+    };
+    switch (entry.type) {
+        case "user":
+            return (<ink_1.Box key={index} flexDirection="column" marginTop={1}>
+            <ink_1.Box>
+              <ink_1.Text color="gray">
+                {">"} {entry.content}
+              </ink_1.Text>
+            </ink_1.Box>
+          </ink_1.Box>);
+        case "assistant":
+            return (<ink_1.Box key={index} flexDirection="column" marginTop={1}>
+            <ink_1.Box flexDirection="row" alignItems="flex-start">
+              <ink_1.Text color="white">⏺ </ink_1.Text>
+              <ink_1.Box flexDirection="column" flexGrow={1}>
+                {entry.toolCalls ? (
+                // If there are tool calls, just show plain text
+                <ink_1.Text color="white">{entry.content.trim()}</ink_1.Text>) : (
+                // If no tool calls, render as markdown
+                <markdown_renderer_js_1.MarkdownRenderer content={entry.content.trim()}/>)}
+                {entry.isStreaming && <ink_1.Text color="cyan">█</ink_1.Text>}
+              </ink_1.Box>
+            </ink_1.Box>
+          </ink_1.Box>);
+        case "tool_call":
+        case "tool_result":
+            const getToolActionName = (toolName) => {
+                // Handle MCP tools with mcp__servername__toolname format
+                if (toolName.startsWith("mcp__")) {
+                    const parts = toolName.split("__");
+                    if (parts.length >= 3) {
+                        const serverName = parts[1];
+                        const actualToolName = parts.slice(2).join("__");
+                        return `${serverName.charAt(0).toUpperCase() + serverName.slice(1)}(${actualToolName.replace(/_/g, " ")})`;
+                    }
+                }
+                switch (toolName) {
+                    case "view_file":
+                        return "Read";
+                    case "str_replace_editor":
+                        return "Update";
+                    case "create_file":
+                        return "Create";
+                    case "bash":
+                        return "Bash";
+                    case "search":
+                        return "Search";
+                    case "create_todo_list":
+                        return "Created Todo";
+                    case "update_todo_list":
+                        return "Updated Todo";
+                    default:
+                        return "Tool";
+                }
+            };
+            const toolName = entry.toolCall?.function?.name || "unknown";
+            const actionName = getToolActionName(toolName);
+            const getFilePath = (toolCall) => {
+                if (toolCall?.function?.arguments) {
+                    try {
+                        const args = JSON.parse(toolCall.function.arguments);
+                        if (toolCall.function.name === "search") {
+                            return args.query;
+                        }
+                        return args.path || args.file_path || args.command || "";
+                    }
+                    catch {
+                        return "";
+                    }
+                }
+                return "";
+            };
+            const filePath = getFilePath(entry.toolCall);
+            const isExecuting = entry.type === "tool_call" || !entry.toolResult;
+            // Format JSON content for better readability
+            const formatToolContent = (content, toolName) => {
+                if (toolName.startsWith("mcp__")) {
+                    try {
+                        // Try to parse as JSON and format it
+                        const parsed = JSON.parse(content);
+                        if (Array.isArray(parsed)) {
+                            // For arrays, show a summary instead of full JSON
+                            return `Found ${parsed.length} items`;
+                        }
+                        else if (typeof parsed === 'object') {
+                            // For objects, show a formatted version
+                            return JSON.stringify(parsed, null, 2);
+                        }
+                    }
+                    catch {
+                        // If not JSON, return as is
+                        return content;
+                    }
+                }
+                return content;
+            };
+            const shouldShowDiff = entry.toolCall?.function?.name === "str_replace_editor" &&
+                entry.toolResult?.success &&
+                entry.content.includes("Updated") &&
+                entry.content.includes("---") &&
+                entry.content.includes("+++");
+            const shouldShowFileContent = (entry.toolCall?.function?.name === "view_file" ||
+                entry.toolCall?.function?.name === "create_file") &&
+                entry.toolResult?.success &&
+                !shouldShowDiff;
+            return (<ink_1.Box key={index} flexDirection="column" marginTop={1}>
+            <ink_1.Box>
+              <ink_1.Text color="magenta">⏺</ink_1.Text>
+              <ink_1.Text color="white">
+                {" "}
+                {filePath ? `${actionName}(${filePath})` : actionName}
+              </ink_1.Text>
+            </ink_1.Box>
+            <ink_1.Box marginLeft={2} flexDirection="column">
+              {isExecuting ? (<ink_1.Text color="cyan">⎿ Executing...</ink_1.Text>) : shouldShowFileContent ? (<ink_1.Box flexDirection="column">
+                  <ink_1.Text color="gray">⎿ File contents:</ink_1.Text>
+                  <ink_1.Box marginLeft={2} flexDirection="column">
+                    {renderFileContent(entry.content)}
+                  </ink_1.Box>
+                </ink_1.Box>) : shouldShowDiff ? (
+                // For diff results, show only the summary line, not the raw content
+                <ink_1.Text color="gray">⎿ {entry.content.split("\n")[0]}</ink_1.Text>) : (<ink_1.Text color="gray">⎿ {formatToolContent(entry.content, toolName)}</ink_1.Text>)}
+            </ink_1.Box>
+            {shouldShowDiff && !isExecuting && (<ink_1.Box marginLeft={4} flexDirection="column">
+                {renderDiff(entry.content, filePath)}
+              </ink_1.Box>)}
+          </ink_1.Box>);
+        default:
+            return null;
+    }
+});
+MemoizedChatEntry.displayName = "MemoizedChatEntry";
+function ChatHistory({ entries, isConfirmationActive = false, }) {
+    // Filter out tool_call entries with "Executing..." when confirmation is active
+    const filteredEntries = isConfirmationActive
+        ? entries.filter((entry) => !(entry.type === "tool_call" && entry.content === "Executing..."))
+        : entries;
+    return (<ink_1.Box flexDirection="column">
+      {filteredEntries.slice(-20).map((entry, index) => (<MemoizedChatEntry key={`${entry.timestamp.getTime()}-${index}`} entry={entry} index={index}/>))}
+    </ink_1.Box>);
+}
+//# sourceMappingURL=chat-history.js.map

package/dist/ui/components/chat-history.js.map

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

package/dist/ui/components/chat-input.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface ChatInputProps {
+    input: string;
+    cursorPosition: number;
+    isProcessing: boolean;
+    isStreaming: boolean;
+}
+export declare function ChatInput({ input, cursorPosition, isProcessing, isStreaming, }: ChatInputProps): React.JSX.Element;
+export {};

package/dist/ui/components/chat-input.js

@@ -0,0 +1,87 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChatInput = ChatInput;
+const react_1 = __importDefault(require("react"));
+const ink_1 = require("ink");
+function ChatInput({ input, cursorPosition, isProcessing, isStreaming, }) {
+    const beforeCursor = input.slice(0, cursorPosition);
+    const afterCursor = input.slice(cursorPosition);
+    // Handle multiline input display
+    const lines = input.split("\n");
+    const isMultiline = lines.length > 1;
+    // Calculate cursor position across lines
+    let currentLineIndex = 0;
+    let currentCharIndex = 0;
+    let totalChars = 0;
+    for (let i = 0; i < lines.length; i++) {
+        if (totalChars + lines[i].length >= cursorPosition) {
+            currentLineIndex = i;
+            currentCharIndex = cursorPosition - totalChars;
+            break;
+        }
+        totalChars += lines[i].length + 1; // +1 for newline
+    }
+    const showCursor = !isProcessing && !isStreaming;
+    const borderColor = isProcessing || isStreaming ? "yellow" : "blue";
+    const promptColor = "cyan";
+    // Display placeholder when input is empty
+    const placeholderText = "Ask me anything...";
+    const isPlaceholder = !input;
+    if (isMultiline) {
+        return (<ink_1.Box borderStyle="round" borderColor={borderColor} paddingY={0} marginTop={1}>
+        {lines.map((line, index) => {
+                const isCurrentLine = index === currentLineIndex;
+                const promptChar = index === 0 ? "❯" : "│";
+                if (isCurrentLine) {
+                    const beforeCursorInLine = line.slice(0, currentCharIndex);
+                    const cursorChar = line.slice(currentCharIndex, currentCharIndex + 1) || " ";
+                    const afterCursorInLine = line.slice(currentCharIndex + 1);
+                    return (<ink_1.Box key={index}>
+                <ink_1.Text color={promptColor}>{promptChar} </ink_1.Text>
+                <ink_1.Text>
+                  {beforeCursorInLine}
+                  {showCursor && (<ink_1.Text backgroundColor="white" color="black">
+                      {cursorChar}
+                    </ink_1.Text>)}
+                  {!showCursor && cursorChar !== " " && cursorChar}
+                  {afterCursorInLine}
+                </ink_1.Text>
+              </ink_1.Box>);
+                }
+                else {
+                    return (<ink_1.Box key={index}>
+                <ink_1.Text color={promptColor}>{promptChar} </ink_1.Text>
+                <ink_1.Text>{line}</ink_1.Text>
+              </ink_1.Box>);
+                }
+            })}
+      </ink_1.Box>);
+    }
+    // Single line input box
+    const cursorChar = input.slice(cursorPosition, cursorPosition + 1) || " ";
+    const afterCursorText = input.slice(cursorPosition + 1);
+    return (<ink_1.Box borderStyle="round" borderColor={borderColor} paddingX={1} paddingY={0} marginTop={1}>
+      <ink_1.Box>
+        <ink_1.Text color={promptColor}>❯ </ink_1.Text>
+        {isPlaceholder ? (<>
+            <ink_1.Text color="gray" dimColor>
+              {placeholderText}
+            </ink_1.Text>
+            {showCursor && (<ink_1.Text backgroundColor="white" color="black">
+                {" "}
+              </ink_1.Text>)}
+          </>) : (<ink_1.Text>
+            {beforeCursor}
+            {showCursor && (<ink_1.Text backgroundColor="white" color="black">
+                {cursorChar}
+              </ink_1.Text>)}
+            {!showCursor && cursorChar !== " " && cursorChar}
+            {afterCursorText}
+          </ink_1.Text>)}
+      </ink_1.Box>
+    </ink_1.Box>);
+}
+//# sourceMappingURL=chat-input.js.map

package/dist/ui/components/chat-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-input.js","sourceRoot":"","sources":["../../../src/ui/components/chat-input.tsx"],"names":[],"mappings":";;;;;AAUA,8BAyHC;AAnID,kDAA0B;AAC1B,6BAAgC;AAShC,SAAgB,SAAS,CAAC,EACxB,KAAK,EACL,cAAc,EACd,YAAY,EACZ,WAAW,GACI;IACf,MAAM,YAAY,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC;IACpD,MAAM,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;IAEhD,iCAAiC;IACjC,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAChC,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;IAErC,yCAAyC;IACzC,IAAI,gBAAgB,GAAG,CAAC,CAAC;IACzB,IAAI,gBAAgB,GAAG,CAAC,CAAC;IACzB,IAAI,UAAU,GAAG,CAAC,CAAC;IAEnB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACtC,IAAI,UAAU,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,IAAI,cAAc,EAAE,CAAC;YACnD,gBAAgB,GAAG,CAAC,CAAC;YACrB,gBAAgB,GAAG,cAAc,GAAG,UAAU,CAAC;YAC/C,MAAM;QACR,CAAC;QACD,UAAU,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,iBAAiB;IACtD,CAAC;IAED,MAAM,UAAU,GAAG,CAAC,YAAY,IAAI,CAAC,WAAW,CAAC;IACjD,MAAM,WAAW,GAAG,YAAY,IAAI,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC;IACpE,MAAM,WAAW,GAAG,MAAM,CAAC;IAE3B,0CAA0C;IAC1C,MAAM,eAAe,GAAG,oBAAoB,CAAC;IAC7C,MAAM,aAAa,GAAG,CAAC,KAAK,CAAC;IAE7B,IAAI,WAAW,EAAE,CAAC;QAChB,OAAO,CACL,CAAC,SAAG,CACF,WAAW,CAAC,OAAO,CACnB,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,QAAQ,CAAC,CAAC,CAAC,CAAC,CACZ,SAAS,CAAC,CAAC,CAAC,CAAC,CAEb;QAAA,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gBACzB,MAAM,aAAa,GAAG,KAAK,KAAK,gBAAgB,CAAC;gBACjD,MAAM,UAAU,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;gBAE3C,IAAI,aAAa,EAAE,CAAC;oBAClB,MAAM,kBAAkB,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC;oBAC3D,MAAM,UAAU,GACd,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE,gBAAgB,GAAG,CAAC,CAAC,IAAI,GAAG,CAAC;oBAC5D,MAAM,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,gBAAgB,GAAG,CAAC,CAAC,CAAC;oBAE3D,OAAO,CACL,CAAC,SAAG,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CACd;gBAAA,CAAC,UAAI,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAE,CAAA,EAAE,UAAI,CAC7C;gBAAA,CAAC,UAAI,CACH;kBAAA,CAAC,kBAAkB,CACnB;kBAAA,CAAC,UAAU,IAAI,CACb,CAAC,UAAI,CAAC,eAAe,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CACzC;sBAAA,CAAC,UAAU,CACb;oBAAA,EAAE,UAAI,CAAC,CACR,CACD;kBAAA,CAAC,CAAC,UAAU,IAAI,UAAU,KAAK,GAAG,IAAI,UAAU,CAChD;kBAAA,CAAC,iBAAiB,CACpB;gBAAA,EAAE,UAAI,CACR;cAAA,EAAE,SAAG,CAAC,CACP,CAAC;gBACJ,CAAC;qBAAM,CAAC;oBACN,OAAO,CACL,CAAC,SAAG,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CACd;gBAAA,CAAC,UAAI,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAE,CAAA,EAAE,UAAI,CAC7C;gBAAA,CAAC,UAAI,CAAC,CAAC,IAAI,CAAC,EAAE,UAAI,CACpB;cAAA,EAAE,SAAG,CAAC,CACP,CAAC;gBACJ,CAAC;YACH,CAAC,CAAC,CACJ;MAAA,EAAE,SAAG,CAAC,CACP,CAAC;IACJ,CAAC;IAED,wBAAwB;IACxB,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,cAAc,EAAE,cAAc,GAAG,CAAC,CAAC,IAAI,GAAG,CAAC;IAC1E,MAAM,eAAe,GAAG,KAAK,CAAC,KAAK,CAAC,cAAc,GAAG,CAAC,CAAC,CAAC;IAExD,OAAO,CACL,CAAC,SAAG,CACF,WAAW,CAAC,OAAO,CACnB,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,QAAQ,CAAC,CAAC,CAAC,CAAC,CACZ,QAAQ,CAAC,CAAC,CAAC,CAAC,CACZ,SAAS,CAAC,CAAC,CAAC,CAAC,CAEb;MAAA,CAAC,SAAG,CACF;QAAA,CAAC,UAAI,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,CAAC,EAAE,EAAE,UAAI,CAClC;QAAA,CAAC,aAAa,CAAC,CAAC,CAAC,CACf,EACE;YAAA,CAAC,UAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CACzB;cAAA,CAAC,eAAe,CAClB;YAAA,EAAE,UAAI,CACN;YAAA,CAAC,UAAU,IAAI,CACb,CAAC,UAAI,CAAC,eAAe,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CACzC;gBAAA,CAAC,GAAG,CACN;cAAA,EAAE,UAAI,CAAC,CACR,CACH;UAAA,GAAG,CACJ,CAAC,CAAC,CAAC,CACF,CAAC,UAAI,CACH;YAAA,CAAC,YAAY,CACb;YAAA,CAAC,UAAU,IAAI,CACb,CAAC,UAAI,CAAC,eAAe,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CACzC;gBAAA,CAAC,UAAU,CACb;cAAA,EAAE,UAAI,CAAC,CACR,CACD;YAAA,CAAC,CAAC,UAAU,IAAI,UAAU,KAAK,GAAG,IAAI,UAAU,CAChD;YAAA,CAAC,eAAe,CAClB;UAAA,EAAE,UAAI,CAAC,CACR,CACH;MAAA,EAAE,SAAG,CACP;IAAA,EAAE,SAAG,CAAC,CACP,CAAC;AACJ,CAAC"}

package/dist/ui/components/chat-interface.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { GrokAgent } from "../../agent/grok-agent.js";
+interface ChatInterfaceProps {
+    agent?: GrokAgent;
+    initialMessage?: string;
+}
+export default function ChatInterface({ agent, initialMessage, }: ChatInterfaceProps): React.JSX.Element;
+export {};

package/dist/ui/components/chat-interface.js

@@ -0,0 +1,344 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = ChatInterface;
+const react_1 = __importStar(require("react"));
+const ink_1 = require("ink");
+const use_input_handler_js_1 = require("../../hooks/use-input-handler.js");
+const loading_spinner_js_1 = require("./loading-spinner.js");
+const command_suggestions_js_1 = require("./command-suggestions.js");
+const model_selection_js_1 = require("./model-selection.js");
+const chat_history_js_1 = require("./chat-history.js");
+const chat_input_js_1 = require("./chat-input.js");
+const mcp_status_js_1 = require("./mcp-status.js");
+const confirmation_dialog_js_1 = __importDefault(require("./confirmation-dialog.js"));
+const confirmation_service_js_1 = require("../../utils/confirmation-service.js");
+const api_key_input_js_1 = __importDefault(require("./api-key-input.js"));
+const cfonts_1 = __importDefault(require("cfonts"));
+// Main chat component that handles input when agent is available
+function ChatInterfaceWithAgent({ agent, initialMessage, }) {
+    const [chatHistory, setChatHistory] = (0, react_1.useState)([]);
+    const [isProcessing, setIsProcessing] = (0, react_1.useState)(false);
+    const [processingTime, setProcessingTime] = (0, react_1.useState)(0);
+    const [tokenCount, setTokenCount] = (0, react_1.useState)(0);
+    const [isStreaming, setIsStreaming] = (0, react_1.useState)(false);
+    const [confirmationOptions, setConfirmationOptions] = (0, react_1.useState)(null);
+    const scrollRef = (0, react_1.useRef)();
+    const processingStartTime = (0, react_1.useRef)(0);
+    const confirmationService = confirmation_service_js_1.ConfirmationService.getInstance();
+    const { input, cursorPosition, showCommandSuggestions, selectedCommandIndex, showModelSelection, selectedModelIndex, commandSuggestions, availableModels, autoEditEnabled, } = (0, use_input_handler_js_1.useInputHandler)({
+        agent,
+        chatHistory,
+        setChatHistory,
+        setIsProcessing,
+        setIsStreaming,
+        setTokenCount,
+        setProcessingTime,
+        processingStartTime,
+        isProcessing,
+        isStreaming,
+        isConfirmationActive: !!confirmationOptions,
+    });
+    (0, react_1.useEffect)(() => {
+        // Only clear console on non-Windows platforms or if not PowerShell
+        // Windows PowerShell can have issues with console.clear() causing flickering
+        const isWindows = process.platform === "win32";
+        const isPowerShell = process.env.ComSpec?.toLowerCase().includes("powershell") ||
+            process.env.PSModulePath !== undefined;
+        if (!isWindows || !isPowerShell) {
+            console.clear();
+        }
+        // Add top padding
+        console.log("    ");
+        // Generate logo with margin to match Ink paddingX={2}
+        const grokLogo = cfonts_1.default.render("GROK", {
+            font: "tiny",
+            align: "left",
+            colors: ["yellow", "red"],
+            space: true,
+            maxLength: "0",
+            gradient: ["yellow", "red", "cyan"],
+            independentGradient: false,
+            transitionGradient: true,
+            env: "node",
+        });
+        // Add horizontal margin (2 spaces) to match Ink paddingX={2}
+        const hurryLogo = cfonts_1.default.render("HURRY MODE", {
+            font: "tiny",
+            align: "left",
+            colors: ["yellow", "red"],
+            space: true,
+            maxLength: 0,
+            gradient: ["yellow", "red", "cyan"],
+            independentGradient: false,
+            transitionGradient: true,
+            env: "node",
+        });
+        const logoOutput = grokLogo.string + "\n" + hurryLogo.string;
+        const logoLines = logoOutput.split("\n");
+        logoLines.forEach((line) => {
+            if (line.trim()) {
+                console.log(" " + line); // Add 2 spaces for horizontal margin
+            }
+            else {
+                console.log(line); // Keep empty lines as-is
+            }
+        });
+        console.log(" "); // Spacing after logo
+        setChatHistory([]);
+    }, []);
+    // Process initial message if provided (streaming for faster feedback)
+    (0, react_1.useEffect)(() => {
+        if (initialMessage && agent) {
+            const userEntry = {
+                type: "user",
+                content: initialMessage,
+                timestamp: new Date(),
+            };
+            setChatHistory([userEntry]);
+            const processInitialMessage = async () => {
+                setIsProcessing(true);
+                setIsStreaming(true);
+                try {
+                    let streamingEntry = null;
+                    for await (const chunk of agent.processUserMessageStream(initialMessage)) {
+                        switch (chunk.type) {
+                            case "content":
+                                if (chunk.content) {
+                                    if (!streamingEntry) {
+                                        const newStreamingEntry = {
+                                            type: "assistant",
+                                            content: chunk.content,
+                                            timestamp: new Date(),
+                                            isStreaming: true,
+                                        };
+                                        setChatHistory((prev) => [...prev, newStreamingEntry]);
+                                        streamingEntry = newStreamingEntry;
+                                    }
+                                    else {
+                                        setChatHistory((prev) => prev.map((entry, idx) => idx === prev.length - 1 && entry.isStreaming
+                                            ? { ...entry, content: entry.content + chunk.content }
+                                            : entry));
+                                    }
+                                }
+                                break;
+                            case "token_count":
+                                if (chunk.tokenCount !== undefined) {
+                                    setTokenCount(chunk.tokenCount);
+                                }
+                                break;
+                            case "tool_calls":
+                                if (chunk.toolCalls) {
+                                    // Stop streaming for the current assistant message
+                                    setChatHistory((prev) => prev.map((entry) => entry.isStreaming
+                                        ? {
+                                            ...entry,
+                                            isStreaming: false,
+                                            toolCalls: chunk.toolCalls,
+                                        }
+                                        : entry));
+                                    streamingEntry = null;
+                                    // Add individual tool call entries to show tools are being executed
+                                    chunk.toolCalls.forEach((toolCall) => {
+                                        const toolCallEntry = {
+                                            type: "tool_call",
+                                            content: "Executing...",
+                                            timestamp: new Date(),
+                                            toolCall: toolCall,
+                                        };
+                                        setChatHistory((prev) => [...prev, toolCallEntry]);
+                                    });
+                                }
+                                break;
+                            case "tool_result":
+                                if (chunk.toolCall && chunk.toolResult) {
+                                    setChatHistory((prev) => prev.map((entry) => {
+                                        if (entry.isStreaming) {
+                                            return { ...entry, isStreaming: false };
+                                        }
+                                        if (entry.type === "tool_call" &&
+                                            entry.toolCall?.id === chunk.toolCall?.id) {
+                                            return {
+                                                ...entry,
+                                                type: "tool_result",
+                                                content: chunk.toolResult.success
+                                                    ? chunk.toolResult.output || "Success"
+                                                    : chunk.toolResult.error || "Error occurred",
+                                                toolResult: chunk.toolResult,
+                                            };
+                                        }
+                                        return entry;
+                                    }));
+                                    streamingEntry = null;
+                                }
+                                break;
+                            case "done":
+                                if (streamingEntry) {
+                                    setChatHistory((prev) => prev.map((entry) => entry.isStreaming ? { ...entry, isStreaming: false } : entry));
+                                }
+                                setIsStreaming(false);
+                                break;
+                        }
+                    }
+                }
+                catch (error) {
+                    const errorEntry = {
+                        type: "assistant",
+                        content: `Error: ${error.message}`,
+                        timestamp: new Date(),
+                    };
+                    setChatHistory((prev) => [...prev, errorEntry]);
+                    setIsStreaming(false);
+                }
+                setIsProcessing(false);
+                processingStartTime.current = 0;
+            };
+            processInitialMessage();
+        }
+    }, [initialMessage, agent]);
+    (0, react_1.useEffect)(() => {
+        const handleConfirmationRequest = (options) => {
+            setConfirmationOptions(options);
+        };
+        confirmationService.on("confirmation-requested", handleConfirmationRequest);
+        return () => {
+            confirmationService.off("confirmation-requested", handleConfirmationRequest);
+        };
+    }, [confirmationService]);
+    (0, react_1.useEffect)(() => {
+        if (!isProcessing && !isStreaming) {
+            setProcessingTime(0);
+            return;
+        }
+        if (processingStartTime.current === 0) {
+            processingStartTime.current = Date.now();
+        }
+        const interval = setInterval(() => {
+            setProcessingTime(Math.floor((Date.now() - processingStartTime.current) / 1000));
+        }, 1000);
+        return () => clearInterval(interval);
+    }, [isProcessing, isStreaming]);
+    const handleConfirmation = (dontAskAgain) => {
+        confirmationService.confirmOperation(true, dontAskAgain);
+        setConfirmationOptions(null);
+    };
+    const handleRejection = (feedback) => {
+        confirmationService.rejectOperation(feedback);
+        setConfirmationOptions(null);
+        // Reset processing states when operation is cancelled
+        setIsProcessing(false);
+        setIsStreaming(false);
+        setTokenCount(0);
+        setProcessingTime(0);
+        processingStartTime.current = 0;
+    };
+    return (<ink_1.Box flexDirection="column" paddingX={2}>
+      {/* Show tips only when no chat history and no confirmation dialog */}
+      {chatHistory.length === 0 && !confirmationOptions && (<ink_1.Box flexDirection="column" marginBottom={2}>
+          <ink_1.Text color="cyan" bold>
+            Tips for getting started:
+          </ink_1.Text>
+          <ink_1.Box marginTop={1} flexDirection="column">
+            <ink_1.Text color="gray">
+              1. Ask questions, edit files, or run commands.
+            </ink_1.Text>
+            <ink_1.Text color="gray">2. Be specific for the best results.</ink_1.Text>
+            <ink_1.Text color="gray">
+              3. Create GROK.md files to customize your interactions with Grok.
+            </ink_1.Text>
+            <ink_1.Text color="gray">
+              4. Press Shift+Tab to toggle auto-edit mode.
+            </ink_1.Text>
+            <ink_1.Text color="gray">5. /help for more information.</ink_1.Text>
+          </ink_1.Box>
+        </ink_1.Box>)}
+
+      <ink_1.Box flexDirection="column" marginBottom={1}>
+        <ink_1.Text color="gray">
+          Type your request in natural language. Ctrl+C to clear, 'exit' to
+          quit.
+        </ink_1.Text>
+      </ink_1.Box>
+
+      <ink_1.Box flexDirection="column" ref={scrollRef}>
+        <chat_history_js_1.ChatHistory entries={chatHistory} isConfirmationActive={!!confirmationOptions}/>
+      </ink_1.Box>
+
+      {/* Show confirmation dialog if one is pending */}
+      {confirmationOptions && (<confirmation_dialog_js_1.default operation={confirmationOptions.operation} filename={confirmationOptions.filename} showVSCodeOpen={confirmationOptions.showVSCodeOpen} content={confirmationOptions.content} onConfirm={handleConfirmation} onReject={handleRejection}/>)}
+
+      {!confirmationOptions && (<>
+          <loading_spinner_js_1.LoadingSpinner isActive={isProcessing || isStreaming} processingTime={processingTime} tokenCount={tokenCount}/>
+
+          <chat_input_js_1.ChatInput input={input} cursorPosition={cursorPosition} isProcessing={isProcessing} isStreaming={isStreaming}/>
+
+          <ink_1.Box flexDirection="row" marginTop={1}>
+            <ink_1.Box marginRight={2}>
+              <ink_1.Text color="cyan">
+                {autoEditEnabled ? "▶" : "⏸"} auto-edit:{" "}
+                {autoEditEnabled ? "on" : "off"}
+              </ink_1.Text>
+              <ink_1.Text color="gray" dimColor>
+                {" "}
+                (shift + tab)
+              </ink_1.Text>
+            </ink_1.Box>
+            <ink_1.Box marginRight={2}>
+              <ink_1.Text color="yellow">≋ {agent.getCurrentModel()}</ink_1.Text>
+            </ink_1.Box>
+            <mcp_status_js_1.MCPStatus />
+          </ink_1.Box>
+
+          <command_suggestions_js_1.CommandSuggestions suggestions={commandSuggestions} input={input} selectedIndex={selectedCommandIndex} isVisible={showCommandSuggestions}/>
+
+          <model_selection_js_1.ModelSelection models={availableModels} selectedIndex={selectedModelIndex} isVisible={showModelSelection} currentModel={agent.getCurrentModel()}/>
+        </>)}
+    </ink_1.Box>);
+}
+// Main component that handles API key input or chat interface
+function ChatInterface({ agent, initialMessage, }) {
+    const [currentAgent, setCurrentAgent] = (0, react_1.useState)(agent || null);
+    const handleApiKeySet = (newAgent) => {
+        setCurrentAgent(newAgent);
+    };
+    if (!currentAgent) {
+        return <api_key_input_js_1.default onApiKeySet={handleApiKeySet}/>;
+    }
+    return (<ChatInterfaceWithAgent agent={currentAgent} initialMessage={initialMessage}/>);
+}
+//# sourceMappingURL=chat-interface.js.map