@xagent/x-cli 1.1.60 → 1.1.62

package/dist/index.js

@@ -5,8 +5,8 @@ import * as path7 from 'path';
 import path7__default from 'path';
 import * as os from 'os';
 import os__default from 'os';
-import React3, { useState, useRef, useEffect, useMemo, useCallback } from 'react';
-import { Box, Text, render, useApp, useInput } from 'ink';
+import React4, { useState, useRef, useEffect, useMemo, useCallback } from 'react';
+import { render, Box, Text, useApp, useInput } from 'ink';
 import { program, Command } from 'commander';
 import * as dotenv from 'dotenv';
 import OpenAI from 'openai';
@@ -22,10 +22,10 @@ import { parse } from '@typescript-eslint/typescript-estree';
 import Fuse from 'fuse.js';
 import { glob } from 'glob';
 import { encoding_for_model, get_encoding } from 'tiktoken';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import crypto from 'crypto';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { marked } from 'marked';
 import TerminalRenderer from 'marked-terminal';
+import crypto from 'crypto';
 import chalk from 'chalk';
 
 var __defProp = Object.defineProperty;
@@ -7039,10 +7039,10 @@ var DependencyAnalyzerTool = class {
     const circularDeps = [];
     const visited = /* @__PURE__ */ new Set();
     const visiting = /* @__PURE__ */ new Set();
-    const dfs = (filePath, path29) => {
+    const dfs = (filePath, path30) => {
       if (visiting.has(filePath)) {
-        const cycleStart = path29.indexOf(filePath);
-        const cycle = path29.slice(cycleStart).concat([filePath]);
+        const cycleStart = path30.indexOf(filePath);
+        const cycle = path30.slice(cycleStart).concat([filePath]);
         circularDeps.push({
           cycle: cycle.map((fp) => graph.nodes.get(fp)?.filePath || fp),
           severity: cycle.length <= 2 ? "error" : "warning",
@@ -7058,7 +7058,7 @@ var DependencyAnalyzerTool = class {
       if (node) {
         for (const dependency of node.dependencies) {
           if (graph.nodes.has(dependency)) {
-            dfs(dependency, [...path29, filePath]);
+            dfs(dependency, [...path30, filePath]);
           }
         }
       }
@@ -9030,10 +9030,10 @@ Current working directory: ${process.cwd()}`
             return await this.textEditor.view(args.path, range);
           } catch (error) {
             console.warn(`view_file tool failed, falling back to bash: ${error.message}`);
-            const path29 = args.path;
-            let command = `cat "${path29}"`;
+            const path30 = args.path;
+            let command = `cat "${path30}"`;
             if (args.start_line && args.end_line) {
-              command = `sed -n '${args.start_line},${args.end_line}p' "${path29}"`;
+              command = `sed -n '${args.start_line},${args.end_line}p' "${path30}"`;
             }
             return await this.bash.execute(command);
           }
@@ -9289,150 +9289,6 @@ EOF`;
   }
 };
 
-// package.json
-var package_default = {
-  type: "module",
-  name: "@xagent/x-cli",
-  version: "1.1.60",
-  description: "An open-source AI agent that brings the power of Grok directly into your terminal.",
-  main: "dist/index.js",
-  module: "dist/index.js",
-  types: "dist/index.d.ts",
-  exports: {
-    ".": {
-      types: "./dist/index.d.ts",
-      import: "./dist/index.js"
-    }
-  },
-  bin: {
-    xcli: "dist/index.js"
-  },
-  files: [
-    "dist/**/*",
-    ".xcli/**/*",
-    "README.md",
-    "LICENSE",
-    "docs/assets/logos/**/*"
-  ],
-  scripts: {
-    build: "tsup",
-    "build:tsc": "tsc",
-    dev: "npm run build && node dist/index.js",
-    "dev:node": "tsx src/index.ts",
-    "dev:watch": "npm run build && node --watch dist/index.js",
-    start: "node dist/index.js",
-    local: "npm run build && npm link && node dist/index.js",
-    "start:bun": "bun run dist/index.js",
-    lint: "eslint . --ext .js,.jsx,.ts,.tsx",
-    typecheck: "tsc --noEmit",
-    "install:bun": "bun install",
-    preinstall: "echo '\u{1F916} Installing X CLI...'",
-    postinstall: `echo '==================================================' && echo '\u2705 X CLI installed successfully!' && echo '==================================================' && echo '\u{1F680} Try: xcli --help' && echo '\u{1F4A1} If "command not found", add to PATH:' && node -e "const p=process.platform;const isMac=p==='darwin';const isLinux=p==='linux';if(isMac||isLinux){const shell=isMac?'zshrc':'bashrc';console.log((isMac?'\u{1F34E} Mac':'\u{1F427} Linux')+': echo \\'export PATH=\\"$(npm config get prefix)/bin:$PATH\\"\\' >> ~/.'+shell+' && source ~/.'+shell);}" && echo '\u{1F4D6} Docs: https://github.com/hinetapora/x-cli-hurry-mode#installation' && echo '\u{1F511} Set API key: export GROK_API_KEY=your_key_here' && echo '==================================================' && echo '\u{1F527} Auto-setup PATH? Press Enter to add (or Ctrl+C to skip)' && read -t 10 && node -e "const fs=require('fs');const p=process.platform;const isMac=p==='darwin';const isLinux=p==='linux';if(isMac||isLinux){const shellFile=isMac?'.zshrc':'.bashrc';const rcPath=process.env.HOME+'/'+shellFile;const pathCmd='export PATH=\\"$(npm config get prefix)/bin:$PATH\\"';try{const content=fs.readFileSync(rcPath,'utf8');if(!content.includes(pathCmd)){fs.appendFileSync(rcPath,'\\n'+pathCmd+'\\n');console.log('\u2705 Added to ~/'+shellFile+' - restart terminal');}else{console.log('\u2139\uFE0F Already in ~/'+shellFile);}}catch(e){console.log('\u26A0\uFE0F Could not modify ~/'+shellFile+' - add manually');}}" && echo '\u{1F50D} Verifying: ' && xcli --version 2>/dev/null || echo '\u26A0\uFE0F xcli not in PATH yet - follow above steps'`,
-    prepare: "husky install",
-    "dev:site": "cd apps/site && npm run start",
-    "build:site": "cd apps/site && npm run build",
-    "sync:docs": "cd apps/site && node src/scripts/sync-agent-docs.js",
-    "smart-push": "./scripts/smart-push.sh"
-  },
-  "lint-staged": {
-    "*.{ts,tsx}": [
-      "eslint --fix"
-    ],
-    "*.{js,jsx,mjs}": [
-      "eslint --fix"
-    ],
-    "*.{md,mdx}": [
-      "prettier --write"
-    ],
-    "*.{json,yml,yaml}": [
-      "prettier --write"
-    ]
-  },
-  keywords: [
-    "cli",
-    "agent",
-    "text-editor",
-    "grok",
-    "ai"
-  ],
-  author: "grok_cli",
-  license: "MIT",
-  dependencies: {
-    "@modelcontextprotocol/sdk": "^1.17.0",
-    "@types/marked-terminal": "^6.1.1",
-    "@typescript-eslint/typescript-estree": "^8.46.0",
-    ajv: "^8.17.1",
-    "ajv-formats": "^3.0.1",
-    axios: "^1.7.0",
-    cfonts: "^3.3.0",
-    chalk: "^5.3.0",
-    chokidar: "^4.0.3",
-    "cli-highlight": "^2.1.11",
-    commander: "^12.0.0",
-    dotenv: "^16.4.0",
-    enquirer: "^2.4.1",
-    "fs-extra": "^11.2.0",
-    "fuse.js": "^7.1.0",
-    glob: "^11.0.3",
-    ink: "^4.4.1",
-    "js-yaml": "^4.1.0",
-    marked: "^15.0.12",
-    "marked-terminal": "^7.3.0",
-    openai: "^5.10.1",
-    react: "^18.3.1",
-    "ripgrep-node": "^1.0.0",
-    "terminal-image": "^4.0.0",
-    tiktoken: "^1.0.21"
-  },
-  devDependencies: {
-    "@eslint/js": "^9.37.0",
-    "@types/fs-extra": "^11.0.2",
-    "@types/node": "^20.8.0",
-    "@types/react": "^18.3.3",
-    "@typescript-eslint/eslint-plugin": "^8.37.0",
-    "@typescript-eslint/parser": "^8.37.0",
-    esbuild: "^0.25.10",
-    eslint: "^9.31.0",
-    husky: "^9.1.7",
-    "lint-staged": "^16.2.4",
-    prettier: "^3.6.2",
-    tsup: "^8.5.0",
-    tsx: "^4.0.0"
-  },
-  engines: {
-    node: ">=18.0.0"
-  },
-  preferGlobal: true,
-  repository: {
-    type: "git",
-    url: "https://github.com/x-cli-team/x-cli.git"
-  },
-  bugs: {
-    url: "https://github.com/x-cli-team/x-cli/issues"
-  },
-  homepage: "https://grokcli.dev",
-  icon: "docs/assets/logos/x-cli-logo.svg",
-  publishConfig: {
-    access: "public"
-  },
-  installConfig: {
-    hoisting: false
-  },
-  optionalDependencies: {
-    "tree-sitter": "^0.21.1",
-    "tree-sitter-javascript": "^0.21.2",
-    "tree-sitter-python": "^0.21.0",
-    "tree-sitter-typescript": "^0.21.2"
-  },
-  trustedDependencies: [
-    "esbuild",
-    "tree-sitter",
-    "tree-sitter-javascript",
-    "tree-sitter-python",
-    "tree-sitter-typescript"
-  ]
-};
-
 // src/utils/text-utils.ts
 function isWordBoundary(char) {
   if (!char) return true;
@@ -14794,107 +14650,251 @@ ${guardrail.createdFrom ? `- Created from incident: ${guardrail.createdFrom}` :
     return { ...this.config };
   }
 };
-var execAsync3 = promisify(exec);
-async function checkForUpdates() {
-  try {
-    const { stdout } = await execAsync3(`npm view ${package_default.name} version`, {
-      timeout: 5e3
-    });
-    const latestVersion = stdout.trim();
-    const currentVersion = package_default.version;
-    const isUpdateAvailable = latestVersion !== currentVersion && isNewerVersion(latestVersion, currentVersion);
-    return {
-      current: currentVersion,
-      latest: latestVersion,
-      isUpdateAvailable,
-      updateCommand: `npm update -g ${package_default.name}@latest`
-    };
-  } catch {
-    return {
-      current: package_default.version,
-      latest: package_default.version,
-      isUpdateAvailable: false,
-      updateCommand: `npm update -g ${package_default.name}@latest`
-    };
-  }
-}
-function isNewerVersion(version1, version2) {
-  const v1Parts = version1.split(".").map(Number);
-  const v2Parts = version2.split(".").map(Number);
-  for (let i = 0; i < Math.max(v1Parts.length, v2Parts.length); i++) {
-    const v1Part = v1Parts[i] || 0;
-    const v2Part = v2Parts[i] || 0;
-    if (v1Part > v2Part) return true;
-    if (v1Part < v2Part) return false;
-  }
-  return false;
-}
-async function autoUpgrade() {
-  try {
-    console.log("\u{1F504} Upgrading X-CLI...");
-    await execAsync3(`npm update -g ${package_default.name}@latest`, {
-      timeout: 3e4
-    });
-    console.log("\u2705 Upgrade completed! Please restart the CLI.");
-    return true;
-  } catch (error) {
-    console.error("\u274C Auto-upgrade failed:", error);
-    return false;
-  }
-}
-var cachedVersionInfo = null;
-var lastCheckTime = 0;
-var CHECK_INTERVAL = 6 * 60 * 60 * 1e3;
-async function getCachedVersionInfo() {
-  const now = Date.now();
-  if (cachedVersionInfo && now - lastCheckTime < CHECK_INTERVAL) {
-    return cachedVersionInfo;
-  }
-  try {
-    cachedVersionInfo = await checkForUpdates();
-    lastCheckTime = now;
-    return cachedVersionInfo;
-  } catch {
-    return null;
-  }
-}
 
-// src/hooks/use-input-handler.ts
-init_settings_manager();
-function useInputHandler({
-  agent,
-  chatHistory,
-  setChatHistory,
-  setIsProcessing,
-  setIsStreaming,
-  setTokenCount,
-  setProcessingTime,
-  processingStartTime,
-  isProcessing,
-  isStreaming,
-  isConfirmationActive = false,
-  onGlobalShortcut
-}) {
-  const [showCommandSuggestions, setShowCommandSuggestions] = useState(false);
-  const [selectedCommandIndex, setSelectedCommandIndex] = useState(0);
-  const [showModelSelection, setShowModelSelection] = useState(false);
-  const [selectedModelIndex, setSelectedModelIndex] = useState(0);
-  const [autoEditEnabled, setAutoEditEnabled] = useState(() => {
-    const confirmationService = ConfirmationService.getInstance();
-    const sessionFlags = confirmationService.getSessionFlags();
-    return sessionFlags.allOperations;
-  });
-  const [shiftTabPressCount, setShiftTabPressCount] = useState(0);
-  const [lastShiftTabTime, setLastShiftTabTime] = useState(0);
-  const [verbosityLevel, setVerbosityLevel] = useState(() => {
-    try {
-      const manager = getSettingsManager();
-      return manager.getUserSetting("verbosityLevel") || "quiet";
-    } catch {
-      return "quiet";
+// package.json
+var package_default = {
+  type: "module",
+  name: "@xagent/x-cli",
+  version: "1.1.62",
+  description: "An open-source AI agent that brings the power of Grok directly into your terminal.",
+  main: "dist/index.js",
+  module: "dist/index.js",
+  types: "dist/index.d.ts",
+  exports: {
+    ".": {
+      types: "./dist/index.d.ts",
+      import: "./dist/index.js"
     }
-  });
-  const [explainLevel, setExplainLevel] = useState(() => {
+  },
+  bin: {
+    xcli: "dist/index.js"
+  },
+  files: [
+    "dist/**/*",
+    ".xcli/**/*",
+    "README.md",
+    "LICENSE",
+    "docs/assets/logos/**/*"
+  ],
+  scripts: {
+    build: "tsup",
+    "build:tsc": "tsc",
+    dev: "npm run build && node dist/index.js",
+    "dev:node": "tsx src/index.ts",
+    "dev:watch": "npm run build && node --watch dist/index.js",
+    start: "node dist/index.js",
+    local: "npm run build && npm link && node dist/index.js",
+    "start:bun": "bun run dist/index.js",
+    lint: "eslint . --ext .js,.jsx,.ts,.tsx",
+    typecheck: "tsc --noEmit",
+    "install:bun": "bun install",
+    preinstall: "echo '\u{1F916} Installing X CLI...'",
+    postinstall: `echo '==================================================' && echo '\u2705 X CLI installed successfully!' && echo '==================================================' && echo '\u{1F680} Try: xcli --help' && echo '\u{1F4A1} If "command not found", add to PATH:' && node -e "const p=process.platform;const isMac=p==='darwin';const isLinux=p==='linux';if(isMac||isLinux){const shell=isMac?'zshrc':'bashrc';console.log((isMac?'\u{1F34E} Mac':'\u{1F427} Linux')+': echo \\'export PATH=\\"$(npm config get prefix)/bin:$PATH\\"\\' >> ~/.'+shell+' && source ~/.'+shell);}" && echo '\u{1F4D6} Docs: https://github.com/hinetapora/x-cli-hurry-mode#installation' && echo '\u{1F511} Set API key: export GROK_API_KEY=your_key_here' && echo '==================================================' && echo '\u{1F527} Auto-setup PATH? Press Enter to add (or Ctrl+C to skip)' && read -t 10 && node -e "const fs=require('fs');const p=process.platform;const isMac=p==='darwin';const isLinux=p==='linux';if(isMac||isLinux){const shellFile=isMac?'.zshrc':'.bashrc';const rcPath=process.env.HOME+'/'+shellFile;const pathCmd='export PATH=\\"$(npm config get prefix)/bin:$PATH\\"';try{const content=fs.readFileSync(rcPath,'utf8');if(!content.includes(pathCmd)){fs.appendFileSync(rcPath,'\\n'+pathCmd+'\\n');console.log('\u2705 Added to ~/'+shellFile+' - restart terminal');}else{console.log('\u2139\uFE0F Already in ~/'+shellFile);}}catch(e){console.log('\u26A0\uFE0F Could not modify ~/'+shellFile+' - add manually');}}" && echo '\u{1F50D} Verifying: ' && xcli --version 2>/dev/null || echo '\u26A0\uFE0F xcli not in PATH yet - follow above steps'`,
+    prepare: "husky install",
+    "dev:site": "cd apps/site && npm run start",
+    "build:site": "cd apps/site && npm run build",
+    "sync:docs": "cd apps/site && node src/scripts/sync-agent-docs.js",
+    "smart-push": "./scripts/smart-push.sh"
+  },
+  "lint-staged": {
+    "*.{ts,tsx}": [
+      "eslint --fix"
+    ],
+    "*.{js,jsx,mjs}": [
+      "eslint --fix"
+    ],
+    "*.{md,mdx}": [
+      "prettier --write"
+    ],
+    "*.{json,yml,yaml}": [
+      "prettier --write"
+    ]
+  },
+  keywords: [
+    "cli",
+    "agent",
+    "text-editor",
+    "grok",
+    "ai"
+  ],
+  author: "grok_cli",
+  license: "MIT",
+  dependencies: {
+    "@modelcontextprotocol/sdk": "^1.17.0",
+    "@types/marked-terminal": "^6.1.1",
+    "@typescript-eslint/typescript-estree": "^8.46.0",
+    ajv: "^8.17.1",
+    "ajv-formats": "^3.0.1",
+    axios: "^1.7.0",
+    cfonts: "^3.3.0",
+    chalk: "^5.3.0",
+    chokidar: "^4.0.3",
+    "cli-highlight": "^2.1.11",
+    commander: "^12.0.0",
+    dotenv: "^16.4.0",
+    enquirer: "^2.4.1",
+    "fs-extra": "^11.2.0",
+    "fuse.js": "^7.1.0",
+    glob: "^11.0.3",
+    ink: "^4.4.1",
+    "js-yaml": "^4.1.0",
+    marked: "^15.0.12",
+    "marked-terminal": "^7.3.0",
+    openai: "^5.10.1",
+    react: "^18.3.1",
+    "ripgrep-node": "^1.0.0",
+    "terminal-image": "^4.0.0",
+    tiktoken: "^1.0.21"
+  },
+  devDependencies: {
+    "@eslint/js": "^9.37.0",
+    "@types/fs-extra": "^11.0.2",
+    "@types/node": "^20.8.0",
+    "@types/react": "^18.3.3",
+    "@typescript-eslint/eslint-plugin": "^8.37.0",
+    "@typescript-eslint/parser": "^8.37.0",
+    esbuild: "^0.25.10",
+    eslint: "^9.31.0",
+    husky: "^9.1.7",
+    "lint-staged": "^16.2.4",
+    prettier: "^3.6.2",
+    tsup: "^8.5.0",
+    tsx: "^4.0.0"
+  },
+  engines: {
+    node: ">=18.0.0"
+  },
+  preferGlobal: true,
+  repository: {
+    type: "git",
+    url: "https://github.com/x-cli-team/x-cli.git"
+  },
+  bugs: {
+    url: "https://github.com/x-cli-team/x-cli/issues"
+  },
+  homepage: "https://grokcli.dev",
+  icon: "docs/assets/logos/x-cli-logo.svg",
+  publishConfig: {
+    access: "public"
+  },
+  installConfig: {
+    hoisting: false
+  },
+  optionalDependencies: {
+    "tree-sitter": "^0.21.1",
+    "tree-sitter-javascript": "^0.21.2",
+    "tree-sitter-python": "^0.21.0",
+    "tree-sitter-typescript": "^0.21.2"
+  },
+  trustedDependencies: [
+    "esbuild",
+    "tree-sitter",
+    "tree-sitter-javascript",
+    "tree-sitter-python",
+    "tree-sitter-typescript"
+  ]
+};
+var execAsync3 = promisify(exec);
+async function checkForUpdates() {
+  try {
+    const { stdout } = await execAsync3(`npm view ${package_default.name} version`, {
+      timeout: 5e3
+    });
+    const latestVersion = stdout.trim();
+    const currentVersion = package_default.version;
+    const isUpdateAvailable = latestVersion !== currentVersion && isNewerVersion(latestVersion, currentVersion);
+    return {
+      current: currentVersion,
+      latest: latestVersion,
+      isUpdateAvailable,
+      updateCommand: `npm update -g ${package_default.name}@latest`
+    };
+  } catch {
+    return {
+      current: package_default.version,
+      latest: package_default.version,
+      isUpdateAvailable: false,
+      updateCommand: `npm update -g ${package_default.name}@latest`
+    };
+  }
+}
+function isNewerVersion(version1, version2) {
+  const v1Parts = version1.split(".").map(Number);
+  const v2Parts = version2.split(".").map(Number);
+  for (let i = 0; i < Math.max(v1Parts.length, v2Parts.length); i++) {
+    const v1Part = v1Parts[i] || 0;
+    const v2Part = v2Parts[i] || 0;
+    if (v1Part > v2Part) return true;
+    if (v1Part < v2Part) return false;
+  }
+  return false;
+}
+async function autoUpgrade() {
+  try {
+    console.log("\u{1F504} Upgrading X-CLI...");
+    await execAsync3(`npm update -g ${package_default.name}@latest`, {
+      timeout: 3e4
+    });
+    console.log("\u2705 Upgrade completed! Please restart the CLI.");
+    return true;
+  } catch (error) {
+    console.error("\u274C Auto-upgrade failed:", error);
+    return false;
+  }
+}
+var cachedVersionInfo = null;
+var lastCheckTime = 0;
+var CHECK_INTERVAL = 6 * 60 * 60 * 1e3;
+async function getCachedVersionInfo() {
+  const now = Date.now();
+  if (cachedVersionInfo && now - lastCheckTime < CHECK_INTERVAL) {
+    return cachedVersionInfo;
+  }
+  try {
+    cachedVersionInfo = await checkForUpdates();
+    lastCheckTime = now;
+    return cachedVersionInfo;
+  } catch {
+    return null;
+  }
+}
+
+// src/hooks/use-input-handler.ts
+init_settings_manager();
+function useInputHandler({
+  agent,
+  chatHistory,
+  setChatHistory,
+  setIsProcessing,
+  setIsStreaming,
+  setTokenCount,
+  setProcessingTime,
+  processingStartTime,
+  isProcessing,
+  isStreaming,
+  isConfirmationActive = false,
+  onGlobalShortcut
+}) {
+  const [showCommandSuggestions, setShowCommandSuggestions] = useState(false);
+  const [selectedCommandIndex, setSelectedCommandIndex] = useState(0);
+  const [showModelSelection, setShowModelSelection] = useState(false);
+  const [selectedModelIndex, setSelectedModelIndex] = useState(0);
+  const [autoEditEnabled, setAutoEditEnabled] = useState(() => {
+    const confirmationService = ConfirmationService.getInstance();
+    const sessionFlags = confirmationService.getSessionFlags();
+    return sessionFlags.allOperations;
+  });
+  const [shiftTabPressCount, setShiftTabPressCount] = useState(0);
+  const [lastShiftTabTime, setLastShiftTabTime] = useState(0);
+  const [verbosityLevel, setVerbosityLevel] = useState(() => {
+    try {
+      const manager = getSettingsManager();
+      return manager.getUserSetting("verbosityLevel") || "quiet";
+    } catch {
+      return "quiet";
+    }
+  });
+  const [explainLevel, setExplainLevel] = useState(() => {
     try {
       const manager = getSettingsManager();
       return manager.getUserSetting("explainLevel") || "brief";
@@ -16564,842 +16564,632 @@ Operations will now ${newLevel === "off" ? "show no explanations" : newLevel ===
     planMode
   };
 }
-
-// src/ui/colors.ts
-var inkColors = {
-  primary: "cyan",
-  success: "green",
-  warning: "yellow",
-  error: "red",
-  info: "blue",
-  muted: "gray",
-  accent: "magenta",
-  text: "white",
-  successBright: "greenBright",
-  accentBright: "magentaBright"
-};
-function getSpinnerColor(operation) {
-  switch (operation.toLowerCase()) {
-    case "search":
-    case "indexing":
-    case "scanning":
-      return "info";
-    case "process":
-    case "thinking":
-    case "analyzing":
-      return "warning";
-    case "write":
-    case "edit":
-    case "create":
-      return "success";
-    case "compact":
-    case "optimize":
-    case "memory":
-      return "accent";
-    default:
-      return "primary";
-  }
-}
-var operationConfig = {
-  thinking: {
-    icon: "\u{1F9E0}",
-    spinner: "\u280B\u2819\u2839\u2838\u283C\u2834\u2826\u2827\u2807\u280F",
-    messages: ["Thinking...", "Processing...", "Analyzing...", "Computing...", "Reasoning..."]
-  },
-  search: {
-    icon: "\u{1F50D}",
-    spinner: "\u280B\u2819\u2839\u2838\u283C\u2834\u2826\u2827\u2807\u280F",
-    messages: ["Searching...", "Scanning files...", "Finding matches...", "Indexing..."]
-  },
-  indexing: {
-    icon: "\u{1F4C2}",
-    spinner: "\u280B\u2819\u2839\u2838\u283C\u2834\u2826\u2827\u2807\u280F",
-    messages: ["Indexing workspace...", "Building context...", "Mapping relationships..."]
-  },
-  write: {
-    icon: "\u{1F4DD}",
-    spinner: "\u280B\u2819\u2839\u2838\u283C\u2834\u2826\u2827\u2807\u280F",
-    messages: ["Writing file...", "Saving changes...", "Updating content..."]
-  },
-  edit: {
-    icon: "\u270F\uFE0F",
-    spinner: "\u280B\u2819\u2839\u2838\u283C\u2834\u2826\u2827\u2807\u280F",
-    messages: ["Editing file...", "Applying changes...", "Modifying content..."]
-  },
-  compact: {
-    icon: "\u{1F504}",
-    spinner: "\u280B\u2819\u2839\u2838\u283C\u2834\u2826\u2827\u2807\u280F",
-    messages: ["Compacting context...", "Optimizing memory...", "Refreshing session..."]
-  },
-  analyze: {
-    icon: "\u{1F52C}",
-    spinner: "\u280B\u2819\u2839\u2838\u283C\u2834\u2826\u2827\u2807\u280F",
-    messages: ["Analyzing code...", "Understanding structure...", "Mapping dependencies..."]
-  },
-  process: {
-    icon: "\u26A1",
-    spinner: "\u280B\u2819\u2839\u2838\u283C\u2834\u2826\u2827\u2807\u280F",
-    messages: ["Processing...", "Working...", "Computing...", "Executing..."]
-  }
-};
-function LoadingSpinner({
-  isActive,
-  processingTime,
-  tokenCount,
-  operation = "thinking",
-  message,
-  progress
-}) {
-  const [frameIndex, setFrameIndex] = useState(0);
-  const [messageIndex, setMessageIndex] = useState(0);
-  const config2 = operationConfig[operation];
-  const spinnerChar = config2.spinner[frameIndex % config2.spinner.length];
-  const operationMessage = message || config2.messages[messageIndex % config2.messages.length];
-  const color = getSpinnerColor(operation);
-  useEffect(() => {
-    if (!isActive) return;
-    const interval = setInterval(() => {
-      setFrameIndex((prev) => prev + 1);
-    }, 80);
-    return () => clearInterval(interval);
-  }, [isActive]);
-  useEffect(() => {
-    if (!isActive) return;
-    const messageInterval = setInterval(() => {
-      setMessageIndex((prev) => prev + 1);
-    }, 80 * config2.spinner.length * 3);
-    return () => clearInterval(messageInterval);
-  }, [isActive, config2.spinner.length]);
-  if (!isActive) return null;
-  const renderProgressBar = () => {
-    if (progress === void 0) return null;
-    const barLength = 20;
-    const filled = Math.round(progress / 100 * barLength);
-    const empty = barLength - filled;
-    const progressBar = "\u2588".repeat(filled) + "\u2591".repeat(empty);
-    return /* @__PURE__ */ jsxs(Text, { color: inkColors.muted, children: [
-      " ",
-      "[",
-      /* @__PURE__ */ jsx(Text, { color, children: progressBar }),
-      "] ",
-      progress,
-      "%"
-    ] });
+init_settings_manager();
+function ApiKeyInput({ onApiKeySet }) {
+  const [input, setInput] = useState("");
+  const [error, setError] = useState("");
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const { exit } = useApp();
+  useInput((inputChar, key) => {
+    if (isSubmitting) return;
+    if (key.ctrl && inputChar === "c") {
+      exit();
+      return;
+    }
+    if (key.return) {
+      handleSubmit();
+      return;
+    }
+    if (key.backspace || key.delete) {
+      setInput((prev) => prev.slice(0, -1));
+      setError("");
+      return;
+    }
+    if (inputChar && !key.ctrl && !key.meta) {
+      setInput((prev) => prev + inputChar);
+      setError("");
+    }
+  });
+  const handleSubmit = async () => {
+    if (!input.trim()) {
+      setError("API key cannot be empty");
+      return;
+    }
+    setIsSubmitting(true);
+    try {
+      const apiKey = input.trim();
+      const agent = new GrokAgent(apiKey);
+      process.env.GROK_API_KEY = apiKey;
+      try {
+        const manager = getSettingsManager();
+        manager.updateUserSetting("apiKey", apiKey);
+        console.log(`
+\u2705 API key saved to ~/.grok/user-settings.json`);
+      } catch {
+        console.log("\n\u26A0\uFE0F Could not save API key to settings file");
+        console.log("API key set for current session only");
+      }
+      onApiKeySet(agent);
+    } catch {
+      setError("Invalid API key format");
+      setIsSubmitting(false);
+    }
   };
-  return /* @__PURE__ */ jsxs(Box, { marginTop: 1, children: [
-    /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsxs(Text, { color, children: [
-        config2.icon,
-        " ",
-        spinnerChar,
-        " ",
-        operationMessage
-      ] }),
-      renderProgressBar()
+  const displayText = input.length > 0 ? isSubmitting ? "*".repeat(input.length) : "*".repeat(input.length) + "\u2588" : isSubmitting ? " " : "\u2588";
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+    /* @__PURE__ */ jsx(Text, { color: "yellow", children: "\u{1F511} Grok API Key Required" }),
+    /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsx(Text, { color: "gray", children: "Please enter your Grok API key to continue:" }) }),
+    /* @__PURE__ */ jsxs(Box, { borderStyle: "round", borderColor: "blue", paddingX: 1, marginBottom: 1, children: [
+      /* @__PURE__ */ jsx(Text, { color: "gray", children: "\u276F " }),
+      /* @__PURE__ */ jsx(Text, { children: displayText })
     ] }),
-    /* @__PURE__ */ jsxs(Text, { color: inkColors.muted, children: [
-      " ",
-      "(",
-      processingTime,
-      "s \xB7 \u2191 ",
-      formatTokenCount(tokenCount),
-      " tokens \xB7 esc to interrupt)"
-    ] })
+    error ? /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsxs(Text, { color: "red", children: [
+      "\u274C ",
+      error
+    ] }) }) : null,
+    /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
+      /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: "\u2022 Press Enter to submit" }),
+      /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: "\u2022 Press Ctrl+C to exit" }),
+      /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: "Note: API key will be saved to ~/.grok/user-settings.json" })
+    ] }),
+    isSubmitting ? /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "yellow", children: "\u{1F504} Validating API key..." }) }) : null
   ] });
 }
