pum-agent 0.1.3-beta.2 → 0.2.0-beta.3

package/README.md

@@ -74,7 +74,7 @@ bun run login
 bun run start
 ```
 
-PUM opens the login panel automatically when no provider is available. Use `/login` later to add or update a provider.
+PUM opens the login panel automatically when no provider is available. Use `/login` later to add or update a provider. During browser-based login, PUM opens credential-free HTTP(S) authentication URLs with the platform browser. The URL remains selectable when automatic launch is unavailable.
 
 Resume the latest session for the current directory:
 
@@ -131,6 +131,28 @@ Set `PUM_DIR` to override PUM's complete configuration and data directory. Run `
 
 Useful commands include `/login`, `/history`, `/triggers`, `/clear`, `/compress`, and `/worktree`.
 
+### Copy transcript text
+
+Drag across transcript text with the left mouse button. PUM copies the completed selection when you release the button.
+
+- On local Windows, PUM first uses the native clipboard module. PUM then tries `clip.exe`.
+- On local macOS, PUM first uses the native clipboard module. PUM then tries `pbcopy`.
+- On local Linux, PUM tries `wl-copy`, `xclip`, or `xsel` when the matching display is available.
+- Over SSH or Mosh, PUM sends OSC 52 through OpenTUI. OpenTUI wraps OSC 52 for detected `tmux` sessions.
+
+Windows Terminal accepts OSC 52 from remote sessions. The terminal can still ask for clipboard-write approval.
+
+For `tmux`, enable clipboard integration and passthrough when the server configuration blocks OSC 52:
+
+```tmux
+set -g set-clipboard on
+set -g allow-passthrough on
+```
+
+Reload the `tmux` configuration after this change. Use the terminal's Shift-drag selection as a manual fallback.
+
+PUM limits remote OSC 52 payloads to 100,000 Base64 characters. This limit prevents large selections from corrupting terminal output.
+
 ## Parallel subagents
 
 PUM runs up to 10 active subagents by default. Configure a limit from 1 through 25 in Settings. Only starting and running agents count toward the limit. Each subagent has these resources:
@@ -264,7 +286,7 @@ Use a throwaway `PUM_DIR` for local integration tests. Capture TUI output throug
 
 ## Release status
 
-PUM `0.1` is in beta. Interfaces and persisted formats can still change before the stable release. Review the release notes before upgrading sessions or custom configuration.
+PUM `0.2` is in beta. Interfaces and persisted formats can still change before the stable release. Review the release notes before upgrading sessions or custom configuration.
 
 ## License
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pum-agent",
-  "version": "0.1.3-beta.2",
+  "version": "0.2.0-beta.3",
   "description": "A compact terminal coding agent powered by pi and OpenTUI.",
   "license": "MIT",
   "type": "module",

package/src/browser-launch.ts

@@ -0,0 +1,68 @@
+import { spawn } from "node:child_process";
+
+export type BrowserLaunchCommand = {
+  executable: string;
+  args: string[];
+};
+
+export type BrowserProcessSpawner = (
+  executable: string,
+  args: readonly string[],
+) => Promise<void>;
+
+export function credentialFreeHttpUrl(value: string): string | null {
+  try {
+    const url = new URL(value);
+    if (url.protocol !== "http:" && url.protocol !== "https:") return null;
+    if (url.username || url.password) return null;
+    return url.href;
+  } catch {
+    return null;
+  }
+}
+
+export function browserLaunchCommand(
+  platform: NodeJS.Platform,
+  url: string,
+): BrowserLaunchCommand | null {
+  if (platform === "win32") {
+    return {
+      executable: "rundll32.exe",
+      args: ["url.dll,FileProtocolHandler", url],
+    };
+  }
+  if (platform === "darwin") return { executable: "open", args: [url] };
+  if (platform === "linux") return { executable: "xdg-open", args: [url] };
+  return null;
+}
+
+const spawnBrowserProcess: BrowserProcessSpawner = (executable, args) =>
+  new Promise<void>((resolve, reject) => {
+    const child = spawn(executable, [...args], {
+      detached: true,
+      stdio: "ignore",
+      windowsHide: true,
+    });
+    child.once("spawn", resolve);
+    child.once("error", reject);
+    child.unref();
+  });
+
+export async function launchBrowserUrl(
+  value: string,
+  options: {
+    platform?: NodeJS.Platform;
+    spawn?: BrowserProcessSpawner;
+  } = {},
+): Promise<boolean> {
+  const url = credentialFreeHttpUrl(value);
+  if (!url) return false;
+  const command = browserLaunchCommand(options.platform ?? process.platform, url);
+  if (!command) return false;
+  try {
+    await (options.spawn ?? spawnBrowserProcess)(command.executable, command.args);
+    return true;
+  } catch {
+    return false;
+  }
+}

