tmpa-cli 1.0.8 → 1.0.10

package/bin/index.js

@@ -15,7 +15,7 @@ const C = {
   c3: '\x1b[38;2;99;102;241m',
   c4: '\x1b[38;2;168;85;247m',
   green: '\x1b[38;2;34;197;94m',
-  cyan: '\x1b[38;2;6x;182;212m',
+  cyan: '\x1b[38;2;6;182;212m',
   yellow: '\x1b[38;2;234;179;8m',
   red: '\x1b[38;2;239;68;68m',
   gray: '\x1b[38;2;148;163;184m',
@@ -58,12 +58,12 @@ ${C.c4}   ██║   ██║ ╚═╝ ██║██║     ██║  █
 ${C.c4}   ╚═╝   ╚═╝     ╚═╝╚═╝     ╚═╝  ╚═╝${C.reset}
 ${C.darkGray}────────────────────────────────────────────────────────────${C.reset}
  ${C.reset}The Multi Platform AI ${C.green}[Interactive Mode]${C.reset}
- ${C.gray}/config : Set API | /models : View Models | /uninstall : Remove | /exit : Exit${C.reset}
+ ${C.gray}/config : Set API | /models : Interactive Model Selector | /uninstall : Remove | /exit : Exit${C.reset}
 ${C.darkGray}────────────────────────────────────────────────────────────${C.reset}
 `);
 }
 
-const rl = readline.createInterface({
+let rl = readline.createInterface({
   input: process.stdin,
   output: process.stdout
 });
@@ -86,7 +86,7 @@ function askConfig(callback) {
     rl.question(`${C.yellow}[>] Enter API Key for ${selected.name}:${C.reset} `, (apiKey) => {
       if (choice.trim() === '7') {
         rl.question(`${C.yellow}[>] Enter Custom Base URL / Endpoint:${C.reset} `, (customUrl) => {
-          rl.question(`${C.yellow}[>] Enter Model Name:${C.reset} `, (customModel) => {
+          rl.question(`${C.yellow}[>] Enter Specific Model Name:${C.reset} `, (customModel) => {
             config.provider = 'Custom';
             config.apiKey = apiKey.trim();
             config.endpoint = customUrl.trim();
@@ -102,29 +102,105 @@ function askConfig(callback) {
         config.endpoint = selected.endpoint;
         config.model = selected.defaultModel;
         saveConfig(config);
-        console.log(`${C.green}[+] Connected to ${selected.name} (${selected.defaultModel})${C.reset}\n`);
+        console.log(`${C.green}[+] Connected to ${selected.name}. Default model: ${selected.defaultModel}${C.reset}\n`);
         if (callback) callback();
       }
     });
   });
 }
 
+function renderInteractiveMenu(models, selectedIndex, pageOffset, pageSize) {
+  console.clear();
+  console.log(`${C.cyan}=== Select Model for ${config.provider} ===${C.reset}`);
+  console.log(`${C.gray}Use Up/Down Arrow keys to navigate, press ENTER to select.${C.reset}`);
+  console.log(`${C.darkGray}────────────────────────────────────────────────────────────${C.reset}`);
+
+  const visibleModels = models.slice(pageOffset, pageOffset + pageSize);
+
+  visibleModels.forEach((m, idx) => {
+    const realIndex = pageOffset + idx;
+    const isSelected = realIndex === selectedIndex;
+    const bullet = isSelected ? `${C.green}●${C.reset}` : `${C.gray}○${C.reset}`;
+    const modelText = isSelected ? `${C.green}${C.c1}${m.id}${C.reset}` : `${C.gray}${m.id}${C.reset}`;
+    console.log(` ${bullet} ${modelText}`);
+  });
+
+  console.log(`${C.darkGray}────────────────────────────────────────────────────────────${C.reset}`);
+  console.log(`${C.yellow}Item ${selectedIndex + 1} of ${models.length}${C.reset} ${C.darkGray}| Current Active: ${config.model}${C.reset}\n`);
+}
+
+async function interactiveModelSelect(models) {
+  let selectedIndex = 0;
+  let pageOffset = 0;
+  const pageSize = 10; // Menampilkan 10 item per halaman agar rapi
+
+  // Matikan readline sementara untuk mengaktifkan keypress listener
+  rl.close();
+  readline.emitKeypressEvents(process.stdin);
+  if (process.stdin.isTTY) process.stdin.setRawMode(true);
+
+  renderInteractiveMenu(models, selectedIndex, pageOffset, pageSize);
+
+  return new Promise((resolve) => {
+    const onKeypress = (str, key) => {
+      if (key.name === 'up') {
+        if (selectedIndex > 0) {
+          selectedIndex--;
+          if (selectedIndex < pageOffset) pageOffset--;
+        }
+        renderInteractiveMenu(models, selectedIndex, pageOffset, pageSize);
+      } else if (key.name === 'down') {
+        if (selectedIndex < models.length - 1) {
+          selectedIndex++;
+          if (selectedIndex >= pageOffset + pageSize) pageOffset++;
+        }
+        renderInteractiveMenu(models, selectedIndex, pageOffset, pageSize);
+      } else if (key.name === 'return' || key.name === 'enter') {
+        cleanup();
+        const chosen = models[selectedIndex].id;
+        config.model = chosen;
+        saveConfig(config);
+        console.log(`\n${C.green}[+] Successfully switched to model: ${config.model}${C.reset}\n`);
+        resolve();
+      } else if (key.ctrl && key.name === 'c') {
+        cleanup();
+        process.exit(0);
+      } else if (key.name === 'escape') {
+        cleanup();
+        console.log(`\n${C.gray}Model selection cancelled.${C.reset}\n`);
+        resolve();
+      }
+    };
+
+    function cleanup() {
+      process.stdin.removeListener('keypress', onKeypress);
+      if (process.stdin.isTTY) process.stdin.setRawMode(false);
+      // Restart readline interface untuk percakapan selanjutnya
+      rl = readline.createInterface({
+        input: process.stdin,
+        output: process.stdout
+      });
+    }
+
+    process.stdin.on('keypress', onKeypress);
+  });
+}
+
 async function fetchAvailableModels() {
   if (!config.apiKey) {
     console.log(`${C.red}[x] API Key is not set. Use /config first.${C.reset}\n`);
     return startPrompt();
   }
 
-  console.log(`${C.yellow}[...] Fetching models for ${config.provider || 'Provider'}...${C.reset}`);
+  console.log(`${C.yellow}[...] Fetching models list from ${config.provider || 'Provider'}...${C.reset}`);
 
   try {
     let url = config.endpoint;
-    if (url.endsWith('/generateContent')) {
-      console.log(`${C.yellow}[!] Google Gemini default endpoint uses fixed model: ${config.model}${C.reset}\n`);
+    if (url.includes('googleapis.com')) {
+      console.log(`${C.yellow}[!] Gemini Default REST API uses fixed model: ${config.model}${C.reset}\n`);
       return startPrompt();
     }
 
-    // Auto-detect /models endpoint
     let modelsUrl = url.endsWith('/models') ? url : `${url.replace(/\/chat\/completions$/, '')}/models`;
 
     const response = await fetch(modelsUrl, {
@@ -137,26 +213,11 @@ async function fetchAvailableModels() {
 
     const data = await response.json();
 
-    if (data.data && Array.isArray(data.data)) {
-      console.log(`\n${C.cyan}=== Available Models ===${C.reset}`);
-      const modelList = data.data.slice(0, 20); // Limit top 20 models
-      modelList.forEach((m, idx) => {
-        console.log(` ${C.yellow}${idx + 1}.${C.reset} ${m.id}`);
-      });
-      console.log(`${C.darkGray}------------------------------------------------------------${C.reset}`);
-      
-      rl.question(`\n${C.yellow}[>] Enter Model Name to use (or press Enter to keep current: ${config.model}):${C.reset} `, (newModel) => {
-        if (newModel.trim()) {
-          config.model = newModel.trim();
-          saveConfig(config);
-          console.log(`${C.green}[+] Active model updated to: ${config.model}${C.reset}\n`);
-        } else {
-          console.log(`${C.gray}Keeping current model: ${config.model}${C.reset}\n`);
-        }
-        startPrompt();
-      });
+    if (data.data && Array.isArray(data.data) && data.data.length > 0) {
+      await interactiveModelSelect(data.data);
+      startPrompt();
     } else {
-      console.log(`${C.red}[x] Unable to fetch models automatically from this provider.${C.reset}\n`);
+      console.log(`${C.red}[x] Could not retrieve models list automatically from ${config.provider}.${C.reset}`);
       startPrompt();
     }
   } catch (err) {
@@ -178,12 +239,10 @@ async function handleChat(prompt) {
     let headers = { 'Content-Type': 'application/json' };
     let bodyData = {};
 
-    // Auto-Detect Request Format (Google Gemini vs OpenAI Compatible)
     if (url.includes('googleapis.com')) {
       url = `${url}?key=${config.apiKey}`;
       bodyData = { contents: [{ parts: [{ text: prompt }] }] };
     } else {
-      // OpenAI Compatible (OpenRouter, Groq, NVIDIA, OpenAI, dll)
       if (!url.endsWith('/chat/completions')) {
         url = `${url.replace(/\/$/, '')}/chat/completions`;
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tmpa-cli",
-  "version": "1.0.8",
+  "version": "1.0.10",
   "description": "",
   "main": "bin/index.js",
   "bin": {