-function ModelSelection({
-  models,
-  selectedIndex,
-  isVisible,
-  currentModel
-}) {
-  if (!isVisible) return null;
-  return /* @__PURE__ */ jsxs(Box, { marginTop: 1, flexDirection: "column", children: [
-    /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsxs(Text, { color: "cyan", children: [
-      "Select Grok Model (current: ",
-      currentModel,
-      "):"
-    ] }) }),
-    models.map((modelOption, index) => /* @__PURE__ */ jsx(Box, { paddingLeft: 1, children: /* @__PURE__ */ jsx(
-      Text,
-      {
-        color: index === selectedIndex ? "black" : "white",
-        backgroundColor: index === selectedIndex ? "cyan" : void 0,
-        children: modelOption.model
+function useContextInfo(agent) {
+  const [contextInfo, setContextInfo] = useState({
+    workspaceFiles: 0,
+    indexSize: "0 MB",
+    sessionFiles: 0,
+    activeTokens: 0,
+    lastActivity: "Now",
+    memoryPressure: "low",
+    isLoading: true,
+    messagesCount: 0,
+    loadedFiles: [],
+    contextHealth: "optimal"
+  });
+  const updateContextInfo = async () => {
+    try {
+      let tokenUsage;
+      let messagesCount = 0;
+      let loadedFiles = [];
+      let contextHealth = "optimal";
+      if (agent) {
+        const modelName = agent.getCurrentModel?.() || "grok-code-fast-1";
+        const maxTokens = getMaxTokensForModel(modelName);
+        const estimatedTokens = Math.floor(Math.random() * 1e3) + 500;
+        messagesCount = Math.floor(Math.random() * 10) + 1;
+        const tokenPercent = Math.round(estimatedTokens / maxTokens * 100);
+        tokenUsage = {
+          current: estimatedTokens,
+          max: maxTokens,
+          percent: tokenPercent
+        };
+        if (tokenPercent >= 95) contextHealth = "critical";
+        else if (tokenPercent >= 80) contextHealth = "degraded";
+        else contextHealth = "optimal";
+        loadedFiles = [];
       }
-    ) }, index)),
-    /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: "\u2191\u2193 navigate \u2022 Enter/Tab select \u2022 Esc cancel" }) })
-  ] });
-}
-
-// src/ui/utils/colors.ts
-var Colors = {
-  AccentYellow: "yellow",
-  Gray: "gray"};
-var MaxSizedBox = ({
-  maxHeight: _maxHeight,
-  maxWidth: _maxWidth,
-  children,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      flexDirection: "column",
-      ...props,
-      children
-    }
-  );
-};
-function parseDiffWithLineNumbers(diffContent) {
-  const lines = diffContent.split("\n");
-  const result = [];
-  let currentOldLine = 0;
-  let currentNewLine = 0;
-  let inHunk = false;
-  const hunkHeaderRegex = /^@@ -(\d+),?\d* \+(\d+),?\d* @@/;
-  for (const line of lines) {
-    const hunkMatch = line.match(hunkHeaderRegex);
-    if (hunkMatch) {
-      currentOldLine = parseInt(hunkMatch[1], 10);
-      currentNewLine = parseInt(hunkMatch[2], 10);
-      inHunk = true;
-      result.push({ type: "hunk", content: line });
-      currentOldLine--;
-      currentNewLine--;
-      continue;
-    }
-    if (!inHunk) {
-      if (line.startsWith("--- ") || line.startsWith("+++ ") || line.startsWith("diff --git") || line.startsWith("index ") || line.startsWith("similarity index") || line.startsWith("rename from") || line.startsWith("rename to") || line.startsWith("new file mode") || line.startsWith("deleted file mode"))
-        continue;
-      continue;
+      const info = {
+        workspaceFiles: await getWorkspaceFileCount(),
+        indexSize: await getIndexSize(),
+        sessionFiles: await getSessionFileCount(),
+        activeTokens: tokenUsage?.current || 0,
+        lastActivity: "Now",
+        gitBranch: await getGitBranch(),
+        projectName: await getProjectName(),
+        memoryPressure: getMemoryPressure(),
+        isLoading: false,
+        tokenUsage,
+        messagesCount,
+        loadedFiles,
+        contextHealth
+      };
+      setContextInfo(info);
+    } catch (error) {
+      console.warn("[ContextInfo] Failed to update context:", error);
+      setContextInfo((prev) => ({ ...prev, isLoading: false }));
     }
-    if (line.startsWith("+")) {
-      currentNewLine++;
-      result.push({
-        type: "add",
-        newLine: currentNewLine,
-        content: line.substring(1)
-      });
-    } else if (line.startsWith("-")) {
-      currentOldLine++;
-      result.push({
-        type: "del",
-        oldLine: currentOldLine,
-        content: line.substring(1)
-      });
-    } else if (line.startsWith(" ")) {
-      currentOldLine++;
-      currentNewLine++;
-      result.push({
-        type: "context",
-        oldLine: currentOldLine,
-        newLine: currentNewLine,
-        content: line.substring(1)
-      });
-    } else if (line.startsWith("\\")) {
-      result.push({ type: "other", content: line });
+  };
+  useEffect(() => {
+    updateContextInfo();
+    const interval = setInterval(updateContextInfo, 1e4);
+    return () => clearInterval(interval);
+  }, []);
+  return {
+    contextInfo,
+    updateContextInfo,
+    refreshContext: updateContextInfo
+  };
+}
+async function getWorkspaceFileCount() {
+  try {
+    const cwd = process.cwd();
+    const entries = await fs__default.promises.readdir(cwd, { withFileTypes: true });
+    let count = 0;
+    for (const entry of entries) {
+      if (entry.isFile() && !shouldIgnoreFile(entry.name)) {
+        count++;
+      } else if (entry.isDirectory() && !shouldIgnoreDirectory(entry.name)) {
+        try {
+          const subEntries = await fs__default.promises.readdir(path7__default.join(cwd, entry.name), { withFileTypes: true });
+          count += subEntries.filter((sub) => sub.isFile() && !shouldIgnoreFile(sub.name)).length;
+        } catch {
+        }
+      }
     }
+    return count;
+  } catch {
+    return 0;
   }
-  return result;
 }
-var DEFAULT_TAB_WIDTH = 4;
-var DiffRenderer = ({
-  diffContent,
-  filename,
-  tabWidth = DEFAULT_TAB_WIDTH,
-  availableTerminalHeight,
-  terminalWidth = 80
-}) => {
-  if (!diffContent || typeof diffContent !== "string") {
-    return /* @__PURE__ */ jsx(Text, { color: Colors.AccentYellow, children: "No diff content." });
-  }
-  const lines = diffContent.split("\n");
-  const firstLine = lines[0];
-  let actualDiffContent = diffContent;
-  if (firstLine && (firstLine.startsWith("Updated ") || firstLine.startsWith("Created "))) {
-    actualDiffContent = lines.slice(1).join("\n");
+function shouldIgnoreFile(filename) {
+  return filename.startsWith(".") || filename.endsWith(".log") || filename.includes(".tmp");
+}
+function shouldIgnoreDirectory(dirname5) {
+  const ignoreDirs = ["node_modules", ".git", "dist", "build", ".next", "coverage"];
+  return ignoreDirs.includes(dirname5) || dirname5.startsWith(".");
+}
+async function getIndexSize() {
+  try {
+    const indexPath = path7__default.join(process.cwd(), ".grok", "index.json");
+    if (fs__default.existsSync(indexPath)) {
+      const stats = await fs__default.promises.stat(indexPath);
+      const mb = stats.size / (1024 * 1024);
+      return mb > 1 ? `${mb.toFixed(1)} MB` : `${(stats.size / 1024).toFixed(1)} KB`;
+    }
+  } catch {
   }
-  const parsedLines = parseDiffWithLineNumbers(actualDiffContent);
-  if (parsedLines.length === 0) {
-    return /* @__PURE__ */ jsx(Text, { dimColor: true, children: "No changes detected." });
+  return "0 MB";
+}
+async function getSessionFileCount() {
+  try {
+    const sessionPath = path7__default.join(os__default.homedir(), ".grok", "session.log");
+    if (fs__default.existsSync(sessionPath)) {
+      const content = await fs__default.promises.readFile(sessionPath, "utf8");
+      return content.split("\n").filter((line) => line.trim()).length;
+    }
+  } catch {
   }
-  const renderedOutput = renderDiffContent(
-    parsedLines,
-    filename,
-    tabWidth,
-    availableTerminalHeight,
-    terminalWidth
-  );
-  return /* @__PURE__ */ jsx(Fragment, { children: renderedOutput });
-};
-var renderDiffContent = (parsedLines, filename, tabWidth = DEFAULT_TAB_WIDTH, availableTerminalHeight, terminalWidth) => {
-  const normalizedLines = parsedLines.map((line) => ({
-    ...line,
-    content: line.content.replace(/\t/g, " ".repeat(tabWidth))
-  }));
-  const displayableLines = normalizedLines.filter(
-    (l) => l.type !== "hunk" && l.type !== "other"
-  );
-  if (displayableLines.length === 0) {
-    return /* @__PURE__ */ jsx(Text, { dimColor: true, children: "No changes detected." });
+  return 0;
+}
+async function getGitBranch() {
+  try {
+    const gitPath = path7__default.join(process.cwd(), ".git", "HEAD");
+    if (fs__default.existsSync(gitPath)) {
+      const content = await fs__default.promises.readFile(gitPath, "utf8");
+      const match = content.match(/ref: refs\/heads\/(.+)/);
+      return match ? match[1].trim() : "detached";
+    }
+  } catch {
   }
-  let baseIndentation = Infinity;
-  for (const line of displayableLines) {
-    if (line.content.trim() === "") continue;
-    const firstCharIndex = line.content.search(/\S/);
-    const currentIndent = firstCharIndex === -1 ? 0 : firstCharIndex;
-    baseIndentation = Math.min(baseIndentation, currentIndent);
+  return void 0;
+}
+async function getProjectName() {
+  try {
+    const packagePath = path7__default.join(process.cwd(), "package.json");
+    if (fs__default.existsSync(packagePath)) {
+      const content = await fs__default.promises.readFile(packagePath, "utf8");
+      const pkg = JSON.parse(content);
+      return pkg.name;
+    }
+  } catch {
   }
-  if (!isFinite(baseIndentation)) {
-    baseIndentation = 0;
+  return path7__default.basename(process.cwd());
+}
+function getMemoryPressure() {
+  try {
+    const memUsage = process.memoryUsage();
+    const heapUsedMB = memUsage.heapUsed / 1024 / 1024;
+    if (heapUsedMB > 200) return "high";
+    if (heapUsedMB > 100) return "medium";
+    return "low";
+  } catch {
+    return "low";
   }
-  const key = filename ? `diff-box-${filename}` : `diff-box-${crypto.createHash("sha1").update(JSON.stringify(parsedLines)).digest("hex")}`;
-  let lastLineNumber = null;
-  const MAX_CONTEXT_LINES_WITHOUT_GAP = 5;
-  return /* @__PURE__ */ jsx(
-    MaxSizedBox,
-    {
-      maxHeight: availableTerminalHeight,
-      maxWidth: terminalWidth,
-      children: displayableLines.reduce((acc, line, index) => {
-        let relevantLineNumberForGapCalc = null;
-        if (line.type === "add" || line.type === "context") {
-          relevantLineNumberForGapCalc = line.newLine ?? null;
-        } else if (line.type === "del") {
-          relevantLineNumberForGapCalc = line.oldLine ?? null;
-        }
-        if (lastLineNumber !== null && relevantLineNumberForGapCalc !== null && relevantLineNumberForGapCalc > lastLineNumber + MAX_CONTEXT_LINES_WITHOUT_GAP + 1) {
-          acc.push(
-            /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Text, { wrap: "truncate", children: "\u2550".repeat(terminalWidth) }) }, `gap-${index}`)
-          );
+}
+function getMaxTokensForModel(modelName) {
+  const modelLimits = {
+    "grok-code-fast-1": 128e3,
+    "grok-4-latest": 2e5,
+    "grok-3-latest": 2e5,
+    "grok-3-fast": 128e3,
+    "grok-3-mini-fast": 64e3,
+    "claude-sonnet-4": 2e5,
+    "claude-opus-4": 2e5,
+    "gpt-4o": 128e3,
+    "gpt-4": 32e3
+  };
+  return modelLimits[modelName] || 128e3;
+}
+function useAutoRead(setChatHistory) {
+  useEffect(() => {
+    if (fs__default.existsSync(".agent")) {
+      const initialMessages = [];
+      let docsRead = 0;
+      let config2 = null;
+      const configPaths = [
+        path7__default.join(".xcli", "auto-read-config.json"),
+        // User config (distributed)
+        path7__default.join(".agent", "auto-read-config.json")
+        // Dev override (gitignored)
+      ];
+      for (const configPath of configPaths) {
+        if (fs__default.existsSync(configPath)) {
+          try {
+            const configContent = fs__default.readFileSync(configPath, "utf8");
+            config2 = JSON.parse(configContent);
+            break;
+          } catch (_error) {
+          }
         }
-        const lineKey = `diff-line-${index}`;
-        let gutterNumStr = "";
-        let backgroundColor = void 0;
-        let prefixSymbol = " ";
-        let dim = false;
-        switch (line.type) {
-          case "add":
-            gutterNumStr = (line.newLine ?? "").toString();
-            backgroundColor = "#86efac";
-            prefixSymbol = "+";
-            lastLineNumber = line.newLine ?? null;
-            break;
-          case "del":
-            gutterNumStr = (line.oldLine ?? "").toString();
-            backgroundColor = "redBright";
-            prefixSymbol = "-";
-            if (line.oldLine !== void 0) {
-              lastLineNumber = line.oldLine;
-            }
-            break;
-          case "context":
-            gutterNumStr = (line.newLine ?? "").toString();
-            dim = true;
-            prefixSymbol = " ";
-            lastLineNumber = line.newLine ?? null;
-            break;
-          default:
-            return acc;
-        }
-        const displayContent = line.content.substring(baseIndentation);
-        acc.push(
-          /* @__PURE__ */ jsxs(Box, { flexDirection: "row", children: [
-            /* @__PURE__ */ jsx(Text, { color: Colors.Gray, dimColor: dim, children: gutterNumStr.padEnd(4) }),
-            /* @__PURE__ */ jsxs(Text, { color: backgroundColor ? "#000000" : void 0, backgroundColor, dimColor: !backgroundColor && dim, children: [
-              prefixSymbol,
-              " "
-            ] }),
-            /* @__PURE__ */ jsx(Text, { color: backgroundColor ? "#000000" : void 0, backgroundColor, dimColor: !backgroundColor && dim, wrap: "wrap", children: displayContent })
-          ] }, lineKey)
-        );
-        return acc;
-      }, [])
-    },
-    key
-  );
-};
-marked.setOptions({
-  renderer: new TerminalRenderer()
-});
-function MarkdownRenderer({ content }) {
-  try {
-    const result = marked.parse(content);
-    const rendered = typeof result === "string" ? result : content;
-    return /* @__PURE__ */ jsx(Text, { children: rendered });
-  } catch (error) {
-    console.error("Markdown rendering error:", error);
-    return /* @__PURE__ */ jsx(Text, { children: content });
-  }
-}
-var truncateContent = (content, maxLength = 100) => {
-  if (process.env.COMPACT !== "1") return content;
-  return content.length > maxLength ? content.substring(0, maxLength) + "..." : content;
-};
-var handleLongContent = (content, maxLength = 5e3) => {
-  if (content.length <= maxLength) {
-    return { content, isTruncated: false };
-  }
-  const truncated = content.substring(0, maxLength);
-  const summary = `
-
-[Content truncated - ${content.length - maxLength} characters remaining. Full content available in chat history.]`;
-  return {
-    content: truncated + summary,
-    isTruncated: true
-  };
-};
-var MemoizedChatEntry = React3.memo(
-  ({ entry, index, verbosityLevel, explainLevel }) => {
-    const getExplanation = (toolName, filePath, _isExecuting) => {
-      if (explainLevel === "off") return null;
-      const explanations = {
-        view_file: {
-          brief: `Reading ${filePath} to examine its contents`,
-          detailed: `Reading the file ${filePath} to examine its current contents, structure, and implementation details for analysis or modification.`
-        },
-        str_replace_editor: {
-          brief: `Updating ${filePath} with changes`,
-          detailed: `Applying targeted modifications to ${filePath} using precise string replacement to update specific code sections while preserving the rest of the file structure.`
-        },
-        create_file: {
-          brief: `Creating new file ${filePath}`,
-          detailed: `Creating a new file at ${filePath} with the specified content, establishing the initial structure and implementation for this component or module.`
-        },
-        bash: {
-          brief: `Executing command: ${filePath}`,
-          detailed: `Running the shell command "${filePath}" to perform system operations, file management, or external tool execution as requested.`
+      }
+      const isEnabled = config2?.enabled !== false;
+      const showLoadingMessage = config2?.showLoadingMessage !== false;
+      const showSummaryMessage = config2?.showSummaryMessage !== false;
+      const showFileContents = config2?.showFileContents === true;
+      if (!isEnabled) {
+        return;
+      }
+      if (showLoadingMessage) {
+        initialMessages.push({
+          type: "assistant",
+          content: "\u{1F4DA} Reading core documentation into memory...",
+          timestamp: /* @__PURE__ */ new Date()
+        });
+      }
+      const folders = config2?.folders || [
+        {
+          name: "system",
+          priority: 1,
+          files: [
+            { name: "architecture.md", title: "System Architecture", icon: "\u{1F4CB}", required: true },
+            { name: "critical-state.md", title: "Critical State", icon: "\u{1F3D7}\uFE0F", required: false },
+            { name: "installation.md", title: "Installation", icon: "\u{1F3D7}\uFE0F", required: false },
+            { name: "api-schema.md", title: "API Schema", icon: "\u{1F3D7}\uFE0F", required: false },
+            { name: "auto-read-system.md", title: "Auto-Read System", icon: "\u{1F3D7}\uFE0F", required: false }
+          ]
         },
-        search: {
-          brief: `Searching for: ${filePath}`,
-          detailed: `Performing a comprehensive search across the codebase for "${filePath}" to locate relevant files, functions, or code patterns that match the query.`
-        }
-      };
-      const explanation = explanations[toolName];
-      if (!explanation) return null;
-      return explainLevel === "detailed" ? explanation.detailed : explanation.brief;
-    };
-    const renderDiff = (diffContent, filename) => {
-      return /* @__PURE__ */ jsx(
-        DiffRenderer,
         {
-          diffContent,
-          filename,
-          terminalWidth: 80
+          name: "sop",
+          priority: 2,
+          files: [
+            { name: "git-workflow.md", title: "Git Workflow SOP", icon: "\u{1F527}", required: true },
+            { name: "release-management.md", title: "Release Management SOP", icon: "\u{1F4D6}", required: false },
+            { name: "automation-protection.md", title: "Automation Protection SOP", icon: "\u{1F4D6}", required: false },
+            { name: "npm-publishing-troubleshooting.md", title: "NPM Publishing Troubleshooting", icon: "\u{1F4D6}", required: false }
+          ]
         }
-      );
-    };
-    const renderFileContent = (content) => {
-      const lines = content.split("\n");
-      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;
+      ];
+      if (config2?.customFolders) {
+        folders.push(...config2.customFolders);
       }
-      return lines.map((line, index2) => {
-        const displayContent = line.substring(baseIndentation);
-        return /* @__PURE__ */ jsx(Text, { color: "gray", children: displayContent }, index2);
-      });
-    };
-    switch (entry.type) {
-      case "user":
-        const displayText = entry.isPasteSummary ? entry.displayContent || entry.content : entry.content;
-        const textColor = entry.isPasteSummary ? "cyan" : "gray";
-        return /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginTop: 1, children: /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Text, { color: textColor, children: [
-          ">",
-          " ",
-          truncateContent(displayText)
-        ] }) }) }, index);
-      case "assistant":
-        const { content: processedContent, isTruncated } = handleLongContent(entry.content);
-        return /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginTop: 1, children: /* @__PURE__ */ jsxs(Box, { flexDirection: "row", alignItems: "flex-start", children: [
-          /* @__PURE__ */ jsx(Text, { color: "white", children: "\u23FA " }),
-          /* @__PURE__ */ jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [
-            entry.toolCalls ? (
-              // If there are tool calls, just show plain text
-              /* @__PURE__ */ jsx(Text, { color: "white", children: processedContent.trim() })
-            ) : (
-              // If no tool calls, render as markdown
-              /* @__PURE__ */ jsx(MarkdownRenderer, { content: processedContent.trim() })
-            ),
-            entry.isStreaming && /* @__PURE__ */ jsx(Text, { color: "cyan", children: "\u2588" }),
-            isTruncated && /* @__PURE__ */ jsx(Text, { color: "yellow", italic: true, children: "[Response truncated for performance - full content in session log]" })
-          ] })
-        ] }) }, index);
-      case "tool_call":
-      case "tool_result":
-        const getToolActionName = (toolName2) => {
-          if (toolName2.startsWith("mcp__")) {
-            const parts = toolName2.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 (toolName2) {
-            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";
+      folders.sort((a, b) => (a.priority || 999) - (b.priority || 999));
+      for (const folder of folders) {
+        const folderPath = path7__default.join(".agent", folder.name);
+        if (!fs__default.existsSync(folderPath)) {
+          continue;
+        }
+        for (const file of folder.files) {
+          let filePaths = [];
+          if (file.pattern) {
+            continue;
+          } else {
+            filePaths = [file.name];
           }
-        };
-        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 "";
+          for (const fileName of filePaths) {
+            const filePath = path7__default.join(folderPath, fileName);
+            if (!fs__default.existsSync(filePath)) {
+              if (file.required) ;
+              continue;
             }
-          }
-          return "";
-        };
-        const filePath = getFilePath(entry.toolCall);
-        const isExecuting = entry.type === "tool_call" || !entry.toolResult;
-        const formatToolContent = (content, toolName2) => {
-          const truncated = truncateContent(content, 200);
-          if (toolName2.startsWith("mcp__")) {
             try {
-              const parsed = JSON.parse(truncated);
-              if (Array.isArray(parsed)) {
-                return `Found ${parsed.length} items`;
-              } else if (typeof parsed === "object") {
-                return JSON.stringify(parsed, null, 2);
+              const content = fs__default.readFileSync(filePath, "utf8");
+              const displayTitle = file.title || fileName.replace(".md", "").replace("-", " ").toUpperCase();
+              const icon = file.icon || "\u{1F4C4}";
+              if (showFileContents) {
+                initialMessages.push({
+                  type: "assistant",
+                  content: `${icon} **${displayTitle} (from .agent/${folder.name}/${fileName})**
+
+${content}`,
+                  timestamp: /* @__PURE__ */ new Date()
+                });
               }
-            } catch {
-              return truncated;
+              docsRead++;
+            } catch (_error) {
             }
           }
-          return truncated;
-        };
-        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;
-        const shouldShowToolContent = verbosityLevel !== "quiet";
-        const shouldShowFullContent = verbosityLevel === "normal" || verbosityLevel === "verbose";
-        const explanation = getExplanation(toolName, filePath);
-        return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
-          /* @__PURE__ */ jsxs(Box, { children: [
-            /* @__PURE__ */ jsx(Text, { color: "magenta", children: "\u23FA" }),
-            /* @__PURE__ */ jsxs(Text, { color: "white", children: [
-              " ",
-              filePath ? `${actionName}(${filePath})` : actionName
-            ] })
-          ] }),
-          explanation && /* @__PURE__ */ jsx(Box, { marginLeft: 2, children: /* @__PURE__ */ jsxs(Text, { color: "blue", italic: true, children: [
-            "\u{1F4A1} ",
-            explanation
-          ] }) }),
-          shouldShowToolContent && /* @__PURE__ */ jsx(Box, { marginLeft: 2, flexDirection: "column", children: isExecuting ? /* @__PURE__ */ jsx(Text, { color: "cyan", children: "\u23BF Executing..." }) : shouldShowFileContent && shouldShowFullContent ? /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
-            /* @__PURE__ */ jsx(Text, { color: "gray", children: "\u23BF File contents:" }),
-            /* @__PURE__ */ jsx(Box, { marginLeft: 2, flexDirection: "column", children: renderFileContent(entry.content) })
-          ] }) : shouldShowDiff && shouldShowFullContent ? (
-            // For diff results, show only the summary line, not the raw content
-            /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
-              "\u23BF ",
-              entry.content.split("\n")[0]
-            ] })
-          ) : !shouldShowFullContent ? /* @__PURE__ */ jsx(Text, { color: "gray", children: "\u23BF Completed" }) : /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
-            "\u23BF ",
-            formatToolContent(entry.content, toolName)
-          ] }) }),
-          shouldShowDiff && !isExecuting && shouldShowFullContent && /* @__PURE__ */ jsx(Box, { marginLeft: 4, flexDirection: "column", children: renderDiff(entry.content, filePath) })
-        ] }, index);
-      default:
-        return null;
+        }
+      }
+      if (showSummaryMessage && docsRead > 0) {
+        initialMessages.push({
+          type: "assistant",
+          content: `\u2705 ${docsRead} documentation files read - I have a complete understanding of the current architecture and operational procedures.`,
+          timestamp: /* @__PURE__ */ new Date()
+        });
+      }
+      if (initialMessages.length > 0) {
+        setChatHistory(initialMessages);
+      }
     }
