@trim21/personal-pi-extensions 0.0.211 → 0.0.213

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trim21/personal-pi-extensions",
-  "version": "0.0.211",
+  "version": "0.0.213",
   "type": "module",
   "description": "Custom pi coding-agent extensions: bwrap sandbox, workspace guard, opencode edit, and more",
   "keywords": [
@@ -28,7 +28,6 @@
     "@earendil-works/pi-agent-core": ">=0.84.1",
     "@earendil-works/pi-ai": ">=0.84.1",
     "@earendil-works/pi-coding-agent": ">=0.84.1",
-    "@earendil-works/pi-tui": ">=0.84.1",
     "typebox": ">=1.3.1"
   },
   "devDependencies": {
@@ -36,7 +35,6 @@
     "@earendil-works/pi-coding-agent": "^0.84.1",
     "@eslint/js": "10.0.1",
     "@types/node": "^24.13.3",
-    "@typescript-eslint/utils": "8.67.0",
     "eslint": "^10.8.1",
     "eslint-config-prettier": "10.1.8",
     "eslint-plugin-erasable-syntax-only": "0.4.2",
@@ -50,7 +48,7 @@
     "prettier": "^3.9.6",
     "typebox": "1.3.1",
     "typescript": "^6.0.3",
-    "typescript-eslint": "^8.66.0",
+    "typescript-eslint": "^8.67.0",
     "vitest": "^4.1.10"
   },
   "pi": {

package/src/opencode-todo.ts

@@ -23,8 +23,7 @@
  */
 
 import { StringEnum } from "@earendil-works/pi-ai";
-import { type ExtensionAPI, getMarkdownTheme } from "@earendil-works/pi-coding-agent";
-import { Markdown } from "@earendil-works/pi-tui";
+import { type ExtensionAPI, truncateToVisualLines } from "@earendil-works/pi-coding-agent";
 import { Type } from "typebox";
 
 // ── constants ────────────────────────────────────────────────────────────────
@@ -183,12 +182,12 @@ export default function todowrite(pi: ExtensionAPI) {
     },
 
     renderResult(result) {
-      // 用 buildTodoMarkdown 生成任务列表 markdown，经 TUI Markdown 组件渲染。
-      // 折叠时只显示前几项，展开时显示完整列表（与 widget 的 pendant.expanded 语义一致）。
-      const todos = result.details.todos;
-      const display = todos.slice(0, 8);
-      const markdown = buildTodoMarkdown(display);
-      return new Markdown(markdown, 0, 0, getMarkdownTheme());
+      // 用 buildTodoMarkdown 生成任务列表 markdown 原文显示（plain，不渲染富文本）
+      const markdown = buildTodoMarkdown(result.details.todos);
+      return {
+        render: (width: number) => truncateToVisualLines(markdown, Infinity, width).visualLines,
+        invalidate: (): void => undefined,
+      };
     },
   });
 }

package/src/spawn-agent.ts

@@ -30,13 +30,12 @@ import {
   type AgentSessionEvent,
   type ExtensionAPI,
   type ExtensionUIContext,
-  getMarkdownTheme,
   type RpcExtensionUIRequest,
   type RpcExtensionUIResponse,
   truncateTail,
+  truncateToVisualLines,
   withFileMutationQueue,
 } from "@earendil-works/pi-coding-agent";
-import { Container, Markdown, Spacer, Text } from "@earendil-works/pi-tui";
 import { Type } from "typebox";
 
 import { type AgentConfig, discoverAgents, formatAgentList } from "./spawn-agent-agents.js";
