@fitchmultz/pi-subagents 0.44.6 → 0.45.0

package/src/pi-intercom/ui/compose.ts

@@ -1,187 +1,162 @@
-import type { TUI, TuiMouseEvent } from "@earendil-works/pi-tui";
-import { Box, Container, Text, sliceByColumn, truncateToWidth, visibleWidth } from "@earendil-works/pi-tui";
+import {
+  type TUI,
+  type TuiMouseEvent,
+  Box,
+  Container,
+  Text,
+  sliceByColumn,
+  truncateToWidth,
+  visibleWidth,
+} from "@earendil-works/pi-tui";
 import { actionHints } from "../../tui/action-hints.ts";
 import type { KeybindingsManager, Theme } from "@earendil-works/pi-coding-agent";
 import type { IntercomClient } from "../broker/client.ts";
 import type { SessionInfo } from "../types.ts";
 
-const BRACKETED_PASTE_START = "\x1b[200~";
-const BRACKETED_PASTE_END = "\x1b[201~";
-const MAX_PASTE_CHARS = 1_000_000;
-const INCOMPLETE_PASTE_IDLE_MS = 200;
-const PASTE_RENDER_TAIL_CHARS = 8192;
+import { ComposePaste, printableInput, PASTE_RENDER_TAIL_CHARS } from "./compose-paste.ts";
+import { errorMessage } from "../../shared/unknown.ts";
 
 export interface ComposeResult {
-  sent: boolean;
-  messageId?: string;
-  text?: string;
-  expectsReply?: boolean;
+  readonly sent: boolean;
+  readonly messageId?: string;
+  readonly text?: string;
+  readonly expectsReply?: boolean;
+}
+
+export interface ComposeOptions {
+  readonly keybindings: KeybindingsManager;
+  readonly target: SessionInfo;
+  readonly targetLabel: string;
+  readonly client: { readonly send: IntercomClient["send"] };
+  readonly done: (result: ComposeResult) => void;
 }
 
 export class ComposeOverlay extends Container {
-  private tui: TUI;
-  private theme: Theme;
-  private keybindings: KeybindingsManager;
-  private target: SessionInfo;
-  private targetLabel: string;
-  private client: IntercomClient;
-  private done: (result: ComposeResult) => void;
+  private readonly tui: TUI;
+  private readonly theme: Theme;
+  private readonly options: ComposeOptions;
+  private readonly paste: ComposePaste;
   private inputBuffer: string = "";
   private mode: "send" | "ask" = "send";
   private completed = false;
   private sending: boolean = false;
   private error: string | null = null;
-  private pasteBuffer: string | null = null;
-  private pasteStartPrefix = "";
-  private pasteIdleTimer: NodeJS.Timeout | null = null;
 
-  constructor(
-    tui: TUI,
-    theme: Theme,
-    keybindings: KeybindingsManager,
-    target: SessionInfo,
-    targetLabel: string,
-    client: IntercomClient,
-    done: (result: ComposeResult) => void,
-  ) {
+  constructor(tui: TUI, theme: Theme, options: ComposeOptions) {
     super();
     this.tui = tui;
     this.theme = theme;
-    this.keybindings = keybindings;
-    this.target = target;
-    this.targetLabel = targetLabel;
-    this.client = client;
-    this.done = done;
+    this.options = options;
+    this.paste = new ComposePaste({
+      flush: (text) => {
+        if (this.completed) {
+          return;
+        }
+        this.inputBuffer += text;
+        this.error = null;
+        this.tui.requestRender();
+      },
+      escape: (prefix) => {
+        if (this.options.keybindings.matches(prefix, "tui.select.cancel")) {
+          this.finish({ sent: false });
+        }
+      },
+      render: () => this.tui.requestRender(),
+    });
   }
 
   dispose(): void {
     this.completed = true;
-    if (this.pasteIdleTimer) clearTimeout(this.pasteIdleTimer);
-    this.pasteIdleTimer = null;
+    this.paste.dispose();
   }
 
-  handleMouse(event: TuiMouseEvent) {
+  handleMouse(event: Readonly<TuiMouseEvent>): ReturnType<Container["handleMouse"]> {
     const width = Math.min(event.width, 72);
-    if (this.sending || this.completed || this.pasteBuffer !== null || this.pasteStartPrefix || event.x >= width) return;
+    if (this.sending || this.completed || this.paste.busy || event.x >= width) {
+      return;
+    }
     return super.handleMouse({ ...event, width });
   }
 
   private act(action: "close" | "mode" | "send"): void {
-    if (this.sending || this.completed || this.pasteBuffer !== null || this.pasteStartPrefix) return;
-    if (action === "close") this.finish({ sent: false });
-    else if (action === "mode") { this.mode = this.mode === "send" ? "ask" : "send"; this.error = null; }
-    else if (this.inputBuffer.trim()) void this.sendMessage();
-    this.tui.requestRender();
-  }
-
-  private finish(result: ComposeResult): void {
-    if (this.completed) return;
-    this.dispose();
-    this.done(result);
-  }
-
-  private scheduleIncompletePasteFlush(): void {
-    if (this.pasteIdleTimer) clearTimeout(this.pasteIdleTimer);
-    this.pasteIdleTimer = setTimeout(() => {
-      this.pasteIdleTimer = null;
-      if (this.pasteBuffer === null || this.completed) return;
-      const data = this.pasteBuffer.replace(/\r\n?/g, "\n");
-      this.pasteBuffer = null;
-      const printable = [...data].filter((character) => character >= " " || character === "\n" || character === "\t").join("");
-      if (printable) this.inputBuffer += printable;
-      this.error = null;
-      this.tui.requestRender();
-    }, INCOMPLETE_PASTE_IDLE_MS);
-    this.pasteIdleTimer.unref?.();
-  }
-
-  handleInput(data: string): void {
-    if (this.sending || this.completed || !data) return;
-
-    let pasted = false;
-    if (this.pasteBuffer !== null) {
-      this.pasteBuffer += data;
-      const end = this.pasteBuffer.indexOf(BRACKETED_PASTE_END);
-      if (end === -1 && this.pasteBuffer.length <= MAX_PASTE_CHARS) {
-        this.scheduleIncompletePasteFlush();
-        this.tui.requestRender();
-        return;
-      }
-      data = end === -1
-        ? this.pasteBuffer
-        : this.pasteBuffer.slice(0, end) + this.pasteBuffer.slice(end + BRACKETED_PASTE_END.length);
-      this.pasteBuffer = null;
-      if (this.pasteIdleTimer) clearTimeout(this.pasteIdleTimer);
-      this.pasteIdleTimer = null;
-      data = data.replace(/\r\n?/g, "\n");
-      pasted = true;
-    } else {
-      if (this.pasteStartPrefix) {
-        if (this.pasteIdleTimer) clearTimeout(this.pasteIdleTimer);
-        this.pasteIdleTimer = null;
-        data = this.pasteStartPrefix + data;
-        this.pasteStartPrefix = "";
-      }
-      if (data !== BRACKETED_PASTE_START && BRACKETED_PASTE_START.startsWith(data)) {
-        this.pasteStartPrefix = data;
-        this.pasteIdleTimer = setTimeout(() => {
-          this.pasteIdleTimer = null;
-          const pendingPrefix = this.pasteStartPrefix;
-          this.pasteStartPrefix = "";
-          if (pendingPrefix === "\x1b" && this.keybindings.matches(pendingPrefix, "tui.select.cancel")) this.finish({ sent: false });
-        }, INCOMPLETE_PASTE_IDLE_MS);
-        this.pasteIdleTimer.unref?.();
-        return;
-      }
+    if (this.sending || this.completed || this.paste.busy) {
+      return;
     }
-    if (!pasted && data.startsWith(BRACKETED_PASTE_START)) {
-      const body = data.slice(BRACKETED_PASTE_START.length);
-      const end = body.indexOf(BRACKETED_PASTE_END);
-      if (end === -1 && body.length <= MAX_PASTE_CHARS) {
-        this.pasteBuffer = body;
-        this.scheduleIncompletePasteFlush();
+    if (action === "close") {
+      this.finish({ sent: false });
+    } else if (action === "mode") {
+      this.mode = this.mode === "send" ? "ask" : "send";
+      this.error = null;
+    } else if (this.inputBuffer.trim().length > 0) {
+      this.sendMessage().catch((error: unknown) => {
+        if (this.completed) {
+          return;
+        }
+        this.error = errorMessage(error);
+        this.sending = false;
         this.tui.requestRender();
-        return;
-      }
-      data = end === -1 ? body : body.slice(0, end) + body.slice(end + BRACKETED_PASTE_END.length);
-      data = data.replace(/\r\n?/g, "\n");
-      pasted = true;
+      });
     }
-    if (!pasted && data.includes(BRACKETED_PASTE_END)) data = data.replaceAll(BRACKETED_PASTE_END, "");
-    if (!data) return;
+    this.tui.requestRender();
+  }
 
-    if (!pasted && this.keybindings.matches(data, "tui.select.cancel")) {
-      this.act("close");
+  private finish(result: ComposeResult): void {
+    if (this.completed) {
       return;
     }
+    this.dispose();
+    this.options.done(result);
+  }
 
-    if (!pasted && data === "\t") {
-      this.act("mode");
+  handleInput(input: string): void {
+    if (this.sending || this.completed || input.length === 0) {
       return;
     }
-
-    if (!pasted && this.keybindings.matches(data, "tui.select.confirm")) {
-      this.act("send");
+    const normalized = this.paste.consume(input);
+    if (!normalized || normalized.text.length === 0) {
       return;
     }
+    const { text: data, pasted } = normalized;
 
-    if (!pasted && data.startsWith("\x1b")) {
+    if (!pasted && this.handleEditorKey(data)) {
       return;
     }
-
-    if (!pasted && this.keybindings.matches(data, "tui.editor.deleteCharBackward")) {
-      this.inputBuffer = [...this.inputBuffer].slice(0, -1).join("");
+    const printable = printableInput(data);
+    if (printable.length > 0) {
+      this.inputBuffer += printable;
       this.error = null;
       this.tui.requestRender();
-      return;
     }
+  }
 
-    const printable = [...data].filter(c => c >= " " || c === "\n" || c === "\t").join("");
-    if (printable) {
-      this.inputBuffer += printable;
+  private handleEditorKey(data: string): boolean {
+    const keybindings = this.options.keybindings;
+    if (keybindings.matches(data, "tui.select.cancel")) {
+      this.act("close");
+      return true;
+    }
+    if (data === "\t") {
+      this.act("mode");
+      return true;
+    }
+    if (keybindings.matches(data, "tui.select.confirm")) {
+      this.act("send");
+      return true;
+    }
+    if (data.startsWith("\x1b")) {
+      return true;
+    }
+    if (keybindings.matches(data, "tui.editor.deleteCharBackward")) {
+      const graphemes = Array.from(
+        new Intl.Segmenter().segment(this.inputBuffer),
+        (part) => part.segment,
+      );
+      this.inputBuffer = graphemes.slice(0, -1).join("");
       this.error = null;
       this.tui.requestRender();
+      return true;
     }
+    return false;
   }
 
   private async sendMessage(): Promise<void> {
@@ -192,13 +167,17 @@ export class ComposeOverlay extends Container {
     try {
       const expectsReply = this.mode === "ask";
       const text = this.inputBuffer;
-      const result = await this.client.send(this.target.id, {
+      const result = await this.options.client.send(this.options.target.id, {
         text,
         expectsReply,
       });
+      if (this.completed) {
+        return;
+      }
 
       if (!result.accepted) {
-        this.error = result.reason ?? "Message not delivered. Session may not exist or has disconnected.";
+        this.error =
+          result.reason ?? "Message not delivered. Session may not exist or has disconnected.";
         this.sending = false;
         this.tui.requestRender();
         return;
@@ -211,49 +190,73 @@ export class ComposeOverlay extends Container {
         expectsReply,
       });
     } catch (error) {
-      this.error = error instanceof Error ? error.message : String(error);
+      if (this.completed) {
+        return;
+      }
+      this.error = errorMessage(error);
       this.sending = false;
       this.tui.requestRender();
     }
   }
 
-  private renderInputLines(row: (text?: string) => string, lines: string[], contentWidth: number): void {
-    const pendingPaste = this.pasteBuffer === null
-      ? ""
-      : [...this.pasteBuffer.slice(-PASTE_RENDER_TAIL_CHARS)].filter((character) => character >= " " || character === "\n" || character === "\t").join("");
-    const rawLines = `${this.inputBuffer.slice(-PASTE_RENDER_TAIL_CHARS)}${pendingPaste}`.split("\n");
+  private renderInputLines(row: (text?: string) => string, contentWidth: number): string[] {
+    const pendingPaste = this.paste.preview;
+    const rawLines = `${this.inputBuffer.slice(-PASTE_RENDER_TAIL_CHARS)}${pendingPaste}`.split(
+      "\n",
+    );
     const visibleLines = rawLines.slice(-8);
-    visibleLines.forEach((line, index) => {
+    return visibleLines.map((line, index) => {
       const isLast = index === visibleLines.length - 1;
       const prefix = index === 0 ? " > " : "   ";
+      let visibleLine = line;
       if (isLast) {
-        const graphemes = [...line];
+        const graphemes = Array.from(new Intl.Segmenter().segment(line), (part) => part.segment);
         const budget = Math.max(1, contentWidth - prefix.length - 1);
         let used = 0;
         let start = graphemes.length;
         while (start > 0) {
-          const width = visibleWidth(graphemes[start - 1]!);
-          if (used + width > budget) break;
+          const width = visibleWidth(graphemes[start - 1] ?? "");
+          if (used + width > budget) {
+            break;
+          }
           used += width;
           start--;
         }
-        line = graphemes.slice(start).join("");
+        visibleLine = graphemes.slice(start).join("");
       }
-      lines.push(row(`${prefix}${line}${isLast ? "█" : ""}`));
+      return row(`${prefix}${visibleLine}${isLast ? "█" : ""}`);
     });
   }
 
   render(width: number): string[] {
     this.clear();
-    if (width < 3) return [truncateToWidth("Intercom", width)];
+    if (width < 3) {
+      return [truncateToWidth("Intercom", width)];
+    }
     const innerWidth = Math.min(width, 72);
     const contentWidth = Math.max(1, innerWidth - 2);
-    const send = [this.keybindings.getKeys("tui.select.confirm").join("/"), this.mode === "ask" ? "Request reply" : "Send"].filter(Boolean).join(": ");
+    const send = [
+      this.options.keybindings.getKeys("tui.select.confirm").join("/"),
+      this.mode === "ask" ? "Request reply" : "Send",
+    ]
+      .filter(Boolean)
+      .join(": ");
     const mode = `Tab: ${this.mode === "ask" ? "Send mode" : "Request-reply mode"}`;
-    const close = [this.keybindings.getKeys("tui.select.cancel").join("/"), "Close"].filter(Boolean).join(": ");
-    const footer = this.sending ? ["Sending…"] : this.pasteBuffer !== null || this.pasteStartPrefix ? ["Pasting…"] : [
-      { text: send, run: () => this.act("send") }, " • ", { text: mode, run: () => this.act("mode") }, " • ", { text: close, run: () => this.act("close") },
+    const close = [this.options.keybindings.getKeys("tui.select.cancel").join("/"), "Close"]
+      .filter(Boolean)
+      .join(": ");
+    let footer: Parameters<typeof actionHints>[0] = [
+      { text: send, run: () => this.act("send") },
+      " • ",
+      { text: mode, run: () => this.act("mode") },
+      " • ",
+      { text: close, run: () => this.act("close") },
     ];
+    if (this.sending) {
+      footer = ["Sending…"];
+    } else if (this.paste.busy) {
+      footer = ["Pasting…"];
+    }
     const border = (text: string) => this.theme.fg("accent", text);
     const row = (text = "") => {
       const clipped = truncateToWidth(text, contentWidth, "…", true);
@@ -262,19 +265,32 @@ export class ComposeOverlay extends Container {
 
     const lines: string[] = [];
     lines.push(border(`╭${"─".repeat(contentWidth)}╮`));
-    lines.push(row(this.theme.bold(` ${this.mode === "ask" ? "Request reply" : "Send"} to: ${this.targetLabel}`)));
-    lines.push(row(this.theme.fg("dim", ` Native session cwd: ${this.target.cwd} • ${this.target.model}`)));
+    lines.push(
+      row(
+        this.theme.bold(
+          ` ${this.mode === "ask" ? "Request reply" : "Send"} to: ${this.options.targetLabel}`,
+        ),
+      ),
+    );
+    lines.push(
+      row(
+        this.theme.fg(
+          "dim",
+          ` Native session cwd: ${this.options.target.cwd} • ${this.options.target.model}`,
+        ),
+      ),
+    );
     lines.push(border(`├${"─".repeat(contentWidth)}┤`));
     lines.push(row());
 
     if (this.sending) {
       lines.push(row(this.theme.fg("dim", " Sending...")));
-    } else if (this.error) {
+    } else if (this.error !== null) {
       lines.push(row(this.theme.fg("error", ` Error: ${this.error}`)));
       lines.push(row());
-      this.renderInputLines(row, lines, contentWidth);
+      lines.push(...this.renderInputLines(row, contentWidth));
     } else {
-      this.renderInputLines(row, lines, contentWidth);
+      lines.push(...this.renderInputLines(row, contentWidth));
     }
 
     lines.push(row());

package/src/pi-intercom/ui/inline-message.ts

@@ -1,25 +1,32 @@
-import type { Component } from "@earendil-works/pi-tui";
-import { truncateToWidth, visibleWidth, wrapTextWithAnsi } from "@earendil-works/pi-tui";
+import {
+  type Component,
+  truncateToWidth,
+  visibleWidth,
+  wrapTextWithAnsi,
+} from "@earendil-works/pi-tui";
 import { keyText, type Theme } from "@earendil-works/pi-coding-agent";
 import type { SessionInfo, Message } from "../types.ts";
 
+export interface InlineMessageOptions {
+  readonly from: SessionInfo;
+  readonly message: Message;
+  readonly replyCommand?: string;
+  readonly bodyText?: string;
+  readonly expanded?: boolean;
+}
+
 export class InlineMessageComponent implements Component {
-  private from: SessionInfo;
-  private message: Message;
-  private theme: Theme;
-  private replyCommand?: string;
-  private bodyText?: string;
-  private expanded: boolean;
   private cachedWidth?: number;
   private cachedLines?: string[];
+  private readonly expanded: boolean;
+
+  private readonly theme: Theme;
+  private readonly options: InlineMessageOptions;
 
-  constructor(from: SessionInfo, message: Message, theme: Theme, replyCommand?: string, bodyText?: string, expanded = true) {
-    this.from = from;
-    this.message = message;
+  constructor(theme: Theme, options: InlineMessageOptions) {
     this.theme = theme;
-    this.replyCommand = replyCommand;
-    this.bodyText = bodyText;
-    this.expanded = expanded;
+    this.options = options;
+    this.expanded = options.expanded ?? true;
   }
 
   invalidate(): void {
@@ -27,64 +34,75 @@ export class InlineMessageComponent implements Component {
     this.cachedLines = undefined;
   }
 
-  render(width: number): string[] {
-    if (this.cachedLines && this.cachedWidth === width) return this.cachedLines;
+  private row(line: string, width: number): string {
+    const text = truncateToWidth(line, width, "");
+    return this.theme.fg(
+      "accent",
+      `│${text}${" ".repeat(Math.max(0, width - visibleWidth(text)))}│`,
+    );
+  }
 
-    const lines: string[] = [];
-    const borderChar = "─";
-    if (width < 3) {
-      this.cachedWidth = width;
-      this.cachedLines = [truncateToWidth(`From ${this.from.name || this.from.id.slice(0, 8)}`, width)];
-      return this.cachedLines;
+  private bodyLines(width: number): string[] {
+    const body =
+      (this.options.bodyText ?? "").length > 0
+        ? (this.options.bodyText ?? "")
+        : this.options.message.content.text;
+    // Grouped results start with run, mode, status and child counts after the title.
+    const lines = this.expanded ? wrapTextWithAnsi(body, width) : body.split("\n").slice(2, 6);
+    if (!this.expanded) {
+      lines.push(this.theme.fg("dim", `${keyText("app.tools.expand")} full response`));
     }
-    const bodyWidth = Math.max(1, width - 2);
-
-    const senderName = this.from.name || this.from.id.slice(0, 8);
-    const header = ` 📨 From: ${senderName} (Native session cwd: ${this.from.cwd}) `;
-    const headerText = truncateToWidth(header, bodyWidth, "");
-    const headerPadding = Math.max(0, bodyWidth - visibleWidth(headerText));
-    lines.push(this.theme.fg("accent", `╭${headerText}${borderChar.repeat(headerPadding)}╮`));
+    return lines;
+  }
 
-    const body = this.bodyText || this.message.content.text;
-    // Grouped subagent results start with run, mode, status and child counts after the title.
-    const contentLines = this.expanded ? wrapTextWithAnsi(body, bodyWidth) : body.split("\n").slice(2, 6);
-    if (!this.expanded) contentLines.push(this.theme.fg("dim", `${keyText("app.tools.expand")} full response`));
-    for (const line of contentLines) {
-      const text = truncateToWidth(line, bodyWidth, "");
-      const padding = Math.max(0, bodyWidth - visibleWidth(text));
-      lines.push(this.theme.fg("accent", `│${text}${" ".repeat(padding)}│`));
+  private replyHint(width: number): string[] {
+    const command = this.options.replyCommand ?? "";
+    if (command.length === 0) {
+      return [];
     }
+    return ["", ...wrapTextWithAnsi(this.theme.fg("dim", ` ↩ To reply: ${command}`), width)];
+  }
 
-    if (this.replyCommand) {
-      lines.push(this.theme.fg("accent", `│${" ".repeat(bodyWidth)}│`));
-      const replyLines = wrapTextWithAnsi(this.theme.fg("dim", ` ↩ To reply: ${this.replyCommand}`), bodyWidth);
-      for (const line of replyLines) {
-        const text = truncateToWidth(line, bodyWidth, "");
-        const padding = Math.max(0, bodyWidth - visibleWidth(text));
-        lines.push(this.theme.fg("accent", `│${text}${" ".repeat(padding)}│`));
+  private footerLines(width: number): string[] {
+    const lines = this.replyHint(width);
+    const { bodyText, message } = this.options;
+    const attachments = message.content.attachments ?? [];
+    if (attachments.length > 0 && (bodyText ?? "").length === 0) {
+      lines.push("");
+      for (const attachment of attachments) {
+        lines.push(this.theme.fg("dim", ` 📎 ${attachment.name}`));
       }
     }
-
-    if (this.message.content.attachments?.length && !this.bodyText) {
-      lines.push(this.theme.fg("accent", `│${" ".repeat(bodyWidth)}│`));
-      for (const att of this.message.content.attachments) {
-        const label = this.theme.fg("dim", ` 📎 ${att.name}`);
-        const text = truncateToWidth(label, bodyWidth, "");
-        const padding = Math.max(0, bodyWidth - visibleWidth(text));
-        lines.push(this.theme.fg("accent", `│${text}${" ".repeat(padding)}│`));
-      }
+    const replyTo = message.replyTo ?? "";
+    if (replyTo.length > 0 && message.expectsReply !== true) {
+      lines.push("", this.theme.fg("dim", ` ↳ Reply to ${replyTo.slice(0, 8)}`));
     }
+    return lines;
+  }
 
-    if (this.message.replyTo && !this.message.expectsReply) {
-      lines.push(this.theme.fg("accent", `│${" ".repeat(bodyWidth)}│`));
-      const reply = this.theme.fg("dim", ` ↳ Reply to ${this.message.replyTo.slice(0, 8)}`);
-      const text = truncateToWidth(reply, bodyWidth, "");
-      const padding = Math.max(0, bodyWidth - visibleWidth(text));
-      lines.push(this.theme.fg("accent", `│${text}${" ".repeat(padding)}│`));
+  render(width: number): string[] {
+    if (this.cachedLines && this.cachedWidth === width) {
+      return this.cachedLines;
+    }
+    const { from } = this.options;
+    const senderName = (from.name ?? "").length > 0 ? (from.name ?? "") : from.id.slice(0, 8);
+    let lines: string[];
+    if (width < 3) {
+      lines = [truncateToWidth(`From ${senderName}`, width)];
+    } else {
+      const bodyWidth = Math.max(1, width - 2);
+      const header = truncateToWidth(
+        ` 📨 From: ${senderName} (Native session cwd: ${from.cwd}) `,
+        bodyWidth,
+        "",
+      );
+      const padding = Math.max(0, bodyWidth - visibleWidth(header));
+      lines = [this.theme.fg("accent", `╭${header}${"─".repeat(padding)}╮`)];
+      for (const line of [...this.bodyLines(bodyWidth), ...this.footerLines(bodyWidth)]) {
+        lines.push(this.row(line, bodyWidth));
+      }
+      lines.push(this.theme.fg("accent", `╰${"─".repeat(bodyWidth)}╯`));
     }
-
-    lines.push(this.theme.fg("accent", `╰${borderChar.repeat(bodyWidth)}╯`));
-
     this.cachedWidth = width;
     this.cachedLines = lines;
     return lines;