-  }
-);
-MemoizedChatEntry.displayName = "MemoizedChatEntry";
-function ChatHistory({
-  entries,
-  isConfirmationActive = false,
-  verbosityLevel = "quiet",
-  explainLevel = "brief"
-}) {
-  const filteredEntries = isConfirmationActive ? entries.filter(
-    (entry) => !(entry.type === "tool_call" && entry.content === "Executing...")
-  ) : entries;
-  const maxEntries = process.env.COMPACT === "1" ? 5 : 20;
-  return /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: filteredEntries.slice(-maxEntries).map((entry, index) => /* @__PURE__ */ jsx(
-    MemoizedChatEntry,
-    {
-      entry,
-      index,
-      verbosityLevel,
-      explainLevel
-    },
-    `${entry.timestamp.getTime()}-${index}`
-  )) });
+  }, [setChatHistory]);
 }
-function ChatInput({
-  input,
-  cursorPosition,
-  isProcessing,
-  isStreaming
-}) {
-  const beforeCursor = input.slice(0, cursorPosition);
-  const lines = input.split("\n");
-  const isMultiline = lines.length > 1;
-  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;
-  }
-  const showCursor = !isProcessing && !isStreaming;
-  const borderColor = isProcessing || isStreaming ? "yellow" : "blue";
-  const promptColor = "cyan";
-  const placeholderText = "Ask me anything...";
-  const isPlaceholder = !input;
-  if (isMultiline) {
-    return /* @__PURE__ */ jsx(
-      Box,
-      {
-        borderStyle: "round",
-        borderColor,
-        paddingY: 0,
-        marginTop: 1,
-        children: lines.map((line, index) => {
-          const isCurrentLine = index === currentLineIndex;
-          const promptChar = index === 0 ? "\u276F " : "  ";
-          if (isCurrentLine) {
-            const beforeCursorInLine = line.slice(0, currentCharIndex);
-            const cursorChar2 = line.slice(currentCharIndex, currentCharIndex + 1) || " ";
-            const afterCursorInLine = line.slice(currentCharIndex + 1);
-            return /* @__PURE__ */ jsxs(Box, { children: [
-              /* @__PURE__ */ jsx(Text, { color: promptColor, children: promptChar }),
-              /* @__PURE__ */ jsxs(Text, { children: [
-                beforeCursorInLine,
-                showCursor && /* @__PURE__ */ jsx(Text, { backgroundColor: "white", color: "black", children: cursorChar2 }),
-                !showCursor && cursorChar2 !== " " && cursorChar2,
-                afterCursorInLine
-              ] })
-            ] }, index);
-          } else {
-            return /* @__PURE__ */ jsxs(Box, { children: [
-              /* @__PURE__ */ jsx(Text, { color: promptColor, children: promptChar }),
-              /* @__PURE__ */ jsx(Text, { children: line })
-            ] }, index);
+function useStreaming(agent, initialMessage, setChatHistory, streamingState) {
+  const { setIsProcessing, setIsStreaming, setTokenCount } = streamingState;
+  useEffect(() => {
+    if (initialMessage && agent) {
+      const userEntry = {
+        type: "user",
+        content: initialMessage,
+        timestamp: /* @__PURE__ */ new Date()
+      };
+      setChatHistory(() => [userEntry]);
+      const processInitialMessage = async () => {
+        setIsProcessing(true);
+        setIsStreaming(true);
+        try {
+          let streamingEntry = null;
+          let accumulatedContent = "";
+          let lastTokenCount = 0;
+          let pendingToolCalls = null;
+          let pendingToolResults = [];
+          let lastUpdateTime = Date.now();
+          const flushUpdates = () => {
+            const now = Date.now();
+            if (now - lastUpdateTime < 150) return;
+            setChatHistory((prev) => {
+              let newHistory = [...prev];
+              if (lastTokenCount !== 0) {
+              }
+              if (accumulatedContent) {
+                if (!streamingEntry) {
+                  const newStreamingEntry = {
+                    type: "assistant",
+                    content: accumulatedContent,
+                    timestamp: /* @__PURE__ */ new Date(),
+                    isStreaming: true
+                  };
+                  newHistory.push(newStreamingEntry);
+                  streamingEntry = newStreamingEntry;
+                } else {
+                  const lastIdx = newHistory.length - 1;
+                  if (lastIdx >= 0 && newHistory[lastIdx].isStreaming) {
+                    newHistory[lastIdx] = { ...newHistory[lastIdx], content: newHistory[lastIdx].content + accumulatedContent };
+                  }
+                }
+                accumulatedContent = "";
+              }
+              if (pendingToolCalls) {
+                const streamingIdx = newHistory.findIndex((entry) => entry.isStreaming);
+                if (streamingIdx >= 0) {
+                  newHistory[streamingIdx] = { ...newHistory[streamingIdx], isStreaming: false, toolCalls: pendingToolCalls };
+                }
+                streamingEntry = null;
+                pendingToolCalls.forEach((toolCall) => {
+                  const toolCallEntry = {
+                    type: "tool_call",
+                    content: "Executing...",
+                    timestamp: /* @__PURE__ */ new Date(),
+                    toolCall
+                  };
+                  newHistory.push(toolCallEntry);
+                });
+                pendingToolCalls = null;
+              }
+              if (pendingToolResults.length > 0) {
+                newHistory = newHistory.map((entry) => {
+                  if (entry.isStreaming) {
+                    return { ...entry, isStreaming: false };
+                  }
+                  const matchingResult = pendingToolResults.find(
+                    (result) => entry.type === "tool_call" && entry.toolCall?.id === result.toolCall.id
+                  );
+                  if (matchingResult) {
+                    return {
+                      ...entry,
+                      type: "tool_result",
+                      content: matchingResult.toolResult.success ? matchingResult.toolResult.output || "Success" : matchingResult.toolResult.error || "Error occurred",
+                      toolResult: matchingResult.toolResult
+                    };
+                  }
+                  return entry;
+                });
+                streamingEntry = null;
+                pendingToolResults = [];
+              }
+              return newHistory;
+            });
+            if (lastTokenCount !== 0) {
+              setTokenCount(lastTokenCount);
+            }
+            lastUpdateTime = now;
+          };
+          for await (const chunk of agent.processUserMessageStream(initialMessage)) {
+            switch (chunk.type) {
+              case "content":
+                if (chunk.content) {
+                  accumulatedContent += chunk.content;
+                }
+                break;
+              case "token_count":
+                if (chunk.tokenCount !== void 0) {
+                  lastTokenCount = chunk.tokenCount;
+                }
+                break;
+              case "tool_calls":
+                if (chunk.toolCalls) {
+                  pendingToolCalls = chunk.toolCalls;
+                }
+                break;
+              case "tool_result":
+                if (chunk.toolCall && chunk.toolResult) {
+                  pendingToolResults.push({ toolCall: chunk.toolCall, toolResult: chunk.toolResult });
+                }
+                break;
+              case "done":
+                flushUpdates();
+                break;
+            }
+            flushUpdates();
           }
-        })
-      }
-    );
-  }
-  const cursorChar = input.slice(cursorPosition, cursorPosition + 1) || " ";
-  const afterCursorText = input.slice(cursorPosition + 1);
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      borderStyle: "round",
-      borderColor,
-      paddingX: 1,
-      paddingY: 0,
-      marginTop: 1,
-      children: /* @__PURE__ */ jsxs(Box, { children: [
-        /* @__PURE__ */ jsx(Text, { color: promptColor, children: "\u276F " }),
-        isPlaceholder ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: placeholderText }),
-          showCursor && /* @__PURE__ */ jsx(Text, { backgroundColor: "white", color: "black", children: " " })
-        ] }) : /* @__PURE__ */ jsxs(Text, { children: [
-          beforeCursor,
-          showCursor && /* @__PURE__ */ jsx(Text, { backgroundColor: "white", color: "black", children: cursorChar }),
-          !showCursor && cursorChar !== " " && cursorChar,
-          afterCursorText
-        ] })
-      ] })
+          flushUpdates();
+          if (streamingEntry) {
+            setChatHistory(
+              (prev) => prev.map(
+                (entry) => entry.isStreaming ? { ...entry, isStreaming: false } : entry
+              )
+            );
+          }
+          setIsStreaming(false);
+        } catch (error) {
+          const errorMessage = error instanceof Error ? error.message : String(error);
+          const errorEntry = {
+            type: "assistant",
+            content: `Error: ${errorMessage}`,
+            timestamp: /* @__PURE__ */ new Date()
+          };
+          setChatHistory((prev) => [...prev, errorEntry]);
+          setIsStreaming(false);
+        }
+        setIsProcessing(false);
+      };
+      processInitialMessage();
     }
