bimmo-cli 2.2.12 → 3.0.0

package/bin/bimmo

@@ -6,11 +6,18 @@ process.removeAllListeners('warning');
 import { program } from 'commander';
 import { startInteractive } from '../src/interface.js';
 import { configure } from '../src/config.js';
+import fs from 'fs';
+import path from 'path';
+import { fileURLToPath } from 'url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const pkg = JSON.parse(fs.readFileSync(path.join(__dirname, '../package.json'), 'utf-8'));
 
 program
   .name('bimmo')
   .description('bimmo — Sua IA universal no terminal (verde & lavanda)')
-  .version('1.2.4');
+  .version(pkg.version);
 
 program
   .command('config')

package/package.json

@@ -1,16 +1,20 @@
 {
   "name": "bimmo-cli",
-  "version": "2.2.12",
-  "description": "🌿 Plataforma de IA universal profissional com Agentes e Swarms. Suporte a Autocomplete real-time sólido, Diffs e Contexto Inteligente.",
+  "version": "3.0.0",
+  "description": "🌿 Plataforma de IA universal profissional com interface React (Ink). Agentes, Swarms, Autocomplete real-time e Contexto Inteligente.",
   "bin": {
     "bimmo": "bin/bimmo"
   },
   "type": "module",
   "keywords": [
-    "ai", "cli", "openai", "anthropic", "gemini", "grok", "deepseek", "openrouter", "zai", "agent", "swarm", "terminal"
+    "ai", "cli", "ink", "react", "openai", "anthropic", "gemini", "agent", "swarm", "terminal"
   ],
   "author": "Judah",
   "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/JudahAragao/bimmo-cli.git"
+  },
   "files": [
     "bin/",
     "src/",
@@ -30,6 +34,10 @@
     "diff": "^7.0.0",
     "figlet": "^1.7.0",
     "fuzzy": "^0.1.3",
+    "ink": "^5.1.0",
+    "ink-divider": "^3.0.0",
+    "ink-spinner": "^5.0.0",
+    "ink-text-input": "^6.0.0",
     "inquirer": "^9.3.8",
     "marked": "^14.0.0",
     "marked-terminal": "^7.0.0",
@@ -37,6 +45,7 @@
     "ollama": "^0.5.12",
     "openai": "^4.82.0",
     "ora": "^8.1.1",
+    "react": "^18.2.0",
     "zod": "^3.24.1"
   }
 }

package/src/interface.js

@@ -1,310 +1,360 @@
+import React, { useState, useEffect, useMemo, useRef } from 'react';
+import { render, Box, Text, useInput, useApp } from 'ink';
+import TextInput from 'ink-text-input';
+import Spinner from 'ink-spinner';
 import chalk from 'chalk';
 import figlet from 'figlet';
 import { marked } from 'marked';
 import TerminalRenderer from 'marked-terminal';
-import ora from 'ora';
 import fs from 'fs';
 import path from 'path';
-import mime from 'mime-types';
-import readline from 'readline';
 import { fileURLToPath } from 'url';
 
-import { getConfig, configure, updateActiveModel, switchProfile } from './config.js';
+import { getConfig, updateActiveModel, switchProfile } from './config.js';
 import { createProvider } from './providers/factory.js';
 import { getProjectContext } from './project-context.js';
-import { SwarmOrchestrator } from './orchestrator.js';
 import { editState } from './agent.js';
+import { SwarmOrchestrator } from './orchestrator.js';
 
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-const pkg = JSON.parse(fs.readFileSync(path.join(__dirname, '../package.json'), 'utf-8'));
-const version = pkg.version;
-
-// CONFIGURAÇÃO DO RENDERIZADOR - ELIMINA HTML E FORMATA TERMINAL
+// Configuração do renderizador Markdown para o terminal
 marked.use(new TerminalRenderer({
   heading: chalk.hex('#c084fc').bold,
   code: chalk.hex('#00ff9d'),
   strong: chalk.bold,
   em: chalk.italic,
-  html: () => '', // DROP TOTAL DE HTML
+  html: () => '', 
 }));
 
