bimmo-cli 3.0.0 → 3.1.0

package/bin/bimmo

@@ -1,10 +1,10 @@
-#!/usr/bin/env node
+#!/usr/bin/env -S node --import=tsx
 
 // Silencia o aviso de depreciação do punycode que polui o terminal em versões novas do Node
 process.removeAllListeners('warning');
 
 import { program } from 'commander';
-import { startInteractive } from '../src/interface.js';
+import { startInteractive } from '../src/interface.jsx';
 import { configure } from '../src/config.js';
 import fs from 'fs';
 import path from 'path';

package/package.json

@@ -1,13 +1,22 @@
 {
   "name": "bimmo-cli",
-  "version": "3.0.0",
+  "version": "3.1.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", "ink", "react", "openai", "anthropic", "gemini", "agent", "swarm", "terminal"
+    "ai",
+    "cli",
+    "ink",
+    "react",
+    "openai",
+    "anthropic",
+    "gemini",
+    "agent",
+    "swarm",
+    "terminal"
   ],
   "author": "Judah",
   "license": "MIT",
@@ -25,6 +34,7 @@
     "access": "public"
   },
   "dependencies": {
+    "tsx": "^4.19.2",
     "@anthropic-ai/sdk": "^0.36.3",
     "@google/generative-ai": "^0.21.0",
     "@tavily/core": "^0.0.2",
@@ -39,6 +49,7 @@
     "ink-spinner": "^5.0.0",
     "ink-text-input": "^6.0.0",
     "inquirer": "^9.3.8",
+    "jiti": "^2.6.1",
     "marked": "^14.0.0",
     "marked-terminal": "^7.0.0",
     "mime-types": "^2.1.35",
@@ -47,5 +58,8 @@
     "ora": "^8.1.1",
     "react": "^18.2.0",
     "zod": "^3.24.1"
+  },
+  "devDependencies": {
+    "tsx": "^4.21.0"
   }
 }

package/src/{interface.js → interface.jsx}

@@ -16,10 +16,17 @@ import { getProjectContext } from './project-context.js';
 import { editState } from './agent.js';
 import { SwarmOrchestrator } from './orchestrator.js';
 
-// Configuração do renderizador Markdown para o terminal
+// --- CONFIGURAÇÃO VISUAL ---
+const green = '#00ff9d';
+const lavender = '#c084fc';
+const gray = '#6272a4';
+const yellow = '#f1fa8c';
+const red = '#ff5555';
+const cyan = '#8be9fd';
+
 marked.use(new TerminalRenderer({
-  heading: chalk.hex('#c084fc').bold,
-  code: chalk.hex('#00ff9d'),
+  heading: chalk.hex(lavender).bold,
+  code: chalk.hex(green),
   strong: chalk.bold,
   em: chalk.italic,
   html: () => '', 
@@ -30,12 +37,64 @@ const __dirname = path.dirname(__filename);
 const pkg = JSON.parse(fs.readFileSync(path.join(__dirname, '../package.json'), 'utf-8'));
 const version = pkg.version;
 
-const green = '#00ff9d';
-const lavender = '#c084fc';
-const gray = '#6272a4';
-const yellow = '#f1fa8c';
-const red = '#ff5555';
-const cyan = '#8be9fd';
+// --- COMPONENTES ---
+
+const Header = ({ config }) => (
+  <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>
+);
+
+const MessageList = ({ messages }) => (
+  <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>
+);
+
+const Autocomplete = ({ suggestions }) => (
+  <Box flexDirection="column" borderStyle="round" borderColor={gray} paddingX={1} marginBottom={1}>
+    <Text color={gray} dimColor italic>Sugestões (TAB para completar):</Text>
+    {suggestions.map((f, i) => (
+      <Text key={i} color={i === 0 ? green : gray}>
+        {f.isDir ? '📁' : '📄'} {f.rel}{f.isDir ? '/' : ''}
+      </Text>
+    ))}
+  </Box>
+);
+
+const Footer = ({ exitCounter }) => (
+  <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 • /help para comandos</Text>
+    </Box>
+  </Box>
+);
 
 const BimmoApp = ({ initialConfig }) => {
   const { exit } = useApp();
@@ -49,32 +108,26 @@ const BimmoApp = ({ initialConfig }) => {
   const [exitCounter, setExitCounter] = useState(0);
   const [provider, setProvider] = useState(() => createProvider(initialConfig));
 
-  // Inicializa com o contexto do projeto
+  // Inicializa contexto
   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.` 
-    }]);
+    setMessages([
+      { role: 'system', content: ctx },
+      { role: 'assistant', content: `Olá! Sou o **bimmo v${version}**. Como posso ajudar hoje?\n\nDigite \`/help\` para ver os comandos.` }
+    ]);
   }, []);
 