-  );
+  }, [initialMessage, agent, setChatHistory, setIsProcessing, setIsStreaming, setTokenCount]);
 }
-function MCPStatus({}) {
-  const [connectedServers, setConnectedServers] = useState([]);
-  const [_availableTools, setAvailableTools] = useState([]);
+function useConfirmations(confirmationService, state) {
+  const {
+    setConfirmationOptions,
+    setIsProcessing,
+    setIsStreaming,
+    setTokenCount,
+    setProcessingTime,
+    processingStartTime
+  } = state;
   useEffect(() => {
-    const updateStatus = () => {
-      try {
-        const manager = getMCPManager();
-        const servers = manager.getServers();
-        const tools = manager.getTools();
-        setConnectedServers(servers);
-        setAvailableTools(tools);
-      } catch (_error) {
-        setConnectedServers([]);
-        setAvailableTools([]);
-      }
+    const handleConfirmationRequest = (options) => {
+      setConfirmationOptions(options);
     };
-    const initialTimer = setTimeout(updateStatus, 2e3);
-    const interval = setInterval(updateStatus, 2e3);
+    confirmationService.on("confirmation-requested", handleConfirmationRequest);
     return () => {
-      clearTimeout(initialTimer);
-      clearInterval(interval);
+      confirmationService.off(
+        "confirmation-requested",
+        handleConfirmationRequest
+      );
     };
+  }, [confirmationService, setConfirmationOptions]);
+  const handleConfirmation = (dontAskAgain) => {
+    confirmationService.confirmOperation(true, dontAskAgain);
+    setConfirmationOptions(null);
+  };
+  const handleRejection = (feedback) => {
+    confirmationService.rejectOperation(feedback);
+    setConfirmationOptions(null);
+    setIsProcessing(false);
+    setIsStreaming(false);
+    setTokenCount(0);
+    setProcessingTime(0);
+    processingStartTime.current = 0;
+  };
+  return {
+    handleConfirmation,
+    handleRejection
+  };
+}
+function useConsoleSetup() {
+  useEffect(() => {
+    const isWindows = process.platform === "win32";
+    const isPowerShell = process.env.ComSpec?.toLowerCase().includes("powershell") || process.env.PSModulePath !== void 0;
+    if (!isWindows || !isPowerShell) {
+      console.clear();
+    }
+    console.log("    ");
+    console.log(" ");
+    const logoOutput = "X-CLI\n" + package_default.version;
+    const logoLines = logoOutput.split("\n");
+    logoLines.forEach((line) => {
+      if (line.trim()) {
+        console.log(" " + line);
+      } else {
+        console.log(line);
+      }
+    });
+    console.log(" ");
   }, []);
-  if (connectedServers.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(Box, { marginLeft: 1, children: /* @__PURE__ */ jsxs(Text, { color: "green", children: [
-    "\u2692 mcps: ",
-    connectedServers.length,
-    " "
-  ] }) });
 }
-function ConfirmationDialog({
-  operation,
-  filename,
-  onConfirm,
-  onReject,
-  showVSCodeOpen = false,
-  content
-}) {
-  const [selectedOption, setSelectedOption] = useState(0);
-  const [feedbackMode, setFeedbackMode] = useState(false);
-  const [feedback, setFeedback] = useState("");
-  const options = [
-    "Yes",
-    "Yes, and don't ask again this session",
-    "No",
-    "No, with feedback"
-  ];
-  useInput((input, key) => {
-    if (feedbackMode) {
-      if (key.return) {
-        onReject(feedback.trim());
-        return;
-      }
-      if (key.backspace || key.delete) {
-        setFeedback((prev) => prev.slice(0, -1));
-        return;
-      }
-      if (input && !key.ctrl && !key.meta) {
-        setFeedback((prev) => prev + input);
+function useSessionLogging(chatHistory) {
+  const lastChatHistoryLength = useRef(0);
+  useEffect(() => {
+    const newEntries = chatHistory.slice(lastChatHistoryLength.current);
+    if (newEntries.length > 0) {
+      const sessionFile = path7__default.join(os__default.homedir(), ".grok", "session.log");
+      try {
+        const dir = path7__default.dirname(sessionFile);
+        if (!fs__default.existsSync(dir)) {
+          fs__default.mkdirSync(dir, { recursive: true });
+        }
+        const lines = newEntries.map((entry) => JSON.stringify(entry)).join("\n") + "\n";
+        fs__default.appendFileSync(sessionFile, lines);
+      } catch {
       }
-      return;
-    }
-    if (key.upArrow || key.shift && key.tab) {
-      setSelectedOption((prev) => prev > 0 ? prev - 1 : options.length - 1);
-      return;
-    }
-    if (key.downArrow || key.tab) {
-      setSelectedOption((prev) => (prev + 1) % options.length);
-      return;
     }
-    if (key.return) {
-      if (selectedOption === 0) {
-        onConfirm(false);
-      } else if (selectedOption === 1) {
-        onConfirm(true);
-      } else if (selectedOption === 2) {
-        onReject("Operation cancelled by user");
-      } else {
-        setFeedbackMode(true);
-      }
+    lastChatHistoryLength.current = chatHistory.length;
+  }, [chatHistory]);
+}
+function useProcessingTimer(isProcessing, isStreaming, setProcessingTime) {
+  const processingStartTime = useRef(0);
+  useEffect(() => {
+    if (!isProcessing && !isStreaming) {
+      setProcessingTime(0);
       return;
     }
-    if (key.escape) {
-      if (feedbackMode) {
-        setFeedbackMode(false);
-        setFeedback("");
-      } else {
-        onReject("Operation cancelled by user (pressed Escape)");
-      }
-      return;
+    if (processingStartTime.current === 0) {
+      processingStartTime.current = Date.now();
     }
-  });
-  if (feedbackMode) {
-    return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", padding: 1, children: [
-      /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ jsx(Text, { color: "gray", children: "Type your feedback and press Enter, or press Escape to go back." }) }),
-      /* @__PURE__ */ jsxs(
-        Box,
-        {
-          borderStyle: "round",
-          borderColor: "yellow",
-          paddingX: 1,
-          marginTop: 1,
-          children: [
-            /* @__PURE__ */ jsx(Text, { color: "gray", children: "\u276F " }),
-            /* @__PURE__ */ jsxs(Text, { children: [
-              feedback,
-              /* @__PURE__ */ jsx(Text, { color: "white", children: "\u2588" })
-            ] })
-          ]
-        }
-      )
-    ] });
+    const interval = setInterval(() => {
+      setProcessingTime(
+        Math.floor((Date.now() - processingStartTime.current) / 1e3)
+      );
+    }, 1e3);
+    return () => clearInterval(interval);
+  }, [isProcessing, isStreaming, setProcessingTime]);
+}
+
+// src/ui/colors.ts
+var inkColors = {
+  primary: "cyan",
+  success: "green",
+  warning: "yellow",
+  error: "red",
+  info: "blue",
+  muted: "gray",
+  accent: "magenta",
+  text: "white",
+  successBright: "greenBright",
+  accentBright: "magentaBright"
+};
+function getSpinnerColor(operation) {
+  switch (operation.toLowerCase()) {
+    case "search":
+    case "indexing":
+    case "scanning":
+      return "info";
+    case "process":
+    case "thinking":
+    case "analyzing":
+      return "warning";
+    case "write":
+    case "edit":
+    case "create":
+      return "success";
+    case "compact":
+    case "optimize":
+    case "memory":
+      return "accent";
+    default:
+      return "primary";
   }
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsx(Text, { color: "magenta", children: "\u23FA" }),
-      /* @__PURE__ */ jsxs(Text, { color: "white", children: [
-        " ",
-        operation,
-        "(",
-        filename,
-        ")"
-      ] })
-    ] }) }),
-    /* @__PURE__ */ jsxs(Box, { marginLeft: 2, flexDirection: "column", children: [
-      /* @__PURE__ */ jsx(Text, { color: "gray", children: "\u23BF Requesting user confirmation" }),
-      showVSCodeOpen && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "gray", children: "\u23BF Opened changes in Visual Studio Code \u29C9" }) }),
-      content && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
-          "\u23BF ",
-          content.split("\n")[0]
-        ] }),
-        /* @__PURE__ */ jsx(Box, { marginLeft: 4, flexDirection: "column", children: /* @__PURE__ */ jsx(
-          DiffRenderer,
-          {
-            diffContent: content,
-            filename,
-            terminalWidth: 80
-          }
-        ) })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
-      /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsx(Text, { children: "Do you want to proceed with this operation?" }) }),
-      /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: options.map((option, index) => /* @__PURE__ */ jsx(Box, { paddingLeft: 1, children: /* @__PURE__ */ jsxs(
-        Text,
-        {
-          color: selectedOption === index ? "black" : "white",
-          backgroundColor: selectedOption === index ? "cyan" : void 0,
-          children: [
-            index + 1,
-            ". ",
-            option
-          ]
-        }
-      ) }, index)) }),
-      /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: "\u2191\u2193 navigate \u2022 Enter select \u2022 Esc cancel" }) })
-    ] })
-  ] });
 }
 function ContextStatus({
   workspaceFiles = 0,
@@ -17635,173 +17425,6 @@ function Banner({
     ] })
   ] });
 }
-function useContextInfo(agent) {
-  const [contextInfo, setContextInfo] = useState({
-    workspaceFiles: 0,
-    indexSize: "0 MB",
-    sessionFiles: 0,
-    activeTokens: 0,
-    lastActivity: "Now",
-    memoryPressure: "low",
-    isLoading: true,
-    messagesCount: 0,
-    loadedFiles: [],
-    contextHealth: "optimal"
-  });
-  const updateContextInfo = async () => {
-    try {
-      let tokenUsage;
-      let messagesCount = 0;
-      let loadedFiles = [];
-      let contextHealth = "optimal";
-      if (agent) {
-        const modelName = agent.getCurrentModel?.() || "grok-code-fast-1";
-        const maxTokens = getMaxTokensForModel(modelName);
-        const estimatedTokens = Math.floor(Math.random() * 1e3) + 500;
-        messagesCount = Math.floor(Math.random() * 10) + 1;
-        const tokenPercent = Math.round(estimatedTokens / maxTokens * 100);
-        tokenUsage = {
-          current: estimatedTokens,
-          max: maxTokens,
-          percent: tokenPercent
-        };
-        if (tokenPercent >= 95) contextHealth = "critical";
-        else if (tokenPercent >= 80) contextHealth = "degraded";
-        else contextHealth = "optimal";
-        loadedFiles = [];
-      }
-      const info = {
-        workspaceFiles: await getWorkspaceFileCount(),
-        indexSize: await getIndexSize(),
-        sessionFiles: await getSessionFileCount(),
-        activeTokens: tokenUsage?.current || 0,
-        lastActivity: "Now",
-        gitBranch: await getGitBranch(),
-        projectName: await getProjectName(),
-        memoryPressure: getMemoryPressure(),
-        isLoading: false,
-        tokenUsage,
-        messagesCount,
-        loadedFiles,
-        contextHealth
-      };
-      setContextInfo(info);
-    } catch (error) {
-      console.warn("[ContextInfo] Failed to update context:", error);
-      setContextInfo((prev) => ({ ...prev, isLoading: false }));
-    }
-  };
-  useEffect(() => {
-    updateContextInfo();
-    const interval = setInterval(updateContextInfo, 1e4);
-    return () => clearInterval(interval);
-  }, []);
-  return {
-    contextInfo,
-    updateContextInfo,
-    refreshContext: updateContextInfo
-  };
-}
-async function getWorkspaceFileCount() {
-  try {
-    const cwd = process.cwd();
-    const entries = await fs__default.promises.readdir(cwd, { withFileTypes: true });
-    let count = 0;
-    for (const entry of entries) {
-      if (entry.isFile() && !shouldIgnoreFile(entry.name)) {
-        count++;
-      } else if (entry.isDirectory() && !shouldIgnoreDirectory(entry.name)) {
-        try {
-          const subEntries = await fs__default.promises.readdir(path7__default.join(cwd, entry.name), { withFileTypes: true });
-          count += subEntries.filter((sub) => sub.isFile() && !shouldIgnoreFile(sub.name)).length;
-        } catch {
-        }
-      }
-    }
-    return count;
-  } catch {
-    return 0;
-  }
-}
-function shouldIgnoreFile(filename) {
-  return filename.startsWith(".") || filename.endsWith(".log") || filename.includes(".tmp");
-}
-function shouldIgnoreDirectory(dirname5) {
-  const ignoreDirs = ["node_modules", ".git", "dist", "build", ".next", "coverage"];
-  return ignoreDirs.includes(dirname5) || dirname5.startsWith(".");
-}
-async function getIndexSize() {
-  try {
-    const indexPath = path7__default.join(process.cwd(), ".grok", "index.json");
-    if (fs__default.existsSync(indexPath)) {
-      const stats = await fs__default.promises.stat(indexPath);
-      const mb = stats.size / (1024 * 1024);
-      return mb > 1 ? `${mb.toFixed(1)} MB` : `${(stats.size / 1024).toFixed(1)} KB`;
-    }
-  } catch {
-  }
-  return "0 MB";
-}
-async function getSessionFileCount() {
-  try {
-    const sessionPath = path7__default.join(os__default.homedir(), ".grok", "session.log");
-    if (fs__default.existsSync(sessionPath)) {
-      const content = await fs__default.promises.readFile(sessionPath, "utf8");
-      return content.split("\n").filter((line) => line.trim()).length;
-    }
-  } catch {
-  }
-  return 0;
-}
-async function getGitBranch() {
-  try {
-    const gitPath = path7__default.join(process.cwd(), ".git", "HEAD");
-    if (fs__default.existsSync(gitPath)) {
-      const content = await fs__default.promises.readFile(gitPath, "utf8");
-      const match = content.match(/ref: refs\/heads\/(.+)/);
-      return match ? match[1].trim() : "detached";
-    }
-  } catch {
-  }
-  return void 0;
-}
-async function getProjectName() {
-  try {
-    const packagePath = path7__default.join(process.cwd(), "package.json");
-    if (fs__default.existsSync(packagePath)) {
-      const content = await fs__default.promises.readFile(packagePath, "utf8");
-      const pkg = JSON.parse(content);
-      return pkg.name;
-    }
-  } catch {
-  }
-  return path7__default.basename(process.cwd());
-}
-function getMemoryPressure() {
-  try {
-    const memUsage = process.memoryUsage();
-    const heapUsedMB = memUsage.heapUsed / 1024 / 1024;
-    if (heapUsedMB > 200) return "high";
-    if (heapUsedMB > 100) return "medium";
-    return "low";
-  } catch {
-    return "low";
-  }
-}
-function getMaxTokensForModel(modelName) {
-  const modelLimits = {
-    "grok-code-fast-1": 128e3,
-    "grok-4-latest": 2e5,
-    "grok-3-latest": 2e5,
-    "grok-3-fast": 128e3,
-    "grok-3-mini-fast": 64e3,
-    "claude-sonnet-4": 2e5,
-    "claude-opus-4": 2e5,
-    "gpt-4o": 128e3,
-    "gpt-4": 32e3
-  };
-  return modelLimits[modelName] || 128e3;
-}
 function ContextTooltip({ isVisible }) {
   const { contextInfo } = useContextInfo();
   if (!isVisible) return null;
@@ -17881,756 +17504,1145 @@ function ContextTooltip({ isVisible }) {
     }
   );
 }
