pi-cockpit 0.24.2 → 0.24.3

package/README.md

@@ -2,7 +2,7 @@
 
 A responsive **agent cockpit** for [Pi](https://pi.dev): wide terminals get a docked Maestro operations sidebar, narrow terminals automatically fall back to the existing Todo and Agent widgets, and every layout keeps the Starship-style footer.
 
-It is the third plugin of the `pi-maestro-flow` project (alongside `pi-maestro-flow` and `pi-maestro-teammate`). It is installed and registered with `pi-maestro-flow`, but it also runs standalone. Current version: **0.24.2**.
+It is the third plugin of the `pi-maestro-flow` project (alongside `pi-maestro-flow` and `pi-maestro-teammate`). It is installed and registered with `pi-maestro-flow`, but it also runs standalone. Current version: **0.24.3**, with optional Teammate peer `^2.8.1` and Node.js minimum 22.19.0; Settings-Core 0.2.3 is unchanged. See [RELEASE.md](../../RELEASE.md) for suite dependency changes and verification scope.
 
 The dock is a non-capturing top-right overlay. Cockpit reserves its columns by wrapping the active TUI renderer at runtime, so the Pi workspace reflows instead of rendering underneath it. No Pi source files are modified.
 
@@ -25,7 +25,7 @@ The dock is a non-capturing top-right overlay. Cockpit reserves its columns by w
 `pi-cockpit` comes automatically with the orchestration layer — installing `pi-maestro-flow` pulls `pi-cockpit` and registers it into `settings.packages` on postinstall, no manual setup required. To use it on its own:
 
 ```bash
-pi install npm:pi-cockpit@0.24.2     # standalone from npm
+pi install npm:pi-cockpit@0.24.3     # standalone from npm
 # or, for one run:
 pi -e ./packages/pi-cockpit
 ```

package/package.json

@@ -1,8 +1,11 @@
 {
   "name": "pi-cockpit",
-  "version": "0.24.2",
+  "version": "0.24.3",
   "description": "Responsive Maestro operations sidebar, fallback status widgets, and footer for Pi.",
   "type": "module",
+  "engines": {
+    "node": ">=22.19.0"
+  },
   "keywords": [
     "pi-package",
     "pi",
@@ -43,7 +46,7 @@
     "@earendil-works/pi-ai": "*",
     "@earendil-works/pi-coding-agent": "*",
     "@earendil-works/pi-tui": "*",
-    "pi-maestro-teammate": "^2.5.0",
+    "pi-maestro-teammate": "^2.8.1",
     "typebox": "*"
   },
   "peerDependenciesMeta": {
@@ -72,7 +75,7 @@
     "@earendil-works/pi-coding-agent": "0.99.0",
     "@earendil-works/pi-tui": "0.99.0",
     "@types/node": "^22.0.0",
-    "pi-maestro-teammate": "2.8.0",
+    "pi-maestro-teammate": "2.8.1",
     "typebox": "1.3.27",
     "typescript": "^5.5.0"
   },

package/src/quiet-tools.ts

@@ -483,6 +483,8 @@ export function toolResultCard(
 	o: {
 		name: string;
 		ok?: boolean;
+		/** Pre-colored glyph overriding the ✓/✗ status mark (e.g. "←" for incoming messages). */
+		mark?: string;
 		arg?: string;
 		summary?: string;
 		rows?: string[];
@@ -493,9 +495,9 @@ export function toolResultCard(
 	const bold = theme.bold ?? ((text: string) => text);
 	return {
 		render(width: number): string[] {
-			const mark = o.ok === false
+			const mark = o.mark ?? (o.ok === false
 				? theme.fg("error", quietStatusMark("failure"))
-				: theme.fg("success", quietStatusMark("success"));
+				: theme.fg("success", quietStatusMark("success")));
 			const safeWidth = Math.max(1, width);
 			if (safeWidth <= 1) return [];
 			const label = `${mark} ${theme.fg("toolTitle", bold(o.name))}${o.arg ? ` ${theme.fg("accent", o.arg)}` : ""}${o.summary ? ` ${theme.fg("dim", `· ${o.summary}`)}` : ""}`;

package/src/teammate-message.ts

@@ -1,7 +1,8 @@
 import { stripVTControlCharacters } from "node:util";
 import type { ExtensionAPI, Theme } from "@earendil-works/pi-coding-agent";
-import { Box, Text, truncateToWidth, visibleWidth, wrapTextWithAnsi, type Component } from "@earendil-works/pi-tui";
+import type { Component } from "@earendil-works/pi-tui";
 import { tuiT } from "./tui-i18n.ts";
+import { toolResultCard } from "./quiet-tools.ts";
 
 export const TEAMMATE_MESSAGE_CUSTOM_TYPE = "teammate-message";
 
@@ -93,27 +94,6 @@ function kindLabel(kind: string | undefined): string | undefined {
 	return key ? tuiT(key) : kind;
 }
 
-const COLLAPSED_BODY_LINES = 2;
-
-function collapsedBody(value: string, width: number): string {
-	const text = value.replace(/\s+/g, " ").trim();
-	if (!text) return "";
-	const lineWidth = Math.max(1, width);
-	const lines = wrapTextWithAnsi(text, lineWidth);
-	if (lines.length <= COLLAPSED_BODY_LINES) return lines.join("\n");
-
-	const preview = lines.slice(0, COLLAPSED_BODY_LINES);
-	const last = preview.length - 1;
-	const ellipsisWidth = Math.max(1, visibleWidth("…"));
-	const prefix = truncateToWidth(
-		preview[last] ?? "",
-		Math.max(0, lineWidth - ellipsisWidth),
-		"",
-	);
-	preview[last] = `${prefix}…`;
-	return preview.join("\n");
-}
-
 export function renderIncomingTeammateMessage(
 	message: { content: MessageContent; details?: TeammateMessageDetails },
 	options: { expanded: boolean; outputPad: number },
@@ -121,26 +101,19 @@ export function renderIncomingTeammateMessage(
 ): Component {
 	const envelope = parseTeammateMessageEnvelope(message.content, message.details);
 	const kind = kindLabel(envelope.kind);
-	const header = [
-		`${theme.fg("accent", "←")} ${theme.bold(tuiT("message.receivedFrom", { sender: envelope.sender }))}`,
-		kind ? theme.fg("muted", `· ${kind}`) : "",
-	].filter(Boolean).join(" ");
-	const box = new Box(options.outputPad, 1, (text) => theme.bg("customMessageBg", text));
-	box.addChild({
-		render(width: number): string[] {
-			const sections = [header];
-			if (options.expanded && envelope.guidance) sections.push(theme.fg("dim", envelope.guidance));
-			if (envelope.body) {
-				const body = options.expanded ? envelope.body : collapsedBody(envelope.body, width);
-				sections.push(theme.fg("text", body));
-			} else if (!options.expanded && envelope.guidance) {
-				sections.push(theme.fg("text", collapsedBody(envelope.guidance, width)));
-			}
-			return new Text(sections.join("\n"), 0, 0).render(width);
-		},
-		invalidate(): void {},
+	const groups: string[][] = [];
+	if (options.expanded && envelope.guidance) {
+		groups.push(envelope.guidance.split("\n").map((line) => theme.fg("dim", line)));
+	}
+	const bodySource = envelope.body || (!options.expanded ? envelope.guidance : "");
+	if (bodySource) groups.push(bodySource.split("\n"));
+	return toolResultCard(theme, {
+		name: tuiT("message.receivedFrom", { sender: envelope.sender }),
+		mark: theme.fg("accent", "←"),
+		...(kind ? { summary: kind } : {}),
+		groups,
+		maxBodyRows: options.expanded ? undefined : 8,
 	});
-	return box;
 }
 
 export function registerTeammateMessageRenderer(