-  // 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 [];
-
     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)
@@ -90,26 +143,19 @@ const BimmoApp = ({ initialConfig }) => {
     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();
-    
+    // Comandos de Sistema
+    if (cmd === '/exit') exit();
     if (cmd === '/clear') {
-      const ctx = getProjectContext();
-      setMessages([{ role: 'system', content: ctx }, { role: 'assistant', content: 'Chat limpo.' }]);
+      setMessages([{ role: 'system', content: getProjectContext() }, { role: 'assistant', content: 'Chat limpo.' }]);
       return;
     }
-
-    if (cmd === '/chat') { setMode('chat'); return; }
-    if (cmd === '/plan') { setMode('plan'); return; }
-    if (cmd === '/edit') { 
-      setMode('edit'); 
-      editState.autoAccept = parts[1] === 'auto';
-      return; 
+    if (['/chat', '/plan', '/edit'].includes(cmd)) {
+      setMode(cmd.slice(1));
+      if (cmd === '/edit') editState.autoAccept = parts[1] === 'auto';
+      return;
     }
 
     if (cmd === '/model') {
@@ -131,8 +177,6 @@ const BimmoApp = ({ initialConfig }) => {
         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.` }]);
       }
       return;
     }
@@ -142,79 +186,44 @@ const BimmoApp = ({ initialConfig }) => {
       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.` }]);
+        setMode(agents[agentName].mode || 'chat');
       }
       return;
     }
 
     if (cmd === '/swarm') {
-      const swarmType = parts[1];
       const orchestrator = new SwarmOrchestrator(config);
       setIsThinking(true);
       setThinkingMessage('Enxame em ação...');
-
       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);
-        }
+        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);
-        setThinkingMessage('bimmo pensando...');
       }
       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 }]);
+      setMessages(prev => [...prev, { role: 'assistant', content: `**Comandos:** /chat, /plan, /edit, /switch, /model, /use, /swarm, /clear, /exit, @arquivo` }]);
       return;
     }
 
-    // ENVIO PARA IA
+    // Processamento de arquivos @
     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()) {
+          if (fs.existsSync(filePath)) {
             const content = fs.readFileSync(filePath, 'utf-8');
             processedInput = processedInput.replace(match, `\n\n[Arquivo: ${filePath}]\n\`\`\`\n${content}\n\`\`\`\n`);
           }
@@ -230,12 +239,8 @@ const BimmoApp = ({ initialConfig }) => {
       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')
-        ];
+        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) {
@@ -247,18 +252,12 @@ const BimmoApp = ({ initialConfig }) => {
 
   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 (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 ? '/' : ''}`;
@@ -268,41 +267,9 @@ const BimmoApp = ({ initialConfig }) => {
 
   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 */}
+      <Header config={config} />
+      <MessageList messages={messages} />
+      
       {isThinking && (
         <Box marginBottom={1}>
           <Text color={lavender}>
@@ -311,40 +278,17 @@ const BimmoApp = ({ initialConfig }) => {
         </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>
-      )}
+      {filePreview.length > 0 && <Autocomplete suggestions={filePreview} />}
 
-      {/* 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?"
-        />
+        <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>
+      <Footer exitCounter={exitCounter} />
     </Box>
   );
 };