-function VersionNotification({ isVisible = true }) {
-  const [versionInfo, setVersionInfo] = useState(null);
-  useEffect(() => {
-    const checkVersion = async () => {
-      try {
-        const info = await getCachedVersionInfo();
-        if (info?.isUpdateAvailable) {
-          setVersionInfo({
-            isUpdateAvailable: info.isUpdateAvailable,
-            current: info.current,
-            latest: info.latest
-          });
-        }
-      } catch {
-      }
-    };
-    checkVersion();
-    const interval = setInterval(checkVersion, 6 * 60 * 60 * 1e3);
-    return () => clearInterval(interval);
-  }, []);
-  if (!isVisible || !versionInfo?.isUpdateAvailable) {
-    return null;
+var truncateContent = (content, maxLength = 100) => {
+  if (process.env.COMPACT !== "1") return content;
+  return content.length > maxLength ? content.substring(0, maxLength) + "..." : content;
+};
+function UserMessageEntry({ entry, verbosityLevel: _verbosityLevel }) {
+  const displayText = entry.isPasteSummary ? entry.displayContent || entry.content : entry.content;
+  const textColor = entry.isPasteSummary ? "cyan" : "gray";
+  return /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginTop: 1, children: /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Text, { color: textColor, children: [
+    ">",
+    " ",
+    truncateContent(displayText)
+  ] }) }) });
+}
+marked.setOptions({
+  renderer: new TerminalRenderer()
+});
+function MarkdownRenderer({ content }) {
+  try {
+    const result = marked.parse(content);
+    const rendered = typeof result === "string" ? result : content;
+    return /* @__PURE__ */ jsx(Text, { children: rendered });
+  } catch (error) {
+    console.error("Markdown rendering error:", error);
+    return /* @__PURE__ */ jsx(Text, { children: content });
   }
-  return /* @__PURE__ */ jsx(Box, { marginTop: 1, marginBottom: 1, children: /* @__PURE__ */ jsxs(
+}
+var handleLongContent = (content, maxLength = 5e3) => {
+  if (content.length <= maxLength) {
+    return { content, isTruncated: false };
+  }
+  const truncated = content.substring(0, maxLength);
+  const summary = `
+
+[Content truncated - ${content.length - maxLength} characters remaining. Full content available in chat history.]`;
+  return {
+    content: truncated + summary,
+    isTruncated: true
+  };
+};
+function AssistantMessageEntry({ entry, verbosityLevel: _verbosityLevel }) {
+  const { content: processedContent, isTruncated } = handleLongContent(entry.content);
+  return /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginTop: 1, children: /* @__PURE__ */ jsxs(Box, { flexDirection: "row", alignItems: "flex-start", children: [
+    /* @__PURE__ */ jsx(Text, { color: "white", children: "\u23FA " }),
+    /* @__PURE__ */ jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [
+      entry.toolCalls ? (
+        // If there are tool calls, just show plain text
+        /* @__PURE__ */ jsx(Text, { color: "white", children: processedContent.trim() })
+      ) : (
+        // If no tool calls, render as markdown
+        /* @__PURE__ */ jsx(MarkdownRenderer, { content: processedContent.trim() })
+      ),
+      entry.isStreaming && /* @__PURE__ */ jsx(Text, { color: "cyan", children: "\u2588" }),
+      isTruncated && /* @__PURE__ */ jsx(Text, { color: "yellow", italic: true, children: "[Response truncated for performance - full content in session log]" })
+    ] })
+  ] }) });
+}
+
+// src/ui/utils/colors.ts
+var Colors = {
+  AccentYellow: "yellow",
+  Gray: "gray"};
+var MaxSizedBox = ({
+  maxHeight: _maxHeight,
+  maxWidth: _maxWidth,
+  children,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
     Box,
     {
-      borderStyle: "round",
-      borderColor: inkColors.warning,
-      paddingX: 2,
-      paddingY: 0,
-      children: [
-        /* @__PURE__ */ jsxs(Text, { color: inkColors.warning, children: [
-          "\u{1F504} Update available: v",
-          versionInfo.latest,
-          " (current: v",
-          versionInfo.current,
-          ")"
-        ] }),
-        /* @__PURE__ */ jsx(Text, { color: inkColors.muted, children: " - Use '/upgrade' to update" })
-      ]
+      flexDirection: "column",
+      ...props,
+      children
     }
-  ) });
-}
-var PHASE_DISPLAY = {
-  inactive: { label: "Inactive", color: "gray", symbol: "\u25CB" },
-  analysis: { label: "Analyzing", color: "blue", symbol: "\u{1F50D}" },
-  strategy: { label: "Planning", color: "yellow", symbol: "\u{1F9E0}" },
-  presentation: { label: "Presenting", color: "cyan", symbol: "\u{1F4CB}" },
-  approved: { label: "Approved", color: "green", symbol: "\u2705" },
-  rejected: { label: "Rejected", color: "red", symbol: "\u274C" }
-};
-var PHASE_DESCRIPTIONS = {
-  inactive: "Press Shift+Tab twice to enter Plan Mode",
-  analysis: "Exploring codebase and gathering insights",
-  strategy: "Formulating implementation strategy",
-  presentation: "Presenting plan for your review",
-  approved: "Plan approved - ready for execution",
-  rejected: "Plan rejected - please provide feedback"
+  );
 };
-function PlanModeIndicator({
-  isActive,
-  phase,
-  progress,
-  sessionDuration,
-  detailed = false
-}) {
-  const phaseInfo = PHASE_DISPLAY[phase];
-  const phaseDescription = PHASE_DESCRIPTIONS[phase];
-  const formatDuration = (ms) => {
-    const seconds = Math.floor(ms / 1e3);
-    const minutes = Math.floor(seconds / 60);
-    const remainingSeconds = seconds % 60;
-    if (minutes > 0) {
-      return `${minutes}m ${remainingSeconds}s`;
+function parseDiffWithLineNumbers(diffContent) {
+  const lines = diffContent.split("\n");
+  const result = [];
+  let currentOldLine = 0;
+  let currentNewLine = 0;
+  let inHunk = false;
+  const hunkHeaderRegex = /^@@ -(\d+),?\d* \+(\d+),?\d* @@/;
+  for (const line of lines) {
+    const hunkMatch = line.match(hunkHeaderRegex);
+    if (hunkMatch) {
+      currentOldLine = parseInt(hunkMatch[1], 10);
+      currentNewLine = parseInt(hunkMatch[2], 10);
+      inHunk = true;
+      result.push({ type: "hunk", content: line });
+      currentOldLine--;
+      currentNewLine--;
+      continue;
     }
-    return `${remainingSeconds}s`;
-  };
-  const formatProgressBar = (progress2, width = 20) => {
-    const filled = Math.round(progress2 * width);
-    const empty = width - filled;
-    return "\u2588".repeat(filled) + "\u2591".repeat(empty);
-  };
-  if (!isActive) {
-    return detailed ? /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "gray", padding: 1, children: [
-      /* @__PURE__ */ jsxs(Box, { flexDirection: "row", alignItems: "center", children: [
-        /* @__PURE__ */ jsx(Text, { color: "gray", children: phaseInfo.symbol }),
-        /* @__PURE__ */ jsx(Box, { marginLeft: 1, children: /* @__PURE__ */ jsxs(Text, { color: "gray", bold: true, children: [
-          "Plan Mode: ",
-          phaseInfo.label
-        ] }) })
-      ] }),
-      /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: phaseDescription }) })
-    ] }) : null;
-  }
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: phaseInfo.color, padding: 1, children: [
-    /* @__PURE__ */ jsxs(Box, { flexDirection: "row", alignItems: "center", justifyContent: "space-between", children: [
-      /* @__PURE__ */ jsxs(Box, { flexDirection: "row", alignItems: "center", children: [
-        /* @__PURE__ */ jsx(Text, { color: phaseInfo.color, children: phaseInfo.symbol }),
-        /* @__PURE__ */ jsx(Box, { marginLeft: 1, children: /* @__PURE__ */ jsxs(Text, { color: phaseInfo.color, bold: true, children: [
-          "Plan Mode: ",
-          phaseInfo.label
-        ] }) })
-      ] }),
-      /* @__PURE__ */ jsx(Box, { flexDirection: "row", alignItems: "center", children: /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: formatDuration(sessionDuration) }) })
-    ] }),
-    phase !== "inactive" && phase !== "approved" && phase !== "rejected" && /* @__PURE__ */ jsxs(Box, { flexDirection: "row", alignItems: "center", marginTop: 1, children: [
-      /* @__PURE__ */ jsx(Box, { marginRight: 1, children: /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: "Progress:" }) }),
-      /* @__PURE__ */ jsx(Text, { color: phaseInfo.color, children: formatProgressBar(progress) }),
-      /* @__PURE__ */ jsx(Box, { marginLeft: 1, children: /* @__PURE__ */ jsxs(Text, { color: "gray", dimColor: true, children: [
-        Math.round(progress * 100),
-        "%"
-      ] }) })
-    ] }),
-    detailed && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: phaseDescription }) }),
-    detailed && phase === "analysis" && /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
-      /* @__PURE__ */ jsx(Text, { color: "blue", dimColor: true, children: "\u2022 Reading project structure" }),
-      /* @__PURE__ */ jsx(Text, { color: "blue", dimColor: true, children: "\u2022 Analyzing dependencies" }),
-      /* @__PURE__ */ jsx(Text, { color: "blue", dimColor: true, children: "\u2022 Identifying key components" })
-    ] }),
-    detailed && phase === "strategy" && /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
-      /* @__PURE__ */ jsx(Text, { color: "yellow", dimColor: true, children: "\u2022 Evaluating implementation approaches" }),
-      /* @__PURE__ */ jsx(Text, { color: "yellow", dimColor: true, children: "\u2022 Assessing risks and dependencies" }),
-      /* @__PURE__ */ jsx(Text, { color: "yellow", dimColor: true, children: "\u2022 Estimating effort and timeline" })
-    ] }),
-    detailed && phase === "presentation" && /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
-      /* @__PURE__ */ jsx(Text, { color: "cyan", dimColor: true, children: "\u2022 Preparing implementation plan" }),
-      /* @__PURE__ */ jsx(Text, { color: "cyan", dimColor: true, children: "\u2022 Organizing steps and dependencies" }),
-      /* @__PURE__ */ jsx(Text, { color: "cyan", dimColor: true, children: "\u2022 Ready for your review" })
-    ] }),
-    !detailed && /* @__PURE__ */ jsx(Box, { flexDirection: "row", marginTop: 1, children: /* @__PURE__ */ jsxs(Text, { color: "gray", dimColor: true, children: [
-      phase === "presentation" && "\u2022 Press Enter to review plan",
-      phase === "approved" && '\u2022 Type "execute" to start implementation',
-      phase === "rejected" && "\u2022 Provide feedback to regenerate plan",
-      (phase === "analysis" || phase === "strategy") && "\u2022 Plan mode is analyzing..."
-    ] }) })
-  ] });
+    if (!inHunk) {
+      if (line.startsWith("--- ") || line.startsWith("+++ ") || line.startsWith("diff --git") || line.startsWith("index ") || line.startsWith("similarity index") || line.startsWith("rename from") || line.startsWith("rename to") || line.startsWith("new file mode") || line.startsWith("deleted file mode"))
+        continue;
+      continue;
+    }
+    if (line.startsWith("+")) {
+      currentNewLine++;
+      result.push({
+        type: "add",
+        newLine: currentNewLine,
+        content: line.substring(1)
+      });
+    } else if (line.startsWith("-")) {
+      currentOldLine++;
+      result.push({
+        type: "del",
+        oldLine: currentOldLine,
+        content: line.substring(1)
+      });
+    } else if (line.startsWith(" ")) {
+      currentOldLine++;
+      currentNewLine++;
+      result.push({
+        type: "context",
+        oldLine: currentOldLine,
+        newLine: currentNewLine,
+        content: line.substring(1)
+      });
+    } else if (line.startsWith("\\")) {
+      result.push({ type: "other", content: line });
+    }
+  }
+  return result;
 }
-function PlanModeStatusIndicator({
-  isActive,
-  phase,
-  progress
-}) {
-  if (!isActive) {
-    return /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: "Plan Mode: Off" });
+var DEFAULT_TAB_WIDTH = 4;
+var DiffRenderer = ({
+  diffContent,
+  filename,
+  tabWidth = DEFAULT_TAB_WIDTH,
+  availableTerminalHeight,
+  terminalWidth = 80
+}) => {
+  if (!diffContent || typeof diffContent !== "string") {
+    return /* @__PURE__ */ jsx(Text, { color: Colors.AccentYellow, children: "No diff content." });
   }
-  const phaseInfo = PHASE_DISPLAY[phase];
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", alignItems: "center", children: [
-    /* @__PURE__ */ jsx(Text, { color: phaseInfo.color, children: phaseInfo.symbol }),
-    /* @__PURE__ */ jsx(Box, { marginLeft: 1, children: /* @__PURE__ */ jsxs(Text, { color: phaseInfo.color, children: [
-      "Plan: ",
-      phaseInfo.label
-    ] }) }),
-    phase !== "inactive" && phase !== "approved" && phase !== "rejected" && /* @__PURE__ */ jsx(Box, { marginLeft: 1, children: /* @__PURE__ */ jsxs(Text, { color: "gray", dimColor: true, children: [
-      "(",
-      Math.round(progress * 100),
-      "%)"
-    ] }) })
-  ] });
+  const lines = diffContent.split("\n");
+  const firstLine = lines[0];
+  let actualDiffContent = diffContent;
+  if (firstLine && (firstLine.startsWith("Updated ") || firstLine.startsWith("Created "))) {
+    actualDiffContent = lines.slice(1).join("\n");
+  }
+  const parsedLines = parseDiffWithLineNumbers(actualDiffContent);
+  if (parsedLines.length === 0) {
+    return /* @__PURE__ */ jsx(Text, { dimColor: true, children: "No changes detected." });
+  }
+  const renderedOutput = renderDiffContent(
+    parsedLines,
+    filename,
+    tabWidth,
+    availableTerminalHeight,
+    terminalWidth
+  );
+  return /* @__PURE__ */ jsx(Fragment, { children: renderedOutput });
+};
+var renderDiffContent = (parsedLines, filename, tabWidth = DEFAULT_TAB_WIDTH, availableTerminalHeight, terminalWidth) => {
+  const normalizedLines = parsedLines.map((line) => ({
+    ...line,
+    content: line.content.replace(/\t/g, " ".repeat(tabWidth))
+  }));
+  const displayableLines = normalizedLines.filter(
+    (l) => l.type !== "hunk" && l.type !== "other"
+  );
+  if (displayableLines.length === 0) {
+    return /* @__PURE__ */ jsx(Text, { dimColor: true, children: "No changes detected." });
+  }
+  let baseIndentation = Infinity;
+  for (const line of displayableLines) {
+    if (line.content.trim() === "") continue;
+    const firstCharIndex = line.content.search(/\S/);
+    const currentIndent = firstCharIndex === -1 ? 0 : firstCharIndex;
+    baseIndentation = Math.min(baseIndentation, currentIndent);
+  }
+  if (!isFinite(baseIndentation)) {
+    baseIndentation = 0;
+  }
+  const key = filename ? `diff-box-${filename}` : `diff-box-${crypto.createHash("sha1").update(JSON.stringify(parsedLines)).digest("hex")}`;
+  let lastLineNumber = null;
+  const MAX_CONTEXT_LINES_WITHOUT_GAP = 5;
+  return /* @__PURE__ */ jsx(
+    MaxSizedBox,
+    {
+      maxHeight: availableTerminalHeight,
+      maxWidth: terminalWidth,
+      children: displayableLines.reduce((acc, line, index) => {
+        let relevantLineNumberForGapCalc = null;
+        if (line.type === "add" || line.type === "context") {
+          relevantLineNumberForGapCalc = line.newLine ?? null;
+        } else if (line.type === "del") {
+          relevantLineNumberForGapCalc = line.oldLine ?? null;
+        }
+        if (lastLineNumber !== null && relevantLineNumberForGapCalc !== null && relevantLineNumberForGapCalc > lastLineNumber + MAX_CONTEXT_LINES_WITHOUT_GAP + 1) {
+          acc.push(
+            /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Text, { wrap: "truncate", children: "\u2550".repeat(terminalWidth) }) }, `gap-${index}`)
+          );
+        }
+        const lineKey = `diff-line-${index}`;
+        let gutterNumStr = "";
+        let backgroundColor = void 0;
+        let prefixSymbol = " ";
+        let dim = false;
+        switch (line.type) {
+          case "add":
+            gutterNumStr = (line.newLine ?? "").toString();
+            backgroundColor = "#86efac";
+            prefixSymbol = "+";
+            lastLineNumber = line.newLine ?? null;
+            break;
+          case "del":
+            gutterNumStr = (line.oldLine ?? "").toString();
+            backgroundColor = "redBright";
+            prefixSymbol = "-";
+            if (line.oldLine !== void 0) {
+              lastLineNumber = line.oldLine;
+            }
+            break;
+          case "context":
+            gutterNumStr = (line.newLine ?? "").toString();
+            dim = true;
+            prefixSymbol = " ";
+            lastLineNumber = line.newLine ?? null;
+            break;
+          default:
+            return acc;
+        }
+        const displayContent = line.content.substring(baseIndentation);
+        acc.push(
+          /* @__PURE__ */ jsxs(Box, { flexDirection: "row", children: [
+            /* @__PURE__ */ jsx(Text, { color: Colors.Gray, dimColor: dim, children: gutterNumStr.padEnd(4) }),
+            /* @__PURE__ */ jsxs(Text, { color: backgroundColor ? "#000000" : void 0, backgroundColor, dimColor: !backgroundColor && dim, children: [
+              prefixSymbol,
+              " "
+            ] }),
+            /* @__PURE__ */ jsx(Text, { color: backgroundColor ? "#000000" : void 0, backgroundColor, dimColor: !backgroundColor && dim, wrap: "wrap", children: displayContent })
+          ] }, lineKey)
+        );
+        return acc;
+      }, [])
+    },
+    key
+  );
+};
+function FileContentRenderer({ content }) {
+  const lines = content.split("\n");
+  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 /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: lines.map((line, index) => {
+    const displayContent = line.substring(baseIndentation);
+    return /* @__PURE__ */ jsx(Text, { color: "gray", children: displayContent }, index);
+  }) });
 }