package/src/clipboard.ts

@@ -0,0 +1,152 @@
+import { CliRenderEvents, type CliRenderer, type Selection } from "@opentui/core";
+import { spawn } from "node:child_process";
+
+const MAX_OSC52_ENCODED_LENGTH = 100_000;
+
+type Environment = Record<string, string | undefined>;
+type NativeClipboard = { setText(text: string): Promise<void> };
+type CommandRunner = (command: string, args: string[], input: string) => Promise<void>;
+type Osc52Writer = (text: string) => boolean;
+
+export type ClipboardRoute = "native" | "command" | "osc52";
+
+export type ClipboardCopyOptions = {
+  platform?: NodeJS.Platform;
+  env?: Environment;
+  nativeClipboard?: NativeClipboard | null;
+  runner?: CommandRunner;
+  osc52?: Osc52Writer;
+};
+
+export type SelectionClipboardBinding = {
+  dispose(): void;
+  flush(): Promise<void>;
+};
+
+function isRemoteSession(env: Environment): boolean {
+  return Boolean(env.SSH_CONNECTION || env.SSH_CLIENT || env.MOSH_CONNECTION);
+}
+
+function osc52PayloadFits(text: string): boolean {
+  return Math.ceil(Buffer.byteLength(text, "utf8") / 3) * 4 <= MAX_OSC52_ENCODED_LENGTH;
+}
+
+async function loadNativeClipboard(): Promise<NativeClipboard | null> {
+  try {
+    return await import("@mariozechner/clipboard");
+  } catch {
+    return null;
+  }
+}
+
+function runClipboardCommand(command: string, args: string[], input: string): Promise<void> {
+  return new Promise((resolve, reject) => {
+    const child = spawn(command, args, {
+      stdio: ["pipe", "ignore", "ignore"],
+      windowsHide: true,
+    });
+    const timer = setTimeout(() => {
+      child.kill();
+      reject(new Error(`${command} timed out`));
+    }, 5000);
+    child.on("error", (error) => {
+      clearTimeout(timer);
+      reject(error);
+    });
+    child.on("close", (code) => {
+      clearTimeout(timer);
+      if (code === 0) resolve();
+      else reject(new Error(`${command} failed`));
+    });
+    child.stdin.on("error", () => {});
+    child.stdin.end(input);
+  });
+}
+
+async function tryCommand(
+  runner: CommandRunner,
+  command: string,
+  args: string[],
+  text: string,
+): Promise<boolean> {
+  try {
+    await runner(command, args, text);
+    return true;
+  } catch {
+    return false;
+  }
+}
+
+/** Copy completed OpenTUI selections without assuming local graphical access. */
+export async function copySelectionText(
+  text: string,
+  options: ClipboardCopyOptions = {},
+): Promise<ClipboardRoute> {
+  if (!text) throw new Error("Cannot copy an empty selection");
+
+  const platform = options.platform ?? process.platform;
+  const env = options.env ?? process.env;
+  const osc52 = options.osc52 ?? (() => false);
+
+  if (isRemoteSession(env)) {
+    if (osc52PayloadFits(text) && osc52(text)) return "osc52";
+    throw new Error("The remote terminal did not accept the OSC 52 clipboard copy");
+  }
+
+  if (platform === "win32" || platform === "darwin") {
+    const clipboard = options.nativeClipboard === undefined
+      ? await loadNativeClipboard()
+      : options.nativeClipboard;
+    try {
+      if (clipboard) {
+        await clipboard.setText(text);
+        return "native";
+      }
+    } catch {
+      // Use the platform command before the terminal fallback.
+    }
+  }
+
+  const runner = options.runner ?? runClipboardCommand;
+  if (platform === "win32" && await tryCommand(runner, "clip.exe", [], text)) return "command";
+  if (platform === "darwin" && await tryCommand(runner, "pbcopy", [], text)) return "command";
+  if (platform === "linux" && env.WAYLAND_DISPLAY
+    && await tryCommand(runner, "wl-copy", [], text)) return "command";
+  if (platform === "linux" && env.DISPLAY) {
+    if (await tryCommand(runner, "xclip", ["-selection", "clipboard"], text)) return "command";
+    if (await tryCommand(runner, "xsel", ["--clipboard", "--input"], text)) return "command";
+  }
+
+  if (osc52PayloadFits(text) && osc52(text)) return "osc52";
+  throw new Error("No supported clipboard route accepted the selected text");
+}
+
+export function installSelectionClipboard(
+  renderer: CliRenderer,
+  options: Omit<ClipboardCopyOptions, "osc52"> & {
+    onError?: (error: unknown) => void;
+  } = {},
+): SelectionClipboardBinding {
+  let pending = Promise.resolve();
+  const onSelection = (selection: Selection) => {
+    const text = selection.getSelectedText();
+    if (!text) return;
+    pending = pending
+      .then(() => copySelectionText(text, {
+        ...options,
+        osc52: (value) => renderer.copyToClipboardOSC52(value),
+      }))
+      .then(() => undefined)
+      .catch((error) => options.onError?.(error));
+  };
+
+  renderer.on(CliRenderEvents.SELECTION, onSelection);
+  return {
+    dispose() {
+      renderer.off(CliRenderEvents.SELECTION, onSelection);
+    },
+    flush() {
+      return pending;
+    },
+  };
+}

