@openagents-org/agent-launcher 0.1.17 → 0.2.2

package/src/tui.js

@@ -85,6 +85,39 @@ function loadAgentRows(connector) {
         workspace = agent.network;
       }
     }
+    // Check if agent type needs configuration (API key etc.)
+    let notReadyMsg = '';
+    try {
+      const agentType = agent.type || 'openclaw';
+      const entry = connector.registry.getEntry(agentType);
+      if (entry && entry.check_ready) {
+        const cr = entry.check_ready;
+        let isReady = false;
+        // Check saved env
+        if (cr.saved_env_key) {
+          const saved = connector.env.load(agentType);
+          if (saved[cr.saved_env_key]) isReady = true;
+        }
+        // Check process env vars
+        if (!isReady && cr.env_vars) {
+          for (const v of cr.env_vars) {
+            if (process.env[v]) { isReady = true; break; }
+          }
+        }
+        // Check creds file (for claude)
+        if (!isReady && cr.creds_file) {
+          const credsPath = cr.creds_file.replace('~', process.env.HOME || process.env.USERPROFILE || '');
+          try {
+            if (fs.existsSync(credsPath)) {
+              const creds = JSON.parse(fs.readFileSync(credsPath, 'utf-8'));
+              if (cr.creds_key && creds[cr.creds_key]) isReady = true;
+            }
+          } catch {}
+        }
+        if (!isReady) notReadyMsg = cr.not_ready_message || 'Not configured';
+      }
+    } catch {}
+
     return {
       name: agent.name,
       type: agent.type || 'openclaw',
@@ -93,6 +126,7 @@ function loadAgentRows(connector) {
       path: agent.path || '',
       network: agent.network || '',
       lastError: info.last_error || '',
+      notReadyMsg,
       configured: true,
     };
   });
@@ -148,6 +182,7 @@ function createTUI() {
     title: 'OpenAgents',
     fullUnicode: true,
     tags: true,
+    style: { bg: 'black', fg: 'white' },
   });
   const connector = getConnector();
   let pkg;
@@ -168,7 +203,7 @@ function createTUI() {
     top: 1, left: 0, width: '100%', height: 1,
     tags: true,
     content: `  {bold}OpenAgents{/bold} {gray-fg}v${pkg.version}{/gray-fg}`,
-    style: { fg: 'white' },
+    style: { fg: 'white', bg: 'black' },
   });
 
   // ── Agent Panel (bordered) ──
@@ -177,7 +212,7 @@ function createTUI() {
     border: { type: 'line' },
     label: ' {bold}Agents{/bold} ',
     tags: true,
-    style: { border: { fg: COLORS.panelBorder }, label: { fg: COLORS.accent } },
+    style: { bg: 'black', border: { fg: COLORS.panelBorder }, label: { fg: COLORS.accent } },
   });
 
   // ── Column Headers ──
@@ -196,8 +231,9 @@ function createTUI() {
     keys: true, vi: true, mouse: true,
     tags: true,
     style: {
+      bg: 'black',
       selected: { bg: COLORS.selected.bg, fg: COLORS.selected.fg, bold: true },
-      item: { fg: 'white' },
+      item: { fg: 'white', bg: 'black' },
     },
   });
 
@@ -207,7 +243,7 @@ function createTUI() {
     border: { type: 'line' },
     label: ' {bold}Activity Log{/bold} ',
     tags: true,
-    style: { border: { fg: COLORS.logBorder }, label: { fg: COLORS.primary } },
+    style: { bg: 'black', border: { fg: COLORS.logBorder }, label: { fg: COLORS.primary } },
   });
 
   const logContent = blessed.log({
@@ -215,7 +251,7 @@ function createTUI() {
     top: 0, left: 0, width: '100%-2', height: '100%-2',
     scrollable: true, scrollOnInput: true,
     tags: true,
-    style: { fg: 'white' },
+    style: { fg: 'white', bg: 'black' },
   });
 
   // ── Footer (clickable buttons) ──
@@ -308,7 +344,8 @@ function createTUI() {
         const state = stateMarkup(r.state, !!r.workspace);
         const ws = r.workspace || '{gray-fg}-{/gray-fg}';
         const pathInfo = r.path ? `{gray-fg} ${r.path}{/gray-fg}` : '';
-        return `  ${r.name.padEnd(22)} ${r.type.padEnd(14)} ${state.padEnd(30)} ${ws}${pathInfo}`;
+        const warning = r.notReadyMsg ? ` {yellow-fg}⚠ ${r.notReadyMsg}{/yellow-fg}` : '';
+        return `  ${r.name.padEnd(22)} ${r.type.padEnd(14)} ${state.padEnd(30)} ${ws}${pathInfo}${warning}`;
       });
       agentList.setItems(items);
     }