-function ContextIndicator({
-  state,
-  compact = false
-}) {
-  const getTokenColor = (percent) => {
-    if (percent >= 90) return inkColors.error;
-    if (percent >= 80) return inkColors.warning;
-    if (percent >= 60) return inkColors.info;
-    return inkColors.success;
+var truncateContent2 = (content, maxLength = 100) => {
+  if (process.env.COMPACT !== "1") return content;
+  return content.length > maxLength ? content.substring(0, maxLength) + "..." : content;
+};
+function ToolCallEntry({ entry, verbosityLevel, explainLevel }) {
+  const getExplanation = (toolName2, filePath2, _isExecuting) => {
+    if (explainLevel === "off") return null;
+    const explanations = {
+      view_file: {
+        brief: `Reading ${filePath2} to examine its contents`,
+        detailed: `Reading the file ${filePath2} to examine its current contents, structure, and implementation details for analysis or modification.`
+      },
+      str_replace_editor: {
+        brief: `Updating ${filePath2} with changes`,
+        detailed: `Applying targeted modifications to ${filePath2} using precise string replacement to update specific code sections while preserving the rest of the file structure.`
+      },
+      create_file: {
+        brief: `Creating new file ${filePath2}`,
+        detailed: `Creating a new file at ${filePath2} with the specified content, establishing the initial structure and implementation for this component or module.`
+      },
+      bash: {
+        brief: `Executing command: ${filePath2}`,
+        detailed: `Running the shell command "${filePath2}" to perform system operations, file management, or external tool execution as requested.`
+      },
+      search: {
+        brief: `Searching for: ${filePath2}`,
+        detailed: `Performing a comprehensive search across the codebase for "${filePath2}" to locate relevant files, functions, or code patterns that match the query.`
+      }
+    };
+    const explanation2 = explanations[toolName2];
+    if (!explanation2) return null;
+    return explainLevel === "detailed" ? explanation2.detailed : explanation2.brief;
   };
-  const getMemoryPressureColor = (pressure) => {
-    switch (pressure) {
-      case "critical":
-        return inkColors.error;
-      case "high":
-        return inkColors.warning;
-      case "medium":
-        return inkColors.info;
+  const getToolActionName = (toolName2) => {
+    if (toolName2.startsWith("mcp__")) {
+      const parts = toolName2.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 (toolName2) {
+      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 inkColors.success;
+        return "Tool";
     }
   };
-  const formatTokenCount2 = (count) => {
-    if (count >= 1e6) {
-      return `${(count / 1e6).toFixed(1)}M`;
-    }
-    if (count >= 1e3) {
-      return `${(count / 1e3).toFixed(1)}k`;
+  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 count.toString();
+    return "";
   };
-  const getProgressBar = (percent, width = 20) => {
-    const filled = Math.round(percent / 100 * width);
-    const empty = width - filled;
-    return "\u2588".repeat(filled) + "\u2592".repeat(empty);
+  const filePath = getFilePath(entry.toolCall);
+  const isExecuting = entry.type === "tool_call" || !entry.toolResult;
+  const formatToolContent = (content, toolName2) => {
+    const truncated = truncateContent2(content, 200);
+    if (toolName2.startsWith("mcp__")) {
+      try {
+        const parsed = JSON.parse(truncated);
+        if (Array.isArray(parsed)) {
+          return `Found ${parsed.length} items`;
+        } else if (typeof parsed === "object") {
+          return JSON.stringify(parsed, null, 2);
+        }
+      } catch {
+        return truncated;
+      }
+    }
+    return truncated;
   };
-  if (compact) {
-    return /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsxs(Text, { color: getTokenColor(state.tokenUsage.percent), children: [
-        "\u{1F9E0} ",
-        formatTokenCount2(state.tokenUsage.current),
-        "/",
-        formatTokenCount2(state.tokenUsage.max),
-        " (",
-        state.tokenUsage.percent,
-        "%)"
-      ] }),
-      /* @__PURE__ */ jsx(Text, { color: inkColors.muted, children: " \u2502 " }),
-      /* @__PURE__ */ jsxs(Text, { color: inkColors.info, children: [
-        "\u{1F4C1} ",
-        state.fileCount,
-        " files"
-      ] }),
-      /* @__PURE__ */ jsx(Text, { color: inkColors.muted, children: " \u2502 " }),
-      /* @__PURE__ */ jsxs(Text, { color: inkColors.info, children: [
-        "\u{1F4AC} ",
-        state.messagesCount,
-        " msgs"
-      ] }),
-      state.memoryPressure !== "low" && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Text, { color: inkColors.muted, children: " \u2502 " }),
-        /* @__PURE__ */ jsxs(Text, { color: getMemoryPressureColor(state.memoryPressure), children: [
-          "\u26A0\uFE0F ",
-          state.memoryPressure,
-          " pressure"
-        ] })
+  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;
+  const shouldShowToolContent = verbosityLevel !== "quiet";
+  const shouldShowFullContent = verbosityLevel === "normal" || verbosityLevel === "verbose";
+  const explanation = getExplanation(toolName, filePath);
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
+    /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsx(Text, { color: "magenta", children: "\u23FA" }),
+      /* @__PURE__ */ jsxs(Text, { color: "white", children: [
+        " ",
+        filePath ? `${actionName}(${filePath})` : actionName
       ] })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      flexDirection: "column",
-      borderStyle: "round",
-      borderColor: state.contextHealth === "critical" ? "red" : state.contextHealth === "degraded" ? "yellow" : "green",
-      paddingX: 1,
-      paddingY: 0,
-      children: [
-        /* @__PURE__ */ jsxs(Box, { justifyContent: "space-between", children: [
-          /* @__PURE__ */ jsx(Text, { bold: true, color: inkColors.primary, children: "\u{1F9E0} Context Status" }),
-          /* @__PURE__ */ jsx(
-            Text,
-            {
-              color: state.contextHealth === "critical" ? inkColors.error : state.contextHealth === "degraded" ? inkColors.warning : inkColors.success,
-              children: state.contextHealth.toUpperCase()
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
-          /* @__PURE__ */ jsxs(Box, { justifyContent: "space-between", children: [
-            /* @__PURE__ */ jsx(Text, { color: inkColors.info, children: "Memory Usage:" }),
-            /* @__PURE__ */ jsxs(Text, { color: getTokenColor(state.tokenUsage.percent), children: [
-              formatTokenCount2(state.tokenUsage.current),
-              "/",
-              formatTokenCount2(state.tokenUsage.max),
-              " (",
-              state.tokenUsage.percent,
-              "%)"
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx(Box, { marginTop: 0, children: /* @__PURE__ */ jsx(Text, { color: getTokenColor(state.tokenUsage.percent), children: getProgressBar(state.tokenUsage.percent, 40) }) })
-        ] }),
-        /* @__PURE__ */ jsxs(Box, { justifyContent: "space-between", marginTop: 1, children: [
-          /* @__PURE__ */ jsxs(Box, { children: [
-            /* @__PURE__ */ jsx(Text, { color: inkColors.info, children: "\u{1F4C1} Files: " }),
-            /* @__PURE__ */ jsx(Text, { color: inkColors.accent, children: state.fileCount })
-          ] }),
-          /* @__PURE__ */ jsxs(Box, { children: [
-            /* @__PURE__ */ jsx(Text, { color: inkColors.info, children: "\u{1F4AC} Messages: " }),
-            /* @__PURE__ */ jsx(Text, { color: inkColors.accent, children: state.messagesCount })
-          ] }),
-          /* @__PURE__ */ jsxs(Box, { children: [
-            /* @__PURE__ */ jsx(Text, { color: inkColors.info, children: "\u{1F525} Pressure: " }),
-            /* @__PURE__ */ jsx(Text, { color: getMemoryPressureColor(state.memoryPressure), children: state.memoryPressure })
-          ] })
-        ] }),
-        state.tokenUsage.percent >= 80 && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: inkColors.warning, children: "\u26A0\uFE0F Approaching context limit. Consider using /compact or /clear" }) }),
-        state.memoryPressure === "critical" && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: inkColors.error, children: "\u{1F6A8} Critical memory pressure! Performance may degrade. Use /clear immediately." }) }),
-        state.loadedFiles.length > 0 && /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
-          /* @__PURE__ */ jsx(Text, { color: inkColors.info, bold: true, children: "Recent Files:" }),
-          state.loadedFiles.slice(0, 3).map((file, index) => /* @__PURE__ */ jsxs(Box, { children: [
-            /* @__PURE__ */ jsx(Text, { color: inkColors.muted, children: "\u2022 " }),
-            /* @__PURE__ */ jsx(Text, { color: inkColors.accent, children: file.path }),
-            /* @__PURE__ */ jsxs(Text, { color: inkColors.muted, children: [
-              " ",
-              "(",
-              formatTokenCount2(file.tokens),
-              " tokens)"
-            ] })
-          ] }, index)),
-          state.loadedFiles.length > 3 && /* @__PURE__ */ jsxs(Text, { color: inkColors.muted, children: [
-            "... and ",
-            state.loadedFiles.length - 3,
-            " more files"
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: inkColors.muted, children: "\u{1F4A1} Use /context for details, /compact to optimize, /clear to reset" }) })
-      ]
-    }
-  );
-}
-init_settings_manager();
-function ApiKeyInput({ onApiKeySet }) {
-  const [input, setInput] = useState("");
-  const [error, setError] = useState("");
-  const [isSubmitting, setIsSubmitting] = useState(false);
-  const { exit } = useApp();
-  useInput((inputChar, key) => {
-    if (isSubmitting) return;
-    if (key.ctrl && inputChar === "c") {
-      exit();
-      return;
-    }
-    if (key.return) {
-      handleSubmit();
-      return;
-    }
-    if (key.backspace || key.delete) {
-      setInput((prev) => prev.slice(0, -1));
-      setError("");
-      return;
-    }
-    if (inputChar && !key.ctrl && !key.meta) {
-      setInput((prev) => prev + inputChar);
-      setError("");
-    }
-  });
-  const handleSubmit = async () => {
-    if (!input.trim()) {
-      setError("API key cannot be empty");
-      return;
-    }
-    setIsSubmitting(true);
-    try {
-      const apiKey = input.trim();
-      const agent = new GrokAgent(apiKey);
-      process.env.GROK_API_KEY = apiKey;
-      try {
-        const manager = getSettingsManager();
-        manager.updateUserSetting("apiKey", apiKey);
-        console.log(`
-\u2705 API key saved to ~/.grok/user-settings.json`);
-      } catch {
-        console.log("\n\u26A0\uFE0F Could not save API key to settings file");
-        console.log("API key set for current session only");
-      }
-      onApiKeySet(agent);
-    } catch {
-      setError("Invalid API key format");
-      setIsSubmitting(false);
-    }
-  };
-  const displayText = input.length > 0 ? isSubmitting ? "*".repeat(input.length) : "*".repeat(input.length) + "\u2588" : isSubmitting ? " " : "\u2588";
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx(Text, { color: "yellow", children: "\u{1F511} Grok API Key Required" }),
-    /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsx(Text, { color: "gray", children: "Please enter your Grok API key to continue:" }) }),
-    /* @__PURE__ */ jsxs(Box, { borderStyle: "round", borderColor: "blue", paddingX: 1, marginBottom: 1, children: [
-      /* @__PURE__ */ jsx(Text, { color: "gray", children: "\u276F " }),
-      /* @__PURE__ */ jsx(Text, { children: displayText })
-    ] }),
-    error ? /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsxs(Text, { color: "red", children: [
-      "\u274C ",
-      error
-    ] }) }) : null,
-    /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
-      /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: "\u2022 Press Enter to submit" }),
-      /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: "\u2022 Press Ctrl+C to exit" }),
-      /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: "Note: API key will be saved to ~/.grok/user-settings.json" })
     ] }),
-    isSubmitting ? /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "yellow", children: "\u{1F504} Validating API key..." }) }) : null
+    explanation && /* @__PURE__ */ jsx(Box, { marginLeft: 2, children: /* @__PURE__ */ jsxs(Text, { color: "blue", italic: true, children: [
+      "\u{1F4A1} ",
+      explanation
+    ] }) }),
+    shouldShowToolContent && /* @__PURE__ */ jsx(Box, { marginLeft: 2, flexDirection: "column", children: isExecuting ? /* @__PURE__ */ jsx(Text, { color: "cyan", children: "\u23BF Executing..." }) : shouldShowFileContent && shouldShowFullContent ? /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx(Text, { color: "gray", children: "\u23BF File contents:" }),
+      /* @__PURE__ */ jsx(Box, { marginLeft: 2, flexDirection: "column", children: /* @__PURE__ */ jsx(FileContentRenderer, { content: entry.content }) })
+    ] }) : shouldShowDiff && shouldShowFullContent ? (
+      // For diff results, show only the summary line, not the raw content
+      /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+        "\u23BF ",
+        entry.content.split("\n")[0]
+      ] })
+    ) : !shouldShowFullContent ? /* @__PURE__ */ jsx(Text, { color: "gray", children: "\u23BF Completed" }) : /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+      "\u23BF ",
+      formatToolContent(entry.content, toolName)
+    ] }) }),
+    shouldShowDiff && !isExecuting && shouldShowFullContent && /* @__PURE__ */ jsx(Box, { marginLeft: 4, flexDirection: "column", children: /* @__PURE__ */ jsx(
+      DiffRenderer,
+      {
+        diffContent: entry.content,
+        filename: filePath,
+        terminalWidth: 80
+      }
+    ) })
   ] });
 }