-const green = chalk.hex('#00ff9d');
-const lavender = chalk.hex('#c084fc');
-const gray = chalk.gray;
-const bold = chalk.bold;
-const yellow = chalk.yellow;
-
-let currentMode = 'chat'; 
-let activePersona = null; 
-let exitCounter = 0;
-let exitTimer = null;
-let currentPreviewLines = 0;
-
-const i18n = {
-  'pt-BR': {
-    welcome: 'Olá! Sou o bimmo. Como posso ajudar?',
-    thinking: 'bimmo pensando...',
-    interrupted: 'Interrompido.',
-    exitHint: '(Pressione Ctrl+C novamente para sair)',
-    switchOk: 'Perfil ativo:',
-    agentOk: 'Agente ativo:',
-    help: '\nComandos:\n /chat | /plan | /edit | /init\n /switch [perfil] | /model [modelo]\n /use [agente] | /use normal\n /config | /clear | @arquivo\n'
-  },
-  'en-US': {
-    welcome: 'Hello! I am bimmo. How can I help?',
-    thinking: 'bimmo thinking...',
-    interrupted: 'Interrupted.',
-    exitHint: '(Press Ctrl+C again to exit)',
-    switchOk: 'Profile active:',
-    agentOk: 'Agent active:',
-    help: '\nCommands:\n /chat | /plan | /edit | /init\n /switch [profile] | /model [model]\n /use [agent] | /use normal\n /config | /clear | @file\n'
-  }
-};
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const pkg = JSON.parse(fs.readFileSync(path.join(__dirname, '../package.json'), 'utf-8'));
+const version = pkg.version;
 
