create-byan-agent 2.9.0 → 2.9.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-byan-agent",
-  "version": "2.9.0",
+  "version": "2.9.2",
   "description": "BYAN v2.2.2 - Intelligent AI agent installer with multi-platform native support (GitHub Copilot CLI, Claude Code, Codex/OpenCode)",
   "bin": {
     "create-byan-agent": "bin/create-byan-agent-v2.js"

package/src/webui/chat/claude-adapter.js

@@ -99,9 +99,10 @@ class ClaudeAdapter extends Bridge {
 
   _handleStderr(data) {
     const text = data.toString().trim();
-    if (text) {
-      this.onError(new Error(`claude stderr: ${text}`));
-    }
+    if (!text) return;
+    // Claude dumps progress/status info to stderr — not errors
+    if (/^(Initializing|Loading|Connected|Session|Warming|Cost:|Token)/m.test(text)) return;
+    this.onError(new Error(`claude stderr: ${text}`));
   }
 
   _parseLine(line) {

package/src/webui/chat/cli-detector.js

@@ -50,6 +50,7 @@ async function detectCLIs() {
     const cmdPath = whichSync(def.command);
     if (!cmdPath) {
       results.push({
+        id: def.name,
         name: def.name,
         path: null,
         version: null,
@@ -63,6 +64,7 @@ async function detectCLIs() {
     const version = versionResult.ok ? parseVersion(versionResult.output) : null;
 
     results.push({
+      id: def.name,
       name: def.name,
       path: cmdPath,
       version,

package/src/webui/chat/codex-adapter.js

@@ -32,7 +32,10 @@ class CodexAdapter extends Bridge {
 
     this.process.stderr.on('data', (data) => {
       const text = data.toString().trim();
-      if (text) this.onError(new Error(`codex stderr: ${text}`));
+      if (!text) return;
+      // Codex dumps progress/usage info to stderr
+      if (/^(Running|Executing|Model:|Tokens|Cost)/m.test(text)) return;
+      this.onError(new Error(`codex stderr: ${text}`));
     });
 
     this.process.on('error', (err) => {

package/src/webui/chat/copilot-adapter.js

@@ -42,7 +42,10 @@ class CopilotAdapter extends Bridge {
 
     this.process.stderr.on('data', (data) => {
       const text = data.toString().trim();
-      if (text) this.onError(new Error(`copilot stderr: ${text}`));
+      if (!text) return;
+      // Copilot dumps usage stats to stderr — not errors
+      if (/^(Total usage|API time|Total session|Total code|Breakdown by|claude-|gpt-|o[1-4]|Est\.|Premium request)/m.test(text)) return;
+      this.onError(new Error(`copilot stderr: ${text}`));
     });
 
     this.process.on('error', (err) => {

package/src/webui/public/chat.css

@@ -195,6 +195,34 @@ body {
   border-color: var(--accent);
 }
 
+.cli-select {
+  background: var(--surface);
+  color: var(--text);
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  padding: 6px 12px;
+  font-size: 0.8rem;
+  font-family: var(--font-sans);
+  cursor: pointer;
+  outline: none;
+  transition: border-color var(--transition);
+  appearance: none;
+  -webkit-appearance: none;
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M3 4.5L6 8l3-3.5H3z'/%3E%3C/svg%3E");
+  background-repeat: no-repeat;
+  background-position: right 8px center;
+  padding-right: 28px;
+}
+
+.cli-select:hover,
+.cli-select:focus {
+  border-color: var(--accent);
+}
+
+.cli-select option:disabled {
+  color: var(--text-dim);
+}
+
 .topbar-right {
   display: flex;
   align-items: center;
@@ -1522,6 +1550,11 @@ body {
   border-left-color: var(--success);
 }
 
+.toast.error {
+  border-left-color: var(--error);
+  background: rgba(239, 68, 68, 0.1);
+}
+
 .toast.warning {
   border-left-color: var(--warning);
 }
@@ -1566,6 +1599,10 @@ body {
     display: none;
   }
 
+  .cli-select {
+    display: none;
+  }
+
   .export-options {
     grid-template-columns: 1fr;
   }

package/src/webui/public/chat.html

@@ -19,6 +19,11 @@
         <span class="agent-icon" id="active-agent-icon"></span>
         <span class="agent-name" id="active-agent-name">No agent</span>
       </div>
+      <select id="cli-select" class="cli-select" aria-label="Select CLI backend">
+        <option value="claude">Claude Code</option>
+        <option value="copilot">GitHub Copilot</option>
+        <option value="codex">Codex</option>
+      </select>
       <select id="model-select" class="model-select" aria-label="Select model">
         <option value="">Default model</option>
         <option value="sonnet">Claude Sonnet</option>

package/src/webui/public/chat.js

@@ -62,6 +62,7 @@ class ByanChat {
       agentList: document.getElementById('agent-list'),
       sessionList: document.getElementById('session-list'),
       cliStatus: document.getElementById('cli-status'),
+      cliSelect: document.getElementById('cli-select'),
       modelSelect: document.getElementById('model-select'),
       agentIndicator: document.getElementById('agent-indicator'),
       activeAgentIcon: document.getElementById('active-agent-icon'),
@@ -136,9 +137,12 @@ class ByanChat {
       case 'tool-approval':
         this.showToolApproval(data.tool, data.command);
         break;
+      case 'chat-error':
       case 'error':
-        this.showToast(data.message || 'An error occurred', 'error');
-        this.finishStreaming(this.streamingContent);
+        this.handleChatError(data);
+        break;
+      case 'chat-tool':
+        this.showToolUsage(data.tool);
         break;
       case 'raw-output':
         this.appendRawOutput(data.content);
@@ -148,6 +152,19 @@ class ByanChat {
     }
   }
 
+  handleChatError(data) {
+    const errorMsg = data.error || data.message || 'An error occurred';
+    this.showToast(errorMsg, 'error');
+    this.addMessage('system', `Error: ${errorMsg}`, { agent: 'System' });
+    this.finishStreaming(this.streamingContent);
+  }
+
+  showToolUsage(tool) {
+    if (!tool) return;
+    const name = typeof tool === 'string' ? tool : tool.name || 'unknown tool';
+    this.appendChunk(`\n> Using tool: **${name}**\n`);
+  }
+
   // ============================================================
   // CLI Detection
   // ============================================================
@@ -155,7 +172,7 @@ class ByanChat {
   async detectCLIs() {
     const knownCLIs = [
       { id: 'claude', name: 'Claude Code', cmd: 'claude' },
-      { id: 'copilot', name: 'GitHub Copilot', cmd: 'gh copilot' },
+      { id: 'copilot', name: 'GitHub Copilot', cmd: 'copilot' },
       { id: 'codex', name: 'OpenCode', cmd: 'codex' }
     ];
 
@@ -184,31 +201,48 @@ class ByanChat {
   renderCLIStatus() {
     this.dom.cliStatus.innerHTML = '';
     for (const cli of this.clis) {
+      const cliId = cli.id || cli.name;
       const el = document.createElement('div');
-      el.className = 'cli-item' + (cli.available ? ' available' : '') + (this.currentCLI === cli.id ? ' active' : '');
+      el.className = 'cli-item' + (cli.available ? ' available' : '') + (this.currentCLI === cliId ? ' active' : '');
       el.setAttribute('role', 'button');
       el.setAttribute('tabindex', '0');
       el.setAttribute('aria-label', `${cli.name}: ${cli.available ? 'available' : 'not detected'}`);
       el.innerHTML = `<span class="cli-dot"></span>${this.escapeHtml(cli.name)}`;
-      el.addEventListener('click', () => this.selectCLI(cli.id));
-      el.addEventListener('keydown', (e) => { if (e.key === 'Enter') this.selectCLI(cli.id); });
+      el.addEventListener('click', () => this.selectCLI(cliId));
+      el.addEventListener('keydown', (e) => { if (e.key === 'Enter') this.selectCLI(cliId); });
       this.dom.cliStatus.appendChild(el);
     }
+    this.renderCLISelect();
+  }
+
+  renderCLISelect() {
+    if (!this.dom.cliSelect) return;
+    this.dom.cliSelect.innerHTML = '';
+    for (const cli of this.clis) {
+      const cliId = cli.id || cli.name;
+      const opt = document.createElement('option');
+      opt.value = cliId;
+      opt.textContent = cli.name + (cli.available ? '' : ' (not detected)');
+      opt.disabled = !cli.available;
+      this.dom.cliSelect.appendChild(opt);
+    }
+    if (this.currentCLI) this.dom.cliSelect.value = this.currentCLI;
   }
 
   pickDefaultCLI() {
     const available = this.clis.filter(c => c.available);
     if (available.length > 0) {
-      this.selectCLI(available[0].id);
+      this.selectCLI(available[0].id || available[0].name);
     } else if (this.clis.length > 0) {
-      this.selectCLI(this.clis[0].id);
+      this.selectCLI(this.clis[0].id || this.clis[0].name);
     }
   }
 
   selectCLI(id) {
     this.currentCLI = id;
-    const cli = this.clis.find(c => c.id === id);
-    this.dom.cliLabel.textContent = cli ? cli.name : id;
+    const cli = this.clis.find(c => (c.id || c.name) === id);
+    if (this.dom.cliLabel) this.dom.cliLabel.textContent = cli ? cli.name : id;
+    if (this.dom.cliSelect) this.dom.cliSelect.value = id;
     this.renderCLIStatus();
     this.saveState();
   }
@@ -417,6 +451,7 @@ class ByanChat {
 
   async startSession() {
     const agentName = this.currentAgent ? this.currentAgent.name : null;
+    let bridgeOk = false;
 
     try {
       const res = await fetch('/api/chat/start', {
@@ -427,10 +462,15 @@ class ByanChat {
       if (res.ok) {
         const data = await res.json();
         this.sessionId = data.sessionId || data.id || this.generateId();
+        bridgeOk = true;
       } else {
+        const err = await res.json().catch(() => ({}));
+        const errMsg = err.error || `CLI bridge failed (${this.currentCLI || 'unknown'})`;
+        this.showToast(errMsg, 'error');
         this.sessionId = this.generateId();
       }
-    } catch {
+    } catch (e) {
+      this.showToast(`Cannot reach server: ${e.message || 'network error'}`, 'error');
       this.sessionId = this.generateId();
     }
 
@@ -450,7 +490,10 @@ class ByanChat {
     this.renderSessions();
 
     if (this.currentAgent) {
-      this.addMessage('system', `Session started with ${this.currentAgent.title || this.currentAgent.name}`);
+      this.addMessage('system', `Session started with ${this.currentAgent.title || this.currentAgent.name}` +
+        (bridgeOk ? ` via ${this.currentCLI || 'default CLI'}` : ' (offline mode — CLI bridge unavailable)'));
+    } else if (!bridgeOk) {
+      this.addMessage('system', 'Session started in offline mode — CLI bridge could not be initialized');
     }
 
     this.wsSend({ type: 'join', sessionId: this.sessionId });
@@ -1324,6 +1367,11 @@ class ByanChat {
     // Model select
     this.dom.modelSelect.addEventListener('change', (e) => this.switchModel(e.target.value));
 
+    // CLI select
+    if (this.dom.cliSelect) {
+      this.dom.cliSelect.addEventListener('change', (e) => this.selectCLI(e.target.value));
+    }
+
     // Sidebar overlay (close on click)
     this.dom.sidebarOverlay.addEventListener('click', () => this.closeSidebar());