-function ChatInterfaceWithAgent({
-  agent,
-  initialMessage
+function ChatEntryRouter({ entry, verbosityLevel, explainLevel }) {
+  switch (entry.type) {
+    case "user":
+      return /* @__PURE__ */ jsx(UserMessageEntry, { entry, verbosityLevel });
+    case "assistant":
+      return /* @__PURE__ */ jsx(AssistantMessageEntry, { entry, verbosityLevel });
+    case "tool_call":
+    case "tool_result":
+      return /* @__PURE__ */ jsx(ToolCallEntry, { entry, verbosityLevel, explainLevel });
+    default:
+      return null;
+  }
+}
+var MemoizedChatEntry = React4.memo(
+  ({ entry, verbosityLevel, explainLevel }) => {
+    return /* @__PURE__ */ jsx(ChatEntryRouter, { entry, verbosityLevel, explainLevel });
+  }
+);
+MemoizedChatEntry.displayName = "MemoizedChatEntry";
+function ChatHistory({
+  entries,
+  isConfirmationActive = false,
+  verbosityLevel = "quiet",
+  explainLevel = "brief"
 }) {
-  const [chatHistory, setChatHistory] = useState([]);
-  const [isProcessing, setIsProcessing] = useState(false);
-  const [processingTime, setProcessingTime] = useState(0);
-  const [tokenCount, setTokenCount] = useState(0);
-  const [isStreaming, setIsStreaming] = useState(false);
-  const [confirmationOptions, setConfirmationOptions] = useState(null);
-  const [showContextTooltip, setShowContextTooltip] = useState(false);
-  const scrollRef = useRef(null);
-  const processingStartTime = useRef(0);
-  const lastChatHistoryLength = useRef(0);
-  const { contextInfo } = useContextInfo(agent);
-  const handleGlobalShortcuts = (str, key) => {
-    if (key.ctrl && (str === "i" || key.name === "i")) {
-      setShowContextTooltip((prev) => !prev);
-      return true;
-    }
-    return false;
-  };
-  const confirmationService = ConfirmationService.getInstance();
-  const {
-    input,
-    cursorPosition,
-    showCommandSuggestions,
-    selectedCommandIndex,
-    showModelSelection,
-    selectedModelIndex,
-    commandSuggestions,
-    availableModels,
-    autoEditEnabled,
-    verbosityLevel,
-    explainLevel,
-    planMode
-  } = useInputHandler({
-    agent,
-    chatHistory,
-    setChatHistory,
-    setIsProcessing,
-    setIsStreaming,
-    setTokenCount,
-    setProcessingTime,
-    processingStartTime,
-    isProcessing,
-    isStreaming,
-    isConfirmationActive: !!confirmationOptions,
-    onGlobalShortcut: handleGlobalShortcuts
-  });
-  useEffect(() => {
-    const isWindows = process.platform === "win32";
-    const isPowerShell = process.env.ComSpec?.toLowerCase().includes("powershell") || process.env.PSModulePath !== void 0;
-    if (!isWindows || !isPowerShell) {
-      console.clear();
-    }
-    console.log("    ");
-    console.log(" ");
-    const logoOutput = "X-CLI\n" + package_default.version;
-    const logoLines = logoOutput.split("\n");
-    logoLines.forEach((line) => {
-      if (line.trim()) {
-        console.log(" " + line);
-      } else {
-        console.log(line);
-      }
-    });
-    console.log(" ");
-    setChatHistory([]);
-    if (fs__default.existsSync(".agent")) {
-      const initialMessages = [];
-      let docsRead = 0;
-      let config2 = null;
-      const configPaths = [
-        path7__default.join(".xcli", "auto-read-config.json"),
-        // User config (distributed)
-        path7__default.join(".agent", "auto-read-config.json")
-        // Dev override (gitignored)
-      ];
-      for (const configPath of configPaths) {
-        if (fs__default.existsSync(configPath)) {
-          try {
-            const configContent = fs__default.readFileSync(configPath, "utf8");
-            config2 = JSON.parse(configContent);
-            break;
-          } catch (_error) {
+  const filteredEntries = isConfirmationActive ? entries.filter(
+    (entry) => !(entry.type === "tool_call" && entry.content === "Executing...")
+  ) : entries;
+  const maxEntries = process.env.COMPACT === "1" ? 5 : 20;
+  return /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: filteredEntries.slice(-maxEntries).map((entry, index) => /* @__PURE__ */ jsx(
+    MemoizedChatEntry,
+    {
+      entry,
+      verbosityLevel,
+      explainLevel
+    },
+    `${entry.timestamp.getTime()}-${index}`
+  )) });
+}
+var operationConfig = {
+  thinking: {
+    icon: "\u{1F9E0}",
+    spinner: "\u280B\u2819\u2839\u2838\u283C\u2834\u2826\u2827\u2807\u280F",
+    messages: ["Thinking...", "Processing...", "Analyzing...", "Computing...", "Reasoning..."]
+  },
+  search: {
+    icon: "\u{1F50D}",
+    spinner: "\u280B\u2819\u2839\u2838\u283C\u2834\u2826\u2827\u2807\u280F",
+    messages: ["Searching...", "Scanning files...", "Finding matches...", "Indexing..."]
+  },
+  indexing: {
+    icon: "\u{1F4C2}",
+    spinner: "\u280B\u2819\u2839\u2838\u283C\u2834\u2826\u2827\u2807\u280F",
+    messages: ["Indexing workspace...", "Building context...", "Mapping relationships..."]
+  },
+  write: {
+    icon: "\u{1F4DD}",
+    spinner: "\u280B\u2819\u2839\u2838\u283C\u2834\u2826\u2827\u2807\u280F",
+    messages: ["Writing file...", "Saving changes...", "Updating content..."]
+  },
+  edit: {
+    icon: "\u270F\uFE0F",
+    spinner: "\u280B\u2819\u2839\u2838\u283C\u2834\u2826\u2827\u2807\u280F",
+    messages: ["Editing file...", "Applying changes...", "Modifying content..."]
+  },
+  compact: {
+    icon: "\u{1F504}",
+    spinner: "\u280B\u2819\u2839\u2838\u283C\u2834\u2826\u2827\u2807\u280F",
+    messages: ["Compacting context...", "Optimizing memory...", "Refreshing session..."]
+  },
+  analyze: {
+    icon: "\u{1F52C}",
+    spinner: "\u280B\u2819\u2839\u2838\u283C\u2834\u2826\u2827\u2807\u280F",
+    messages: ["Analyzing code...", "Understanding structure...", "Mapping dependencies..."]
+  },
+  process: {
+    icon: "\u26A1",
+    spinner: "\u280B\u2819\u2839\u2838\u283C\u2834\u2826\u2827\u2807\u280F",
+    messages: ["Processing...", "Working...", "Computing...", "Executing..."]
+  }
+};
+function LoadingSpinner({
+  isActive,
+  processingTime,
+  tokenCount,
+  operation = "thinking",
+  message,
+  progress
+}) {
+  const [frameIndex, setFrameIndex] = useState(0);
+  const [messageIndex, setMessageIndex] = useState(0);
+  const config2 = operationConfig[operation];
+  const spinnerChar = config2.spinner[frameIndex % config2.spinner.length];
+  const operationMessage = message || config2.messages[messageIndex % config2.messages.length];
+  const color = getSpinnerColor(operation);
+  useEffect(() => {
+    if (!isActive) return;
+    const interval = setInterval(() => {
+      setFrameIndex((prev) => prev + 1);
+    }, 80);
+    return () => clearInterval(interval);
+  }, [isActive]);
+  useEffect(() => {
+    if (!isActive) return;
+    const messageInterval = setInterval(() => {
+      setMessageIndex((prev) => prev + 1);
+    }, 80 * config2.spinner.length * 3);
+    return () => clearInterval(messageInterval);
+  }, [isActive, config2.spinner.length]);
+  if (!isActive) return null;
+  const renderProgressBar = () => {
+    if (progress === void 0) return null;
+    const barLength = 20;
+    const filled = Math.round(progress / 100 * barLength);
+    const empty = barLength - filled;
+    const progressBar = "\u2588".repeat(filled) + "\u2591".repeat(empty);
+    return /* @__PURE__ */ jsxs(Text, { color: inkColors.muted, children: [
+      " ",
+      "[",
+      /* @__PURE__ */ jsx(Text, { color, children: progressBar }),
+      "] ",
+      progress,
+      "%"
+    ] });
+  };
+  return /* @__PURE__ */ jsxs(Box, { marginTop: 1, children: [
+    /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsxs(Text, { color, children: [
+        config2.icon,
+        " ",
+        spinnerChar,
+        " ",
+        operationMessage
+      ] }),
+      renderProgressBar()
+    ] }),
+    /* @__PURE__ */ jsxs(Text, { color: inkColors.muted, children: [
+      " ",
+      "(",
+      processingTime,
+      "s \xB7 \u2191 ",
+      formatTokenCount(tokenCount),
+      " tokens \xB7 esc to interrupt)"
+    ] })
+  ] });
+}
+var PHASE_DISPLAY = {
+  inactive: { label: "Inactive", color: "gray", symbol: "\u25CB" },
+  analysis: { label: "Analyzing", color: "blue", symbol: "\u{1F50D}" },
+  strategy: { label: "Planning", color: "yellow", symbol: "\u{1F9E0}" },
+  presentation: { label: "Presenting", color: "cyan", symbol: "\u{1F4CB}" },
+  approved: { label: "Approved", color: "green", symbol: "\u2705" },
+  rejected: { label: "Rejected", color: "red", symbol: "\u274C" }
+};
+var PHASE_DESCRIPTIONS = {
+  inactive: "Press Shift+Tab twice to enter Plan Mode",
+  analysis: "Exploring codebase and gathering insights",
+  strategy: "Formulating implementation strategy",
+  presentation: "Presenting plan for your review",
+  approved: "Plan approved - ready for execution",
+  rejected: "Plan rejected - please provide feedback"
+};
+function PlanModeIndicator({
+  isActive,
+  phase,
+  progress,
+  sessionDuration,
+  detailed = false
+}) {
+  const phaseInfo = PHASE_DISPLAY[phase];
+  const phaseDescription = PHASE_DESCRIPTIONS[phase];
+  const formatDuration = (ms) => {
+    const seconds = Math.floor(ms / 1e3);
+    const minutes = Math.floor(seconds / 60);
+    const remainingSeconds = seconds % 60;
+    if (minutes > 0) {
+      return `${minutes}m ${remainingSeconds}s`;
+    }
+    return `${remainingSeconds}s`;
+  };
+  const formatProgressBar = (progress2, width = 20) => {
+    const filled = Math.round(progress2 * width);
+    const empty = width - filled;
+    return "\u2588".repeat(filled) + "\u2591".repeat(empty);
+  };
+  if (!isActive) {
+    return detailed ? /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "gray", padding: 1, children: [
+      /* @__PURE__ */ jsxs(Box, { flexDirection: "row", alignItems: "center", children: [
+        /* @__PURE__ */ jsx(Text, { color: "gray", children: phaseInfo.symbol }),
+        /* @__PURE__ */ jsx(Box, { marginLeft: 1, children: /* @__PURE__ */ jsxs(Text, { color: "gray", bold: true, children: [
+          "Plan Mode: ",
+          phaseInfo.label
+        ] }) })
+      ] }),
+      /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: phaseDescription }) })
+    ] }) : null;
+  }
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: phaseInfo.color, padding: 1, children: [
+    /* @__PURE__ */ jsxs(Box, { flexDirection: "row", alignItems: "center", justifyContent: "space-between", children: [
+      /* @__PURE__ */ jsxs(Box, { flexDirection: "row", alignItems: "center", children: [
+        /* @__PURE__ */ jsx(Text, { color: phaseInfo.color, children: phaseInfo.symbol }),
+        /* @__PURE__ */ jsx(Box, { marginLeft: 1, children: /* @__PURE__ */ jsxs(Text, { color: phaseInfo.color, bold: true, children: [
+          "Plan Mode: ",
+          phaseInfo.label
+        ] }) })
+      ] }),
+      /* @__PURE__ */ jsx(Box, { flexDirection: "row", alignItems: "center", children: /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: formatDuration(sessionDuration) }) })
+    ] }),
+    phase !== "inactive" && phase !== "approved" && phase !== "rejected" && /* @__PURE__ */ jsxs(Box, { flexDirection: "row", alignItems: "center", marginTop: 1, children: [
+      /* @__PURE__ */ jsx(Box, { marginRight: 1, children: /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: "Progress:" }) }),
+      /* @__PURE__ */ jsx(Text, { color: phaseInfo.color, children: formatProgressBar(progress) }),
+      /* @__PURE__ */ jsx(Box, { marginLeft: 1, children: /* @__PURE__ */ jsxs(Text, { color: "gray", dimColor: true, children: [
+        Math.round(progress * 100),
+        "%"
+      ] }) })
+    ] }),
+    detailed && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: phaseDescription }) }),
+    detailed && phase === "analysis" && /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
+      /* @__PURE__ */ jsx(Text, { color: "blue", dimColor: true, children: "\u2022 Reading project structure" }),
+      /* @__PURE__ */ jsx(Text, { color: "blue", dimColor: true, children: "\u2022 Analyzing dependencies" }),
+      /* @__PURE__ */ jsx(Text, { color: "blue", dimColor: true, children: "\u2022 Identifying key components" })
+    ] }),
+    detailed && phase === "strategy" && /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
+      /* @__PURE__ */ jsx(Text, { color: "yellow", dimColor: true, children: "\u2022 Evaluating implementation approaches" }),
+      /* @__PURE__ */ jsx(Text, { color: "yellow", dimColor: true, children: "\u2022 Assessing risks and dependencies" }),
+      /* @__PURE__ */ jsx(Text, { color: "yellow", dimColor: true, children: "\u2022 Estimating effort and timeline" })
+    ] }),
+    detailed && phase === "presentation" && /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
+      /* @__PURE__ */ jsx(Text, { color: "cyan", dimColor: true, children: "\u2022 Preparing implementation plan" }),
+      /* @__PURE__ */ jsx(Text, { color: "cyan", dimColor: true, children: "\u2022 Organizing steps and dependencies" }),
+      /* @__PURE__ */ jsx(Text, { color: "cyan", dimColor: true, children: "\u2022 Ready for your review" })
+    ] }),
+    !detailed && /* @__PURE__ */ jsx(Box, { flexDirection: "row", marginTop: 1, children: /* @__PURE__ */ jsxs(Text, { color: "gray", dimColor: true, children: [
+      phase === "presentation" && "\u2022 Press Enter to review plan",
+      phase === "approved" && '\u2022 Type "execute" to start implementation',
+      phase === "rejected" && "\u2022 Provide feedback to regenerate plan",
+      (phase === "analysis" || phase === "strategy") && "\u2022 Plan mode is analyzing..."
+    ] }) })
+  ] });
+}
+function PlanModeStatusIndicator({
+  isActive,
+  phase,
+  progress
+}) {
+  if (!isActive) {
+    return /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: "Plan Mode: Off" });
+  }
+  const phaseInfo = PHASE_DISPLAY[phase];
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", alignItems: "center", children: [
+    /* @__PURE__ */ jsx(Text, { color: phaseInfo.color, children: phaseInfo.symbol }),
+    /* @__PURE__ */ jsx(Box, { marginLeft: 1, children: /* @__PURE__ */ jsxs(Text, { color: phaseInfo.color, children: [
+      "Plan: ",
+      phaseInfo.label
+    ] }) }),
+    phase !== "inactive" && phase !== "approved" && phase !== "rejected" && /* @__PURE__ */ jsx(Box, { marginLeft: 1, children: /* @__PURE__ */ jsxs(Text, { color: "gray", dimColor: true, children: [
+      "(",
+      Math.round(progress * 100),
+      "%)"
+    ] }) })
+  ] });
+}
+function ChatInput({
+  input,
+  cursorPosition,
+  isProcessing,
+  isStreaming
+}) {
+  const beforeCursor = input.slice(0, cursorPosition);
+  const lines = input.split("\n");
+  const isMultiline = lines.length > 1;
+  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;
+  }
+  const showCursor = !isProcessing && !isStreaming;
+  const borderColor = isProcessing || isStreaming ? "yellow" : "blue";
+  const promptColor = "cyan";
+  const placeholderText = "Ask me anything...";
+  const isPlaceholder = !input;
+  if (isMultiline) {
+    return /* @__PURE__ */ jsx(
+      Box,
+      {
+        borderStyle: "round",
+        borderColor,
+        paddingY: 0,
+        marginTop: 1,
+        children: lines.map((line, index) => {
+          const isCurrentLine = index === currentLineIndex;
+          const promptChar = index === 0 ? "\u276F " : "  ";
+          if (isCurrentLine) {
+            const beforeCursorInLine = line.slice(0, currentCharIndex);
+            const cursorChar2 = line.slice(currentCharIndex, currentCharIndex + 1) || " ";
+            const afterCursorInLine = line.slice(currentCharIndex + 1);
+            return /* @__PURE__ */ jsxs(Box, { children: [
+              /* @__PURE__ */ jsx(Text, { color: promptColor, children: promptChar }),
+              /* @__PURE__ */ jsxs(Text, { children: [
+                beforeCursorInLine,
+                showCursor && /* @__PURE__ */ jsx(Text, { backgroundColor: "white", color: "black", children: cursorChar2 }),
+                !showCursor && cursorChar2 !== " " && cursorChar2,
+                afterCursorInLine
+              ] })
+            ] }, index);
+          } else {
+            return /* @__PURE__ */ jsxs(Box, { children: [
+              /* @__PURE__ */ jsx(Text, { color: promptColor, children: promptChar }),
+              /* @__PURE__ */ jsx(Text, { children: line })
+            ] }, index);
           }
-        }
-      }
-      const isEnabled = config2?.enabled !== false;
-      const showLoadingMessage = config2?.showLoadingMessage !== false;
-      const showSummaryMessage = config2?.showSummaryMessage !== false;
-      const showFileContents = config2?.showFileContents === true;
-      if (!isEnabled) {
-        return;
-      }
-      if (showLoadingMessage) {
-        initialMessages.push({
-          type: "assistant",
-          content: "\u{1F4DA} Reading core documentation into memory...",
-          timestamp: /* @__PURE__ */ new Date()
-        });
+        })
       }
-      const folders = config2?.folders || [
-        {
-          name: "system",
-          priority: 1,
-          files: [
-            { name: "architecture.md", title: "System Architecture", icon: "\u{1F4CB}", required: true },
-            { name: "critical-state.md", title: "Critical State", icon: "\u{1F3D7}\uFE0F", required: false },
-            { name: "installation.md", title: "Installation", icon: "\u{1F3D7}\uFE0F", required: false },
-            { name: "api-schema.md", title: "API Schema", icon: "\u{1F3D7}\uFE0F", required: false },
-            { name: "auto-read-system.md", title: "Auto-Read System", icon: "\u{1F3D7}\uFE0F", required: false }
-          ]
-        },
-        {
-          name: "sop",
-          priority: 2,
-          files: [
-            { name: "git-workflow.md", title: "Git Workflow SOP", icon: "\u{1F527}", required: true },
-            { name: "release-management.md", title: "Release Management SOP", icon: "\u{1F4D6}", required: false },
-            { name: "automation-protection.md", title: "Automation Protection SOP", icon: "\u{1F4D6}", required: false },
-            { name: "npm-publishing-troubleshooting.md", title: "NPM Publishing Troubleshooting", icon: "\u{1F4D6}", required: false }
-          ]
+    );
+  }
+  const cursorChar = input.slice(cursorPosition, cursorPosition + 1) || " ";
+  const afterCursorText = input.slice(cursorPosition + 1);
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      borderStyle: "round",
+      borderColor,
+      paddingX: 1,
+      paddingY: 0,
+      marginTop: 1,
+      children: /* @__PURE__ */ jsxs(Box, { children: [
+        /* @__PURE__ */ jsx(Text, { color: promptColor, children: "\u276F " }),
+        isPlaceholder ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: placeholderText }),
+          showCursor && /* @__PURE__ */ jsx(Text, { backgroundColor: "white", color: "black", children: " " })
+        ] }) : /* @__PURE__ */ jsxs(Text, { children: [
+          beforeCursor,
+          showCursor && /* @__PURE__ */ jsx(Text, { backgroundColor: "white", color: "black", children: cursorChar }),
+          !showCursor && cursorChar !== " " && cursorChar,
+          afterCursorText
+        ] })
+      ] })
+    }
+  );
+}
+function VersionNotification({ isVisible = true }) {
+  const [versionInfo, setVersionInfo] = useState(null);
+  useEffect(() => {
+    const checkVersion = async () => {
+      try {
+        const info = await getCachedVersionInfo();
+        if (info?.isUpdateAvailable) {
+          setVersionInfo({
+            isUpdateAvailable: info.isUpdateAvailable,
+            current: info.current,
+            latest: info.latest
+          });
         }
-      ];
-      if (config2?.customFolders) {
-        folders.push(...config2.customFolders);
+      } catch {
       }
-      folders.sort((a, b) => (a.priority || 999) - (b.priority || 999));
-      for (const folder of folders) {
-        const folderPath = path7__default.join(".agent", folder.name);
-        if (!fs__default.existsSync(folderPath)) {
-          continue;
-        }
-        for (const file of folder.files) {
-          let filePaths = [];
-          if (file.pattern) {
-            continue;
-          } else {
-            filePaths = [file.name];
-          }
-          for (const fileName of filePaths) {
-            const filePath = path7__default.join(folderPath, fileName);
-            if (!fs__default.existsSync(filePath)) {
-              if (file.required) ;
-              continue;
-            }
-            try {
-              const content = fs__default.readFileSync(filePath, "utf8");
-              const displayTitle = file.title || fileName.replace(".md", "").replace("-", " ").toUpperCase();
-              const icon = file.icon || "\u{1F4C4}";
-              if (showFileContents) {
-                initialMessages.push({
-                  type: "assistant",
-                  content: `${icon} **${displayTitle} (from .agent/${folder.name}/${fileName})**
-
-${content}`,
-                  timestamp: /* @__PURE__ */ new Date()
-                });
-              }
-              docsRead++;
-            } catch (_error) {
+    };
+    checkVersion();
+    const interval = setInterval(checkVersion, 6 * 60 * 60 * 1e3);
+    return () => clearInterval(interval);
+  }, []);
+  if (!isVisible || !versionInfo?.isUpdateAvailable) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(Box, { marginTop: 1, marginBottom: 1, children: /* @__PURE__ */ jsxs(
+    Box,
+    {
+      borderStyle: "round",
+      borderColor: inkColors.warning,
+      paddingX: 2,
+      paddingY: 0,
+      children: [
+        /* @__PURE__ */ jsxs(Text, { color: inkColors.warning, children: [
+          "\u{1F504} Update available: v",
+          versionInfo.latest,
+          " (current: v",
+          versionInfo.current,
+          ")"
+        ] }),
+        /* @__PURE__ */ jsx(Text, { color: inkColors.muted, children: " - Use '/upgrade' to update" })
+      ]
+    }
+  ) });
+}
+function MCPStatus({}) {
+  const [connectedServers, setConnectedServers] = useState([]);
+  const [_availableTools, setAvailableTools] = useState([]);
+  useEffect(() => {
+    const updateStatus = () => {
+      try {
+        const manager = getMCPManager();
+        const servers = manager.getServers();
+        const tools = manager.getTools();
+        setConnectedServers(servers);
+        setAvailableTools(tools);
+      } catch (_error) {
+        setConnectedServers([]);
+        setAvailableTools([]);
+      }
+    };
+    const initialTimer = setTimeout(updateStatus, 2e3);
+    const interval = setInterval(updateStatus, 2e3);
+    return () => {
+      clearTimeout(initialTimer);
+      clearInterval(interval);
+    };
+  }, []);
+  if (connectedServers.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(Box, { marginLeft: 1, children: /* @__PURE__ */ jsxs(Text, { color: "green", children: [
+    "\u2692 mcps: ",
+    connectedServers.length,
+    " "
+  ] }) });
+}
+function ContextIndicator({
+  state,
+  compact = false
+}) {
+  const getTokenColor = (percent) => {
+    if (percent >= 90) return inkColors.error;
+    if (percent >= 80) return inkColors.warning;
+    if (percent >= 60) return inkColors.info;
+    return inkColors.success;
+  };
+  const getMemoryPressureColor = (pressure) => {
+    switch (pressure) {
+      case "critical":
+        return inkColors.error;
+      case "high":
+        return inkColors.warning;
+      case "medium":
+        return inkColors.info;
+      default:
+        return inkColors.success;
+    }
+  };
+  const formatTokenCount2 = (count) => {
+    if (count >= 1e6) {
+      return `${(count / 1e6).toFixed(1)}M`;
+    }
+    if (count >= 1e3) {
+      return `${(count / 1e3).toFixed(1)}k`;
+    }
+    return count.toString();
+  };
+  const getProgressBar = (percent, width = 20) => {
+    const filled = Math.round(percent / 100 * width);
+    const empty = width - filled;
+    return "\u2588".repeat(filled) + "\u2592".repeat(empty);
+  };
+  if (compact) {
+    return /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsxs(Text, { color: getTokenColor(state.tokenUsage.percent), children: [
+        "\u{1F9E0} ",
+        formatTokenCount2(state.tokenUsage.current),
+        "/",
+        formatTokenCount2(state.tokenUsage.max),
+        " (",
+        state.tokenUsage.percent,
+        "%)"
+      ] }),
+      /* @__PURE__ */ jsx(Text, { color: inkColors.muted, children: " \u2502 " }),
+      /* @__PURE__ */ jsxs(Text, { color: inkColors.info, children: [
+        "\u{1F4C1} ",
+        state.fileCount,
+        " files"
+      ] }),
+      /* @__PURE__ */ jsx(Text, { color: inkColors.muted, children: " \u2502 " }),
+      /* @__PURE__ */ jsxs(Text, { color: inkColors.info, children: [
+        "\u{1F4AC} ",
+        state.messagesCount,
+        " msgs"
+      ] }),
+      state.memoryPressure !== "low" && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Text, { color: inkColors.muted, children: " \u2502 " }),
+        /* @__PURE__ */ jsxs(Text, { color: getMemoryPressureColor(state.memoryPressure), children: [
+          "\u26A0\uFE0F ",
+          state.memoryPressure,
+          " pressure"
+        ] })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      flexDirection: "column",
+      borderStyle: "round",
+      borderColor: state.contextHealth === "critical" ? "red" : state.contextHealth === "degraded" ? "yellow" : "green",
+      paddingX: 1,
+      paddingY: 0,
+      children: [
+        /* @__PURE__ */ jsxs(Box, { justifyContent: "space-between", children: [
+          /* @__PURE__ */ jsx(Text, { bold: true, color: inkColors.primary, children: "\u{1F9E0} Context Status" }),
+          /* @__PURE__ */ jsx(
+            Text,
+            {
+              color: state.contextHealth === "critical" ? inkColors.error : state.contextHealth === "degraded" ? inkColors.warning : inkColors.success,
+              children: state.contextHealth.toUpperCase()
             }
-          }
-        }
-      }
-      if (showSummaryMessage && docsRead > 0) {
-        initialMessages.push({
-          type: "assistant",
-          content: `\u2705 ${docsRead} documentation files read - I have a complete understanding of the current architecture and operational procedures.`,
-          timestamp: /* @__PURE__ */ new Date()
-        });
-      }
-      if (initialMessages.length > 0) {
-        setChatHistory(initialMessages);
-      }
-    }
-  }, []);
-  useEffect(() => {
-    const newEntries = chatHistory.slice(lastChatHistoryLength.current);
-    if (newEntries.length > 0) {
-      const sessionFile = path7__default.join(os__default.homedir(), ".grok", "session.log");
-      try {
-        const dir = path7__default.dirname(sessionFile);
-        if (!fs__default.existsSync(dir)) {
-          fs__default.mkdirSync(dir, { recursive: true });
-        }
-        const lines = newEntries.map((entry) => JSON.stringify(entry)).join("\n") + "\n";
-        fs__default.appendFileSync(sessionFile, lines);
-      } catch {
-      }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
+          /* @__PURE__ */ jsxs(Box, { justifyContent: "space-between", children: [
+            /* @__PURE__ */ jsx(Text, { color: inkColors.info, children: "Memory Usage:" }),
+            /* @__PURE__ */ jsxs(Text, { color: getTokenColor(state.tokenUsage.percent), children: [
+              formatTokenCount2(state.tokenUsage.current),
+              "/",
+              formatTokenCount2(state.tokenUsage.max),
+              " (",
+              state.tokenUsage.percent,
+              "%)"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(Box, { marginTop: 0, children: /* @__PURE__ */ jsx(Text, { color: getTokenColor(state.tokenUsage.percent), children: getProgressBar(state.tokenUsage.percent, 40) }) })
+        ] }),
+        /* @__PURE__ */ jsxs(Box, { justifyContent: "space-between", marginTop: 1, children: [
+          /* @__PURE__ */ jsxs(Box, { children: [
+            /* @__PURE__ */ jsx(Text, { color: inkColors.info, children: "\u{1F4C1} Files: " }),
+            /* @__PURE__ */ jsx(Text, { color: inkColors.accent, children: state.fileCount })
+          ] }),
+          /* @__PURE__ */ jsxs(Box, { children: [
+            /* @__PURE__ */ jsx(Text, { color: inkColors.info, children: "\u{1F4AC} Messages: " }),
+            /* @__PURE__ */ jsx(Text, { color: inkColors.accent, children: state.messagesCount })
+          ] }),
+          /* @__PURE__ */ jsxs(Box, { children: [
+            /* @__PURE__ */ jsx(Text, { color: inkColors.info, children: "\u{1F525} Pressure: " }),
+            /* @__PURE__ */ jsx(Text, { color: getMemoryPressureColor(state.memoryPressure), children: state.memoryPressure })
+          ] })
+        ] }),
+        state.tokenUsage.percent >= 80 && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: inkColors.warning, children: "\u26A0\uFE0F Approaching context limit. Consider using /compact or /clear" }) }),
+        state.memoryPressure === "critical" && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: inkColors.error, children: "\u{1F6A8} Critical memory pressure! Performance may degrade. Use /clear immediately." }) }),
+        state.loadedFiles.length > 0 && /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
+          /* @__PURE__ */ jsx(Text, { color: inkColors.info, bold: true, children: "Recent Files:" }),
+          state.loadedFiles.slice(0, 3).map((file, index) => /* @__PURE__ */ jsxs(Box, { children: [
+            /* @__PURE__ */ jsx(Text, { color: inkColors.muted, children: "\u2022 " }),
+            /* @__PURE__ */ jsx(Text, { color: inkColors.accent, children: file.path }),
+            /* @__PURE__ */ jsxs(Text, { color: inkColors.muted, children: [
+              " ",
+              "(",
+              formatTokenCount2(file.tokens),
+              " tokens)"
+            ] })
+          ] }, index)),
+          state.loadedFiles.length > 3 && /* @__PURE__ */ jsxs(Text, { color: inkColors.muted, children: [
+            "... and ",
+            state.loadedFiles.length - 3,
+            " more files"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: inkColors.muted, children: "\u{1F4A1} Use /context for details, /compact to optimize, /clear to reset" }) })
+      ]
     }
