Add copy buttons to code blocks and tool input and output

web/src/task.ts

@@ -1,5 +1,5 @@
 import { get, post, type AgentSession, type ByreEvent, type Participant, type Schemas, type Snapshot } from "./api.js";
-import { ago, errorText, h, replace, showAlert, showConfirm } from "./dom.js";
+import { ago, copyable, errorText, h, replace, showAlert, showConfirm } from "./dom.js";
 import { markdown } from "./markdown.js";
 import { previewURL } from "./preview.js";
 import { reviewCounts } from "./reviews.js";
@@ -837,7 +837,7 @@ function renderToolCall(p: Record<string, unknown>, ctx: Ctx): HTMLElement {
     "details",
     { class: "tool" },
     h("summary", {}, subagentTag(parentOf(p), ctx), h("span", { class: "tool-name" }, String(p["name"])), " ", h("span", { class: "tool-brief" }, toolBrief(p["input"], ctx.root()))),
-    h("pre", { class: "tool-input" }, JSON.stringify(p["input"], null, 2)),
+    copyable(h("pre", { class: "tool-input" }, JSON.stringify(p["input"], null, 2))),
     result,
   );
 }
@@ -982,7 +982,7 @@ function renderEvent(ev: ByreEvent, ctx: Ctx): HTMLElement | null {
 
     case "agent.tool_result": {
       const target = ctx.tools.get(String(p["tool_use_id"]));
-      const body = h("pre", {}, resultText(p["content"]));
+      const body = copyable(h("pre", {}, resultText(p["content"])));
       if (!target) {
         return h("div", { class: "tool-result orphan" }, body);
       }