package/src/image-paste.ts

@@ -35,7 +35,7 @@ function ensureImageDir(): string {
 type CommandRunner = (command: string, args: string[]) => Promise<Buffer>;
 type NativeClipboard = {
   hasImage(): boolean;
-  getImageBinary(): Promise<Array<number>>;
+  getImageBinary(): Promise<ArrayLike<number>>;
 };
 
 export type ClipboardBackend = "windows" | "wayland" | "x11";
@@ -107,10 +107,17 @@ async function readWindowsClipboard(
   nativeClipboard: NativeClipboard | null | undefined,
 ): Promise<{ data: Buffer; mimeType: string; ext: string }> {
   const clipboard = nativeClipboard === undefined ? await loadNativeClipboard() : nativeClipboard;
-  if (clipboard?.hasImage()) {
-    const bytes = await clipboard.getImageBinary();
-    if (bytes.length > 0) {
-      return { data: Buffer.from(bytes), mimeType: "image/png", ext: "png" };
+  if (clipboard) {
+    try {
+      if (clipboard.hasImage()) {
+        const bytes = await clipboard.getImageBinary();
+        if (bytes.length > 0) {
+          return { data: Buffer.from(bytes), mimeType: "image/png", ext: "png" };
+        }
+      }
+    } catch {
+      // Native access can fail while another Windows process owns the clipboard.
+      // PowerShell gives Windows a second clipboard path before the paste fails.
     }
   }
 
@@ -172,6 +179,9 @@ export async function captureClipboardImage(options: {
   else if (backend === "x11") image = await readX11Clipboard(runner);
   else throw new Error("No supported graphical clipboard is available");
 
+  if (image.data.length > MAX_IMAGE_BYTES) {
+    throw new Error("Clipboard image is larger than 25 MB");
+  }
   const path = join(ensureImageDir(), `image-${++fileSequence}.${image.ext}`);
   writeFileSync(path, image.data);
   return { path, mimeType: image.mimeType };

package/src/login-controller.ts

@@ -1,5 +1,6 @@
 import type { AuthEvent, AuthPrompt } from "@earendil-works/pi-ai";
 import type { AgentSession, ModelRuntime } from "@earendil-works/pi-coding-agent";
+import { credentialFreeHttpUrl, launchBrowserUrl } from "./browser-launch";
 import type { LoginPage } from "./login-popup";
 import {
   customProviderId,
@@ -52,6 +53,8 @@ export class LoginController {
   private providerQuery = "";
   private providerSearchFocused = true;
   private retry?: () => void;
+  private latestBrowserAuthEvent?: Extract<AuthEvent, { type: "auth_url" | "device_code" }>;
+  private launchedAuthUrls = new Set<string>();
 
   constructor(
     private runtime: ModelRuntime,
@@ -59,6 +62,7 @@ export class LoginController {
     private show: (page: LoginPage) => void,
     private complete: (modelId?: string) => void,
     private closePopup: () => void,
+    private launchUrl: (url: string) => Promise<boolean> = launchBrowserUrl,
   ) {
     this.page = this.providerPage();
   }
@@ -86,6 +90,8 @@ export class LoginController {
 
   open() {
     this.cancelOperation();
+    this.latestBrowserAuthEvent = undefined;
+    this.launchedAuthUrls.clear();
     this.retry = undefined;
     this.providerCursor = 0;
     this.providerQuery = "";
@@ -153,11 +159,26 @@ export class LoginController {
     }
     const controller = new AbortController();
     this.cancelOperation();
+    this.latestBrowserAuthEvent = undefined;
+    this.launchedAuthUrls.clear();
     this.controller = controller;
     this.setPage({ kind: "working", providerName: method.providerName });
     void this.runtime.login(method.providerId, method.authType, {
       signal: controller.signal,
       notify: (event: AuthEvent) => {
+        if (event.type === "auth_url" || event.type === "device_code") {
+          this.latestBrowserAuthEvent = event;
+        }
+        const eventUrl = event.type === "auth_url"
+          ? event.url
+          : event.type === "device_code"
+            ? event.verificationUri
+            : undefined;
+        const safeUrl = eventUrl ? credentialFreeHttpUrl(eventUrl) : null;
+        if (safeUrl && !this.launchedAuthUrls.has(safeUrl)) {
+          this.launchedAuthUrls.add(safeUrl);
+          void this.launchUrl(safeUrl).catch(() => {});
+        }
         if (!this.promptWaiter) this.setPage({ kind: "working", providerName: method.providerName, event });
       },
       prompt: (prompt: AuthPrompt) => new Promise<string>((resolve, reject) => {
@@ -173,7 +194,15 @@ export class LoginController {
         const onAbort = () => rejectPrompt(new Error("Login cancelled"));
         prompt.signal?.addEventListener("abort", onAbort, { once: true });
         this.promptWaiter = { prompt, resolve: resolvePrompt, reject: rejectPrompt };
-        this.setPage({ kind: "prompt", providerName: method.providerName, prompt, cursor: 0, value: "", secretLength: 0 });
+        this.setPage({
+          kind: "prompt",
+          providerName: method.providerName,
+          prompt,
+          event: this.latestBrowserAuthEvent,
+          cursor: 0,
+          value: "",
+          secretLength: 0,
+        });
       }),
     }).then(() => {
       this.promptWaiter = undefined;

package/src/login-popup.tsx

@@ -7,7 +7,7 @@ import { PopupFrame } from "./popup-frame";
 
 export type LoginPage =
   | { kind: "providers"; methods: readonly LoginMethod[]; cursor: number; query: string; searchFocused: boolean; customVisible: boolean }
-  | { kind: "prompt"; providerName: string; prompt: AuthPrompt; cursor: number; value: string; secretLength: number }
+  | { kind: "prompt"; providerName: string; prompt: AuthPrompt; event?: AuthEvent; cursor: number; value: string; secretLength: number }
   | { kind: "working"; providerName: string; event?: AuthEvent }
   | { kind: "custom-endpoint"; endpoint: string }
   | { kind: "custom-key"; endpoint: string; secretLength: number }
@@ -151,6 +151,9 @@ export function LoginPopup({ theme, page, terminalWidth, terminalHeight, onProvi
         <text content={terminalWidth < 48 ? "/ search  ↑↓ move  enter  esc" : "/ search   ↑↓ move   enter select   esc close"} fg={theme.dim} bg={theme.popupBg} wrapMode="none" style={{ height: 1, flexShrink: 0 }} />
       </> : page.kind === "prompt" ? <>
         <text content={page.providerName} fg={theme.accent} bg={theme.popupBg} />
+        {page.event?.type === "auth_url" || page.event?.type === "device_code"
+          ? <EventDetails theme={theme} event={page.event} />
+          : null}
         <text content={page.prompt.message} fg={theme.fg} bg={theme.popupBg} wrapMode="word" />
         <box style={{ height: 1, flexShrink: 0 }} />
         {page.prompt.type === "select" ? page.prompt.options.map((option, index) => {
@@ -165,7 +168,7 @@ export function LoginPopup({ theme, page, terminalWidth, terminalHeight, onProvi
         <text content={page.providerName} fg={theme.accent} bg={theme.popupBg} />
         <box style={{ height: 1, flexShrink: 0 }} />
         <EventDetails theme={theme} event={page.event} />
-        <text content="URLs and codes are selectable for copying. Esc cancels." fg={theme.dim} bg={theme.popupBg} style={{ marginTop: 1 }} />
+        <text content="PUM opens safe URLs automatically. URLs and codes remain selectable. Esc cancels." fg={theme.dim} bg={theme.popupBg} style={{ marginTop: 1 }} />
       </> : page.kind === "custom-endpoint" ? <>
         <text content="Enter the server endpoint. PUM probes /models and configures OpenAI Chat Completions only after that probe succeeds." fg={theme.fg} bg={theme.popupBg} wrapMode="word" />
         <box style={{ height: 1, flexShrink: 0 }} />

package/src/main.tsx

@@ -1,4 +1,4 @@
-import { createCliRenderer } from "@opentui/core";
+import { createCliRenderer, destroyTreeSitterClient } from "@opentui/core";
 import { createRoot } from "@opentui/react";
 import {
   createAgentSessionFromServices,
@@ -28,6 +28,7 @@ import { SubagentManager } from "./subagents/manager";
 import { cleanupPendingImages } from "./image-paste";
 import { shutdownSignals } from "./platform";
 import { createShutdown } from "./shutdown";
+import { settleSyntaxHighlighting } from "./syntax";
 import { applyPatchExtension } from "./apply-patch";
 import { QuestionnaireManager } from "./questionnaire";
 import { SpawnPreviewManager } from "./subagents/spawn-preview";
@@ -40,6 +41,7 @@ import {
   systemTriggerClock,
 } from "./triggers/process";
 import type { StartupOptions } from "./cli";
+import { installSelectionClipboard } from "./clipboard";
 
 export async function start(options: StartupOptions): Promise<void> {
   mkdirSync(AGENT_DIR, { recursive: true });
@@ -183,13 +185,23 @@ export async function start(options: StartupOptions): Promise<void> {
   if (sessionRuntime.modelFallbackMessage) console.error(sessionRuntime.modelFallbackMessage);
 
   const renderer = await createCliRenderer({ exitOnCtrlC: false });
+  const selectionClipboard = installSelectionClipboard(renderer);
   const root = createRoot(renderer);
   const shutdown = createShutdown({
-    unmount: () => root.unmount(),
-    cleanup: cleanupPendingImages,
+    unmount: async () => {
+      await settleSyntaxHighlighting(renderer.root);
+      root.unmount();
+    },
+    cleanup: () => {
+      selectionClipboard.dispose();
+      cleanupPendingImages();
+    },
     shutdownTriggers: () => triggerManager.shutdown(),
     dispose: () => sessionRuntime.dispose(),
-    destroy: () => renderer.destroy(),
+    destroy: async () => {
+      renderer.destroy();
+      await destroyTreeSitterClient();
+    },
     exit: (code) => process.exit(code),
   });
   for (const signal of shutdownSignals()) {

package/src/shutdown.ts

@@ -1,9 +1,9 @@
 export type ShutdownActions = {
-  unmount(): void;
+  unmount(): void | Promise<void>;
   cleanup(): void;
   shutdownTriggers?(): Promise<void>;
   dispose(): Promise<void>;
-  destroy(): void;
+  destroy(): void | Promise<void>;
   exit(code: number): void;
 };
 
@@ -13,16 +13,22 @@ export function createShutdown(actions: ShutdownActions): (code: number) => Prom
     if (exiting) return;
     exiting = true;
     try {
-      actions.unmount();
-      actions.cleanup();
       try {
-        await actions.shutdownTriggers?.();
+        await actions.unmount();
       } finally {
-        await actions.dispose();
+        actions.cleanup();
+        try {
+          await actions.shutdownTriggers?.();
+        } finally {
+          await actions.dispose();
+        }
       }
     } finally {
-      actions.destroy();
-      actions.exit(code);
+      try {
+        await actions.destroy();
+      } finally {
+        actions.exit(code);
+      }
     }
   };
 }

package/src/syntax.ts

@@ -1,6 +1,20 @@
-import { SyntaxStyle } from "@opentui/core";
+import { CodeRenderable, SyntaxStyle, type BaseRenderable } from "@opentui/core";
 import type { Theme } from "./theme";
 
+/** Wait for every highlight request that belongs to a renderable tree. */
+export async function settleSyntaxHighlighting(root: BaseRenderable): Promise<void> {
+  const pending: Promise<void>[] = [];
+  const visit = (renderable: BaseRenderable) => {
+    if (renderable instanceof CodeRenderable) pending.push(renderable.highlightingDone);
+    for (const child of renderable.getChildren()) visit(child);
+  };
+  visit(root);
+
+  const results = await Promise.allSettled(pending);
+  const failure = results.find((result): result is PromiseRejectedResult => result.status === "rejected");
+  if (failure) throw failure.reason;
+}
+
 /**
  * OpenTUI's <markdown> and <code> need a SyntaxStyle and ship no default. The
  * keys are tree-sitter capture names from the bundled highlight queries;

package/src/transcript.tsx

@@ -1,4 +1,5 @@
-import { StyledText, fg, type SyntaxStyle } from "@opentui/core";
+import { StyledText, fg, type MarkdownRenderable, type SyntaxStyle } from "@opentui/core";
+import type { MarkdownProps } from "@opentui/react";
 import {
   useBlinkingText,
   useMarkdownCaret,
@@ -32,6 +33,16 @@ export type PendingTranscriptState = {
   pending: PendingLine[];
 };
 
+/** OpenTUI 0.5.1 supports Markdown selection at runtime but omits the React prop. */
+function SelectableMarkdown({ ref, ...props }: MarkdownProps) {
+  const setRef = (renderable: MarkdownRenderable | null) => {
+    if (renderable) renderable.selectable = true;
+    if (typeof ref === "function") ref(renderable);
+    else if (ref) ref.current = renderable;
+  };
+  return <markdown {...props} ref={setRef} />;
+}
+
 /** Resolve a delivered message without splitting the active streamed output. */
 export function resolvePendingDelivery<T extends PendingTranscriptState>(value: T, id: string): T {
   const pending = value.pending.find((item) => item.id === id);
@@ -187,7 +198,7 @@ export function TextLine({
         glyphColor={color}
         background={isUser ? theme.userBg : undefined}
       >
-        <markdown
+        <SelectableMarkdown
           ref={isAssistant && workingCaret ? markdownCaret.ref : undefined}
           content={isAssistant && workingCaret ? markdownCaret.content : text}
           streaming={false}
@@ -205,6 +216,7 @@ export function TextLine({
         ref={workingCaret ? textCaret : undefined}
         content={workingCaret ? undefined : displayText}
         fg={color}
+        selectable
         wrapMode="word"
         style={{ flexGrow: 1, flexShrink: 1, minWidth: 0, width: "100%" }}
       />
@@ -238,7 +250,7 @@ export function StreamLine({
   return (
     <Row glyph={GUTTER} glyphColor={color}>
       {role === "assistant" ? (
-        <markdown
+        <SelectableMarkdown
           ref={markdown.ref}
           content={markdown.content}
           streaming
@@ -249,6 +261,7 @@ export function StreamLine({
       ) : (
         <text
           ref={shimmer}
+          selectable
           wrapMode="word"
           style={{ flexGrow: 1, flexShrink: 1, minWidth: 0, width: "100%" }}
         />
@@ -274,10 +287,11 @@ export function PendingMessageLine({
           <text
             content={`${line.sender} → ${line.recipient} · queued`}
             fg={theme.dim}
+            selectable
             wrapMode="word"
             style={{ width: "100%", flexShrink: 1, minWidth: 0 }}
           />
-          <markdown
+          <SelectableMarkdown
             content={line.text}
             streaming={false}
             syntaxStyle={syntaxStyle}
@@ -291,7 +305,7 @@ export function PendingMessageLine({
 
   return (
     <Row glyph="○ " glyphColor={theme.dim} background={theme.userBg}>
-      <markdown
+      <SelectableMarkdown
         content={line.text}
         streaming={false}
         syntaxStyle={syntaxStyle}
@@ -317,10 +331,11 @@ export function AgentMessageLine({
         <text
           content={`${line.sender} → ${line.recipient}`}
           fg={theme.agentMessage}
+          selectable
           wrapMode="word"
           style={{ width: "100%", flexShrink: 1, minWidth: 0 }}
         />
-        <markdown
+        <SelectableMarkdown
           content={line.text}
           streaming={false}
           syntaxStyle={syntaxStyle}
@@ -376,10 +391,11 @@ export function ToolLine({
       background={rejected ? theme.rejectionBg : undefined}
     >
       <box style={{ flexDirection: "row", flexGrow: 1, flexShrink: 1, minWidth: 0 }}>
-        {prefix ? <text content={prefix} style={{ flexShrink: 0 }} /> : null}
+        {prefix ? <text content={prefix} selectable style={{ flexShrink: 0 }} /> : null}
         <text
           ref={workingCaret ? caret : undefined}
           content={workingCaret ? undefined : new StyledText(bodyChunks)}
+          selectable
           wrapMode="word"
           style={{ flexGrow: 1, flexShrink: 1, minWidth: 0 }}
         />