bimmo-cli 4.0.0 → 4.0.2

package/bin/bimmo

@@ -4,14 +4,33 @@
 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';
+import { fileURLToPath, pathToFileURL } from 'url';
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
+
+// Tenta carregar do dist primeiro (produção), depois do src (desenvolvimento)
+let interfaceModule;
+const distPath = path.join(__dirname, '../dist/interface.js');
+const srcPath = path.join(__dirname, '../src/interface.js');
+
+if (fs.existsSync(distPath)) {
+  interfaceModule = await import(pathToFileURL(distPath).href);
+} else {
+  interfaceModule = await import(pathToFileURL(srcPath).href);
+}
+
+const { startInteractive } = interfaceModule;
+
+const configPath = fs.existsSync(path.join(__dirname, '../dist/config.js'))
+  ? path.join(__dirname, '../dist/config.js')
+  : path.join(__dirname, '../src/config.js');
+
+const configModule = await import(pathToFileURL(configPath).href);
+
+const { configure } = configModule;
 const pkg = JSON.parse(fs.readFileSync(path.join(__dirname, '../package.json'), 'utf-8'));
 
 program

package/package.json

@@ -1,13 +1,22 @@
 {
   "name": "bimmo-cli",
-  "version": "4.0.0",
+  "version": "4.0.2",
   "description": "🌿 Plataforma de IA universal profissional com interface React (Ink) pura.",
   "bin": {
     "bimmo": "bin/bimmo"
   },
   "type": "module",
   "keywords": [
-    "ai", "cli", "ink", "react", "openai", "anthropic", "gemini", "agent", "swarm", "terminal"
+    "ai",
+    "cli",
+    "ink",
+    "react",
+    "openai",
+    "anthropic",
+    "gemini",
+    "agent",
+    "swarm",
+    "terminal"
   ],
   "author": "Judah",
   "license": "MIT",
@@ -24,6 +33,15 @@
   "publishConfig": {
     "access": "public"
   },
+  "scripts": {
+    "build": "rimraf dist && esbuild src/*.js src/**/*.js --format=esm --outdir=dist --platform=node --target=node20",
+    "dev": "node bin/bimmo",
+    "start": "npm run build && node bin/bimmo"
+  },
+  "devDependencies": {
+    "esbuild": "^0.24.0",
+    "rimraf": "^6.0.1"
+  },
   "dependencies": {
     "@anthropic-ai/sdk": "^0.36.3",
     "@google/generative-ai": "^0.21.0",
@@ -35,7 +53,6 @@
     "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",

package/src/interface.js

@@ -1,5 +1,5 @@
 import React, { useState, useEffect, useMemo } from 'react';
-import { render, Box, Text, useInput, useApp } from 'ink';
+import { render, Box, Text, useInput, useApp, Static } from 'ink';
 import TextInput from 'ink-text-input';
 import Spinner from 'ink-spinner';
 import chalk from 'chalk';
@@ -16,16 +16,20 @@ import { getProjectContext } from './project-context.js';
 import { editState } from './agent.js';
 import { SwarmOrchestrator } from './orchestrator.js';
 
-const green = '#00ff9d';
-const lavender = '#c084fc';
-const gray = '#6272a4';
-const yellow = '#f1fa8c';
-const red = '#ff5555';
-const cyan = '#8be9fd';
+// Cores e Temas
+const THEME = {
+  green: '#00ff9d',
+  lavender: '#c084fc',
+  gray: '#6272a4',
+  yellow: '#f1fa8c',
+  red: '#ff5555',
+  cyan: '#8be9fd',
+  border: '#44475a'
+};
 
 marked.use(new TerminalRenderer({
-  heading: chalk.hex(lavender).bold,
-  code: chalk.hex(green),
+  heading: chalk.hex(THEME.lavender).bold,
+  code: chalk.hex(THEME.green),
   strong: chalk.bold,
   em: chalk.italic,
   html: () => '', 
@@ -33,74 +37,94 @@ marked.use(new TerminalRenderer({
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
-const pkg = JSON.parse(fs.readFileSync(path.join(__dirname, '../package.json'), 'utf-8'));
+// A localização do package.json depende de onde este arquivo está (src ou dist)
+const pkgPath = fs.existsSync(path.join(__dirname, '../package.json')) 
+  ? path.join(__dirname, '../package.json')
+  : path.join(__dirname, '../../package.json');
+const pkg = JSON.parse(fs.readFileSync(pkgPath, 'utf-8'));
 const version = pkg.version;
 
 const h = React.createElement;
 
+// --- COMPONENTES ---
+
+const Divider = ({ borderColor = THEME.border }) => (
+  h(Box, { paddingY: 0 },
+    h(Text, { color: borderColor }, '─'.repeat(process.stdout.columns || 50))
+  )
+);
+
 const Header = ({ config }) => (
   h(Box, { flexDirection: 'column', marginBottom: 1 },
-    h(Text, { color: lavender }, figlet.textSync('bimmo')),
-    h(Box, { borderStyle: 'single', borderColor: lavender, paddingX: 1, justifyContent: 'space-between' },
-      h(Text, { color: green, bold: true }, `v${version}`),
+    h(Text, { color: THEME.lavender, bold: true }, figlet.textSync('bimmo', { font: 'Small' })),
+    h(Box, { borderStyle: 'round', borderColor: THEME.border, paddingX: 1, justifyContent: 'space-between' },
+      h(Text, { color: THEME.green }, `v${version}`),
       h(Box, null,
-        h(Text, { color: gray }, `${config.activeProfile || 'Default'} `),
-        h(Text, { color: lavender }, '•'),
-        h(Text, { color: gray }, ` ${config.model}`)
+        h(Text, { color: THEME.gray }, `${config.activeProfile || 'Default'} `),
+        h(Text, { color: THEME.lavender }, '•'),
+        h(Text, { color: THEME.cyan }, ` ${config.model}`)
       )
     )
   )
 );
 
-const MessageList = ({ messages }) => (
-  h(Box, { flexDirection: 'column', flexGrow: 1 },
-    messages.filter(m => m.role !== 'system').slice(-10).map((m, i) => (
-      h(Box, { key: i, flexDirection: 'column', marginBottom: 1 },
-        h(Box, null,
-          h(Text, { bold: true, color: m.role === 'user' ? green : lavender },
-            m.role === 'user' ? '› Você' : '› bimmo'
-          ),
-          m.role === 'system' && h(Text, { color: yellow }, ' [SISTEMA]')
-        ),
-        h(Box, { paddingLeft: 2 },
-          h(Text, null, 
-            m.role === 'assistant' 
-              ? marked.parse(m.content).trim() 
-              : (m.displayContent || m.content)
-          )
-        )
+const Message = ({ role, content, displayContent }) => {
+  const isUser = role === 'user';
+  const color = isUser ? THEME.green : THEME.lavender;
+  const label = isUser ? '› VOCÊ' : '› bimmo';
+  
+  return h(Box, { flexDirection: 'column', marginBottom: 1 },
+    h(Box, null,
+      h(Text, { color, bold: true }, label),
+      role === 'system' && h(Text, { color: THEME.yellow }, ' [SISTEMA]')
+    ),
+    h(Box, { paddingLeft: 2 },
+      h(Text, null, 
+        role === 'assistant' 
+          ? marked.parse(content).trim() 
+          : (displayContent || content)
       )
-    ))
-  )
-);
+    )
+  );
+};
 
-const Autocomplete = ({ suggestions }) => (
-  h(Box, { flexDirection: 'column', borderStyle: 'round', borderColor: gray, paddingX: 1, marginBottom: 1 },
-    h(Text, { color: gray, dimColor: true, italic: true }, 'Sugestões (TAB para completar):'),
+const AutocompleteSuggestions = ({ suggestions }) => (
+  h(Box, { flexDirection: 'column', borderStyle: 'round', borderColor: THEME.border, paddingX: 1, marginBottom: 1 },
+    h(Text, { color: THEME.gray, dimColor: true, italic: true }, 'Sugestões (TAB):'),
     suggestions.map((f, i) => (
-      h(Text, { key: i, color: i === 0 ? green : gray },
+      h(Text, { key: i, color: i === 0 ? THEME.green : THEME.gray },
         `${f.isDir ? '📁' : '📄'} ${f.rel}${f.isDir ? '/' : ''}`
       )
     ))
   )
 );
 
-const Footer = ({ exitCounter }) => (
-  h(Box, { marginTop: 1, justifyContent: 'space-between', paddingX: 1 },
-    h(Text, { color: gray, dimColor: true }, `📁 ${path.relative(process.env.HOME || '', process.cwd())}`),
-    exitCounter === 1 && h(Text, { color: yellow, bold: true }, ' Pressione Ctrl+C novamente para sair'),
-    h(Box, null,
-      h(Text, { color: gray, dimColor: true, italic: true }, '↑↓ para histórico • /help para comandos')
+const FooterStatus = ({ mode, activePersona, exitCounter }) => (
+  h(Box, { marginTop: 1, flexDirection: 'column' },
+    h(Divider, { borderColor: THEME.border }),
+    h(Box, { justifyContent: 'space-between', paddingX: 1 },
+      h(Box, null,
+        h(Text, { color: THEME.gray }, `Modo: `),
+        h(Text, { color: mode === 'edit' ? THEME.red : mode === 'plan' ? THEME.cyan : THEME.lavender, bold: true }, mode.toUpperCase()),
+        activePersona && h(Text, { color: THEME.yellow }, ` (${activePersona})`)
+      ),
+      h(Text, { color: THEME.gray, dimColor: true }, `📁 ${path.basename(process.cwd())}`),
+      exitCounter === 1 
+        ? h(Text, { color: THEME.yellow, bold: true }, ' Pressione Ctrl+C novamente para sair ')
+        : h(Text, { color: THEME.gray, italic: true }, ' /help para comandos ')
     )
   )
 );
 
+// --- APP PRINCIPAL ---
+
 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 [staticMessages, setStaticMessages] = useState([]); // Para mensagens antigas
   const [input, setInput] = useState('');
   const [isThinking, setIsThinking] = useState(false);
   const [thinkingMessage, setThinkingMessage] = useState('bimmo pensando...');
@@ -144,8 +168,10 @@ const BimmoApp = ({ initialConfig }) => {
     const parts = rawInput.split(' ');
     const cmd = parts[0].toLowerCase();
 
+    // Comandos de Sistema
     if (cmd === '/exit') exit();
     if (cmd === '/clear') {
+      setStaticMessages([]);
       setMessages([{ role: 'system', content: getProjectContext() }, { role: 'assistant', content: 'Chat limpo.' }]);
       return;
     }
@@ -190,28 +216,12 @@ const BimmoApp = ({ initialConfig }) => {
       return;
     }
 
-    if (cmd === '/swarm') {
-      const orchestrator = new SwarmOrchestrator(config);
-      setIsThinking(true);
-      setThinkingMessage('Enxame em ação...');
-      try {
-        let response;
-        if (parts[1] === 'seq') response = await orchestrator.runSequential(parts[2].split(','), parts.slice(3).join(' '));
-        if (parts[1] === 'run') response = await orchestrator.runHierarchical(parts[2], parts[3].split(','), parts.slice(4).join(' '));
-        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);
-      }
-      return;
-    }
-
     if (cmd === '/help') {
-      setMessages(prev => [...prev, { role: 'assistant', content: `**Comandos:** /chat, /plan, /edit, /switch, /model, /use, /swarm, /clear, /exit, @arquivo` }]);
+      setMessages(prev => [...prev, { role: 'assistant', content: `**Comandos Disponíveis:**\n\n- \`/chat\`, \`/plan\`, \`/edit\`: Alternar modos\n- \`/model <nome>\`: Trocar modelo atual\n- \`/switch <perfil>\`: Trocar perfil de API\n- \`/use <agente>\`: Usar agente especializado\n- \`/clear\`: Limpar histórico\n- \`/exit\`: Sair do bimmo\n- \`@arquivo\`: Referenciar arquivo local` }]);
       return;
     }
 
+    // Processamento de arquivos
     setIsThinking(true);
     let processedInput = rawInput;
     const fileMatches = rawInput.match(/@[\w\.\-\/]+/g);
@@ -228,15 +238,22 @@ const BimmoApp = ({ initialConfig }) => {
     }
 
     const userMsg = { role: 'user', content: processedInput, displayContent: rawInput };
-    const newMessages = [...messages, userMsg];
-    setMessages(newMessages);
+    
+    // Move mensagens antigas para static para performance
+    if (messages.length > 5) {
+      setStaticMessages(prev => [...prev, ...messages.slice(0, -5)]);
+      setMessages(prev => [...prev.slice(-5), userMsg]);
+    } else {
+      setMessages(prev => [...prev, userMsg]);
+    }
 
     try {
-      let finalMessages = newMessages;
+      let finalMessages = [...staticMessages, ...messages, userMsg];
       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')];
+        finalMessages = [{ role: 'system', content: `Sua tarefa: ${agent.role}\n\n${getProjectContext()}` }, ...finalMessages.filter(m => m.role !== 'system')];
       }
+      
       const response = await provider.sendMessage(finalMessages);
       setMessages(prev => [...prev, { role: 'assistant', content: response }]);
     } catch (err) {
@@ -250,8 +267,12 @@ const BimmoApp = ({ initialConfig }) => {
     if (key.ctrl && input === 'c') {
       if (isThinking) setIsThinking(false);
       else {
-        if (exitCounter === 0) { setExitCounter(1); setTimeout(() => setExitCounter(0), 2000); }
-        else exit();
+        if (exitCounter === 0) { 
+          setExitCounter(1); 
+          setTimeout(() => setExitCounter(0), 2000); 
+        } else {
+          exit();
+        }
       }
     }
     if (key.tab && filePreview.length > 0) {
@@ -262,23 +283,36 @@ const BimmoApp = ({ initialConfig }) => {
   });
 
   return (
-    h(Box, { flexDirection: 'column', paddingX: 1, minHeight: 10 },
+    h(Box, { flexDirection: 'column', paddingX: 2, paddingY: 1, minHeight: 15 },
       h(Header, { config }),
-      h(MessageList, { messages }),
+      
+      h(Box, { flexDirection: 'column', flexGrow: 1, marginBottom: 1 },
+        h(Static, { items: staticMessages }, (m, i) => h(Message, { key: `static-${i}`, ...m })),
+        messages.filter(m => m.role !== 'system').map((m, i) => h(Message, { key: i, ...m }))
+      ),
+
       isThinking && h(Box, { marginBottom: 1 },
-        h(Text, { color: lavender },
+        h(Text, { color: THEME.lavender },
           h(Spinner, { type: 'dots' }),
           h(Text, { italic: true }, ` ${thinkingMessage}`)
         )
       ),
-      filePreview.length > 0 && h(Autocomplete, { suggestions: filePreview }),
-      h(Box, { borderStyle: 'round', borderColor: isThinking ? gray : lavender, paddingX: 1 },
-        h(Text, { bold: true, color: mode === 'edit' ? red : mode === 'plan' ? cyan : lavender },
-          `${activePersona ? `[${activePersona.toUpperCase()}] ` : ''}[${mode.toUpperCase()}] › `
+
+      filePreview.length > 0 && h(AutocompleteSuggestions, { suggestions: filePreview }),
+      
+      h(Box, { borderStyle: 'round', borderColor: isThinking ? THEME.gray : THEME.lavender, paddingX: 1 },
+        h(Text, { bold: true, color: mode === 'edit' ? THEME.red : mode === 'plan' ? THEME.cyan : THEME.lavender },
+          `${activePersona ? `[${activePersona.toUpperCase()}] ` : ''}› `
         ),
-        h(TextInput, { value: input, onChange: setInput, onSubmit: handleSubmit, placeholder: 'Como posso ajudar hoje?' })
+        h(TextInput, { 
+          value: input, 
+          onChange: setInput, 
+          onSubmit: handleSubmit, 
+          placeholder: 'Diga algo ou use / para comandos...' 
+        })
       ),
-      h(Footer, { exitCounter })
+      
+      h(FooterStatus, { mode, activePersona, exitCounter })
     )
   );
 };
@@ -286,9 +320,12 @@ const BimmoApp = ({ initialConfig }) => {
 export async function startInteractive() {
   const config = getConfig();
   if (!config.provider || !config.apiKey) {
-    console.log(chalk.yellow('Provedor não configurado. Execute "bimmo config" primeiro.'));
+    console.log(chalk.yellow('\n⚠️  Provedor não configurado.'));
+    console.log(chalk.gray('Execute "bimmo config" para configurar sua chave de API.\n'));
     process.exit(0);
   }
+  
+  // Limpa tela e inicia
   process.stdout.write('\x1Bc');
   render(h(BimmoApp, { initialConfig: config }));
 }