@@ -624,9 +623,14 @@ export default function spawnAgent(pi: ExtensionAPI) {
 
     renderCall(args, theme) {
       const preview = args.task.length > 60 ? `${args.task.slice(0, 60)}...` : args.task;
-      let text = theme.fg("toolTitle", theme.bold("spawn_agent ")) + theme.fg("accent", args.agent);
-      text += `\n  ${theme.fg("dim", preview)}`;
-      return new Text(text, 0, 0);
+      const line =
+        theme.fg("toolTitle", theme.bold("spawn_agent ")) + theme.fg("accent", args.agent);
+      const detail = `  ${theme.fg("dim", preview)}`;
+      return {
+        render: (width: number) =>
+          truncateToVisualLines(`${line}\n${detail}`, 2, width).visualLines,
+        invalidate: (): void => undefined,
+      };
     },
 
     renderResult(result, { expanded }, theme) {
@@ -639,40 +643,29 @@ export default function spawnAgent(pi: ExtensionAPI) {
       const finalOutput = getFinalOutput(details.messages);
       const usageStr = formatUsageStats(details.usage, details.model);
 
+      const lines: string[] = [];
+      let header = `${icon} ${theme.fg("toolTitle", theme.bold(details.agent))}`;
+      if (details.stopReason) header += ` ${theme.fg("error", `[${details.stopReason}]`)}`;
+      lines.push(header);
+      if (isError && details.errorMessage) {
+        lines.push(theme.fg("error", `Error: ${details.errorMessage}`));
+      }
       if (expanded) {
-        const container = new Container();
-        const header = `${icon} ${theme.fg("toolTitle", theme.bold(details.agent))}${
-          details.stopReason ? ` ${theme.fg("error", `[${details.stopReason}]`)}` : ""
-        }`;
-        container.addChild(new Text(header, 0, 0));
-        if (isError && details.errorMessage) {
-          container.addChild(new Text(theme.fg("error", `Error: ${details.errorMessage}`), 0, 0));
-        }
-        container.addChild(new Spacer(1));
-        container.addChild(new Text(theme.fg("muted", "─── Task ───"), 0, 0));
-        container.addChild(new Text(theme.fg("dim", details.task), 0, 0));
+        lines.push("", theme.fg("muted", "─── Task ───"), theme.fg("dim", details.task));
         if (finalOutput) {
-          container.addChild(new Spacer(1));
-          container.addChild(new Text(theme.fg("muted", "─── Output ───"), 0, 0));
-          container.addChild(new Markdown(finalOutput.trim(), 0, 0, getMarkdownTheme()));
-        }
-        if (usageStr) {
-          container.addChild(new Spacer(1));
-          container.addChild(new Text(theme.fg("dim", usageStr), 0, 0));
+          lines.push("", theme.fg("muted", "─── Output ───"), finalOutput.trim());
         }
-        return container;
-      }
-
-      let text = `${icon} ${theme.fg("toolTitle", theme.bold(details.agent))}`;
-      if (isError && details.errorMessage) {
-        text += `\n${theme.fg("error", `Error: ${details.errorMessage}`)}`;
       } else if (finalOutput) {
-        text += `\n${theme.fg("toolOutput", finalOutput.split("\n").slice(0, 5).join("\n"))}`;
+        lines.push(theme.fg("toolOutput", finalOutput.split("\n").slice(0, 5).join("\n")));
       } else {
-        text += `\n${theme.fg("muted", "(no output)")}`;
+        lines.push(theme.fg("muted", "(no output)"));
       }
-      if (usageStr) text += `\n${theme.fg("dim", usageStr)}`;
-      return new Text(text, 0, 0);
+      if (usageStr) lines.push(theme.fg("dim", usageStr));
+      return {
+        render: (width: number) =>
+          truncateToVisualLines(lines.join("\n"), Infinity, width).visualLines,
+        invalidate: (): void => undefined,
+      };
     },
   });
 }

package/src/talk/index.ts

@@ -14,8 +14,7 @@ import * as path from "node:path";
 import { fileURLToPath } from "node:url";
 
 import type { ExtensionAPI, ExtensionContext } from "@earendil-works/pi-coding-agent";
-import { getAgentDir } from "@earendil-works/pi-coding-agent";
-import { Box, Text } from "@earendil-works/pi-tui";
+import { getAgentDir, truncateToVisualLines } from "@earendil-works/pi-coding-agent";
 import { type TObject, Type } from "typebox";
 
 import { type CommandResult, type CommandSpec, parseCommand } from "../lib/cli.js";
@@ -453,8 +452,14 @@ export default function talk(pi: ExtensionAPI) {
     if (d.kind === "ask") {
       out.push(theme.fg("dim", `└─ reply via talk-reply, replyTo: "${idTail}"`));
     }
-    const box = new Box(1, 1, (t) => theme.bg("customMessageBg", t));
-    box.addChild(new Text(out.join("\n"), 0, 0));
-    return box;
+    // plain 组件：不引入 pi-tui，直接输出带背景色的文本行
+    const text = out.join("\n");
+    return {
+      render: (width: number) =>
+        truncateToVisualLines(text, Infinity, width, 1).visualLines.map((line) =>
+          theme.bg("customMessageBg", line),
+        ),
+      invalidate: (): void => undefined,
+    };
   });
 }