bimmo-cli 4.0.4 → 4.0.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bimmo-cli",
-  "version": "4.0.4",
+  "version": "4.0.6",
   "description": "🌿 Plataforma de IA universal profissional com interface React (Ink) pura.",
   "bin": {
     "bimmo": "bin/bimmo"

package/src/interface.js

@@ -90,12 +90,12 @@ const Message = ({ role, content, displayContent }) => {
   );
 };
 
-const AutocompleteSuggestions = ({ suggestions }) => (
+const AutocompleteSuggestions = ({ suggestions, selectedIndex }) => (
   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):'),
+    h(Text, { color: THEME.gray, dimColor: true, italic: true }, 'Sugestões (↑↓ navega, TAB seleciona):'),
     suggestions.map((f, i) => (
-      h(Text, { key: i, color: i === 0 ? THEME.green : THEME.gray },
-        `${f.isDir ? '📁' : '📄'} ${f.rel}${f.isDir ? '/' : ''}`
+      h(Text, { key: i, color: i === selectedIndex ? THEME.green : THEME.gray, bold: i === selectedIndex },
+        `${i === selectedIndex ? '› ' : '  '}${f.isDir ? '📁' : '📄'} ${f.rel}${f.isDir ? '/' : ''}`
       )
     ))
   )
@@ -128,6 +128,7 @@ const BimmoApp = ({ initialConfig }) => {
   const [messages, setMessages] = useState([]);
   const [staticMessages, setStaticMessages] = useState([]); // Para mensagens antigas
   const [input, setInput] = useState('');
+  const [selectedIndex, setSelectedIndex] = useState(0);
   const [isThinking, setIsThinking] = useState(false);
   const [thinkingMessage, setThinkingMessage] = useState('bimmo pensando...');
   const [exitCounter, setExitCounter] = useState(0);
@@ -151,18 +152,33 @@ const BimmoApp = ({ initialConfig }) => {
       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)
+      if (!fs.existsSync(absDir) || !fs.statSync(absDir).isDirectory()) return [];
+      
+      const files = 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) 
-        }));
+        .map(f => {
+          const fullPath = path.join(absDir, f);
+          const isDir = fs.statSync(fullPath).isDirectory();
+          return { 
+            name: f, 
+            isDir, 
+            rel: path.join(dir === '.' ? '' : dir, f) 
+          };
+        });
+
+      // Ordena: pastas primeiro, depois arquivos
+      return files.sort((a, b) => {
+        if (a.isDir && !b.isDir) return -1;
+        if (!a.isDir && b.isDir) return 1;
+        return a.name.localeCompare(b.name);
+      }).slice(0, 10);
     } catch (e) { return []; }
   }, [input]);
 
+  useEffect(() => {
+    setSelectedIndex(0);
+  }, [filePreview.length]);
+
   const handleSubmit = async (val) => {
     const rawInput = val.trim();
     if (!rawInput) return;
@@ -278,10 +294,20 @@ const BimmoApp = ({ initialConfig }) => {
       }
     }
     if (key.tab && filePreview.length > 0) {
+      const selected = filePreview[selectedIndex] || filePreview[0];
       const words = input.split(' ');
-      words[words.length - 1] = `@${filePreview[0].rel}${filePreview[0].isDir ? '/' : ''}`;
+      words[words.length - 1] = `@${selected.rel}${selected.isDir ? '/' : ''}`;
       setInput(words.join(' '));
     }
+
+    if (filePreview.length > 0) {
+      if (key.downArrow) {
+        setSelectedIndex(prev => (prev + 1) % filePreview.length);
+      }
+      if (key.upArrow) {
+        setSelectedIndex(prev => (prev - 1 + filePreview.length) % filePreview.length);
+      }
+    }
   });
 
   return (
@@ -300,10 +326,9 @@ const BimmoApp = ({ initialConfig }) => {
         )
       ),
 
-      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 },
+      filePreview.length > 0 && h(AutocompleteSuggestions, { suggestions: filePreview, selectedIndex }),
+
+      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, {