open-agents-ai 0.187.39 → 0.187.40

package/dist/index.js

@@ -299641,6 +299641,69 @@ var init_status_bar = __esm({
       _streamStartTime = 0;
       /** Current package version (shown in metrics row, rightmost) */
       _version = "";
+      // ── Header Panel System ──────────────────────────────────────────────
+      // Extensible dual-state (N-state) header: the content row inside the
+      // ╭│╰ box cycles between registered panels via arrow buttons.
+      // Page 0 = "main" (version + menu buttons) — always registered.
+      // Page 1 = "agents" (agent tabs, voice, nexus) — registered on demand.
+      // Future pages added via registerHeaderPanel().
+      /** Registered header panels. Each has a unique id and a render function. */
+      _headerPanels = [];
+      /** Index of the currently visible panel (0 = main) */
+      _headerPanelIndex = 0;
+      /** Register a header panel. Returns its index. */
+      registerHeaderPanel(id, render) {
+        const existing = this._headerPanels.findIndex((p2) => p2.id === id);
+        if (existing >= 0) {
+          this._headerPanels[existing] = { id, render };
+          return existing;
+        }
+        this._headerPanels.push({ id, render });
+        return this._headerPanels.length - 1;
+      }
+      /** Switch to the next header panel (wraps around) */
+      nextHeaderPanel() {
+        if (this._headerPanels.length <= 1)
+          return;
+        this._headerPanelIndex = (this._headerPanelIndex + 1) % this._headerPanels.length;
+        this.refreshHeaderContent();
+      }
+      /** Switch to the previous header panel (wraps around) */
+      prevHeaderPanel() {
+        if (this._headerPanels.length <= 1)
+          return;
+        this._headerPanelIndex = (this._headerPanelIndex - 1 + this._headerPanels.length) % this._headerPanels.length;
+        this.refreshHeaderContent();
+      }
+      /** Get current panel id */
+      get currentHeaderPanel() {
+        return this._headerPanels[this._headerPanelIndex]?.id ?? "main";
+      }
+      /** Render the current header panel content onto terminal row 2 (inside box) */
+      refreshHeaderContent() {
+        if (!this.active)
+          return;
+        const w = process.stdout.columns ?? 80;
+        const innerW = w - 2;
+        const panel = this._headerPanels[this._headerPanelIndex];
+        if (!panel)
+          return;
+        const content = panel.render(innerW);
+        const hasMultiple = this._headerPanels.length > 1;
+        const leftArrow = hasMultiple ? `\x1B]8;;oa-cmd:header-prev\x07\x1B[38;5;${TEXT_DIM}m${this._headerPanelIndex > 0 ? "\u25C0" : " "}\x1B]8;;\x07` : " ";
+        const rightArrow = hasMultiple ? `\x1B]8;;oa-cmd:header-next\x07\x1B[38;5;${TEXT_DIM}m${this._headerPanelIndex < this._headerPanels.length - 1 ? "\u25B6" : " "}\x1B]8;;\x07` : " ";
+        let buf = "\x1B7";
+        buf += `\x1B[2;1H\x1B[48;5;0m\x1B[2K`;
+        buf += `${BOX_FG}\u2502${RESET}\x1B[48;5;0m`;
+        buf += leftArrow;
+        buf += `\x1B[38;5;${TEXT_PRIMARY}m\x1B[48;5;0m`;
+        buf += content;
+        buf += `\x1B[2;${w - 1}H`;
+        buf += rightArrow;
+        buf += `${BOX_FG}\u2502${RESET}`;
+        buf += "\x1B8";
+        this.termWrite(buf);
+      }
       /**
        * Provide a callback that returns readline's current input state.
        * StatusBar uses this to render typed text and position the cursor
@@ -300188,6 +300251,39 @@ var init_status_bar = __esm({
       activate(scrollRegionTop) {
         this.scrollRegionTop = scrollRegionTop ?? 1;
         this.active = true;
+        if (this._headerPanels.length === 0) {
+          this.registerHeaderPanel("main", (innerW) => {
+            const verText = ` OA v${this._version}`;
+            const btnLabels = [" help ", " voice ", " model ", " cohere "];
+            const btnText = btnLabels.join(" ");
+            const gap = Math.max(1, innerW - verText.length - btnText.length - 4);
+            let out = `\x1B[1;38;5;${TEXT_PRIMARY}m${verText}`;
+            out += `\x1B[38;5;${TEXT_DIM}m${" ".repeat(gap)}`;
+            for (const btn of btnLabels) {
+              out += `\x1B]8;;oa-cmd:${btn.trim()}\x07\x1B[38;5;${TEXT_DIM}m${btn}\x1B]8;;\x07 `;
+            }
+            return out;
+          });
+          this.registerHeaderPanel("systems", (_innerW) => {
+            let out = "";
+            if (this._agentViews.size > 1) {
+              for (const view of this._agentViews.values()) {
+                if (view.id === "main" && this._activeViewId === "main")
+                  continue;
+                const icon = view.status === "running" ? "\u25CF" : view.status === "completed" ? "\u2713" : view.status === "failed" ? "\u2717" : "\u25CB";
+                const isActive = view.id === this._activeViewId;
+                const fg2 = isActive ? 252 : 245;
+                out += `\x1B]8;;oa-view:${view.id}\x07\x1B[38;5;${fg2}m ${view.label} ${icon} \x1B]8;;\x07 `;
+              }
+            } else {
+              out += `\x1B[38;5;${TEXT_DIM}m no sub-agents `;
+            }
+            out += `\x1B[38;5;${TEXT_DIM}m\u2502 `;
+            out += `\x1B]8;;oa-cmd:voice\x07\x1B[38;5;${TEXT_DIM}m voice \x1B]8;;\x07 `;
+            out += `\x1B]8;;oa-cmd:nexus\x07\x1B[38;5;${TEXT_DIM}m nexus \x1B]8;;\x07`;
+            return out;
+          });
+        }
         if (!this._agentViews.has("main")) {
           this._agentViews.set("main", {
             id: "main",
@@ -300205,6 +300301,7 @@ var init_status_bar = __esm({
         this.applyScrollRegion();
         this.fillContentArea();
         this.renderFooterAndPositionInput();
+        this.refreshHeaderContent();
         this.hookStdin();
         if (!this._metricsCollector.isActive) {
           this.startLocalMetrics();
@@ -300458,6 +300555,14 @@ var init_status_bar = __esm({
         if (row < this.scrollRegionTop) {
           const cmd = hitTestHeaderButton(row, col, w);
           if (type === "press" && cmd) {
+            if (cmd === "header-prev") {
+              this.prevHeaderPanel();
+              return;
+            }
+            if (cmd === "header-next") {
+              this.nextHeaderPanel();
+              return;
+            }
             setPressedButton(cmd);
             setHoveredButton(null);
             this.renderHeaderButtons();
@@ -300609,45 +300714,14 @@ var init_status_bar = __esm({
         return this._agentViews.size > 1;
       }
       // ── Agent Tab Bar (WO-NA2) ───────────────────────────────────
-      /** Render the agent tab bar in the HEADER area (row 2, right-aligned).
-       *  Moved from footer to header so agents are visible alongside version info. */
+      /** Refresh agent tabs in header — delegates to the header panel system.
+       *  If currently on the "systems" panel, re-render to show updated agent list. */
       renderAgentTabs() {
-        if (!this.active || !this.hasSubAgents)
+        if (!this.active)
           return;
-        const w = process.stdout.columns ?? 80;
-        const headerContentRow = 2;
-        const tabs = [];
-        let totalLen = 0;
-        for (const view of this._agentViews.values()) {
-          const isActive = view.id === this._activeViewId;
-          if (view.id === "main" && this._activeViewId === "main")
-            continue;
-          const icon = view.status === "running" ? "\u25CF" : (
-            // ●
-            view.status === "completed" ? "\u2713" : (
-              // ✓
-              view.status === "failed" ? "\u2717" : (
-                // ✗
-                view.status === "paused" ? "\u25CB" : "?"
-              )
-            )
-          );
-          const label = ` ${view.label} ${icon} `;
-          const bg = isActive ? 235 : 0;
-          const fg2 = isActive ? 252 : 245;
-          const tabStr = `\x1B]8;;oa-view:${view.id}\x07\x1B[38;5;${fg2}m\x1B[48;5;${bg}m${label}\x1B[0m\x1B[48;5;0m\x1B]8;;\x07`;
-          tabs.push(tabStr);
-          totalLen += label.length + 1;
-          if (totalLen >= Math.floor(w * 0.4))
-            break;
+        if (this.currentHeaderPanel === "systems") {
+          this.refreshHeaderContent();
         }
-        if (tabs.length === 0)
-          return;
-        const startCol = Math.max(2, w - totalLen - 2);
-        let buf = `\x1B[${headerContentRow};${startCol}H\x1B[48;5;0m`;
-        buf += tabs.join(" ");
-        buf += RESET;
-        this.termWrite(buf);
       }
       /** Hit-test the tab bar for click events. Returns view ID or null. */
       hitTestTabBar(col) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "open-agents-ai",
-  "version": "0.187.39",
+  "version": "0.187.40",
   "description": "AI coding agent powered by open-source models (Ollama/vLLM) — interactive TUI with agentic tool-calling loop",
   "type": "module",
   "main": "./dist/index.js",