open-agents-ai 0.187.89 → 0.187.90

package/dist/index.js

@@ -278632,6 +278632,132 @@ var init_status_bar = __esm({
         this._headerPanels.push({ id, render });
         return this._headerPanels.length - 1;
       }
+      /** Rebuild all header panels from the current item set.
+       *  Items are paginated across N pages — each page fills left-to-right
+       *  until no more items fit. Called on activate and resize. */
+      _rebuildHeaderPanels() {
+        this._headerPanels = [];
+        const savedIdx = this._headerPanelIndex;
+        const buildItems = () => {
+          const items = [];
+          const verText = ` OA v${this._version}`;
+          items.push({ type: "text", text: verText, ansi: `\x1B[1;38;5;${TEXT_PRIMARY}m${verText}\x1B[0m`, w: verText.length });
+          for (const btn of [
+            { cmd: "help", label: " help " },
+            { cmd: "voice", label: " voice " },
+            { cmd: "model", label: " model " },
+            { cmd: "cohere", label: " cohere " }
+          ]) {
+            items.push({ type: "btn", cmd: btn.cmd, label: btn.label, w: btn.label.length + 1 });
+          }
+          items.push({ type: "sep", w: 3 });
+          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 label = ` ${view.label} ${icon} `;
+              items.push({ type: "btn", cmd: `view:${view.id}`, label, w: label.length + 1 });
+            }
+          } else {
+            items.push({ type: "text", text: " no sub-agents", ansi: `\x1B[38;5;${TEXT_DIM}m no sub-agents`, w: 14 });
+          }
+          const voiceIcon = this._voiceActive ? "\u25CF" : "\u25CB";
+          const voiceColor = this._voiceActive ? 82 : TEXT_DIM;
+          const voiceLabel = this._voiceActive ? ` ${this._voiceModelId || "voice"} ` : " voice ";
+          items.push({
+            type: "btn",
+            cmd: "voice",
+            label: `${voiceIcon}${voiceLabel}`,
+            w: voiceLabel.length + 1 + 1
+            // icon + label + space
+          });
+          const nexusColor = this._nexusStatus === "connected" ? 82 : this._nexusStatus === "connecting" ? 208 : 196;
+          const nexusDot = this._nexusStatus === "connected" || this._nexusStatus === "connecting" ? "\u25CF" : "\u25CB";
+          items.push({
+            type: "btn",
+            cmd: "nexus",
+            label: `${nexusDot} nexus `,
+            w: 8
+            // dot + " nexus " + space
+          });
+          return items;
+        };
+        const allItems = buildItems();
+        const availW = Math.max(10, termCols() - 4);
+        let page = [];
+        let pageW = 0;
+        const pages = [];
+        for (const item of allItems) {
+          if (pageW + item.w > availW && page.length > 0) {
+            pages.push(page);
+            page = [];
+            pageW = 0;
+          }
+          page.push(item);
+          pageW += item.w;
+        }
+        if (page.length > 0)
+          pages.push(page);
+        for (let pi = 0; pi < pages.length; pi++) {
+          const pageItems = pages[pi];
+          this.registerHeaderPanel(`page-${pi}`, (innerW) => {
+            let out = "";
+            let usedW = 0;
+            for (const item of pageItems) {
+              if (item.type === "text") {
+                out += item.ansi;
+                usedW += item.w;
+              } else if (item.type === "btn") {
+                const cmdPrefix = item.cmd.startsWith("view:") ? "oa-view:" + item.cmd.slice(5) : "oa-cmd:" + item.cmd;
+                let fg2 = TEXT_DIM;
+                if (item.cmd === "voice" && this._voiceActive)
+                  fg2 = 82;
+                if (item.cmd === "nexus") {
+                  fg2 = this._nexusStatus === "connected" ? 82 : this._nexusStatus === "connecting" ? 208 : 196;
+                }
+                out += `\x1B]8;;${cmdPrefix}\x07\x1B[38;5;${fg2}m${item.label}\x1B]8;;\x07 `;
+                usedW += item.w;
+              } else if (item.type === "sep") {
+                out += `\x1B[38;5;${TEXT_DIM}m \u2502 `;
+                usedW += 3;
+              }
+            }
+            if (pi === 0 && usedW < innerW) {
+              const gapNeeded = innerW - usedW;
+              const verEnd = pageItems.findIndex((it) => it.type !== "text");
+              if (verEnd > 0) {
+                let out2 = "";
+                for (let i2 = 0; i2 < pageItems.length; i2++) {
+                  const item = pageItems[i2];
+                  if (item.type === "text") {
+                    out2 += item.ansi;
+                  } else {
+                    if (i2 === verEnd) {
+                      out2 += `\x1B[38;5;${TEXT_DIM}m${" ".repeat(gapNeeded)}`;
+                    }
+                    if (item.type === "btn") {
+                      const cmdPrefix = item.cmd.startsWith("view:") ? "oa-view:" + item.cmd.slice(5) : "oa-cmd:" + item.cmd;
+                      let fg2 = TEXT_DIM;
+                      if (item.cmd === "voice" && this._voiceActive)
+                        fg2 = 82;
+                      if (item.cmd === "nexus") {
+                        fg2 = this._nexusStatus === "connected" ? 82 : this._nexusStatus === "connecting" ? 208 : 196;
+                      }
+                      out2 += `\x1B]8;;${cmdPrefix}\x07\x1B[38;5;${fg2}m${item.label}\x1B]8;;\x07 `;
+                    } else if (item.type === "sep") {
+                      out2 += `\x1B[38;5;${TEXT_DIM}m \u2502 `;
+                    }
+                  }
+                }
+                return out2;
+              }
+            }
+            return out;
+          });
+        }
+        this._headerPanelIndex = Math.min(savedIdx, this._headerPanels.length - 1);
+      }
       /** Switch to the next header panel (wraps around) */
       nextHeaderPanel() {
         if (this._headerPanels.length <= 1)
@@ -278671,9 +278797,9 @@ var init_status_bar = __esm({
         buf += ` `;
         buf += `\x1B[38;5;${TEXT_PRIMARY}m${PANEL_BG_SEQ}`;
         buf += content;
-        buf += `\x1B[${hdrRow};${w - 2}H`;
+        buf += `\x1B[${hdrRow};${w - 1}H`;
         buf += rightArrow;
-        buf += ` ${BOX_FG}\u2502${RESET}`;
+        buf += `\x1B[${hdrRow};${w}H${BOX_FG}\u2502${RESET}`;
         buf += "\x1B8";
         this.termWrite(buf);
       }
@@ -279199,65 +279325,7 @@ var init_status_bar = __esm({
         this.scrollRegionTop = scrollRegionTop ?? 1;
         this.active = true;
         if (this._headerPanels.length === 0) {
-          const allBtns = [
-            { cmd: "help", label: " help " },
-            { cmd: "voice", label: " voice " },
-            { cmd: "model", label: " model " },
-            { cmd: "cohere", label: " cohere " }
-          ];
-          this.registerHeaderPanel("main", (innerW) => {
-            const verText = ` OA v${this._version}`;
-            let usedW = verText.length + 5;
-            const fittingBtns = [];
-            const overflowBtns = [];
-            for (const btn of allBtns) {
-              const btnW = btn.label.length + 1;
-              if (usedW + btnW <= innerW) {
-                fittingBtns.push(btn);
-                usedW += btnW;
-              } else {
-                overflowBtns.push(btn);
-              }
-            }
-            this._overflowBtns = overflowBtns;
-            const gap = Math.max(1, innerW - usedW + 1);
-            let out = `\x1B[1;38;5;${TEXT_PRIMARY}m${verText}`;
-            out += `\x1B[38;5;${TEXT_DIM}m${" ".repeat(gap)}`;
-            for (const btn of fittingBtns) {
-              out += `\x1B]8;;oa-cmd:${btn.cmd}\x07\x1B[38;5;${TEXT_DIM}m${btn.label}\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 `;
-            const voiceIcon = this._voiceActive ? `\x1B[38;5;82m\u25CF` : `\x1B[38;5;${TEXT_DIM}m\u25CB`;
-            const voiceLabel = this._voiceActive ? ` ${this._voiceModelId || "voice"} ` : " voice ";
-            out += `\x1B]8;;oa-cmd:voice\x07${voiceIcon}\x1B[38;5;${this._voiceActive ? 82 : TEXT_DIM}m${voiceLabel}\x1B]8;;\x07 `;
-            const nexusColor = this._nexusStatus === "connected" ? 82 : this._nexusStatus === "connecting" ? 208 : 196;
-            const nexusDot = this._nexusStatus === "connected" ? "\u25CF" : this._nexusStatus === "connecting" ? "\u25CF" : "\u25CB";
-            out += `\x1B]8;;oa-cmd:nexus\x07\x1B[38;5;${nexusColor}m${nexusDot}\x1B[38;5;${TEXT_DIM}m nexus \x1B]8;;\x07`;
-            const overflow = this._overflowBtns;
-            if (overflow && overflow.length > 0) {
-              out += `\x1B[38;5;${TEXT_DIM}m\u2502 `;
-              for (const btn of overflow) {
-                out += `\x1B]8;;oa-cmd:${btn.cmd}\x07\x1B[38;5;${TEXT_DIM}m${btn.label}\x1B]8;;\x07 `;
-              }
-            }
-            return out;
-          });
+          this._rebuildHeaderPanels();
         }
         if (!this._agentViews.has("main")) {
           this._agentViews.set("main", {
@@ -279823,6 +279891,7 @@ var init_status_bar = __esm({
         if (!this.active)
           return;
         setTermSize(process.stdout.rows ?? 24, process.stdout.columns ?? 80);
+        this._rebuildHeaderPanels();
         const prevRows = this._prevTermRows;
         const prevCols = this._prevTermCols;
         this.updateFooterHeight();

package/package.json

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