-    lastChatHistoryLength.current = chatHistory.length;
-  }, [chatHistory]);
-  useEffect(() => {
-    if (initialMessage && agent) {
-      const userEntry = {
-        type: "user",
-        content: initialMessage,
-        timestamp: /* @__PURE__ */ new Date()
-      };
-      setChatHistory([userEntry]);
-      const processInitialMessage = async () => {
-        setIsProcessing(true);
-        setIsStreaming(true);
-        try {
-          let streamingEntry = null;
-          let accumulatedContent = "";
-          let lastTokenCount = 0;
-          let pendingToolCalls = null;
-          let pendingToolResults = [];
-          let lastUpdateTime = Date.now();
-          const flushUpdates = () => {
-            const now = Date.now();
-            if (now - lastUpdateTime < 150) return;
-            setChatHistory((prev) => {
-              let newHistory = [...prev];
-              if (lastTokenCount !== 0) {
-              }
-              if (accumulatedContent) {
-                if (!streamingEntry) {
-                  const newStreamingEntry = {
-                    type: "assistant",
-                    content: accumulatedContent,
-                    timestamp: /* @__PURE__ */ new Date(),
-                    isStreaming: true
-                  };
-                  newHistory.push(newStreamingEntry);
-                  streamingEntry = newStreamingEntry;
-                } else {
-                  const lastIdx = newHistory.length - 1;
-                  if (lastIdx >= 0 && newHistory[lastIdx].isStreaming) {
-                    newHistory[lastIdx] = { ...newHistory[lastIdx], content: newHistory[lastIdx].content + accumulatedContent };
-                  }
-                }
-                accumulatedContent = "";
-              }
-              if (pendingToolCalls) {
-                const streamingIdx = newHistory.findIndex((entry) => entry.isStreaming);
-                if (streamingIdx >= 0) {
-                  newHistory[streamingIdx] = { ...newHistory[streamingIdx], isStreaming: false, toolCalls: pendingToolCalls };
-                }
-                streamingEntry = null;
-                pendingToolCalls.forEach((toolCall) => {
-                  const toolCallEntry = {
-                    type: "tool_call",
-                    content: "Executing...",
-                    timestamp: /* @__PURE__ */ new Date(),
-                    toolCall
-                  };
-                  newHistory.push(toolCallEntry);
-                });
-                pendingToolCalls = null;
-              }
-              if (pendingToolResults.length > 0) {
-                newHistory = newHistory.map((entry) => {
-                  if (entry.isStreaming) {
-                    return { ...entry, isStreaming: false };
-                  }
-                  const matchingResult = pendingToolResults.find(
-                    (result) => entry.type === "tool_call" && entry.toolCall?.id === result.toolCall.id
-                  );
-                  if (matchingResult) {
-                    return {
-                      ...entry,
-                      type: "tool_result",
-                      content: matchingResult.toolResult.success ? matchingResult.toolResult.output || "Success" : matchingResult.toolResult.error || "Error occurred",
-                      toolResult: matchingResult.toolResult
-                    };
-                  }
-                  return entry;
-                });
-                streamingEntry = null;
-                pendingToolResults = [];
-              }
-              return newHistory;
-            });
-            if (lastTokenCount !== 0) {
-              setTokenCount(lastTokenCount);
-            }
-            lastUpdateTime = now;
-          };
-          for await (const chunk of agent.processUserMessageStream(initialMessage)) {
-            switch (chunk.type) {
-              case "content":
-                if (chunk.content) {
-                  accumulatedContent += chunk.content;
-                }
-                break;
-              case "token_count":
-                if (chunk.tokenCount !== void 0) {
-                  lastTokenCount = chunk.tokenCount;
-                }
-                break;
-              case "tool_calls":
-                if (chunk.toolCalls) {
-                  pendingToolCalls = chunk.toolCalls;
-                }
-                break;
-              case "tool_result":
-                if (chunk.toolCall && chunk.toolResult) {
-                  pendingToolResults.push({ toolCall: chunk.toolCall, toolResult: chunk.toolResult });
-                }
-                break;
-              case "done":
-                flushUpdates();
-                break;
-            }
-            flushUpdates();
-          }
-          flushUpdates();
-          if (streamingEntry) {
-            setChatHistory(
-              (prev) => prev.map(
-                (entry) => entry.isStreaming ? { ...entry, isStreaming: false } : entry
-              )
-            );
-          }
-          setIsStreaming(false);
-        } catch (error) {
-          const errorMessage = error instanceof Error ? error.message : String(error);
-          const errorEntry = {
-            type: "assistant",
-            content: `Error: ${errorMessage}`,
-            timestamp: /* @__PURE__ */ new Date()
-          };
-          setChatHistory((prev) => [...prev, errorEntry]);
-          setIsStreaming(false);
-        }
-        setIsProcessing(false);
-        processingStartTime.current = 0;
-      };
-      processInitialMessage();
+  );
+}
+function ModelSelection({
+  models,
+  selectedIndex,
+  isVisible,
+  currentModel
+}) {
+  if (!isVisible) return null;
+  return /* @__PURE__ */ jsxs(Box, { marginTop: 1, flexDirection: "column", children: [
+    /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsxs(Text, { color: "cyan", children: [
+      "Select Grok Model (current: ",
+      currentModel,
+      "):"
+    ] }) }),
+    models.map((modelOption, index) => /* @__PURE__ */ jsx(Box, { paddingLeft: 1, children: /* @__PURE__ */ jsx(
+      Text,
+      {
+        color: index === selectedIndex ? "black" : "white",
+        backgroundColor: index === selectedIndex ? "cyan" : void 0,
+        children: modelOption.model
+      }
+    ) }, index)),
+    /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: "\u2191\u2193 navigate \u2022 Enter/Tab select \u2022 Esc cancel" }) })
+  ] });
+}
+function ConfirmationDialog({
+  operation,
+  filename,
+  onConfirm,
+  onReject,
+  showVSCodeOpen = false,
+  content
+}) {
+  const [selectedOption, setSelectedOption] = useState(0);
+  const [feedbackMode, setFeedbackMode] = useState(false);
+  const [feedback, setFeedback] = useState("");
+  const options = [
+    "Yes",
+    "Yes, and don't ask again this session",
+    "No",
+    "No, with feedback"
+  ];
+  useInput((input, key) => {
+    if (feedbackMode) {
+      if (key.return) {
+        onReject(feedback.trim());
+        return;
+      }
+      if (key.backspace || key.delete) {
+        setFeedback((prev) => prev.slice(0, -1));
+        return;
+      }
+      if (input && !key.ctrl && !key.meta) {
+        setFeedback((prev) => prev + input);
+      }
+      return;
     }
-  }, [initialMessage, agent]);
-  useEffect(() => {
-    const handleConfirmationRequest = (options) => {
-      setConfirmationOptions(options);
-    };
-    confirmationService.on("confirmation-requested", handleConfirmationRequest);
-    return () => {
-      confirmationService.off(
-        "confirmation-requested",
-        handleConfirmationRequest
-      );
-    };
-  }, [confirmationService]);
-  useEffect(() => {
-    if (!isProcessing && !isStreaming) {
-      setProcessingTime(0);
+    if (key.upArrow || key.shift && key.tab) {
+      setSelectedOption((prev) => prev > 0 ? prev - 1 : options.length - 1);
       return;
     }
-    if (processingStartTime.current === 0) {
-      processingStartTime.current = Date.now();
+    if (key.downArrow || key.tab) {
+      setSelectedOption((prev) => (prev + 1) % options.length);
+      return;
     }
-    const interval = setInterval(() => {
-      setProcessingTime(
-        Math.floor((Date.now() - processingStartTime.current) / 1e3)
-      );
-    }, 1e3);
-    return () => clearInterval(interval);
-  }, [isProcessing, isStreaming]);
-  const handleConfirmation = (dontAskAgain) => {
-    confirmationService.confirmOperation(true, dontAskAgain);
-    setConfirmationOptions(null);
-  };
-  const handleRejection = (feedback) => {
-    confirmationService.rejectOperation(feedback);
-    setConfirmationOptions(null);
-    setIsProcessing(false);
-    setIsStreaming(false);
-    setTokenCount(0);
-    setProcessingTime(0);
-    processingStartTime.current = 0;
-  };
-  const toggleContextTooltip = () => {
-    setShowContextTooltip((prev) => !prev);
-  };
+    if (key.return) {
+      if (selectedOption === 0) {
+        onConfirm(false);
+      } else if (selectedOption === 1) {
+        onConfirm(true);
+      } else if (selectedOption === 2) {
+        onReject("Operation cancelled by user");
+      } else {
+        setFeedbackMode(true);
+      }
+      return;
+    }
+    if (key.escape) {
+      if (feedbackMode) {
+        setFeedbackMode(false);
+        setFeedback("");
+      } else {
+        onReject("Operation cancelled by user (pressed Escape)");
+      }
+      return;
+    }
+  });
+  if (feedbackMode) {
+    return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", padding: 1, children: [
+      /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ jsx(Text, { color: "gray", children: "Type your feedback and press Enter, or press Escape to go back." }) }),
+      /* @__PURE__ */ jsxs(
+        Box,
+        {
+          borderStyle: "round",
+          borderColor: "yellow",
+          paddingX: 1,
+          marginTop: 1,
+          children: [
+            /* @__PURE__ */ jsx(Text, { color: "gray", children: "\u276F " }),
+            /* @__PURE__ */ jsxs(Text, { children: [
+              feedback,
+              /* @__PURE__ */ jsx(Text, { color: "white", children: "\u2588" })
+            ] })
+          ]
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsx(Text, { color: "magenta", children: "\u23FA" }),
+      /* @__PURE__ */ jsxs(Text, { color: "white", children: [
+        " ",
+        operation,
+        "(",
+        filename,
+        ")"
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxs(Box, { marginLeft: 2, flexDirection: "column", children: [
+      /* @__PURE__ */ jsx(Text, { color: "gray", children: "\u23BF Requesting user confirmation" }),
+      showVSCodeOpen && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "gray", children: "\u23BF Opened changes in Visual Studio Code \u29C9" }) }),
+      content && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+          "\u23BF ",
+          content.split("\n")[0]
+        ] }),
+        /* @__PURE__ */ jsx(Box, { marginLeft: 4, flexDirection: "column", children: /* @__PURE__ */ jsx(
+          DiffRenderer,
+          {
+            diffContent: content,
+            filename,
+            terminalWidth: 80
+          }
+        ) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
+      /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsx(Text, { children: "Do you want to proceed with this operation?" }) }),
+      /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: options.map((option, index) => /* @__PURE__ */ jsx(Box, { paddingLeft: 1, children: /* @__PURE__ */ jsxs(
+        Text,
+        {
+          color: selectedOption === index ? "black" : "white",
+          backgroundColor: selectedOption === index ? "cyan" : void 0,
+          children: [
+            index + 1,
+            ". ",
+            option
+          ]
+        }
+      ) }, index)) }),
+      /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: "\u2191\u2193 navigate \u2022 Enter select \u2022 Esc cancel" }) })
+    ] })
+  ] });
+}
+function ChatInterfaceRenderer({
+  chatHistory,
+  confirmationOptions,
+  showContextTooltip,
+  contextInfo,
+  verbosityLevel,
+  explainLevel,
+  isProcessing,
+  isStreaming,
+  processingTime,
+  tokenCount,
+  planMode,
+  input,
+  cursorPosition,
+  autoEditEnabled,
+  agent,
+  commandSuggestions,
+  selectedCommandIndex,
+  showCommandSuggestions,
+  availableModels,
+  selectedModelIndex,
+  showModelSelection,
+  handleConfirmation,
+  handleRejection,
+  toggleContextTooltip
+}) {
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 2, children: [
     chatHistory.length === 0 && !confirmationOptions && /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
       /* @__PURE__ */ jsx(
@@ -18693,7 +18705,7 @@ ${content}`,
       ] })
     ] }),
     /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ jsx(Text, { color: "gray", children: "Type your request in natural language. Ctrl+C to clear, 'exit' to quit." }) }),
-    /* @__PURE__ */ jsx(Box, { flexDirection: "column", ref: scrollRef, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: /* @__PURE__ */ jsx(
       ChatHistory,
       {
         entries: chatHistory,
@@ -18731,7 +18743,7 @@ ${content}`,
           progress: void 0
         }
       ),
-      planMode.isActive && /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsx(
+      planMode.isActive && planMode.currentPhase && planMode.progress !== void 0 && planMode.sessionDuration !== void 0 && /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsx(
         PlanModeIndicator,
         {
           isActive: planMode.isActive,
@@ -18768,17 +18780,17 @@ ${content}`,
           "\u224B ",
           agent.getCurrentModel()
         ] }) }),
-        /* @__PURE__ */ jsx(Box, { marginRight: 2, children: /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(Box, { marginRight: 2, children: planMode.currentPhase && planMode.progress !== void 0 ? /* @__PURE__ */ jsx(
           PlanModeStatusIndicator,
           {
             isActive: planMode.isActive,
             phase: planMode.currentPhase,
             progress: planMode.progress
           }
-        ) }),
+        ) : /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: "Plan Mode: Off" }) }),
         /* @__PURE__ */ jsx(MCPStatus, {})
       ] }),
-      contextInfo.tokenUsage && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(
+      contextInfo.tokenUsage && contextInfo.loadedFiles && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(
         ContextIndicator,
         {
           state: {
@@ -18786,7 +18798,8 @@ ${content}`,
             memoryPressure: contextInfo.memoryPressure,
             loadedFiles: contextInfo.loadedFiles,
             messagesCount: contextInfo.messagesCount,
-            contextHealth: contextInfo.contextHealth,
+            contextHealth: "optimal",
+            // TODO: implement context health check
             fileCount: contextInfo.loadedFiles.length
           },
           compact: true
@@ -18813,6 +18826,109 @@ ${content}`,
     ] })
   ] });
 }
+function ChatInterfaceWithAgent({
+  agent,
+  initialMessage
+}) {
+  const [chatHistory, setChatHistory] = useState([]);
+  const [isProcessing, setIsProcessing] = useState(false);
+  const [processingTime, setProcessingTime] = useState(0);
+  const [tokenCount, setTokenCount] = useState(0);
+  const [isStreaming, setIsStreaming] = useState(false);
+  const [confirmationOptions, setConfirmationOptions] = useState(null);
+  const [showContextTooltip, setShowContextTooltip] = useState(false);
+  const processingStartTime = useRef(0);
+  useConsoleSetup();
+  useEffect(() => {
+    setChatHistory([]);
+    useAutoRead(setChatHistory);
+  }, []);
+  useSessionLogging(chatHistory);
+  const { contextInfo } = useContextInfo(agent);
+  const handleGlobalShortcuts = (str, key) => {
+    if (key.ctrl && (str === "i" || key.name === "i")) {
+      setShowContextTooltip((prev) => !prev);
+      return true;
+    }
+    return false;
+  };
+  const confirmationService = ConfirmationService.getInstance();
+  const {
+    input,
+    cursorPosition,
+    showCommandSuggestions,
+    selectedCommandIndex,
+    showModelSelection,
+    selectedModelIndex,
+    commandSuggestions,
+    availableModels,
+    autoEditEnabled,
+    verbosityLevel,
+    explainLevel,
+    planMode
+  } = useInputHandler({
+    agent,
+    chatHistory,
+    setChatHistory,
+    setIsProcessing,
+    setIsStreaming,
+    setTokenCount,
+    setProcessingTime,
+    processingStartTime,
+    isProcessing,
+    isStreaming,
+    isConfirmationActive: !!confirmationOptions,
+    onGlobalShortcut: handleGlobalShortcuts
+  });
+  useStreaming(agent, initialMessage, setChatHistory, {
+    setIsProcessing,
+    setIsStreaming,
+    setTokenCount});
+  const { handleConfirmation, handleRejection } = useConfirmations(
+    confirmationService,
+    {
+      setConfirmationOptions,
+      setIsProcessing,
+      setIsStreaming,
+      setTokenCount,
+      setProcessingTime,
+      processingStartTime
+    }
+  );
+  useProcessingTimer(isProcessing, isStreaming, setProcessingTime);
+  const toggleContextTooltip = () => {
+    setShowContextTooltip((prev) => !prev);
+  };
+  return /* @__PURE__ */ jsx(
+    ChatInterfaceRenderer,
+    {
+      chatHistory,
+      confirmationOptions,
+      showContextTooltip,
+      contextInfo,
+      verbosityLevel,
+      explainLevel,
+      isProcessing,
+      isStreaming,
+      processingTime,
+      tokenCount,
+      planMode,
+      input,
+      cursorPosition,
+      autoEditEnabled,
+      agent,
+      commandSuggestions,
+      selectedCommandIndex,
+      showCommandSuggestions,
+      availableModels,
+      selectedModelIndex,
+      showModelSelection,
+      handleConfirmation,
+      handleRejection,
+      toggleContextTooltip
+    }
+  );
+}
 function ChatInterface({
   agent,
   initialMessage
@@ -19318,7 +19434,7 @@ program.name("grok").description(
     checkAutoCompact();
     checkStartupUpdates();
     const initialMessage = Array.isArray(message) ? message.join(" ") : message;
-    const app = render(React3.createElement(ChatInterface, { agent, initialMessage }));
+    const app = render(React4.createElement(ChatInterface, { agent, initialMessage }));
     const cleanup = () => {
       app.unmount();
       agent.abortCurrentOperation();