@@ -328,7 +365,20 @@ function createTUI() {
     const dot = pid ? `{green-fg}\u25CF{/green-fg}` : `{gray-fg}\u25CB{/gray-fg}`;
     const state = pid ? 'Daemon running' : 'Daemon idle';
     const count = agentRows.length;
-    header.setContent(`  ${dot} ${state}  {gray-fg}|{/gray-fg}  ${count} agent${count !== 1 ? 's' : ''} configured`);
+
+    // Show installed runtimes
+    let installed = [];
+    try {
+      const catalog = loadCatalog(connector);
+      installed = catalog.filter(e => e.installed).map(e => e.name);
+    } catch {}
+    const installedStr = installed.length
+      ? `  {gray-fg}|{/gray-fg}  {green-fg}${installed.join(', ')}{/green-fg} installed`
+      : '';
+
+    header.setContent(
+      `  ${dot} ${state}  {gray-fg}|{/gray-fg}  ${count} agent${count !== 1 ? 's' : ''} configured${installedStr}`
+    );
   }
 
   // Update footer when selection changes
@@ -542,6 +592,8 @@ function createTUI() {
     }).then(() => {
       installLog.log('');
       installLog.log(`{green-fg}\u2713 ${entry.name} installed successfully!{/green-fg}`);
+      installLog.log('');
+      installLog.log(`{cyan-fg}Press c to create a ${entry.name} agent, or Esc to go back.{/cyan-fg}`);
       logPanel.setLabel(` {bold}{green-fg}Install Complete{/green-fg}{/bold} `);
       log(`{green-fg}\u2713{/green-fg} ${entry.name} installed`);
       const idx = catalog.findIndex(c => c.name === entry.name);
@@ -550,6 +602,36 @@ function createTUI() {
       onDone();
       list.focus();
       screen.render();
+
+      // Listen for 'c' to create agent from just-installed type
+      const onCreateKey = (ch) => {
+        if (ch === 'c') {
+          screen.unkey(['c', 'escape'], onCreateKey);
+          // Go back to main and start agent creation flow
+          list.emit('keypress', null, { name: 'escape' });
+          setTimeout(() => {
+            showStartAgentScreen(entry.name, (result) => {
+              try {
+                connector.addAgent({ name: result.name, type: result.type, path: result.path });
+                log(`{green-fg}\u2713{/green-fg} Created agent {cyan-fg}${result.name}{/cyan-fg} (${result.type})`);
+                const pid = connector.getDaemonPid();
+                if (!pid) {
+                  connector.startDaemon();
+                  log('{green-fg}\u2713{/green-fg} Daemon starting...');
+                } else {
+                  signalDaemonReload();
+                }
+              } catch (e) {
+                log(`{red-fg}\u2717{/red-fg} ${e.message}`);
+              }
+              setTimeout(refreshAgentTable, 3000);
+            });
+          }, 200);
+        } else {
+          screen.unkey(['c', 'escape'], onCreateKey);
+        }
+      };
+      screen.key(['c', 'escape'], onCreateKey);
     }).catch((e) => {
       installLog.log('');
       installLog.log(`{red-fg}\u2717 Failed: ${e.message}{/red-fg}`);
@@ -652,6 +734,7 @@ function createTUI() {
     const pathInput = blessed.textbox({
       parent: dialog, top: 6, left: 2, width: 50, height: 3,
       border: { type: 'line' }, inputOnFocus: true,
+      value: defaultPath,
       style: { fg: 'white', bg: COLORS.surface, focus: { border: { fg: COLORS.accent } }, border: { fg: 'grey' } },
     });
 
@@ -667,6 +750,18 @@ function createTUI() {
     nameInput.focus();
     screen.render();
 
+    // Override _listener on textboxes to intercept Tab before it's inserted
+    const origNameListener = nameInput._listener.bind(nameInput);
+    nameInput._listener = function(ch, key) {
+      if (key.name === 'tab') { nameInput._done(null, nameInput.value); pathInput.focus(); return; }
+      return origNameListener(ch, key);
+    };
+    const origPathListener = pathInput._listener.bind(pathInput);
+    pathInput._listener = function(ch, key) {
+      if (key.name === 'tab') { pathInput._done(null, pathInput.value); nameInput.focus(); return; }
+      return origPathListener(ch, key);
+    };
+
     const close = () => {
       screen.remove(dialog);
       dialog.destroy();
@@ -768,7 +863,7 @@ function createTUI() {
       parent: box, bottom: 0, left: 0, width: '100%', height: 1,
       tags: true,
       style: { bg: COLORS.footerBg, fg: COLORS.footerFg },
-      content: ' {cyan-fg}Enter{/cyan-fg} Next field  {cyan-fg}Ctrl+S{/cyan-fg} Save  {cyan-fg}Ctrl+T{/cyan-fg} Test  {cyan-fg}Esc{/cyan-fg} Back',
+      content: ' {cyan-fg}Tab{/cyan-fg} Next  {cyan-fg}Ctrl+U{/cyan-fg} Clear  {cyan-fg}Ctrl+S{/cyan-fg} Save  {cyan-fg}Ctrl+T{/cyan-fg} Test  {cyan-fg}Esc{/cyan-fg} Back',
     });
 
     screen.append(box);
@@ -786,6 +881,35 @@ function createTUI() {
       });
     }
 
+    // Override _listener on textboxes to intercept Tab and Escape
+    for (let i = 0; i < inputs.length; i++) {
+      const orig = inputs[i]._listener.bind(inputs[i]);
+      const idx = i;
+      inputs[i]._listener = function(ch, key) {
+        if (key.name === 'tab' && inputs.length > 1) {
+          inputs[idx]._done(null, inputs[idx].value);
+          inputs[(idx + 1) % inputs.length].focus();
+          return;
+        }
+        if (key.name === 'escape') {
+          inputs[idx]._done(null, inputs[idx].value);
+          closeConfig();
+          return;
+        }
+        // Ctrl+U to clear field
+        if (key.ctrl && key.name === 'u') {
+          inputs[idx].value = '';
+          inputs[idx].setValue('');
+          screen.render();
+          return;
+        }
+        // Ctrl+S to save, Ctrl+T to test
+        if (key.ctrl && key.name === 's') { inputs[idx]._done(null, inputs[idx].value); doSave(); return; }
+        if (key.ctrl && key.name === 't') { inputs[idx]._done(null, inputs[idx].value); doTest(); return; }
+        return orig(ch, key);
+      };
+    }
+
     function gatherEnv() {
       const env = {};
       for (const input of inputs) {
@@ -1341,6 +1465,21 @@ function createTUI() {
   agentList.focus();
   refreshAgentTable();
   log('Welcome to {bold}OpenAgents{/bold}. Press {cyan-fg}i{/cyan-fg} to install agents, {cyan-fg}n{/cyan-fg} to create one.');
+
+  // Show installed runtimes that don't have any agent instances yet
+  try {
+    const catalog = loadCatalog(connector);
+    const installed = catalog.filter(e => e.installed).map(e => e.name);
+    const configuredTypes = new Set(agentRows.map(r => r.type));
+    const unused = installed.filter(t => !configuredTypes.has(t));
+    if (unused.length > 0) {
+      log(`{green-fg}\u2713{/green-fg} Installed: {bold}${unused.join(', ')}{/bold} — press {cyan-fg}n{/cyan-fg} to create an agent`);
+    }
+    if (installed.length === 0) {
+      log('{yellow-fg}!{/yellow-fg} No agent runtimes installed. Press {cyan-fg}i{/cyan-fg} to install one.');
+    }
+  } catch {}
+
   setInterval(refreshAgentTable, 5000);
   screen.render();
 }