@tintinweb/pi-subagents 0.2.6 → 0.2.7

package/CHANGELOG.md

@@ -5,6 +5,11 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.2.7] - 2026-03-08
+
+### Fixed
+- **Widget crash in narrow terminals** — agent widget lines were not truncated to terminal width, causing `doRender` to throw when the tmux pane was narrower than the rendered content. All widget lines are now truncated using `truncateToWidth()` with the actual terminal column count.
+
 ## [0.2.6] - 2026-03-07
 
 ### Added
@@ -125,6 +130,7 @@ Initial release.
 - **Thinking level** — per-agent extended thinking control
 - **`/agent` and `/agents` commands**
 
+[0.2.7]: https://github.com/tintinweb/pi-subagents/compare/v0.2.6...v0.2.7
 [0.2.6]: https://github.com/tintinweb/pi-subagents/compare/v0.2.5...v0.2.6
 [0.2.5]: https://github.com/tintinweb/pi-subagents/compare/v0.2.4...v0.2.5
 [0.2.4]: https://github.com/tintinweb/pi-subagents/compare/v0.2.3...v0.2.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tintinweb/pi-subagents",
-  "version": "0.2.6",
+  "version": "0.2.7",
   "description": "A pi extension extension that brings smart Claude Code-style autonomous sub-agents to pi.",
   "author": "tintinweb",
   "license": "MIT",

package/src/ui/agent-widget.ts

@@ -5,6 +5,7 @@
  * Uses the callback form of setWidget for themed rendering.
  */
 
+import { truncateToWidth } from "@mariozechner/pi-tui";
 import type { AgentManager } from "../agent-manager.js";
 import type { SubagentType } from "../types.js";
 import { getConfig } from "../agent-types.js";
@@ -262,17 +263,19 @@ export class AgentWidget {
     this.widgetFrame++;
     const frame = SPINNER[this.widgetFrame % SPINNER.length];
 
-    this.uiCtx.setWidget("agents", (_tui, theme) => {
+    this.uiCtx.setWidget("agents", (tui, theme) => {
+      const w = tui.terminal.columns;
+      const truncate = (line: string) => truncateToWidth(line, w);
       const headingColor = hasActive ? "accent" : "dim";
       const headingIcon = hasActive ? "●" : "○";
-      const lines: string[] = [theme.fg(headingColor, headingIcon) + " " + theme.fg(headingColor, "Agents")];
+      const lines: string[] = [truncate(theme.fg(headingColor, headingIcon) + " " + theme.fg(headingColor, "Agents"))];
 
       // --- Finished agents (shown first, dimmed) ---
       for (let i = 0; i < finished.length; i++) {
         const a = finished[i];
         const isLast = !hasActive && i === finished.length - 1;
         const connector = isLast ? "└─" : "├─";
-        lines.push(theme.fg("dim", connector) + " " + this.renderFinishedLine(a, theme));
+        lines.push(truncate(theme.fg("dim", connector) + " " + this.renderFinishedLine(a, theme)));
       }
 
       // --- Running agents ---
@@ -299,14 +302,14 @@ export class AgentWidget {
 
         const activity = bg ? describeActivity(bg.activeTools, bg.responseText) : "thinking…";
 
-        lines.push(theme.fg("dim", connector) + ` ${theme.fg("accent", frame)} ${theme.bold(name)}  ${theme.fg("muted", a.description)} ${theme.fg("dim", "·")} ${theme.fg("dim", statsText)}`);
+        lines.push(truncate(theme.fg("dim", connector) + ` ${theme.fg("accent", frame)} ${theme.bold(name)}  ${theme.fg("muted", a.description)} ${theme.fg("dim", "·")} ${theme.fg("dim", statsText)}`));
         const indent = isLast ? "   " : "│  ";
-        lines.push(theme.fg("dim", indent) + theme.fg("dim", `  ⎿  ${activity}`));
+        lines.push(truncate(theme.fg("dim", indent) + theme.fg("dim", `  ⎿  ${activity}`)));
       }
 
       // --- Queued agents (collapsed) ---
       if (queued.length > 0) {
-        lines.push(theme.fg("dim", "└─") + ` ${theme.fg("muted", "◦")} ${theme.fg("dim", `${queued.length} queued`)}`);
+        lines.push(truncate(theme.fg("dim", "└─") + ` ${theme.fg("muted", "◦")} ${theme.fg("dim", `${queued.length} queued`)}`));
       }
 
       return { render: () => lines, invalidate: () => {} };