-/**
- * Coleta arquivos e diretórios para o preview (Lógica Gemini-CLI)
- */
-function getFilesForPreview(partialPath) {
-  try {
-    let p = partialPath.startsWith('@') ? partialPath.slice(1) : partialPath;
-    let searchDir = '.';
-    let filter = '';
+const green = '#00ff9d';
+const lavender = '#c084fc';
+const gray = '#6272a4';
+const yellow = '#f1fa8c';
+const red = '#ff5555';
+const cyan = '#8be9fd';
+
+const BimmoApp = ({ initialConfig }) => {
+  const { exit } = useApp();
+  const [config, setConfig] = useState(initialConfig);
+  const [mode, setMode] = useState('chat');
+  const [activePersona, setActivePersona] = useState(null);
+  const [messages, setMessages] = useState([]);
+  const [input, setInput] = useState('');
+  const [isThinking, setIsThinking] = useState(false);
+  const [thinkingMessage, setThinkingMessage] = useState('bimmo pensando...');
+  const [exitCounter, setExitCounter] = useState(0);
+  const [provider, setProvider] = useState(() => createProvider(initialConfig));
+
+  // Inicializa com o contexto do projeto
+  useEffect(() => {
+    const ctx = getProjectContext();
+    setMessages([{ role: 'system', content: ctx }]);
+    
+    // Welcome message
+    setMessages(prev => [...prev, { 
+      role: 'assistant', 
+      content: `Olá! Sou o **bimmo v${version}**. Como posso ajudar hoje?\n\nDigite \`/help\` para ver os comandos disponíveis.` 
+    }]);
+  }, []);
+
+  // Lógica de Autocomplete em tempo real para @arquivos
+  const filePreview = useMemo(() => {
+    if (!input.includes('@')) return [];
+    const words = input.split(' ');
+    const lastWord = words[words.length - 1];
+    if (!lastWord.startsWith('@')) return [];
 
-    if (p.endsWith('/')) {
-      searchDir = p;
-      filter = '';
-    } else if (p.includes('/')) {
-      const lastSlash = p.lastIndexOf('/');
-      searchDir = p.substring(0, lastSlash);
-      filter = p.substring(lastSlash + 1);
-    } else {
-      filter = p;
+    try {
+      const p = lastWord.slice(1);
+      const dir = p.includes('/') ? p.substring(0, p.lastIndexOf('/')) : '.';
+      const filter = p.includes('/') ? p.substring(p.lastIndexOf('/') + 1) : p;
+      const absDir = path.resolve(process.cwd(), dir);
+      if (!fs.existsSync(absDir)) return [];
+
+      return fs.readdirSync(absDir)
+        .filter(f => f.startsWith(filter) && !f.startsWith('.') && f !== 'node_modules')
+        .slice(0, 5)
+        .map(f => ({ 
+          name: f, 
+          isDir: fs.statSync(path.join(absDir, f)).isDirectory(), 
+          rel: path.join(dir === '.' ? '' : dir, f) 
+        }));
+    } catch (e) { return []; }
+  }, [input]);
+
+  const handleSubmit = async (val) => {
+    const rawInput = val.trim();
+    if (!rawInput) return;
+    setInput('');
+
+    const lowerInput = rawInput.toLowerCase();
+    const parts = rawInput.split(' ');
+    const cmd = parts[0].toLowerCase();
+
+    // COMANDOS INTERNOS
+    if (cmd === '/exit' || cmd === 'sair') exit();
+    
+    if (cmd === '/clear') {
+      const ctx = getProjectContext();
+      setMessages([{ role: 'system', content: ctx }, { role: 'assistant', content: 'Chat limpo.' }]);
+      return;
     }
 
-    const absoluteSearchDir = path.resolve(process.cwd(), searchDir);
-    if (!fs.existsSync(absoluteSearchDir)) return [];
-
-    return fs.readdirSync(absoluteSearchDir)
-      .filter(f => f.startsWith(filter) && !f.startsWith('.') && f !== 'node_modules')
-      .map(f => {
-        const fullPath = path.join(absoluteSearchDir, f);
-        const isDir = fs.statSync(fullPath).isDirectory();
-        return { name: f, rel: path.join(searchDir, f), isDir };
-      });
-  } catch (e) { return []; }
-}
-
-function cleanAIResponse(text) {
-  if (!text) return "";
-  return text
-    .replace(/<br\s*\/?>/gi, '\n')
-    .replace(/<p>/gi, '')
-    .replace(/<\/p>/gi, '\n\n')
-    .replace(/<[^>]*>?/gm, '')
-    .trim();
-}
-
-export async function startInteractive() {
-  let config = getConfig();
-  const lang = config.language || 'pt-BR';
-  const t = i18n[lang] || i18n['pt-BR'];
-
-  if (!config.provider || !config.apiKey) {
-    console.log(lavender(figlet.textSync('bimmo')));
-    await configure(); return startInteractive();
-  }
-
-  let provider = createProvider(config);
-  const orchestrator = new SwarmOrchestrator(config);
-  let messages = [];
-
-  const resetMessages = () => {
-    messages = [{ role: 'system', content: getProjectContext() }];
-    if (activePersona) {
-      const agent = (config.agents || {})[activePersona];
-      if (agent) messages.push({ role: 'system', content: `Persona: ${agent.name}. Task: ${agent.role}` });
+    if (cmd === '/chat') { setMode('chat'); return; }
+    if (cmd === '/plan') { setMode('plan'); return; }
+    if (cmd === '/edit') { 
+      setMode('edit'); 
+      editState.autoAccept = parts[1] === 'auto';
+      return; 
     }
-  };
-  resetMessages();
 
-  console.clear();
-  console.log(lavender(figlet.textSync('bimmo')));
-  console.log(lavender(` v${version} `.padStart(60, '─')));
-  console.log(green(`   Perfil: ${bold(config.activeProfile || 'Padrão')} • Modelo: ${bold(config.model)}`));
-  console.log(lavender('─'.repeat(60)) + '\n');
-  console.log(lavender(`👋 ${t.welcome}\n`));
-
-  const rl = readline.createInterface({
-    input: process.stdin,
-    output: process.stdout,
-    terminal: true,
-    completer: (line) => {
-      const words = line.split(' ');
-      const lastWord = words[words.length - 1];
-      if (lastWord.startsWith('@')) {
-        const hits = getFilesForPreview(lastWord).map(h => `@${h.rel}${h.isDir ? '/' : ''}`);
-        return [hits, lastWord];
+    if (cmd === '/model') {
+      const newModel = parts[1];
+      if (newModel) {
+        updateActiveModel(newModel);
+        const newCfg = getConfig();
+        setConfig(newCfg);
+        setProvider(createProvider(newCfg));
+        setMessages(prev => [...prev, { role: 'system', content: `Modelo alterado para: ${newModel}` }]);
       }
-      return [[], line];
+      return;
     }
-  });
 
-  const clearPreview = () => {
-    if (currentPreviewLines > 0) {
-      readline.cursorTo(process.stdout, 0);
-      readline.moveCursor(process.stdout, 0, 1);
-      for (let i = 0; i < currentPreviewLines; i++) {
-        readline.clearLine(process.stdout, 0);
-        readline.moveCursor(process.stdout, 0, 1);
+    if (cmd === '/switch') {
+      const profile = parts[1];
+      if (switchProfile(profile)) {
+        const newCfg = getConfig();
+        setConfig(newCfg);
+        setProvider(createProvider(newCfg));
+        setMessages(prev => [...prev, { role: 'system', content: `Perfil alterado para: ${profile}` }]);
+      } else {
+        setMessages(prev => [...prev, { role: 'system', content: `Perfil "${profile}" não encontrado.` }]);
       }
-      readline.moveCursor(process.stdout, 0, -(currentPreviewLines + 1));
-      currentPreviewLines = 0;
+      return;
     }
-  };
 
-  const showPreview = () => {
-    const words = rl.line.split(' ');
-    const lastWord = words[words.length - 1];
-    
-    if (lastWord.startsWith('@')) {
-      const files = getFilesForPreview(lastWord);
-      if (files.length > 0) {
-        clearPreview();
-        process.stdout.write('\n');
-        const display = files.slice(0, 8);
-        display.forEach(f => {
-          process.stdout.write(gray(`  ${f.isDir ? '📁' : '📄'} ${f.rel}${f.isDir ? '/' : ''}\n`));
-        });
-        currentPreviewLines = display.length;
-        readline.moveCursor(process.stdout, 0, -(currentPreviewLines + 1));
-        // Reposiciona o cursor de digitação
-        const promptLen = (activePersona ? activePersona.length + 2 : 0) + (currentMode.length + 8) + 3;
-        readline.cursorTo(process.stdout, (promptLen + rl.line.length) % process.stdout.columns);
-      } else { clearPreview(); }
-    } else { clearPreview(); }
-  };
-
-  const displayPrompt = () => {
-    const personaLabel = activePersona ? `[${activePersona.toUpperCase()}]` : '';
-    let modeLabel = `[${currentMode.toUpperCase()}]`;
-    if (currentMode === 'edit') modeLabel = editState.autoAccept ? '[EDIT(AUTO)]' : '[EDIT(MANUAL)]';
-    
-    console.log(`${gray(`📁 ${process.cwd()}`)}`);
-    rl.setPrompt(lavender.bold(personaLabel) + (currentMode === 'edit' ? chalk.red.bold(modeLabel) : lavender.bold(modeLabel)) + green(' > '));
-    rl.prompt();
-  };
-
-  // MONITORAMENTO DE TECLAS (REAL-TIME @)
-  process.stdin.on('keypress', (s, key) => {
-    if (key && (key.name === 'return' || key.name === 'enter')) return;
-    setImmediate(() => showPreview());
-  });
-
-  rl.on('SIGINT', () => {
-    if (exitCounter === 0) {
-      exitCounter++;
-      process.stdout.write(`\n${gray(t.exitHint)}\n`);
-      exitTimer = setTimeout(() => { exitCounter = 0; }, 2000);
-      displayPrompt();
-    } else { process.exit(0); }
-  });
-
-  displayPrompt();
-
-  rl.on('line', async (input) => {
-    clearPreview();
-    const rawInput = input.trim();
-    if (rawInput === '') { displayPrompt(); return; }
-
-    const cmd = rawInput.toLowerCase();
-    if (cmd === '/exit' || cmd === 'sair') process.exit(0);
-    if (cmd === '/chat') { currentMode = 'chat'; displayPrompt(); return; }
-    if (cmd === '/plan') { currentMode = 'plan'; displayPrompt(); return; }
-    if (cmd === '/edit' || cmd === '/edit manual') { currentMode = 'edit'; editState.autoAccept = false; displayPrompt(); return; }
-    if (cmd === '/edit auto') { currentMode = 'edit'; editState.autoAccept = true; displayPrompt(); return; }
-    if (cmd === '/clear') { resetMessages(); console.clear(); displayPrompt(); return; }
-    if (cmd === '/help') { console.log(gray(t.help)); displayPrompt(); return; }
-
-    if (cmd === '/init') {
-      console.log(chalk.cyan('\n🚀 Mapeando projeto para gerar .bimmorc.json...\n'));
-      const initPrompt = `Analise a estrutura deste projeto e gere um .bimmorc.json com regras de código, stack e arquitetura. Use write_file.`;
-      const spinner = ora({ text: lavender(`${t.thinking}`), color: 'red' }).start();
-      try {
-        const res = await provider.sendMessage([...messages, { role: 'user', content: initPrompt }]);
-        spinner.stop(); console.log(marked.parse(cleanAIResponse(res)));
-      } catch (e) { spinner.stop(); console.error(chalk.red(e.message)); }
-      resetMessages(); displayPrompt(); return;
+    if (cmd === '/use') {
+      const agentName = parts[1];
+      const agents = config.agents || {};
+      if (agentName === 'normal') {
+        setActivePersona(null);
+        setMessages(prev => [...prev, { role: 'system', content: 'Modo normal ativado.' }]);
+      } else if (agents[agentName]) {
+        const agent = agents[agentName];
+        setActivePersona(agentName);
+        setMode(agent.mode || 'chat');
+        if (agent.profile && agent.profile !== config.activeProfile) {
+           switchProfile(agent.profile);
+           const newCfg = getConfig();
+           setConfig(newCfg);
+           setProvider(createProvider(newCfg));
+        }
+        setMessages(prev => [...prev, { role: 'system', content: `Agente "${agentName}" ativo.` }]);
+      } else {
+        setMessages(prev => [...prev, { role: 'system', content: `Agente "${agentName}" não encontrado.` }]);
+      }
+      return;
     }
 
-    if (cmd === '/config') {
-      rl.pause(); await configure(); config = getConfig(); provider = createProvider(config); rl.resume();
-      displayPrompt(); return;
-    }
+    if (cmd === '/swarm') {
+      const swarmType = parts[1];
+      const orchestrator = new SwarmOrchestrator(config);
+      setIsThinking(true);
+      setThinkingMessage('Enxame em ação...');
 
-    if (cmd.startsWith('/switch ')) {
-      const pName = rawInput.split(' ')[1];
-      if (switchProfile(pName)) {
-        config = getConfig(); provider = createProvider(config);
-        console.log(green(`\n✓ ${t.switchOk} ${pName}`));
-      } else { console.log(chalk.red(`\n✖ Perfil não encontrado.`)); }
-      displayPrompt(); return;
+      try {
+        let response;
+        if (swarmType === 'seq') {
+          const agents = parts[2].split(',');
+          const goal = parts.slice(3).join(' ');
+          response = await orchestrator.runSequential(agents, goal);
+        } else if (swarmType === 'run') {
+          const manager = parts[2];
+          const workers = parts[3].split(',');
+          const goal = parts.slice(4).join(' ');
+          response = await orchestrator.runHierarchical(manager, workers, goal);
+        }
+        setMessages(prev => [...prev, { role: 'user', content: rawInput }, { role: 'assistant', content: response }]);
+      } catch (err) {
+        setMessages(prev => [...prev, { role: 'system', content: `Erro no enxame: ${err.message}` }]);
+      } finally {
+        setIsThinking(false);
+        setThinkingMessage('bimmo pensando...');
+      }
+      return;
     }
 
-    if (cmd.startsWith('/use ')) {
-      const aName = rawInput.split(' ')[1];
-      if (aName === 'normal') { activePersona = null; resetMessages(); displayPrompt(); return; }
-      const agents = config.agents || {};
-      if (agents[aName]) {
-        activePersona = aName;
-        const agent = agents[aName];
-        if (switchProfile(agent.profile)) { config = getConfig(); provider = createProvider(config); }
-        currentMode = agent.mode || 'chat';
-        console.log(green(`\n✓ ${t.agentOk} ${bold(aName)}`));
-        resetMessages();
-      } else { console.log(chalk.red(`\n✖ Agente não encontrado.`)); }
-      displayPrompt(); return;
+    if (cmd === '/help') {
+      const helpText = `
+**Comandos Disponíveis:**
+  \`/chat\` | \`/plan\` | \`/edit [auto|manual]\` - Muda o modo
+  \`/switch [perfil]\` - Alterna perfis
+  \`/model [modelo]\` - Altera o modelo
+  \`/use [agente|normal]\` - Ativa um agente
+  \`/swarm seq [agente1,agente2] [objetivo]\` - Enxame sequencial
+  \`/swarm run [líder] [worker1,worker2] [objetivo]\` - Enxame hierárquico
+  \`/clear\` - Limpa o chat
+  \`/exit\` - Encerra o bimmo
+  \`@arquivo\` - Inclui conteúdo de arquivo
+      `;
+      setMessages(prev => [...prev, { role: 'assistant', content: helpText }]);
+      return;
     }
 
-    // PROCESSAMENTO IA
-    const controller = new AbortController();
-    const abortHandler = () => controller.abort();
-    process.removeListener('SIGINT', () => {}); 
-    process.on('SIGINT', abortHandler);
-
-    let modeInstr = "";
-    if (currentMode === 'plan') modeInstr = "\n[MODO PLAN] Apenas analise.";
-    else if (currentMode === 'edit') modeInstr = `\n[MODO EDIT] Auto-Accept: ${editState.autoAccept ? 'ON' : 'OFF'}`;
-
-    const processedContent = [];
-    const words = rawInput.split(' ');
-    for (const word of words) {
-      if (word.startsWith('@')) {
-        const filePath = word.slice(1);
-        if (fs.existsSync(filePath) && fs.statSync(filePath).isFile()) {
-          processedContent.push({ type: 'text', text: `\n[ARQUIVO: ${filePath}]\n${fs.readFileSync(filePath, 'utf-8')}\n` });
-        } else { processedContent.push({ type: 'text', text: word }); }
-      } else { processedContent.push({ type: 'text', text: word }); }
+    // ENVIO PARA IA
+    setIsThinking(true);
+    
+    let processedInput = rawInput;
+    const fileMatches = rawInput.match(/@[\w\.\-\/]+/g);
+    if (fileMatches) {
+      for (const match of fileMatches) {
+        const filePath = match.slice(1);
+        try {
+          if (fs.existsSync(filePath) && fs.statSync(filePath).isFile()) {
+            const content = fs.readFileSync(filePath, 'utf-8');
+            processedInput = processedInput.replace(match, `\n\n[Arquivo: ${filePath}]\n\`\`\`\n${content}\n\`\`\`\n`);
+          }
+        } catch (e) {}
+      }
     }
 
-    messages.push({ role: 'user', content: [...processedContent, { type: 'text', text: modeInstr }] });
-    const spinner = ora({ text: lavender(`${t.thinking} (Ctrl+C para parar)`), color: currentMode === 'edit' ? 'red' : 'magenta' }).start();
+    const userMsg = { role: 'user', content: processedInput, displayContent: rawInput };
+    const newMessages = [...messages, userMsg];
+    setMessages(newMessages);
 
     try {
-      let responseText = await provider.sendMessage(messages, { signal: controller.signal });
-      spinner.stop();
-      console.log(`\n${lavender('bimmo ')}${currentMode.toUpperCase()}`);
-      console.log(lavender('─'.repeat(50)));
-      process.stdout.write(marked.parse(cleanAIResponse(responseText)));
-      console.log(gray('\n' + '─'.repeat(50)));
-      messages.push({ role: 'assistant', content: responseText });
+      let finalMessages = newMessages;
+      if (activePersona && config.agents[activePersona]) {
+        const agent = config.agents[activePersona];
+        finalMessages = [
+          { role: 'system', content: `Sua tarefa: ${agent.role}\n\n${getProjectContext()}` },
+          ...newMessages.filter(m => m.role !== 'system')
+        ];
+      }
+
+      const response = await provider.sendMessage(finalMessages);
+      setMessages(prev => [...prev, { role: 'assistant', content: response }]);
     } catch (err) {
-      spinner.stop();
-      if (controller.signal.aborted) { console.log(yellow(`\n⚠️  ${t.interrupted}`)); messages.pop(); }
-      else { console.error(chalk.red(`\n✖ Erro: ${err.message}`)); }
+      setMessages(prev => [...prev, { role: 'system', content: `Erro: ${err.message}` }]);
     } finally {
-      process.removeListener('SIGINT', abortHandler);
-      displayPrompt();
+      setIsThinking(false);
+    }
+  };
+
+  useInput((input, key) => {
+    if (key.ctrl && input === 'c') {
+      if (isThinking) {
+        setIsThinking(false);
+      } else {
+        if (exitCounter === 0) {
+          setExitCounter(1);
+          setTimeout(() => setExitCounter(0), 2000);
+        } else {
+          exit();
+        }
+      }
+    }
+    
+    if (key.tab && filePreview.length > 0) {
+      const words = input.split(' ');
+      words[words.length - 1] = `@${filePreview[0].rel}${filePreview[0].isDir ? '/' : ''}`;
+      setInput(words.join(' '));
     }
   });
+
+  return (
+    <Box flexDirection="column" paddingX={1} minHeight={10}>
+      {/* HEADER */}
+      <Box flexDirection="column" marginBottom={1}>
+        <Text color={lavender}>{figlet.textSync('bimmo', { font: 'small' })}</Text>
+        <Box borderStyle="single" borderColor={lavender} paddingX={1} justifyContent="space-between">
+          <Text color={green} bold>v{version}</Text>
+          <Box>
+            <Text color={gray}>{config.activeProfile || 'Default'} </Text>
+            <Text color={lavender}>•</Text>
+            <Text color={gray}> {config.model}</Text>
+          </Box>
+        </Box>
+      </Box>
+
+      {/* MENSAGENS */}
+      <Box flexDirection="column" flexGrow={1}>
+        {messages.filter(m => m.role !== 'system').slice(-10).map((m, i) => (
+          <Box key={i} flexDirection="column" marginBottom={1}>
+            <Box>
+              <Text bold color={m.role === 'user' ? green : lavender}>
+                {m.role === 'user' ? '› Você' : '› bimmo'}
+              </Text>
+              {m.role === 'system' && <Text color={yellow}> [SISTEMA]</Text>}
+            </Box>
+            <Box paddingLeft={2}>
+              <Text>
+                {m.role === 'assistant' 
+                  ? marked.parse(m.content).trim() 
+                  : (m.displayContent || m.content)}
+              </Text>
+            </Box>
+          </Box>
+        ))}
+      </Box>
+
+      {/* STATUS / THINKING */}
+      {isThinking && (
+        <Box marginBottom={1}>
+          <Text color={lavender}>
+            <Spinner type="dots" /> <Text italic>{thinkingMessage}</Text>
+          </Text>
+        </Box>
+      )}
+
+      {/* AUTOCOMPLETE PREVIEW */}
+      {filePreview.length > 0 && (
+        <Box flexDirection="column" borderStyle="round" borderColor={gray} paddingX={1} marginBottom={1}>
+          <Text color={gray} dimColor italic>Sugestões (TAB para completar):</Text>
+          {filePreview.map((f, i) => (
+            <Text key={i} color={i === 0 ? green : gray}>
+              {f.isDir ? '📁' : '📄'} {f.rel}{f.isDir ? '/' : ''}
+            </Text>
+          ))}
+        </Box>
+      )}
+
+      {/* PROMPT */}
+      <Box borderStyle="round" borderColor={isThinking ? gray : lavender} paddingX={1}>
+        <Text bold color={mode === 'edit' ? red : mode === 'plan' ? cyan : lavender}>
+          {activePersona ? `[${activePersona.toUpperCase()}] ` : ''}
+          [{mode.toUpperCase()}] ›{' '}
+        </Text>
+        <TextInput 
+          value={input} 
+          onChange={setInput} 
+          onSubmit={handleSubmit} 
+          placeholder="Como posso ajudar hoje?"
+        />
+      </Box>
+
+      {/* FOOTER */}
+      <Box marginTop={1} justifyContent="space-between" paddingX={1}>
+        <Text color={gray} dimColor>📁 {path.relative(process.env.HOME || '', process.cwd())}</Text>
+        {exitCounter === 1 && <Text color={yellow} bold> Pressione Ctrl+C novamente para sair</Text>}
+        <Box>
+          <Text color={gray} dimColor italic>↑↓ para histórico (em breve) • /help para comandos</Text>
+        </Box>
+      </Box>
+    </Box>
+  );
+};
+
+export async function startInteractive() {
+  const config = getConfig();
+  if (!config.provider || !config.apiKey) {
+    console.log(chalk.yellow('Provedor não configurado. Execute "bimmo config" primeiro.'));
+    process.exit(0);
+  }
+  process.stdout.write('\x1Bc');
+  render(<BimmoApp initialConfig={config} />);
 }