pi-cockpit 0.22.0 → 0.22.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pi-cockpit",
-  "version": "0.22.0",
+  "version": "0.22.1",
   "description": "Responsive Maestro operations sidebar, fallback status widgets, and footer for Pi.",
   "type": "module",
   "keywords": [

package/src/agent-bar.ts

@@ -241,7 +241,9 @@ export function renderSessionBarLine(
 	theme: Theme,
 	shortcutHint?: SessionBarHintValue,
 ): string {
-	const w = Math.max(1, width);
+	// A live main-screen row must not write the terminal's final column: doing so
+	// arms auto-wrap, while pi-tui still tracks the cursor on the original row.
+	const w = Math.max(1, width - 1);
 	if (!shortcutHint) return renderContent(w);
 	const hintSpec = typeof shortcutHint === "string" ? { text: shortcutHint, color: "dim" as const } : shortcutHint;
 	const hint = theme.fg(hintSpec.color ?? "dim", hintSpec.text);
@@ -262,7 +264,7 @@ export function renderAgentBar(
 	theme: Theme,
 	options: AgentBarRenderOptions = {},
 ): string[] {
-	if (endpoints.length === 0) return [truncateToWidth(chip(MAIN_SESSION_LABEL, true, "accent", theme), Math.max(1, width), "…")];
+	if (endpoints.length === 0) return [truncateToWidth(chip(MAIN_SESSION_LABEL, true, "accent", theme), Math.max(1, width - 1), "…")];
 	const now = options.now ?? 0;
 	// A stale selection (id no longer in the endpoint list) must not leave the
 	// bar without a highlighted chip: fall back to root / first endpoint.

package/src/stack-widget.ts

@@ -96,6 +96,9 @@ export function makeAgentWidget(deps: AgentWidgetDeps) {
 		return {
 			render(width: number): string[] {
 				const cfg = deps.getConfig();
+				// Agent rows update while teammate runs. Leave the final terminal column
+				// untouched so auto-wrap cannot move the real cursor below pi-tui's model.
+				const liveWidth = Math.max(1, width - 1);
 				// graph(...) is the dispatch container, not an additional worker. Keep it
 				// in AgentsStore for linkage and cleanup, and bridge its visible descendants
 				// to the nearest non-graph ancestor for rendering.
@@ -137,7 +140,7 @@ export function makeAgentWidget(deps: AgentWidgetDeps) {
 				if (runCount) headerSegs.push({ text: theme.fg("dim", tuiT("common.running", { count: runCount })), priority: 80, clippable: false });
 				if (pendingCount) headerSegs.push({ text: theme.fg("dim", tuiT("common.pending", { count: pendingCount })), priority: 60, clippable: false });
 				if (sleepingCount) headerSegs.push({ text: theme.fg("dim", tuiT("common.sleeping", { count: sleepingCount })), priority: 50, clippable: false });
-				const headerLine = fitLineByPriority(headerSegs, width, UTILS, theme.fg("dim", g.separator), g.ellipsis);
+				const headerLine = fitLineByPriority(headerSegs, liveWidth, UTILS, theme.fg("dim", g.separator), g.ellipsis);
 				// Focused-session priority: while a selected session's detail block is
 				// open, it owns the Agent height allowance and the roster collapses to
 				// this one-line summary. The per-agent rows stay reachable through the
@@ -183,12 +186,12 @@ export function makeAgentWidget(deps: AgentWidgetDeps) {
 							above > 0 ? `↑ ${tuiT("common.more", { count: above })}` : "",
 							below > 0 ? `↓ ${tuiT("common.more", { count: below })}` : "",
 						].filter(Boolean).join(` ${g.separator} `)),
-						width,
+						liveWidth,
 						g.ellipsis,
 					)
 					: undefined;
 				if (marker && above > 0) lines.push(marker);
-				lines.push(...renderAgents(visible, cfg.agentsMode, width, paint, UTILS, { ...opts, withHead: false, maxRows: windowRows + 1 }));
+				lines.push(...renderAgents(visible, cfg.agentsMode, liveWidth, paint, UTILS, { ...opts, withHead: false, maxRows: windowRows + 1 }));
 				if (marker && above === 0) lines.push(marker);
 				return lines;
 			},

package/src/window-bar.ts

@@ -59,7 +59,7 @@ export function renderWindowBar(
 		endpoint,
 	}));
 	if (tabs.length === 0) {
-		return [truncateToWidth(theme.fg("muted", tuiT("window.empty")), Math.max(1, width), "…")];
+		return [truncateToWidth(theme.fg("muted", tuiT("window.empty")), Math.max(1, width - 1), "…")];
 	}
 	return [renderSessionBarLine(
 		(availableWidth) => renderSessionTabLine(tabs, availableWidth, {